@keyframes a {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
body,
html {
height: 100%;
}
body {
font-family: Roboto, "sans-serif";
font-size: 16px;
font-weight: 400;
line-height: 1.5;
background: #fff;
color: #3d464d;
text-align: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-y: scroll;
}
a,
a:hover {
color: #1a66ff;
}
a:hover {
text-decoration: none;
}
label {
margin-bottom: 0.25rem;
}
h1 {
font-size: 36px;
}
h1,
h2 {
font-weight: 700;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h3,
h4 {
font-weight: 700;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h5,
h6 {
font-weight: 700;
}
h6 {
font-size: 16px;
}
.document {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 85px 200px 120px;
}
.document__header {
text-align: center;
margin-bottom: 80px;
}
.document__subtitle {
margin-top: 12px;
font-size: 14px;
line-height: 22px;
color: #999;
}
@media (max-width: 1199px) {
.document {
padding: 75px 110px 110px;
}
.document__header {
margin-bottom: 60px;
}
}
@media (max-width: 991px) {
.document {
padding: 45px 35px 90px;
}
.document__header {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.document {
padding: 35px 30px 80px;
}
.document__header {
margin-bottom: 30px;
}
.document__subtitle {
margin-top: 6px;
}
}
@media (max-width: 575px) {
.document {
padding: 26px 20px 40px;
}
.document__header {
text-align: left;
}
}
.fake-svg-icon {
font-family: stroyka !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: none;
vertical-align: top;
}
.fake-svg-icon--wishlist-16 {
width: 16px;
height: 16px;
font-size: 16px;
}
.fake-svg-icon--wishlist-16:before {
content: "\e904";
}
.fake-svg-icon--compare-16 {
width: 16px;
height: 16px;
font-size: 16px;
}
.fake-svg-icon--compare-16:before {
content: "\e901";
}
.page-header__container {
padding-bottom: 32px;
}
.page-header__breadcrumb {
padding-top: 16px;
}
.page-header__title {
padding-top: 12px;
}
.site {
min-height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.site__header {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.site__body {
-ms-flex-positive: 1;
flex-grow: 1;
}
.site__footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.alert {
border: none;
border-radius: 2px;
font-size: 15px;
line-height: 20px;
padding: 0.75rem 1rem;
}
.alert a {
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: currentColor;
background: hsla(0, 0%, 100%, 0.5);
border-radius: 1.5px;
padding: 0 3px;
}
.alert a:hover {
background: hsla(0, 0%, 100%, 0.85);
}
.alert a:active {
background: hsla(0, 0%, 100%, 0.5);
}
.alert-primary {
background: #b2d9ff;
color: #36414d;
}
.alert-secondary {
background: #d9d9d9;
color: #4d4d4d;
}
.alert-info {
background: #b8e2e5;
color: #2d3e40;
}
.alert-success {
background: #bde5a1;
color: #34402d;
}
.alert-danger {
background: #ffb8b8;
color: #473333;
}
.alert-warning {
background: #f2e291;
color: #4d472e;
}
.alert-lg {
font-size: 16px;
padding: 1.125rem 1.375rem;
}
.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .close {
opacity: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 1rem;
height: 100%;
transition: all 0.2s;
fill: rgba(0, 0, 0, 0.3);
border-radius: 0 1.5px 1.5px 0;
background: transparent;
}
.alert-dismissible .close:focus {
outline: none;
}
.alert-dismissible .close:not(:disabled):not(.disabled):focus,
.alert-dismissible .close:not(:disabled):not(.disabled):hover {
background: rgba(0, 0, 0, 0.08);
fill: rgba(0, 0, 0, 0.5);
opacity: 1;
}
.badge {
border-radius: 1.5px;
font-weight: 500;
padding: 0.25em 0.5em;
}
.block-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
}
.block-header__title {
margin-bottom: 0;
font-size: 20px;
}
.block-header__divider {
-ms-flex-positive: 1;
flex-grow: 1;
height: 2px;
background: #ebebeb;
}
.block-header__groups-list {
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 500;
white-space: nowrap;
}
.block-header__groups-list li + li {
margin-left: 3px;
}
.block-header__group {
background: transparent;
border: none;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
cursor: pointer;
display: block;
color: inherit;
padding: 2px 11px 1px;
border-radius: 12px;
box-shadow: none;
}
.block-header__group:focus {
outline: none;
}
.block-header__group:focus,
.block-header__group:hover {
box-shadow: inset 0 0 0 2px #ebebeb;
color: inherit;
}
.block-header__group--active,
.block-header__group--active:focus,
.block-header__group--active:hover {
cursor: default;
box-shadow: inset 0 0 0 2px #ffd333;
}
.block-header__arrow,
.block-header__arrows-list {
display: -ms-flexbox;
display: flex;
}
.block-header__arrow {
width: 27px;
height: 29px;
padding: 0;
margin: 0;
border: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
fill: #999;
border-radius: 1.5px;
background: #f2f2f2;
transition: all 0.15s;
}
.block-header__arrow:focus {
outline: none;
}
.block-header__arrow:focus,
.block-header__arrow:hover {
background: #ffd333;
fill: #3d464d;
}
.block-header__arrow:active {
transition-duration: 0s;
background: #ffdc5c;
fill: #3d464d;
}
.block-header__arrow + .block-header__arrow {
margin-left: 3px;
}
.block-header__arrow--left svg {
position: relative;
left: -1px;
}
.block-header__arrow--right svg {
position: relative;
left: 1px;
}
.block-header__title + .block-header__divider {
margin-left: 16px;
}
.block-header__divider + .block-header__groups-list {
margin-left: 12px;
}
.block-header__groups-list + .block-header__arrows-list {
margin-left: 10px;
}
.block-header__divider + .block-header__arrows-list {
margin-left: 16px;
}
@media (max-width: 767px) {
.block-header {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-header__groups-list {
padding: 8px 0;
margin-top: 8px;
margin-bottom: -8px;
-ms-flex-order: 100;
order: 100;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.block-header__divider + .block-header__groups-list {
margin-left: auto;
margin-right: auto;
}
.block-header__divider
+ .block-header__groups-list
+ .block-header__arrows-list {
margin-left: 16px;
}
}
.breadcrumb {
background: transparent;
padding: 0;
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
}
.breadcrumb-item {
position: relative;
padding-right: 30px;
}
.breadcrumb-item a {
color: inherit;
transition: color 0.15s;
}
.breadcrumb-item a:hover {
color: #1a66ff;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0;
}
.breadcrumb-item + .breadcrumb-item:before {
display: none;
}
.breadcrumb-item.active {
color: #999;
}
.breadcrumb-arrow {
fill: #d1d1d1;
position: absolute;
right: 11px;
top: 5px;
}
.btn {
border-radius: 2px;
transition: all 0.1s ease-in-out;
font-size: 1rem;
height: calc(2.25rem + 2px);
line-height: 1.5;
padding: 0.375rem 1.25rem;
font-weight: 500;
}
.btn.btn-svg-icon {
width: calc(2.25rem + 2px);
}
.btn-lg {
font-size: 1.125rem;
height: calc(2.75rem + 2px);
padding: 0.8125rem 2rem;
line-height: 1;
font-weight: 500;
}
.btn-lg.btn-svg-icon {
width: calc(2.75rem + 2px);
}
.btn-xl {
font-size: 1.375rem;
height: calc(3.625rem + 2px);
padding: 1.125rem 3rem;
line-height: 1;
font-weight: 500;
}
.btn-xl.btn-svg-icon {
width: calc(3.625rem + 2px);
}
.btn-sm {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.btn-sm.btn-svg-icon {
width: calc(1.875rem + 2px);
}
.btn-xs {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.btn-xs.btn-svg-icon {
width: calc(1.5rem + 2px);
}
.btn-svg-icon {
padding: 0;
position: relative;
}
.btn-svg-icon svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.btn-svg-icon--fake-svg .fake-svg-icon {
transition: all 0.1s ease-in-out;
display: none;
}
@supports (-ms-ime-align: auto) {
.btn-svg-icon--fake-svg svg {
display: none;
}
.btn-svg-icon--fake-svg .fake-svg-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
border-color: #3d464d;
background: #3d464d;
color: #fff;
fill: #fff;
}
.btn-primary.focus .fake-svg-icon,
.btn-primary:focus .fake-svg-icon,
.btn-primary:hover .fake-svg-icon {
color: #fff;
}
.btn-primary.focus,
.btn-primary:focus {
box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
border-color: #546069;
background: #546069;
color: #fff;
fill: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active .fake-svg-icon,
.btn-primary:not(:disabled):not(.disabled):active .fake-svg-icon {
color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
border-color: #ffd333;
background: #ffd333;
color: #3d464d;
fill: #3d464d;
}
.btn-primary.disabled .fake-svg-icon,
.btn-primary .fake-svg-icon,
.btn-primary:disabled .fake-svg-icon {
color: #3d464d;
}
.btn-primary.btn-loading:not(:disabled):not(.disabled),
.btn-primary.btn-loading:not(:disabled):not(.disabled).active,
.btn-primary.btn-loading:not(:disabled):not(.disabled):active {
cursor: default;
border-color: #ffd333;
background: #ffd333;
}
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
border-color: #3d464d;
background: #3d464d;
color: #fff;
fill: #fff;
}
.btn-secondary.focus .fake-svg-icon,
.btn-secondary:focus .fake-svg-icon,
.btn-secondary:hover .fake-svg-icon {
color: #fff;
}
.btn-secondary.focus,
.btn-secondary:focus {
box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
border-color: #546069;
background: #546069;
color: #fff;
fill: #fff;
}
.btn-secondary:not(:disabled):not(.disabled).active .fake-svg-icon,
.btn-secondary:not(:disabled):not(.disabled):active .fake-svg-icon {
color: #fff;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled {
border-color: #f0f0f0;
background: #f0f0f0;
color: #3d464d;
fill: #3d464d;
}
.btn-secondary.disabled .fake-svg-icon,
.btn-secondary .fake-svg-icon,
.btn-secondary:disabled .fake-svg-icon {
color: #3d464d;
}
.btn-secondary.btn-loading:not(:disabled):not(.disabled),
.btn-secondary.btn-loading:not(:disabled):not(.disabled).active,
.btn-secondary.btn-loading:not(:disabled):not(.disabled):active {
cursor: default;
border-color: #f0f0f0;
background: #f0f0f0;
}
.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
border-color: #f0f0f0;
background: #f0f0f0;
color: #3d464d;
fill: #3d464d;
}
.btn-light.focus .fake-svg-icon,
.btn-light:focus .fake-svg-icon,
.btn-light:hover .fake-svg-icon {
color: #3d464d;
}
.btn-light.focus,
.btn-light:focus {
box-shadow: none;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
border-color: #e5e5e5;
background: #e5e5e5;
color: #3d464d;
fill: #3d464d;
}
.btn-light:not(:disabled):not(.disabled).active .fake-svg-icon,
.btn-light:not(:disabled):not(.disabled):active .fake-svg-icon {
color: #3d464d;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus {
box-shadow: none;
}
.btn-light,
.btn-light.disabled,
.btn-light:disabled {
border-color: transparent;
background: transparent;
color: #3d464d;
fill: #ccc;
}
.btn-light.disabled .fake-svg-icon,
.btn-light .fake-svg-icon,
.btn-light:disabled .fake-svg-icon {
color: #ccc;
}
.btn-light.btn-loading:not(:disabled):not(.disabled),
.btn-light.btn-loading:not(:disabled):not(.disabled).active,
.btn-light.btn-loading:not(:disabled):not(.disabled):active {
cursor: default;
border-color: transparent;
background: transparent;
}
.btn-loading {
position: relative;
}
.btn-loading,
.btn-loading.disabled,
.btn-loading.focus,
.btn-loading:disabled,
.btn-loading:focus,
.btn-loading:hover,
.btn-loading:not(:disabled):not(.disabled).active,
.btn-loading:not(:disabled):not(.disabled):active {
color: transparent;
fill: transparent;
}
.btn-loading:after {
display: block;
content: "";
position: absolute;
border: 2px solid rgba(0, 0, 0, 0.1);
border-top-color: rgba(0, 0, 0, 0.5);
transition: border-color 0.1s;
animation-name: a;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
left: calc(50% - 11px);
top: calc(50% - 11px);
width: 22px;
height: 22px;
border-radius: 11px;
}
.btn-loading.btn-xl:after {
left: calc(50% - 21px);
top: calc(50% - 21px);
width: 42px;
height: 42px;
border-radius: 21px;
}
.btn-loading.btn-lg:after {
left: calc(50% - 14px);
top: calc(50% - 14px);
width: 28px;
height: 28px;
border-radius: 14px;
}
.btn-loading.btn-sm:after {
left: calc(50% - 8px);
top: calc(50% - 8px);
width: 16px;
height: 16px;
border-radius: 8px;
}
.btn-loading.btn-xs:after {
left: calc(50% - 7px);
top: calc(50% - 7px);
width: 14px;
height: 14px;
border-radius: 7px;
}
.card {
border: 2px solid #f0f0f0;
border-radius: 2px;
}
.card-body {
padding: 2rem;
}
.card-title {
margin-bottom: 1.75rem;
}
.card-divider {
height: 2px;
background: #f0f0f0;
}
.form-group {
margin-bottom: 1.5rem;
}
.form-check {
padding-left: 1.5rem;
}
.form-check-input {
position: absolute;
margin-top: 0.1875rem;
margin-left: -1.5rem;
}
.form-control {
border-radius: 2px;
line-height: 1.25;
}
.form-control-sm {
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.3125rem 0.5rem;
}
.form-control-lg {
height: calc(2.75rem + 2px);
line-height: 1.25;
}
.form-control.is-invalid,
.form-control.is-valid,
.form-control:invalid,
.form-control:valid {
background-image: none;
}
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
}
select.form-control::-ms-expand {
display: none;
}
select.form-control,
select.form-control.is-invalid,
select.form-control.is-valid,
select.form-control:invalid,
select.form-control:valid {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%234d4d4d' d='M4.503 4H.497c-.403 0-.639-.508-.408-.878L2.095.233a.469.469 0 0 1 .816 0l2 2.889c.231.37-.005.878-.408.878zM.497 6h4.006c.403 0 .639.504.408.871L2.905 9.737a.47.47 0 0 1-.816 0l-2-2.866C-.142 6.504.094 6 .497 6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 5px 10px;
background-position: right 0.75rem center;
padding-right: calc(0.75rem * 2 + 5px);
}
select.form-control-sm,
select.form-control-sm.is-invalid,
select.form-control-sm.is-valid,
select.form-control-sm:invalid,
select.form-control-sm:valid {
background-position: right 0.5rem center;
padding-right: calc(0.5rem * 2 + 5px);
}
select.form-control-lg,
select.form-control-lg.is-invalid,
select.form-control-lg.is-valid,
select.form-control-lg:invalid,
select.form-control-lg:valid {
background-position: right 1rem center;
padding-right: calc(1rem * 2 + 5px);
}
.input-check {
display: inline-block;
}
.input-check__body {
display: block;
position: relative;
width: 16px;
height: 16px;
}
.input-check__input {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: inherit;
}
.input-check__box {
display: block;
width: 16px;
height: 16px;
border-radius: 1.2px;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
transition: background 0.15s, box-shadow 0.15s;
}
.input-check__icon {
position: absolute;
left: 4px;
top: 5px;
fill: #fff;
transform: scale(0);
transition: fill 0.15s, transform 0.15s, visibility 0s 0.15s;
}
.input-check__input:checked ~ .input-check__box {
background: #ffd333;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.input-check__input:checked ~ .input-check__icon {
fill: #3d464d;
transition-delay: 0s, 0s, 0s;
transform: scale(1);
}
.input-check__input:disabled ~ .input-check__box {
background: #f2f2f2;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.input-check__input:disabled ~ .input-check__icon {
fill: rgba(0, 0, 0, 0.2);
}
.input-check-color {
display: inline-block;
}
.input-check-color__body {
display: block;
position: relative;
width: 22px;
height: 22px;
border-radius: 1.2px;
overflow: hidden;
cursor: inherit;
margin: 0;
}
.input-check-color__input {
position: absolute;
visibility: hidden;
}
.input-check-color__box {
display: block;
width: 22px;
height: 22px;
border-radius: 1.2px;
background: currentColor;
cursor: inherit;
}
.input-check-color__icon {
position: absolute;
left: 5px;
top: 6px;
fill: #fff;
transform: scale(0);
transition: transform 0.15s;
}
.input-check-color__input:checked ~ .input-check-color__icon {
transform: scale(1);
}
.input-check-color__input:disabled {
cursor: default;
}
.input-check-color__input:disabled ~ .input-check-color__box {
position: relative;
left: 0;
top: 0;
width: 22px;
height: 22px;
opacity: 0.5;
cursor: default;
}
.input-check-color__input:disabled ~ .input-check-color__stick {
pointer-events: none;
display: block;
position: absolute;
width: 2px;
border-radius: 1px;
height: 34px;
left: calc(50% - 1px);
top: -6px;
background: hsla(0, 0%, 40%, 0.9);
transform: rotate(45deg);
transform-origin: center center;
}
.input-check-color--light .input-check-color__icon {
fill: #3d464d;
}
.input-check-color--white .input-check-color__box {
box-shadow: inset 0 0 0 2px #d9d9d9;
}
.input-check-color--white .input-check-color__icon {
fill: #bfbfbf;
}
.input-number {
display: block;
width: 100%;
position: relative;
}
.input-number__input {
-moz-appearance: textfield;
display: block;
width: 100%;
min-width: 88px;
padding: 0 24px 1px;
text-align: center;
}
.input-number__input::-webkit-inner-spin-button,
.input-number__input::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.input-number__add,
.input-number__sub {
position: absolute;
height: 100%;
width: 24px;
top: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.3;
transition: opacity 0.18s;
}
.input-number__add:after,
.input-number__add:before,
.input-number__sub:after,
.input-number__sub:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background: currentColor;
}
.input-number__add:before,
.input-number__sub:before {
width: 8px;
height: 2px;
}
.input-number__add:hover,
.input-number__sub:hover {
opacity: 1;
}
.input-number__sub {
left: 1px;
}
.input-number__add {
right: 1px;
}
.input-number__add:after {
width: 2px;
height: 8px;
}
.input-radio {
display: inline-block;
}
.input-radio__body {
display: block;
position: relative;
width: 16px;
height: 16px;
}
.input-radio__input {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: inherit;
}
.input-radio__circle {
display: block;
width: 16px;
height: 16px;
border-radius: 8px;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.17);
transition: background 0.2s, box-shadow 0.2s;
}
.input-radio__circle:after {
display: block;
content: "";
position: absolute;
left: 5px;
top: 5px;
width: 6px;
height: 6px;
border-radius: 3px;
background: #fff;
transform: scale(0);
transition: background 0.2s, transform 0.2s, visibility 0s 0.2s;
visibility: hidden;
}
.input-radio__input:checked ~ .input-radio__circle {
background: #ffd333;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.input-radio__input:checked ~ .input-radio__circle:after {
background: #3d464d;
visibility: visible;
transition-delay: 0s, 0s, 0s;
transform: scale(1);
}
.input-radio__input:disabled ~ .input-radio__circle {
background: #f2f2f2;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.input-radio__input:disabled ~ .input-radio__circle:after {
background: rgba(0, 0, 0, 0.2);
}
.input-radio-color {
display: block;
}
.input-radio-color__list {
padding: 1px 0;
display: -ms-flexbox;
display: flex;
margin: -2px;
}
.input-radio-color__item {
width: 30px;
height: 30px;
display: block;
margin: 2px;
cursor: pointer;
}
.input-radio-color__item input {
pointer-events: none;
opacity: 0;
position: absolute;
}
.input-radio-color__item span {
position: relative;
width: 30px;
height: 30px;
display: block;
border-radius: 15px;
background: currentColor;
transform: scale(0.73333);
transition: transform 0.2s;
}
.input-radio-color__item span:after,
.input-radio-color__item span:before {
display: block;
position: absolute;
content: "";
border-radius: 1000px;
}
.input-radio-color__item span:before {
left: 3px;
top: 3px;
width: 24px;
height: 24px;
background: #fff;
transform: scale(0);
transition: transform 0.2s;
}
.input-radio-color__item span:after {
left: 8px;
top: 8px;
width: 14px;
height: 14px;
background: currentColor;
transform: scale(0);
transition: transform 0.2s;
}
.input-radio-color__item:hover input:enabled ~ span {
transform: scale(0.86667);
}
.input-radio-color__item input:enabled:checked ~ span,
.input-radio-color__item input:enabled:checked ~ span:after,
.input-radio-color__item input:enabled:checked ~ span:before {
transform: scale(1);
}
.input-radio-color__item--disabled {
cursor: default;
}
.input-radio-color__item--disabled span {
transform: scale(0.75);
}
.input-radio-color__item--disabled span:before {
transform: scale(1.33) rotate(45deg);
left: 14px;
top: -1px;
width: 2px;
height: calc(100% + 2px);
background: rgba(0, 0, 0, 0.3);
}
.input-radio-color__item--white span,
.input-radio-color__item--white span:after {
box-shadow: inset 0 0 0 2px #ccc;
}
.input-radio-label {
display: block;
font-size: 14px;
font-weight: 500;
}
.input-radio-label__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -3px;
}
.input-radio-label__list input {
position: absolute;
pointer-events: none;
opacity: 0;
}
.input-radio-label__list label {
display: -ms-flexbox;
display: flex;
margin: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.input-radio-label__list span {
cursor: pointer;
display: block;
height: 32px;
padding: 0.3125rem 1rem;
border-radius: 2px;
background: #f0f0f0;
color: #3d464d;
transition: background-color 0.2s, color 0.2s;
}
.input-radio-label__list input:not(:checked):not(:disabled) ~ span:hover {
background: #e0e0e0;
color: #3d464d;
}
.input-radio-label__list input:checked ~ span {
cursor: default;
background: #ffd333;
color: #3d464d;
transition-duration: 0.08s, 0.08s;
}
.input-radio-label__list input:disabled ~ span {
cursor: default;
opacity: 0.5;
}
.layout-switcher__button,
.layout-switcher__list {
display: -ms-flexbox;
display: flex;
}
.layout-switcher__button {
border: 1px solid #e5e5e5;
cursor: pointer;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 9px;
height: 32px;
border-radius: 0;
background: #fff;
fill: #a1abb3;
}
.layout-switcher__button:focus {
outline: none;
}
.layout-switcher__button:hover {
border-color: #e5e5e5;
background: #f2f2f2;
fill: #3d464d;
}
.layout-switcher__button:first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.layout-switcher__button:last-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.layout-switcher__button + .layout-switcher__button {
margin-left: -1px;
}
.layout-switcher__button--active,
.layout-switcher__button--active:hover {
cursor: default;
border-color: #ffd333;
background: #ffd333;
fill: #3d464d;
z-index: 1;
}
.modal {
-webkit-overflow-scrolling: touch;
}
.modal-content {
border: none;
border-radius: 2px;
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform-origin: 0 0;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
}
.noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto;
}
.noUi-target {
height: 16px;
}
.noUi-base {
padding-top: 5px;
}
.noUi-connects {
background: #e0e0e0;
border-radius: 3px;
height: 6px;
}
.noUi-connect {
border-radius: 2px;
background: #ffd333;
}
.noUi-horizontal .noUi-handle {
cursor: ew-resize;
width: 16px;
height: 16px;
border-radius: 8px;
background: #3d464d;
box-shadow: 0 0 0 0 rgba(61, 70, 77, 0);
transition: box-shadow 0.2s;
}
.noUi-horizontal .noUi-handle:after {
display: block;
content: "";
position: absolute;
width: 6px;
height: 6px;
margin: 5px;
border-radius: 3px;
background: #ffd333;
transition: transform 0.2s;
}
.noUi-horizontal .noUi-handle:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(61, 70, 77, 0.3);
}
.noUi-horizontal .noUi-handle:focus:after {
transform: scale(0);
}
.noUi-horizontal .noUi-handle {
top: 0;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: -8px;
}
.page-link {
font-weight: 500;
border-radius: 2px;
border: none;
line-height: 1;
margin: 0 2px;
padding: 9px 10px 8px;
height: 33px;
background: transparent;
color: #3d464d;
}
.page-link:focus,
.page-link:hover {
box-shadow: none;
background: #ebebeb;
color: #3d464d;
}
.page-link--with-arrow {
width: 29px;
position: relative;
}
.page-link--with-arrow .page-link__arrow {
position: absolute;
fill: currentColor;
top: 10px;
}
.page-link--with-arrow .page-link__arrow--left {
left: 9px;
}
.page-link--with-arrow .page-link__arrow--right {
left: 11px;
}
.page-item:first-child .page-link {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.page-item:last-child .page-link {
margin-right: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.page-item.active {
margin: 0 3px;
}
.page-item.active .page-link {
background: #ffd333;
color: #3d464d;
}
.page-item.disabled .page-link {
background: transparent;
color: #b3b3b3;
}
.post-card__image {
position: relative;
overflow: hidden;
border-radius: 1.5px;
}
.post-card__image img {
max-width: 100%;
}
.post-card__image :before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: opacity 0.6s;
z-index: 1;
}
.post-card__image:hover :before {
opacity: 1;
}
.post-card__category {
font-size: 14px;
color: #adadad;
}
.post-card__category a {
color: inherit;
transition: 0.15s;
}
.post-card__category a:hover {
color: #1a66ff;
}
.post-card__date {
font-size: 14px;
color: #adadad;
}
.post-card__name {
font-size: 20px;
line-height: 1.125;
font-weight: 500;
}
.post-card__name a {
color: inherit;
transition: 0.15s;
}
.post-card__name a:hover {
color: #1a66ff;
}
.post-card__content {
font-size: 15px;
line-height: 24px;
}
.post-card--layout--related .post-card__name {
width: 100%;
font-size: 17px;
margin-top: 16px;
line-height: 24px;
}
.post-card--layout--related .post-card__name a {
transition: all 0.2s;
}
.post-card--layout--related .post-card__name a:hover {
color: #1a66ff;
}
.post-card--layout--related .post-card__date {
margin-top: 8px;
font-size: 15px;
}
@media (max-width: 767px) {
.post-card--layout--related .post-card__name {
margin-top: 12px;
font-size: 15px;
line-height: 20px;
}
.post-card--layout--related .post-card__date {
margin-top: 4px;
font-size: 14px;
}
}
.post-card--layout--grid .post-card__info {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-card--layout--grid .post-card__image {
margin-bottom: 14px;
}
.post-card--layout--grid .post-card__category {
display: none;
}
.post-card--layout--grid .post-card__date {
-ms-flex-order: -1;
order: -1;
}
.post-card--layout--grid .post-card__name {
width: 100%;
font-size: 18px;
margin-top: 4px;
line-height: 22px;
}
.post-card--layout--grid .post-card__content {
width: 100%;
margin-top: 12px;
}
.post-card--layout--grid .post-card__read-more {
width: 100%;
display: none;
}
.post-card--layout--grid.post-card--size--lg .post-card__image {
margin-bottom: 0;
border-radius: 3px;
}
.post-card--layout--grid.post-card--size--lg .post-card__info {
padding: 28px 36px 12px;
}
.post-card--layout--grid.post-card--size--lg .post-card__category {
font-size: 15px;
-ms-flex-order: -2;
order: -2;
display: block;
}
.post-card--layout--grid.post-card--size--lg .post-card__date {
padding-left: 22px;
font-size: 15px;
position: relative;
}
.post-card--layout--grid.post-card--size--lg .post-card__date:before {
top: 9px;
left: 9px;
content: "";
display: block;
position: absolute;
width: 4px;
height: 4px;
border-radius: 2px;
background: currentColor;
}
.post-card--layout--grid.post-card--size--lg .post-card__name {
margin-top: 8px;
font-size: 24px;
line-height: 32px;
}
.post-card--layout--grid.post-card--size--lg .post-card__content {
margin-top: 20px;
font-size: 16px;
}
.post-card--layout--grid.post-card--size--lg .post-card__read-more {
display: block;
margin-top: 18px;
}
@media (max-width: 767px) {
.post-card--layout--grid.post-card--size--lg .post-card__info {
padding: 20px 20px 12px;
}
.post-card--layout--grid.post-card--size--lg .post-card__name {
font-size: 22px;
line-height: 26px;
}
.post-card--layout--grid.post-card--size--lg .post-card__content {
margin-top: 12px;
}
}
@media (max-width: 479px) {
.post-card--layout--grid.post-card--size--lg .post-card__info {
padding: 12px;
}
.post-card--layout--grid.post-card--size--lg .post-card__name {
font-size: 20px;
line-height: 22px;
}
.post-card--layout--grid.post-card--size--lg .post-card__content {
margin-top: 10px;
font-size: 15px;
}
}
@media (max-width: 379px) {
.post-card--layout--grid.post-card--size--lg .post-card__name {
margin-top: 4px;
}
.post-card--layout--grid.post-card--size--lg .post-card__info {
padding: 10px 0;
}
}
.post-card--layout--list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
}
.post-card--layout--list.post-card--size--nl .post-card__info {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 10px;
}
.post-card--layout--list.post-card--size--nl .post-card__image {
width: 350px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
.post-card--layout--list.post-card--size--nl .post-card__category {
font-size: 15px;
-ms-flex-order: -2;
order: -2;
display: block;
}
.post-card--layout--list.post-card--size--nl .post-card__date {
-ms-flex-order: -1;
order: -1;
padding-left: 22px;
font-size: 15px;
position: relative;
}
.post-card--layout--list.post-card--size--nl .post-card__date:before {
top: 9px;
left: 9px;
content: "";
display: block;
position: absolute;
width: 4px;
height: 4px;
border-radius: 2px;
background: currentColor;
}
.post-card--layout--list.post-card--size--nl .post-card__name {
margin-top: 6px;
font-size: 18px;
line-height: 24px;
}
.post-card--layout--list.post-card--size--nl .post-card__content {
margin-top: 20px;
font-size: 16px;
}
.post-card--layout--list.post-card--size--nl .post-card__read-more {
display: block;
margin-top: 14px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.post-card--layout--list.post-card--size--nl .post-card__info {
padding-top: 0;
}
.post-card--layout--list.post-card--size--nl .post-card__image {
width: 260px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 22px;
}
.post-card--layout--list.post-card--size--nl .post-card__content {
margin-top: 8px;
font-size: 16px;
overflow: hidden;
height: 48px;
}
.post-card--layout--list.post-card--size--nl .post-card__read-more {
margin-top: 10px;
}
}
@media (max-width: 767px) {
.post-card--layout--list.post-card--size--nl {
-ms-flex-direction: column;
flex-direction: column;
}
.post-card--layout--list.post-card--size--nl .post-card__image {
width: auto;
margin-right: 0;
}
.post-card--layout--list.post-card--size--nl .post-card__content {
margin-top: 10px;
}
}
.post-card--layout--list.post-card--size--sm .post-card__image {
width: 240px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 22px;
}
.post-card--layout--list.post-card--size--sm .post-card__name {
margin-top: 10px;
font-size: 16px;
line-height: 20px;
-ms-flex-order: -1;
order: -1;
height: 40px;
overflow: hidden;
}
.post-card--layout--list.post-card--size--sm .post-card__date {
margin-top: 6px;
}
.post-card--layout--list.post-card--size--sm .post-card__category {
display: none;
}
.post-card--layout--list.post-card--size--sm .post-card__content {
margin-top: 10px;
font-size: 15px;
line-height: 22px;
height: 66px;
overflow: hidden;
}
.post-card--layout--list.post-card--size--sm .post-card__read-more {
display: none;
}
.product-card {
position: relative;
padding: 1px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
}
.product-card:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #ededed;
transition: box-shadow 0.2s;
}
.product-card:hover:before {
transition-duration: 0s;
box-shadow: inset 0 0 0 2px rgba(255, 211, 51, 0.7);
}
.product-card:hover .product-card__quickview {
transition-duration: 0s, 0s;
background: #ffd333;
}
.product-card:hover
.product-card__quickview:not(.product-card__quickview--preload) {
color: #3d464d;
}
.product-card:hover
.product-card__quickview:not(.product-card__quickview--preload):hover {
transition-duration: 0.2s, 0.2s;
background: #3d464d;
color: #fff;
}
.product-card__image {
padding: 18px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-card__image a {
display: block;
padding-bottom: 100%;
position: relative;
}
.product-card__image img {
max-width: 100%;
display: block;
position: absolute;
}
.product-card__quickview {
z-index: 2;
position: absolute;
border: none;
border-radius: 0 2px 0 2px;
font-size: 10px;
text-transform: uppercase;
fill: currentColor;
padding: 7px;
cursor: pointer;
right: 0;
top: 0;
background: transparent;
color: #ccc;
transition: background-color 0.2s, color 0.2s;
}
.product-card__quickview .fake-svg-icon {
display: none;
}
@supports (-ms-ime-align: auto) {
.product-card__quickview svg {
display: none;
}
.product-card__quickview .fake-svg-icon {
display: block;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 16px;
height: 16px;
font-size: 16px;
}
.product-card__quickview .fake-svg-icon:before {
content: "\e900";
}
}
.product-card__quickview:focus {
outline: none;
}
.product-card__quickview--preload {
color: transparent;
}
.product-card__quickview--preload:after {
display: block;
content: "";
position: absolute;
border: 2px solid rgba(0, 0, 0, 0.1);
border-top-color: rgba(0, 0, 0, 0.5);
transition: border-color 0.1s;
animation-name: a;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
left: calc(50% - 8px);
top: calc(50% - 8px);
width: 16px;
height: 16px;
border-radius: 8px;
}
.product-card__info {
padding: 2px 22px 24px;
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.product-card__name {
font-size: 15px;
line-height: 19px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.product-card__name a {
color: inherit;
transition: 0.15s;
}
.product-card__name a:hover {
color: #1a66ff;
}
.product-card__rating {
margin-top: 6px;
display: -ms-flexbox;
display: flex;
}
.product-card__rating-legend {
font-size: 13px;
line-height: 1;
color: #b3b3b3;
margin-left: 9px;
padding-top: 1px;
}
.product-card__prices {
margin-top: 14px;
line-height: 1;
font-weight: 700;
color: #3d464d;
}
.product-card__new-price {
color: #ff2626;
}
.product-card__old-price {
color: #b3b3b3;
font-weight: 400;
font-size: 13px;
text-decoration: line-through;
}
.product-card__buttons {
display: -ms-flexbox;
display: flex;
margin-top: 24px;
}
.product-card__buttons > :first-child {
margin-right: auto;
}
.product-card__buttons > * + * {
margin-left: 4px;
}
.product-card__addtocart--list {
display: none;
}
.product-card__features-list {
list-style: none;
margin: 10px 0 6px;
padding: 0;
color: #6c757d;
font-size: 13px;
line-height: 15px;
}
.product-card__features-list li {
padding: 3px 0 3px 12px;
position: relative;
}
.product-card__features-list li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 9px;
width: 5px;
height: 5px;
border-radius: 2.5px;
border: 1px solid currentColor;
}
.product-card__badges-list {
left: 18px;
top: 18px;
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
z-index: 1;
}
.product-card__badge {
font-size: 11px;
border-radius: 1.5px;
letter-spacing: 0.02em;
line-height: 1;
padding: 5px 8px 4px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 4px;
margin-right: 4px;
}
.product-card__badge--sale {
background: #f33;
color: #fff;
}
.product-card__badge--new {
background: #37f;
color: #fff;
}
.product-card__badge--hot {
background: #614ba6;
color: #fff;
}
.product-card--layout--horizontal {
-ms-flex-direction: row;
flex-direction: row;
}
.product-card--layout--horizontal .product-card__image {
width: 120px;
padding: 16px;
}
.product-card--layout--horizontal .product-card__badges-list {
left: 10px;
top: 10px;
}
.product-card--layout--horizontal .product-card__badge {
padding: 3px 5px 2px;
}
.product-card--layout--horizontal .product-card__info {
padding: 14px 30px 42px 0;
width: 100%;
}
.product-card--layout--horizontal .product-card__availability,
.product-card--layout--horizontal .product-card__buttons,
.product-card--layout--horizontal .product-card__description {
display: none;
}
.product-card--layout--horizontal .product-card__actions {
position: absolute;
left: 120px;
bottom: 18px;
}
.product-card--layout--horizontal .product-card__features-list {
display: none;
}
.product-card--layout--grid .product-card__image {
padding: 18px 18px 20px;
}
.product-card--layout--grid .product-card__info {
padding: 0 24px;
}
.product-card--layout--grid .product-card__actions {
padding: 0 24px 24px;
}
.product-card--layout--grid .product-card__availability,
.product-card--layout--grid .product-card__description,
.product-card--layout--grid .product-card__features-list {
display: none;
}
.product-card--layout--grid.product-card--size--sm .product-card__image {
padding: 15px;
}
.product-card--layout--grid.product-card--size--sm .product-card__badges-list {
left: 16px;
top: 16px;
}
.product-card--layout--grid.product-card--size--sm .product-card__info {
padding: 0 15px;
}
.product-card--layout--grid.product-card--size--sm .product-card__actions {
padding: 0 15px 15px;
}
.product-card--layout--grid.product-card--size--sm .product-card__buttons .btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.product-card--layout--grid.product-card--size--sm
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
@media (hover: hover) {
.product-card--layout--grid.product-card--size--sm .product-card__buttons {
display: none;
}
.product-card--layout--grid.product-card--size--sm:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.product-card--layout--grid.product-card--size--sm:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.product-card--layout--grid.product-card--size--sm .product-card__buttons {
display: none;
}
.product-card--layout--grid.product-card--size--sm:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.product-card--layout--grid.product-card--size--sm:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
.product-card--layout--grid.product-card--size--nl .product-card__buttons .btn {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.product-card--layout--grid.product-card--size--nl
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.875rem + 2px);
}
@media (hover: hover) {
.product-card--layout--grid.product-card--size--nl .product-card__buttons {
display: none;
}
.product-card--layout--grid.product-card--size--nl:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.product-card--layout--grid.product-card--size--nl:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.product-card--layout--grid.product-card--size--nl .product-card__buttons {
display: none;
}
.product-card--layout--grid.product-card--size--nl:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.product-card--layout--grid.product-card--size--nl:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
.product-card--layout--grid.product-card--size--lg .product-card__image {
padding: 25px;
}
.product-card--layout--grid.product-card--size--lg .product-card__info {
padding: 0 30px;
-ms-flex-positive: 0;
flex-grow: 0;
}
.product-card--layout--grid.product-card--size--lg .product-card__name {
font-size: 17px;
line-height: 23px;
}
.product-card--layout--grid.product-card--size--lg .product-card__actions {
padding: 0 30px 30px;
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.product-card--layout--grid.product-card--size--lg .product-card__rating {
margin-top: 10px;
}
.product-card--layout--grid.product-card--size--lg .product-card__prices {
margin-bottom: auto;
font-size: 20px;
}
.product-card--layout--list {
-ms-flex-direction: row;
flex-direction: row;
}
.product-card--layout--list .product-card__image {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 24px;
width: 210px;
}
.product-card--layout--list .product-card__info {
padding: 20px 24px 20px 4px;
}
.product-card--layout--list .product-card__name {
font-size: 16px;
line-height: 20px;
-ms-flex-positive: 0;
flex-grow: 0;
}
.product-card--layout--list .product-card__rating {
margin-top: 7px;
}
.product-card--layout--list .product-card__description {
color: #6c757d;
font-size: 15px;
line-height: 22px;
margin-top: 12px;
}
.product-card--layout--list .product-card__actions {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 190px;
padding: 16px 20px;
border-left: 1px solid #ebebeb;
}
.product-card--layout--list .product-card__prices {
margin-top: 16px;
font-size: 18px;
}
.product-card--layout--list .product-card__old-price {
font-size: 14px;
}
.product-card--layout--list .product-card__buttons {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-card--layout--list .product-card__addtocart {
display: none;
}
.product-card--layout--list .product-card__addtocart--list {
display: block;
}
.product-card--layout--list .product-card__addtocart {
width: 100%;
}
.product-card--layout--list .product-card__addtocart + * {
margin-left: 0;
}
.product-card--layout--list .product-card__addtocart ~ * {
margin-top: 8px;
}
.product-card--layout--list .product-card__addtocart,
.product-card--layout--list .product-card__compare,
.product-card--layout--list .product-card__wishlist {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.product-card--layout--list .product-card__addtocart.btn-svg-icon,
.product-card--layout--list .product-card__compare.btn-svg-icon,
.product-card--layout--list .product-card__wishlist.btn-svg-icon {
width: calc(1.875rem + 2px);
}
.product-card--layout--list .product-card__availability {
color: #999;
font-size: 14px;
padding-right: 10px;
}
.product-card--layout--list .product-card__features-list {
font-size: 14px;
line-height: 16px;
margin-bottom: 0;
}
.product-card--layout--list .product-card__features-list li {
padding: 3px 0 3px 12px;
}
.product-card--layout--list .product-card__features-list li:before {
top: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.product-card--layout--list .product-card__image {
width: 180px;
padding-left: 20px;
padding-right: 20px;
}
.product-card--layout--list .product-card__info {
padding-right: 20px;
padding-left: 0;
}
}
@media (max-width: 767px) {
.product-card--layout--list {
-ms-flex-direction: column;
flex-direction: column;
}
.product-card--layout--list .product-card__image {
width: 250px;
padding: 20px;
margin: 0 auto;
}
.product-card--layout--list .product-card__info {
border-top: 1px solid #ebebeb;
padding: 20px;
}
.product-card--layout--list .product-card__actions {
width: auto;
border-left: none;
border-top: 1px solid #ebebeb;
padding: 20px;
}
.product-card--layout--list .product-card__buttons {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.product-card--layout--list .product-card__buttons .btn {
font-size: 1rem;
height: calc(2.25rem + 2px);
line-height: 1.5;
padding: 0.375rem 1.25rem;
font-weight: 500;
}
.product-card--layout--list .product-card__buttons .btn.btn-svg-icon {
width: calc(2.25rem + 2px);
}
.product-card--layout--list .product-card__addtocart--list {
width: auto;
margin-right: auto;
}
}
.rating__body {
display: -ms-flexbox;
display: flex;
}
.rating__star + .rating__star {
margin-left: 3px;
}
.rating__star:first-child + .rating__star--only-edge {
margin-left: 0;
}
.rating__fill {
color: #ccc;
fill: currentColor;
}
.rating__stroke {
color: rgba(0, 0, 0, 0.08);
fill: currentColor;
}
.rating__star--active .rating__fill {
color: #ffd333;
}
.rating__star--active .rating__stroke {
color: rgba(0, 0, 0, 0.08);
}
.rating__star--only-edge {
position: relative;
display: none;
}
@supports (-ms-ime-align: auto) {
svg.rating__star {
display: none;
}
.rating__star--only-edge {
display: block;
}
.rating__fill .fake-svg-icon,
.rating__stroke .fake-svg-icon {
display: block;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 13px;
height: 12px;
font-size: 12px;
}
.rating__fill .fake-svg-icon:before {
content: "\e902";
}
.rating__stroke {
position: absolute;
left: 0;
top: 0;
}
.rating__stroke .fake-svg-icon:before {
content: "\e903";
}
}
.share-links__list {
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
margin: 0;
font-size: 11px;
line-height: 18px;
font-weight: 500;
color: #fff;
white-space: nowrap;
}
.share-links__item + .share-links__item {
margin-left: 4px;
}
.share-links__item a {
border-radius: 1.5px;
display: block;
padding: 2px 6px 1px;
}
.share-links__item a,
.share-links__item a:hover {
color: inherit;
text-decoration: none;
}
.share-links__item--type--like a {
background: #4267b2;
}
.share-links__item--type--like a:hover {
background: #3b5c9f;
}
.share-links__item--type--tweet a {
background: #1b95e0;
}
.share-links__item--type--tweet a:hover {
background: #1886c9;
}
.share-links__item--type--pin a {
background: #e63939;
}
.share-links__item--type--pin a:hover {
background: #e32222;
}
.share-links__item--type--counter a {
color: #737373;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.share-links__item--type--counter a:hover {
color: #666;
}
.tags__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 13px;
font-weight: 500;
line-height: 18px;
margin: -2px;
}
.tags__list a {
display: block;
background: transparent;
border: 1px solid #e5e5e5;
color: #3d464d;
border-radius: 1.5px;
padding: 3px 8px 2px;
margin: 2px;
transition: all 0.15s;
}
.tags__list a:focus,
.tags__list a:hover {
background: #ffd333;
border: 1px solid #ffd333;
color: #3d464d;
}
.tags--lg .tags__list {
margin: -3px;
}
.tags--lg .tags__list a {
padding: 6px 10px 5px;
margin: 3px;
}
.tooltip {
pointer-events: none;
transition-duration: 0s;
font-family: inherit;
}
.tooltip.show {
opacity: 1;
}
.tooltip-inner {
background: #3d464d;
color: #fff;
border-radius: 1.5px;
position: relative;
padding: 0.1875rem 0.625rem 0.125rem;
}
.tooltip .arrow {
width: 8px;
height: 8px;
}
.tooltip .arrow:before {
width: 8px;
height: 8px;
border-radius: 1px;
border: none;
background: #3d464d;
transform: rotate(45deg) scale(0.7619);
}
.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
padding: 4px 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-auto[x-placement^="top"] .tooltip-inner,
.bs-tooltip-top .arrow,
.bs-tooltip-top .tooltip-inner {
bottom: 3px;
}
.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
padding: 4px 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-inner,
.bs-tooltip-bottom .arrow,
.bs-tooltip-bottom .tooltip-inner {
top: 3px;
}
.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
padding: 0 4px;
}
.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-auto[x-placement^="right"] .tooltip-inner,
.bs-tooltip-right .arrow,
.bs-tooltip-right .tooltip-inner {
left: 3px;
}
.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
padding: 0 4px;
}
.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-auto[x-placement^="left"] .tooltip-inner,
.bs-tooltip-left .arrow,
.bs-tooltip-left .tooltip-inner {
right: 3px;
}
.typography {
line-height: 1.625;
}
.typography a:hover {
text-decoration: underline;
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
margin-top: 1.75em;
margin-bottom: 0.75em;
}
.typography p {
margin-bottom: 1.5em;
}
.typography ol,
.typography ul {
margin: 1.7em 0;
}
.typography li {
margin-bottom: 0.7em;
}
.typography > :first-child {
margin-top: 0;
}
.typography > :last-child {
margin-bottom: 0;
}
.typography a > img {
transition: opacity 0.2s;
}
.typography a:hover > img {
opacity: 0.8;
}
.typography img {
max-width: 100%;
}
.typography figure {
margin: 2.5em 0;
}
.typography figcaption {
margin-top: 20px;
text-align: center;
font-size: 14px;
color: #999;
}
.typography hr {
position: relative;
width: 4px;
height: 4px;
border-radius: 2px;
border: none;
background: #ccc;
margin: 2.5em auto;
}
.typography hr:after,
.typography hr:before {
position: absolute;
content: "";
display: block;
width: inherit;
height: inherit;
border-radius: inherit;
background: inherit;
}
.typography hr:after {
left: -30px;
}
.typography hr:before {
right: -30px;
}
.typography blockquote {
margin: 3em 2.5em 2.5em;
text-align: center;
font-size: 18px;
font-style: italic;
}
.typography blockquote cite {
margin-top: -0.5em;
color: #999;
display: block;
font-size: 15px;
font-style: normal;
}
.typography blockquote p {
margin-bottom: 1.25em;
}
.typography blockquote > :first-child {
margin-top: 0;
}
.typography blockquote > :last-child {
margin-bottom: 0;
}
@media (min-width: 576px) and (max-width: 767px) {
.typography blockquote {
margin: 2.5em 1.5em 2em;
}
}
@media (max-width: 575px) {
.typography blockquote {
font-size: 16px;
text-align: left;
margin: 2.75em 0 2.5em;
}
}
@media (min-width: 992px) {
.typography--expanded figure {
text-align: center;
position: relative;
left: -95px;
width: calc(100% + 190px);
margin: 3em 0;
}
.typography--expanded figure img {
overflow: hidden;
border-radius: 3px;
}
}
.filter__title {
display: block;
border: none;
padding: 6px 10px;
cursor: pointer;
width: calc(100% + 20px);
position: relative;
text-align: left;
color: inherit;
font-weight: 700;
font-size: 15px;
line-height: 18px;
border-radius: 2px;
margin: 0 -10px;
transition: background-color 0.2s, fill 0.2s;
background: transparent;
fill: #ccc;
}
.filter__title:focus,
.filter__title:hover {
transition-duration: 0.1s, 0.1s;
background: #f2f2f2;
fill: #b3b3b3;
}
.filter__title:focus {
outline: none;
}
.filter__arrow {
position: absolute;
top: 11px;
right: 10px;
transition: transform 0.2s;
}
.filter__body {
margin: 0 -20px;
overflow: hidden;
visibility: hidden;
height: 0;
opacity: 0;
transition: height 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.filter__container {
padding: 10px 20px 16px;
}
.filter--opened .filter__body {
transition-delay: 0s, 0s;
visibility: visible;
height: auto;
opacity: 1;
}
.filter--opened .filter__arrow {
transform: rotate(180deg);
}
.filter-categories__list {
list-style: none;
padding: 0;
margin: 0;
font-size: 15px;
line-height: 18px;
}
.filter-categories__list a {
color: inherit;
transition: color 0.15s;
}
.filter-categories__list a:hover {
color: #1a66ff;
}
.filter-categories__item {
padding: 6px 0;
display: -ms-flexbox;
display: flex;
}
.filter-categories__item > a {
padding-right: 10px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.filter-categories__item--parent {
position: relative;
padding-left: 14px;
}
.filter-categories__item--current {
font-weight: 700;
}
.filter-categories__item--child {
position: relative;
padding-left: 14px;
font-size: 15px;
}
.filter-categories__arrow {
fill: #ccc;
position: absolute;
left: 0;
top: 10px;
}
.filter-categories__counter {
font-size: 12px;
line-height: 12px;
padding-top: 4px;
font-weight: 400;
color: #999;
}
.filter-color__list {
padding: 2px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -4px;
}
.filter-color__item {
cursor: pointer;
margin: 4px;
}
.filter-color__check {
display: block;
}
.filter-list__list {
margin: -8px 0;
}
.filter-list__item {
padding: 1px 0;
cursor: pointer;
display: -ms-flexbox;
display: flex;
margin: 8px 0;
}
.filter-list__input {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 7px;
}
.filter-list__title {
padding: 1px 0;
font-size: 14px;
line-height: 16px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.filter-list__counter {
margin-left: 12px;
padding-top: 3px;
font-size: 12px;
line-height: 12px;
color: #999;
}
.filter-list__item--disabled {
cursor: default;
}
.filter-list__item--disabled .filter-list__title {
color: #999;
}
.filter-price__slider {
margin-top: 6px;
}
.filter-price__title {
margin-top: 16px;
font-size: 14px;
color: #999;
}
.departments {
width: 255px;
height: 42px;
color: #fff;
position: relative;
}
.departments__button {
text-align: left;
border: none;
background: transparent;
color: inherit;
font-size: 15px;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: default;
font-weight: 500;
padding: 0 32px 0 47px;
}
.departments__button:focus {
outline: none;
}
.departments__button-icon {
position: absolute;
left: 16px;
top: calc(50% - 7px);
fill: #859ba6;
transition: fill 0.2s;
}
.departments__button-arrow {
position: absolute;
right: 13px;
top: calc(50% - 3px);
fill: #859ba6;
transition: fill 0.2s, transform 0.2s;
}
.departments__body {
width: 100%;
padding-top: 42px;
position: absolute;
background: #3d464d;
box-shadow: none;
border-radius: 2px;
}
.departments__links {
position: relative;
list-style: none;
padding: 0 0 14px;
margin: 6px 0 0;
}
.departments__links > li:hover .departments__megamenu,
.departments__links > li:hover .departments__menu {
visibility: visible;
}
.departments__links > li:hover > a {
background: #525d66;
}
.departments__links > li > a {
font-weight: 400;
position: relative;
display: block;
padding: 10px 16px;
color: inherit;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.02em;
}
.departments__item--menu {
position: relative;
}
.departments__link-arrow {
right: 14px;
top: calc(50% - 5px);
position: absolute;
fill: #98aab3;
}
.departments__megamenu,
.departments__menu {
position: absolute;
left: 100%;
top: 0;
height: 100%;
visibility: hidden;
}
.departments__megamenu--sm {
width: 237px;
}
.departments__megamenu--nl {
width: 443px;
}
.departments__megamenu--lg {
width: 649px;
}
.departments__megamenu--xl {
width: 855px;
}
.departments__links-wrapper {
overflow: hidden;
height: 0;
opacity: 0;
transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.departments:not(.departments--fixed) .departments__button {
cursor: pointer;
}
.departments:not(.departments--fixed)
.departments__button:hover
.departments__button-arrow,
.departments:not(.departments--fixed)
.departments__button:hover
.departments__button-icon {
fill: currentColor;
}
.departments--opened .departments__links-wrapper {
overflow: visible;
height: auto;
opacity: 1;
}
.departments--opened .departments__button-arrow {
transform: rotate(180deg);
}
.departments--transition .departments__links-wrapper {
overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
.departments {
width: 210px;
}
.departments__megamenu--sm {
width: 204px;
}
.departments__megamenu--nl {
width: 376px;
}
.departments__megamenu--lg {
width: 548px;
}
.departments__megamenu--xl {
width: 720px;
}
}
.drop-search {
color: #3d464d;
background: #fff;
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25);
}
.drop-search__form {
display: -ms-flexbox;
display: flex;
height: 50px;
width: 320px;
}
.drop-search__button,
.drop-search__input {
border: none;
padding: 0;
background: transparent;
}
.drop-search__button:focus,
.drop-search__input:focus {
outline: none;
}
.drop-search__input {
padding: 0 0 0 18px;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
width: 0;
}
.drop-search__button {
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 52px;
fill: #bfbfbf;
transition: fill 0.2s;
}
.drop-search__button:hover {
fill: #3d464d;
}
.dropcart {
font-size: 15px;
width: 320px;
font-weight: 400;
color: #3d464d;
background: #fff;
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25);
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.dropcart {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
}
.dropcart__products-list {
padding: 20px 16px;
}
.dropcart__product {
display: -ms-flexbox;
display: flex;
}
.dropcart__product + .dropcart__product {
margin-top: 24px;
}
.dropcart__product-image {
width: 70px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.dropcart__product-image img {
max-width: 100%;
}
.dropcart__product-name {
margin-top: -2px;
line-height: 18px;
font-size: 15px;
}
.dropcart__product-name a {
color: inherit;
transition: 0.15s;
}
.dropcart__product-name a:hover {
color: #1a66ff;
}
.dropcart__product-info {
margin: 0 10px 0 16px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.dropcart__product-options {
list-style: none;
margin: 3px 0 0;
padding: 0;
font-size: 13px;
line-height: 16px;
color: #999;
}
.dropcart__product-meta {
margin-top: 5px;
font-size: 13px;
}
.dropcart__product-price {
font-size: 14px;
font-weight: 700;
}
.dropcart__product-remove {
margin-right: -6px;
margin-top: -6px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.dropcart__totals {
border-top: 1px solid #ebebeb;
line-height: 24px;
padding: 16px 20px 0;
}
.dropcart__totals th {
padding-right: 16px;
}
.dropcart__totals td {
text-align: right;
}
.dropcart__totals table {
width: 100%;
}
.dropcart__buttons {
display: -ms-flexbox;
display: flex;
margin-top: 4px;
padding: 20px;
}
.dropcart__buttons > * {
-ms-flex-positive: 1;
flex-grow: 1;
}
.dropcart__buttons > :first-child {
margin-right: 8px;
}
.indicator {
color: none;
}
.indicator,
.indicator__button {
display: -ms-flexbox;
display: flex;
}
.indicator__button {
-ms-flex-align: center;
align-items: center;
border: none;
background: transparent;
cursor: pointer;
padding: 0;
color: inherit;
fill: currentColor;
}
.indicator__button:focus {
outline: none;
}
.indicator__button:hover {
color: inherit;
}
.indicator__area {
background: transparent;
transition: background-color 0.2s;
border-radius: 2px;
height: 42px;
padding: 0 14px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.indicator__value {
height: 15px;
font-size: 10px;
padding: 0 5px;
border-radius: 1000px;
position: relative;
top: -11px;
margin-left: -5px;
margin-right: -8px;
background: #fff;
color: #3d464d;
font-weight: 700;
}
.indicator__dropdown {
top: 100%;
right: 0;
position: absolute;
visibility: hidden;
transform-origin: top;
transform: rotateX(60deg);
opacity: 0;
transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.indicator--trigger--click.indicator--opened .indicator__button,
.indicator:hover .indicator__button {
color: none;
}
.indicator--trigger--click.indicator--opened .indicator__area,
.indicator:hover .indicator__area {
background: hsla(0, 0%, 100%, 0.5);
transition-duration: 0.1s;
}
.indicator--trigger--click.indicator--opened .indicator__value,
.indicator:hover .indicator__value {
background: #fff;
color: #3d464d;
}
.indicator--trigger--click.indicator--opened .indicator__dropdown,
.indicator--trigger--hover:hover .indicator__dropdown {
z-index: 1;
transition-delay: 0s, 0s, 0s;
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
.indicator__icon {
transition: transform 0.2s, opacity 0.2s;
}
.indicator__icon--open {
position: absolute;
}
.indicator--trigger--click.indicator--opened
.indicator__icon:not(.indicator__icon--open),
.indicator--trigger--click:not(.indicator--opened) .indicator__icon--open {
transform: scale(0);
opacity: 0;
}
.indicator--mobile .indicator__area {
height: 36px;
padding: 0 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.indicator__area {
padding: 0 12px;
}
}
.megamenu {
background: #fff;
color: #3d464d;
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25);
min-height: 100%;
width: 100%;
padding: 26px 30px;
line-height: 1.5;
letter-spacing: 0.01em;
background-position: 100% 100%;
background-repeat: no-repeat;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.megamenu {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
}
.megamenu--departments {
padding-right: 31px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.megamenu--departments {
padding-right: 32px;
}
}
.megamenu__links {
list-style: none;
margin: 0;
padding: 0;
}
.megamenu__links a {
color: inherit;
transition: color 0.15s;
}
.megamenu__links a:hover {
color: #1a66ff;
}
.megamenu__links--level--0 > .megamenu__item + .megamenu__item--with-submenu,
.megamenu__links--level--0 > .megamenu__item--with-submenu + .megamenu__item {
margin-top: 20px;
}
.megamenu__links--level--0 > .megamenu__item {
padding: 1px 0;
}
.megamenu__links--level--0 > .megamenu__item > a {
font-weight: 500;
}
.megamenu__links--level--0 > .megamenu__item > a + .megamenu__links {
padding-top: 10px;
margin-top: 3px;
border-top: 1px solid #e5e5e5;
}
.megamenu__links--level--1 > .megamenu__item > a {
font-size: 14px;
color: #5c6b73;
transition: color 0.15s;
}
.megamenu__links--level--1 > .megamenu__item > a:hover {
color: #1a66ff;
}
.menu {
color: #3d464d;
background: #fff;
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.25);
list-style: none;
width: 190px;
padding: 10px 0;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.02em;
font-weight: 500;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.menu {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
}
.menu > li {
position: relative;
}
.menu > li > a {
display: block;
padding: 8px 24px 6px 16px;
color: inherit;
}
.menu > li:hover > a {
background: #f2f2f2;
}
.menu > li:hover .menu__submenu {
opacity: 1;
visibility: visible;
transform: rotateY(0deg);
}
.menu__icon {
position: absolute;
top: 3px;
left: 15px;
}
.menu__arrow {
position: absolute;
right: 12px;
top: calc(50% - 5px);
fill: #b3b3b3;
}
.menu__submenu {
top: -10px;
left: 100%;
position: absolute;
visibility: hidden;
transform-origin: left;
transform: rotateY(45deg);
opacity: 0;
transition: transform 0.2s, opacity 0.2s;
}
.menu--with-icons > li > a {
padding-left: 50px;
}
.menu--layout--topbar {
padding: 6px 0;
width: 150px;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.menu--layout--topbar {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
}
.menu--layout--topbar > li > a {
display: block;
padding: 8px 21px 6px 13px;
color: inherit;
}
.menu--layout--topbar.menu--with-icons .menu__icon {
position: absolute;
top: 3px;
left: 12px;
}
.menu--layout--topbar.menu--with-icons > li > a {
padding-left: 45px;
}
.mobile-header {
height: 54px;
}
.mobile-header__panel {
background: #ffd333;
box-shadow: 0 1px rgba(0, 0, 0, 0.04), inset 0 -1px rgba(0, 0, 0, 0.04);
color: #3d464d;
position: relative;
}
.mobile-header__body {
height: 54px;
}
.mobile-header__body,
.mobile-header__menu-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mobile-header__menu-button {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 2px;
background: transparent;
fill: #3d464d;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
transition: fill 0.2s, background 0.2s;
-ms-flex-pack: center;
justify-content: center;
}
.mobile-header__menu-button:focus {
outline: none;
}
.mobile-header__menu-button:focus,
.mobile-header__menu-button:hover {
background: hsla(0, 0%, 100%, 0.5);
fill: #3d464d;
}
.mobile-header__indicators {
display: -ms-flexbox;
display: flex;
margin-left: auto;
}
.mobile-header__logo {
margin: 0 16px 0 12px;
color: inherit;
fill: currentColor;
}
.mobile-header__logo:hover {
color: inherit;
}
.mobile-header__logo svg {
display: block;
}
@media (min-width: 576px) and (max-width: 991px) {
.mobile-header__search {
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 8px;
height: 36px;
position: relative;
}
.mobile-header__search input {
position: relative;
z-index: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
width: 0;
-ms-flex-positive: 1;
flex-grow: 1;
background: transparent;
border: none;
padding: 0 12px;
margin: 0;
font-family: inherit;
font-size: 15px;
color: inherit;
}
.mobile-header__search input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.7);
}
.mobile-header__search input:-ms-input-placeholder,
.mobile-header__search input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.7);
}
.mobile-header__search input::placeholder {
color: rgba(0, 0, 0, 0.7);
}
.mobile-header__search input:hover {
color: inherit;
}
.mobile-header__search input:hover::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.7);
}
.mobile-header__search input:hover:-ms-input-placeholder,
.mobile-header__search input:hover::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.7);
}
.mobile-header__search input:hover::placeholder {
color: rgba(0, 0, 0, 0.7);
}
.mobile-header__search input:focus {
color: inherit;
outline: none;
}
.mobile-header__search input:focus::-webkit-input-placeholder {
color: #999;
}
.mobile-header__search input:focus:-ms-input-placeholder,
.mobile-header__search input:focus::-ms-input-placeholder {
color: #999;
}
.mobile-header__search input:focus::placeholder {
color: #999;
}
.mobile-header__search input:hover ~ .mobile-header__search-button {
fill: rgba(0, 0, 0, 0.3);
}
.mobile-header__search input:hover ~ .mobile-header__search-button:focus,
.mobile-header__search input:hover ~ .mobile-header__search-button:hover {
fill: #3d464d;
}
.mobile-header__search input:hover ~ div {
background: hsla(0, 0%, 100%, 0.8);
box-shadow: none;
}
.mobile-header__search input:focus ~ .mobile-header__search-button {
fill: rgba(0, 0, 0, 0.3);
}
.mobile-header__search input:focus ~ .mobile-header__search-button:focus,
.mobile-header__search input:focus ~ .mobile-header__search-button:hover {
fill: #3d464d;
}
.mobile-header__search input:focus ~ div {
background: #fff;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.mobile-header__search div {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, 0.5);
box-shadow: none;
transition: all 0.2s;
border-radius: 2px;
}
.mobile-header__search-form {
height: 100%;
display: -ms-flexbox;
display: flex;
}
.mobile-header__search-button {
position: relative;
z-index: 1;
background: transparent;
border: none;
padding: 0;
margin: 0;
width: 36px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
fill: rgba(0, 0, 0, 0.3);
transition: fill 0.2s;
}
.mobile-header__search-button:focus {
outline: none;
}
.mobile-header__search-button:focus,
.mobile-header__search-button:hover {
fill: #3d464d;
}
.mobile-header__search-button--close {
display: none;
}
}
@media (max-width: 575px) {
.mobile-header__search {
left: 0;
top: 0;
width: 100%;
position: absolute;
background: #fff;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
z-index: 1;
transform: translateY(-100%);
visibility: hidden;
opacity: 0;
transition: transform 0.3s, visibility 0s 0.3s, opacity 0.3s;
}
.mobile-header__search form {
height: 54px;
display: -ms-flexbox;
display: flex;
}
.mobile-header__search input {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
width: 0;
background: transparent;
border: none;
padding: 0 0 0 15px;
}
.mobile-header__search input:focus {
outline: none;
}
.mobile-header__search input::-webkit-input-placeholder {
color: #999;
}
.mobile-header__search input:-ms-input-placeholder,
.mobile-header__search input::-ms-input-placeholder {
color: #999;
}
.mobile-header__search input::placeholder {
color: #999;
}
.mobile-header__search--opened {
transition-delay: 0s, 0s;
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.mobile-header__search-button {
-ms-flex-negative: 0;
flex-shrink: 0;
background: transparent;
border: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 54px;
cursor: pointer;
fill: #b3b3b3;
}
.mobile-header__search-button:focus {
outline: none;
}
.mobile-header__search-button:focus,
.mobile-header__search-button:hover {
fill: #3d464d;
}
.mobile-header__search-button--close {
border-left: 1px solid #ebebeb;
}
}
.mobile-links {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-links__item {
border-bottom: 1px solid #ebebeb;
}
.mobile-links__item-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
cursor: pointer;
}
.mobile-links__item-link {
-ms-flex-positive: 1;
flex-grow: 1;
color: #3d464d;
}
.mobile-links__item-link,
.mobile-links__item-link:hover {
color: inherit;
}
.mobile-links__item-toggle {
border: none;
border-left: 1px solid #ebebeb;
background: transparent;
padding: 0;
width: 54px;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: inherit;
fill: #999;
transition: fill 0.2s;
}
.mobile-links__item-toggle:focus {
outline: none;
}
.mobile-links__item-toggle:focus,
.mobile-links__item-toggle:hover {
cursor: inherit;
}
.mobile-links__item-arrow {
transition: transform 0.3s;
}
.mobile-links__item-sub-links {
visibility: hidden;
overflow: hidden;
height: 0;
opacity: 0;
transition: height 0.3s, opacity 0.3s, visibility 0s 0.3s;
}
.mobile-links__item--open > .mobile-links__item-sub-links {
visibility: visible;
height: auto;
opacity: 1;
transition-delay: 0s, 0s, 0s;
}
.mobile-links__item--open
> .mobile-links__item-title
.mobile-links__item-arrow {
transform: rotate(180deg) translateY(1px);
}
.mobile-links--level--0 > .mobile-links__item {
border-bottom: 1px solid #ebebeb;
}
.mobile-links--level--0 > .mobile-links__item > .mobile-links__item-title {
height: 48px;
}
.mobile-links--level--0
> .mobile-links__item
> .mobile-links__item-title
.mobile-links__item-link {
padding: 12px 20px;
}
.mobile-links:not(.mobile-links--level--0) {
border-top: 1px solid #ebebeb;
}
.mobile-links--level--1 {
background: #f7f7f7;
font-size: 14px;
line-height: 14px;
}
.mobile-links--level--1 .mobile-links__item .mobile-links__item-link {
padding: 13px 20px;
}
.mobile-links--level--1 .mobile-links {
padding-left: 20px;
background: #fff;
}
.mobile-links--level--1 .mobile-links > li {
background: #f7f7f7;
border-left: 1px solid #ebebeb;
}
.mobile-links--level--1 .mobile-links__item:last-child {
border-bottom: none;
}
.mobilemenu {
visibility: hidden;
position: fixed;
z-index: 1000;
transition: visibility 0s 0.3s;
}
.mobilemenu,
.mobilemenu__backdrop {
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.mobilemenu__backdrop {
position: absolute;
background: #3d464d;
opacity: 0;
transition: opacity 0.3s;
}
.mobilemenu__body {
position: absolute;
left: 0;
top: 0;
width: 290px;
height: 100%;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
transform: translateX(calc(-100% - 30px));
transition: transform 0.3s;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.mobilemenu__header {
height: 55px;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ebebeb;
}
.mobilemenu__title {
padding: 0 20px;
font-weight: 700;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mobilemenu__close {
border: none;
border-left: 1px solid #ebebeb;
background: transparent;
height: 54px;
width: 54px;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
fill: #999;
transition: fill 0.2s;
}
.mobilemenu__close:focus {
outline: none;
}
.mobilemenu__close:focus,
.mobilemenu__close:hover {
fill: #3d464d;
}
.mobilemenu__content {
-ms-flex-positive: 1;
flex-grow: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.mobilemenu--open {
visibility: visible;
transition-delay: 0s;
}
.mobilemenu--open .mobilemenu__backdrop {
opacity: 0.9;
}
.mobilemenu--open .mobilemenu__body {
transform: translateX(0);
}
.nav-links {
height: 100%;
}
.nav-links__list {
height: inherit;
z-index: 10;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.nav-links__item {
height: 100%;
}
.nav-links__item > a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
font-size: 15px;
line-height: 1;
letter-spacing: 0.02em;
font-weight: 700;
color: inherit;
}
.nav-links__item > a span {
background: transparent;
box-shadow: none;
}
.nav-links__item > a svg {
fill: rgba(0, 0, 0, 0.3);
}
.nav-links__item > a > span {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: transparent;
transition: background-color 0.2s;
padding: 0 14px;
height: 42px;
border-radius: 2px;
}
.nav-links__item:hover > a {
color: inherit;
}
.nav-links__item:hover > a span {
background: hsla(0, 0%, 100%, 0.5);
box-shadow: none;
}
.nav-links__item:hover > a svg {
fill: rgba(0, 0, 0, 0.3);
}
.nav-links__item:hover > a > span {
transition-duration: 0.1s;
}
.nav-links__item:hover .nav-links__megamenu,
.nav-links__item:hover .nav-links__menu {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
.nav-links__item--menu {
position: relative;
}
.nav-links__item--with-submenu > a span {
position: relative;
padding-right: 27px;
}
.nav-links__item--with-submenu > a svg {
right: 12px;
top: calc(50% - 3px);
position: absolute;
}
.nav-links__megamenu,
.nav-links__menu {
top: 100%;
position: absolute;
visibility: hidden;
transform-origin: top;
transform: rotateX(45deg);
opacity: 0;
transition: transform 0.2s, opacity 0.2s;
}
.nav-links__megamenu {
left: 0;
}
.nav-links__megamenu--size--xs {
width: 16.66667%;
}
.nav-links__megamenu--size--sm {
width: 33.33333%;
}
.nav-links__megamenu--size--nl {
width: 50%;
}
.nav-links__megamenu--size--md {
width: 66.66667%;
}
.nav-links__megamenu--size--lg {
width: 83.33333%;
}
.nav-links__megamenu--size--xl {
width: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
.nav-links__item > a > span {
padding: 0 10px;
}
.nav-links__item--with-submenu > a > span {
padding-right: 23px;
}
.nav-links__item--with-submenu > a svg {
right: 8px;
}
}
.nav-panel {
height: 54px;
background: #ffd333;
box-shadow: 0 1px rgba(0, 0, 0, 0.04), inset 0 -1px rgba(0, 0, 0, 0.04);
color: #3d464d;
}
.nav-panel--stuck {
z-index: 10;
width: 100%;
position: fixed;
top: 0;
box-shadow: 0 1px rgba(0, 0, 0, 0.04), inset 0 -1px rgba(0, 0, 0, 0.04),
0 1px 20px rgba(0, 0, 0, 0.15);
}
.nav-panel__container {
height: 100%;
}
.nav-panel__row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
}
.nav-panel__logo svg {
display: block;
fill: #3d464d;
}
.nav-panel__departments {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.nav-panel__departments + .nav-panel__nav-links,
.nav-panel__logo + .nav-panel__nav-links {
margin-left: 18px;
}
.nav-panel__nav-links {
margin-right: 18px;
}
.nav-panel__indicators {
display: -ms-flexbox;
display: flex;
height: 100%;
margin-left: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
.nav-panel__nav-links {
margin-left: 14px;
margin-right: 14px;
}
}
.search__form {
position: relative;
height: 42px;
display: -ms-flexbox;
display: flex;
}
.search__border {
z-index: -1;
position: absolute;
pointer-events: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 3px;
transition: box-shadow 0.15s, background 0.15s;
}
.search__input {
border: none;
padding: 0 17px;
background: transparent;
width: 1px;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 15px;
transition: color 0.15s;
color: inherit;
}
.search__input::-webkit-input-placeholder {
color: #999;
}
.search__input:-ms-input-placeholder,
.search__input::-ms-input-placeholder {
color: #999;
}
.search__input::placeholder {
color: #999;
}
.search__input ~ .search__border {
background: transparent;
box-shadow: inset 0 0 0 2px #e5e5e5;
}
.search__input:hover {
color: inherit;
}
.search__input:hover::-webkit-input-placeholder {
color: #999;
}
.search__input:hover:-ms-input-placeholder,
.search__input:hover::-ms-input-placeholder {
color: #999;
}
.search__input:hover::placeholder {
color: #999;
}
.search__input:hover ~ .search__border {
background: transparent;
box-shadow: inset 0 0 0 2px #d4d4d4;
}
.search__input:hover ~ .search__button {
fill: #bfbfbf;
}
.search__input:hover ~ .search__button:hover {
fill: #ffd333;
}
.search__input:focus {
outline: none;
color: inherit;
}
.search__input:focus::-webkit-input-placeholder {
color: #999;
}
.search__input:focus:-ms-input-placeholder,
.search__input:focus::-ms-input-placeholder {
color: #999;
}
.search__input:focus::placeholder {
color: #999;
}
.search__input:focus ~ .search__border {
background: transparent;
box-shadow: inset 0 0 0 2px #ffd333;
}
.search__input:focus ~ .search__button {
fill: #bfbfbf;
}
.search__input:focus ~ .search__button:hover {
fill: #ffd333;
}
.search__button {
border: none;
padding: 0;
background: transparent;
-ms-flex-positive: 0;
flex-grow: 0;
width: 42px;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
fill: #bfbfbf;
transition: fill 0.15s;
}
.search__button:focus,
.search__button:hover {
outline: none;
fill: #ffd333;
}
.site-header {
position: relative;
z-index: 100;
background: transparent;
color: inherit;
}
.site-header__middle {
height: 104px;
}
.site-header__logo,
.site-header__middle {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.site-header__logo {
width: 255px;
margin-right: 30px;
-ms-flex-pack: center;
justify-content: center;
color: inherit;
}
.site-header__logo a {
color: inherit;
}
.site-header__logo svg {
fill: currentColor;
}
.site-header__search {
-ms-flex-positive: 1;
flex-grow: 1;
}
.site-header__phone {
line-height: 1;
text-align: right;
margin-left: 80px;
}
.site-header__phone-title {
font-size: 14px;
color: #999;
margin-bottom: 6px;
}
.site-header__phone-number {
font-size: 20px;
font-weight: 700;
}
.site-header__nav-panel {
height: 54px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.site-header__logo {
width: 210px;
margin-right: 24px;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.topbar {
height: 32px;
background: #f7f7f7;
box-shadow: none;
border-bottom: none;
font-size: 14px;
line-height: 14px;
color: #737373;
position: relative;
z-index: 20;
}
.topbar__container {
height: 100%;
}
.topbar__item,
.topbar__row {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.topbar__item-value {
color: #1a66ff;
transition: all 0.1s;
}
.topbar__spring {
-ms-flex-positive: 1;
flex-grow: 1;
}
.topbar__item--link + .topbar__item--link {
margin-left: 16px;
}
.topbar-dropdown,
.topbar-dropdown__btn {
position: relative;
height: 100%;
}
.topbar-dropdown__btn {
border: none;
padding: 0 20px 0 10px;
cursor: pointer;
transition: all 0.1s;
background: transparent;
color: inherit;
fill: #bfbfbf;
}
.topbar-dropdown__btn:focus {
outline: none;
}
.topbar-dropdown__btn svg {
position: absolute;
right: 7px;
top: calc(50% - 4px);
}
.topbar-dropdown__body {
position: absolute;
right: 0;
top: 100%;
visibility: hidden;
transform-origin: top;
transform: rotateX(60deg);
opacity: 0;
transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.topbar-dropdown--opened .topbar-dropdown__btn,
.topbar-dropdown__btn:focus,
.topbar-dropdown__btn:hover {
background: #ebebeb;
color: #3d464d;
fill: #999;
}
.topbar-dropdown--opened .topbar-dropdown__btn .topbar__item-value,
.topbar-dropdown__btn:focus .topbar__item-value,
.topbar-dropdown__btn:hover .topbar__item-value {
color: #1a66ff;
}
.topbar-dropdown--opened .topbar-dropdown__body {
z-index: 1;
transition-delay: 0s, 0s, 0s;
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
.topbar-link {
color: inherit;
transition: color 0.3s;
}
.topbar-link:hover {
color: #1a66ff;
}
.footer-contacts__title {
margin-bottom: 25px;
}
.footer-contacts__text {
font-size: 15px;
line-height: 22px;
list-style: none;
margin: 0;
padding: 0 20px 0 0;
}
.footer-contacts__text a {
color: inherit;
}
.footer-contacts__contacts {
font-size: 15px;
line-height: 20px;
list-style: none;
padding: 0;
margin: 16px 0 0;
}
.footer-contacts__contacts a {
color: inherit;
}
.footer-contacts__contacts li {
padding: 4px 0;
position: relative;
}
.footer-contacts__icon {
display: inline-block;
text-align: center;
width: 22px;
margin-right: 2px;
}
@media (max-width: 767px) {
.footer-contacts {
text-align: center;
}
.footer-contacts__title {
font-size: 28px;
margin-bottom: 16px;
}
.footer-contacts__text {
padding: 0;
}
}
.footer-links__title {
margin-bottom: 22px;
}
.footer-links__list {
font-size: 15px;
line-height: 28px;
list-style: none;
padding: 0;
margin: 0;
}
.footer-links__list a {
color: inherit;
transition: 0.15s;
}
.footer-links__list a:hover {
color: #1a66ff;
}
@media (max-width: 767px) {
.footer-links__title {
margin-bottom: 12px;
}
.footer-links {
margin-top: 42px;
text-align: center;
}
}
.footer-newsletter__title {
margin-bottom: 25px;
}
.footer-newsletter__text {
font-size: 15px;
line-height: 22px;
margin-bottom: 14px;
}
.footer-newsletter__text--social {
margin-top: 20px;
margin-bottom: 0;
}
.footer-newsletter__social-links {
display: -ms-flexbox;
display: flex;
margin: 8px 0 0;
padding: 0;
list-style: none;
}
.footer-newsletter__social-link + .footer-newsletter__social-link {
margin-left: 7px;
}
.footer-newsletter__social-link a {
font-size: 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: inherit;
width: 34px;
height: 34px;
border-radius: 17px;
transition: all 0.2s;
}
.footer-newsletter__social-link a:hover {
opacity: 0.8;
}
.footer-newsletter__social-link a {
color: #fff;
}
.footer-newsletter__social-link--facebook a {
background: #3c5a99;
}
.footer-newsletter__social-link--twitter a {
background: #00a2e8;
}
.footer-newsletter__social-link--youtube a {
background: #e52e2e;
}
.footer-newsletter__social-link--instagram a {
background: #815dc7;
}
.footer-newsletter__social-link--rss a {
background: #ffc338;
}
.footer-newsletter__form {
display: -ms-flexbox;
display: flex;
max-width: 380px;
}
.footer-newsletter__form-button {
margin-left: 6px;
}
@media (max-width: 991px) {
.footer-newsletter {
margin-top: 42px;
max-width: 420px;
}
.footer-newsletter__title {
margin-bottom: 16px;
}
}
@media (max-width: 767px) {
.footer-newsletter {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.footer-newsletter__title {
font-size: 28px;
}
.footer-newsletter__form {
margin: 0 auto;
}
.footer-newsletter__social-links {
margin-top: 16px;
-ms-flex-pack: center;
justify-content: center;
}
}
.site-footer {
background: transparent;
border-top: 1px solid #ebebeb;
}
.site-footer__widgets {
padding: 48px 0 54px;
}
.site-footer__bottom {
height: 54px;
border-top: 1px solid #ebebeb;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-footer__copyright {
font-size: 14px;
}
.site-footer__copyright a:hover {
text-decoration: underline;
}
.site-footer__payments img {
max-width: 100%;
}
.site-footer__widget + .site-footer__widget {
margin-top: 24px;
}
@media (max-width: 767px) {
.site-footer__bottom {
padding: 20px 0 24px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
}
.site-footer__payments {
-ms-flex-order: -1;
order: -1;
}
.site-footer__copyright + .site-footer__payments {
margin-bottom: 30px;
}
.site-footer__copyright,
.site-footer__payments {
width: 100%;
text-align: center;
}
}
.about-us__image {
background-image: url(../images/aboutus.jpg);
background-size: cover;
background-position: bottom;
height: 500px;
}
.about-us__body {
background: #fff;
min-height: 380px;
margin-top: -380px;
border-radius: 4px 4px 0 0;
padding: 75px 92px;
}
.about-us__title {
margin-bottom: 50px;
}
.about-us__team,
.about-us__text,
.about-us__title {
text-align: center;
}
.about-us__team {
margin-top: 75px;
}
.about-us__team-subtitle {
margin-top: 24px;
}
.about-us__teammates {
margin-top: 42px;
}
.teammates .owl-carousel .owl-dots {
margin-top: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.teammates .owl-carousel .owl-dots.disabled {
display: none;
}
.teammates .owl-carousel button.owl-dot {
display: block;
color: #e5e5e5;
transition: color 0.2s;
}
.teammates .owl-carousel button.owl-dot:before {
display: block;
content: "";
width: 12px;
height: 12px;
border-radius: 6px;
background: currentColor;
margin: 6px;
}
.teammates .owl-carousel button.owl-dot:focus {
outline: none;
}
.teammates .owl-carousel button.owl-dot:hover {
color: #ccc;
}
.teammates .owl-carousel button.owl-dot.active {
color: #ffd333;
}
.teammate__avatar img {
max-width: 100%;
border-radius: 2px;
}
.teammate__name {
font-size: 18px;
font-weight: 500;
margin-top: 16px;
}
.teammate__position {
font-size: 14px;
}
@media (max-width: 991px) and (min-width: 768px) {
.about-us__image {
height: 460px;
}
.about-us__title {
margin-bottom: 36px;
}
.about-us__body {
padding: 50px;
}
.about-us__team {
margin-top: 75px;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.about-us__image {
height: 360px;
}
.about-us__title {
margin-bottom: 24px;
}
.about-us__body {
min-height: 290px;
margin-top: -290px;
padding: 40px;
}
.about-us__team {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.about-us__image {
height: 330px;
}
.about-us__body {
min-height: 290px;
margin-top: -290px;
padding: 30px 24px;
}
.about-us__title {
margin-bottom: 20px;
}
.about-us__team {
margin-top: 50px;
}
}
.checkout__totals {
font-size: 15px;
line-height: 19px;
width: 100%;
margin-bottom: 40px;
}
.checkout__totals td,
.checkout__totals th {
padding: 4px 0;
}
.checkout__totals th {
font-weight: 700;
}
.checkout__totals tr > :first-child {
padding-right: 20px;
}
.checkout__totals tr > :last-child {
text-align: right;
}
.checkout__totals-header tr:last-child > * {
padding-bottom: 10px;
}
.checkout__totals-products tr:first-child > * {
padding-top: 20px;
border-top: 1px solid #ebebeb;
}
.checkout__totals-products tr:last-child > * {
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb;
}
.checkout__totals-subtotals tr:first-child > * {
padding-top: 20px;
}
.checkout__totals-subtotals tr:last-child > * {
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb;
}
.checkout__totals-footer {
font-size: 24px;
}
.checkout__totals-footer th {
font-weight: 500;
}
.checkout__totals-footer tr:first-child > * {
padding-top: 20px;
}
.payment-methods {
margin-bottom: 30px;
}
.payment-methods__list {
list-style: none;
padding: 0;
margin: 0;
}
.payment-methods__item {
border-radius: 2px;
background: transparent;
border: 1px solid #e5e5e5;
}
.payment-methods__item:hover {
background: #f7f7f7;
border: 1px solid #e5e5e5;
}
.payment-methods__item + .payment-methods__item {
margin-top: 6px;
}
.payment-methods__item-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 8px 14px;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.01em;
cursor: pointer;
margin-bottom: 0;
}
.payment-methods__item-radio {
margin-right: 10px;
}
.payment-methods__item-container {
overflow: hidden;
height: 0;
transition: height 0.2s;
}
.payment-methods__item-description {
font-size: 15px;
line-height: 20px;
padding: 2px 16px 13px;
}
.payment-methods__item--active,
.payment-methods__item--active:hover {
background: #f7f7f7;
border: 1px solid #e5e5e5;
}
.payment-methods__item--active .payment-methods__item-container {
height: auto;
}
.checkout__agree {
margin-bottom: 36px;
}
.checkout__agree a:hover {
text-decoration: underline;
}
.contact-us__map {
position: relative;
height: 440px;
margin: -2px;
margin-bottom: 6px;
overflow: hidden;
border-radius: 2px 2px 0 0;
}
.contact-us__map iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
@media (max-width: 1199px) {
.contact-us__map {
height: 400px;
}
}
@media (max-width: 991px) {
.contact-us__map {
height: 380px;
}
}
@media (max-width: 767px) {
.contact-us__map {
height: 360px;
}
}
@media (max-width: 575px) {
.contact-us__map {
height: 320px;
}
}
.faq__section + .faq__section {
margin-top: 70px;
}
.faq__section-title {
margin-bottom: 20px;
}
.faq__section-title h3 {
font-size: 22px;
font-weight: 500;
}
.faq__section-body {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 48px 44px;
}
@media (max-width: 991px) {
.faq__section + .faq__section {
margin-top: 40px;
}
.faq__section-body {
padding: 28px 24px;
}
.faq__section-column + .faq__section-column {
margin-top: 1.5em;
}
}
.not-found {
text-align: center;
}
.not-found__404 {
font-size: 80px;
font-weight: 700;
color: #ebebeb;
padding: 40px 0 20px;
}
.not-found__content {
width: 480px;
max-width: 100%;
margin: 0 auto;
}
.not-found__title {
margin-bottom: 30px;
}
.not-found__text {
margin-bottom: 20px;
}
.not-found__search {
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.not-found__search-input {
width: 1px;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 10px;
}
@media (max-width: 991px) {
.not-found__404 {
font-size: 60px;
}
}
@media (max-width: 767px) {
.not-found__404 {
font-size: 50px;
line-height: 54px;
padding: 40px 0 32px;
}
}
.cart__actions {
margin-top: 2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cart__coupon-form {
width: calc(50% - 15px);
display: -ms-flexbox;
display: flex;
}
.cart__coupon-form .btn {
margin-left: 0.5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cart__buttons {
width: calc(50% - 15px);
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
.cart__update-button {
margin-left: 0.5rem;
}
.cart__totals {
font-size: 16px;
line-height: 20px;
width: 100%;
margin-bottom: 40px;
}
.cart__totals a:hover {
text-decoration: underline;
}
.cart__totals td,
.cart__totals th {
vertical-align: top;
padding: 6px 0;
}
.cart__totals th {
font-weight: 700;
}
.cart__totals tr > :first-child {
padding-right: 20px;
}
.cart__totals tr > :last-child {
text-align: right;
}
.cart__totals-header tr:last-child > * {
padding-bottom: 10px;
}
.cart__totals-body tr:first-child > * {
padding-top: 20px;
border-top: 1px solid #ebebeb;
}
.cart__totals-body tr:last-child > * {
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb;
}
.cart__totals-footer {
font-size: 24px;
}
.cart__totals-footer th {
font-weight: 500;
}
.cart__totals-footer tr:first-child > * {
padding-top: 20px;
}
.cart__calc-shipping {
margin-top: 2px;
font-size: 15px;
}
@media (max-width: 767px) {
.cart__actions {
margin-top: 1.5rem;
display: block;
}
.cart__coupon-form {
width: 100%;
}
.cart__buttons {
-ms-flex-direction: column;
flex-direction: column;
margin-top: 2.5rem;
width: 100%;
}
.cart__update-button {
margin-left: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 0.75rem;
}
}
@media (max-width: 479px) {
.cart__checkout-button {
font-size: 1.125rem;
height: calc(2.75rem + 2px);
padding: 0.8125rem 2rem;
line-height: 1;
font-weight: 500;
}
.cart__checkout-button.btn-svg-icon {
width: calc(2.75rem + 2px);
}
}
@media (max-width: 379px) {
.cart__checkout-button {
font-size: 1rem;
height: calc(2.25rem + 2px);
line-height: 1.5;
padding: 0.375rem 1.25rem;
font-weight: 500;
}
.cart__checkout-button.btn-svg-icon {
width: calc(2.25rem + 2px);
}
}
.cart-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.cart-table__product-name {
color: inherit;
}
.cart-table__options {
list-style: none;
padding: 0;
margin: 4px 0 0;
font-size: 14px;
color: #999;
line-height: 19px;
}
.cart-table__options li {
padding-left: 12px;
position: relative;
}
.cart-table__options li:before {
content: "";
display: block;
position: absolute;
left: 1px;
top: 7px;
width: 4px;
height: 4px;
border-radius: 2px;
background: currentColor;
}
@media (min-width: 768px) {
.cart-table__column {
padding: 12px 18px;
border-top: 1px solid #ebebeb;
}
.cart-table__column:first-child {
border-left: 1px solid #ebebeb;
}
.cart-table__column:last-child {
border-right: 1px solid #ebebeb;
}
.cart-table__head {
background: #f7f7f7;
font-size: 15px;
}
.cart-table__head .cart-table__column {
font-weight: 500;
}
.cart-table__head .cart-table__column:first-child {
border-top-left-radius: 2.5px;
}
.cart-table__head .cart-table__column:last-child {
border-top-right-radius: 2.5px;
}
.cart-table__body .cart-table__column {
padding-top: 18px;
padding-bottom: 18px;
}
.cart-table__body .cart-table__row:last-child .cart-table__column {
border-bottom: 1px solid #ebebeb;
}
.cart-table__body
.cart-table__row:last-child
.cart-table__column:first-child {
border-bottom-left-radius: 2.5px;
}
.cart-table__body .cart-table__row:last-child .cart-table__column:last-child {
border-bottom-right-radius: 2.5px;
}
.cart-table__column--image {
width: 1px;
text-align: center;
}
.cart-table__column--image img {
width: 80px;
}
.cart-table__column--price {
text-align: right;
width: 170px;
}
.cart-table__column--quantity {
padding-left: 90px;
text-align: center;
width: 1px;
}
.cart-table__column--total {
text-align: right;
width: 170px;
}
.cart-table__column--remove {
width: 1px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cart-table__column--quantity {
padding-left: 40px;
}
.cart-table__column--price,
.cart-table__column--total {
width: 130px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cart-table__column--quantity {
padding-left: 0;
padding-right: 0;
}
.cart-table__column--price,
.cart-table__column--total {
width: 1px;
}
.cart-table__column--remove {
padding-left: 0;
}
}
@media (max-width: 767px) {
.cart-table {
display: block;
}
.cart-table__head {
display: none;
}
.cart-table__body {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cart-table__row {
position: relative;
width: 100%;
display: block;
border: 1px solid #ebebeb;
border-radius: 2px;
}
.cart-table__row + .cart-table__row {
margin-top: 15px;
}
.cart-table__column {
display: block;
padding: 0;
}
.cart-table__column--image {
padding: 20px 20px 10px;
text-align: center;
}
.cart-table__column--image img {
width: 100%;
max-width: 160px;
}
.cart-table__column--product {
text-align: center;
border-bottom: 1px solid #ebebeb;
padding: 0 20px 18px;
}
.cart-table__column--price,
.cart-table__column--quantity,
.cart-table__column--total {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 8px 20px;
}
.cart-table__column--price:before,
.cart-table__column--quantity:before,
.cart-table__column--total:before {
text-align: left;
font-weight: 500;
width: 55%;
-ms-flex-negative: 0;
flex-shrink: 0;
content: attr(data-title) ": ";
}
.cart-table__column--quantity .input-number {
width: 110px;
}
.cart-table__column--price {
padding-top: 18px;
}
.cart-table__column--total {
padding-bottom: 18px;
}
.cart-table__column--remove {
position: absolute;
top: 5px;
right: 5px;
}
.cart-table__options li:before {
display: none;
}
}
.category-card,
.category-card__body {
display: -ms-flexbox;
display: flex;
}
.category-card__body {
border-radius: 2px;
background: #fff;
box-shadow: 0 1px 16px rgba(0, 0, 0, 0.04);
padding: 24px 20px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.category-card__image {
width: 130px;
margin-right: 24px;
}
.category-card__image img {
max-width: 100%;
}
.category-card__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.category-card__name {
margin-top: -2px;
font-weight: 500;
font-size: 17px;
line-height: 19px;
}
.category-card__name a {
color: inherit;
transition: 0.15s;
}
.category-card__name a:hover {
color: #1a66ff;
}
.category-card__links {
list-style: none;
margin: 14px 0 0;
padding: 0;
font-size: 14px;
line-height: 22px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.category-card__links a {
color: #6c757d;
transition: 0.15s;
}
.category-card__links a:hover {
color: #1a66ff;
}
.category-card__all {
margin-top: 14px;
font-size: 14px;
}
.category-card__all a:hover {
text-decoration: underline;
}
.category-card__products {
display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
.category-card--layout--classic .category-card__image {
width: 90px;
}
}
@media (min-width: 480px) and (max-width: 991px) {
.category-card--layout--classic .category-card__body {
-ms-flex-direction: column;
flex-direction: column;
padding: 24px 28px;
}
.category-card--layout--classic .category-card__image {
width: auto;
margin: 0 0 18px;
}
}
@media (min-width: 400px) and (max-width: 479px) {
.category-card--layout--classic .category-card__image {
width: 40%;
}
}
@media (max-width: 399px) {
.category-card--layout--classic .category-card__body {
-ms-flex-direction: column;
flex-direction: column;
padding: 24px 28px;
text-align: center;
}
.category-card--layout--classic .category-card__image {
width: 120px;
margin: 0 auto 18px;
}
}
.category-card--layout--compact .category-card__body {
padding: 16px 30px;
-ms-flex-align: center;
align-items: center;
}
.category-card--layout--compact .category-card__image {
width: 74px;
margin-right: 30px;
}
.category-card--layout--compact .category-card__all,
.category-card--layout--compact .category-card__links {
display: none;
}
.category-card--layout--compact .category-card__name {
margin-top: 0;
font-size: 17px;
line-height: 19px;
}
.category-card--layout--compact .category-card__products {
display: block;
font-size: 15px;
color: #999;
margin-top: 5px;
}
.compare-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 15px;
line-height: 18px;
}
.compare-table tr > * {
border-top: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
}
.compare-table tr > :last-child {
border-right: 1px solid #ebebeb;
}
.compare-table > :first-child > tr:first-child > :first-child {
border-top-left-radius: 2.5px;
}
.compare-table > :first-child > tr:first-child > :last-child {
border-top-right-radius: 2.5px;
}
.compare-table > :last-child > tr:last-child > :first-child {
border-bottom-left-radius: 2.5px;
}
.compare-table > :last-child > tr:last-child > :last-child {
border-bottom-right-radius: 2.5px;
}
.compare-table > :last-child > tr:last-child > * {
border-bottom: 1px solid #ebebeb;
}
.compare-table th {
min-width: 200px;
text-align: right;
background: #f7f7f7;
font-weight: 500;
}
.compare-table td {
min-width: 180px;
max-width: 180px;
text-align: center;
vertical-align: top;
}
.compare-table td,
.compare-table th {
padding: 14px 16px;
}
.compare-table__product-link {
display: block;
padding: 8px 8px 0;
color: inherit;
}
.compare-table__product-image {
margin-bottom: 14px;
width: 100%;
}
.compare-table__product-image img {
width: 140px;
max-width: 100%;
}
.compare-table__product-name {
line-height: 20px;
}
.compare-table__product-rating {
padding-top: 3px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.compare-table__product-rating-legend {
margin-top: 8px;
font-size: 13px;
line-height: 1;
color: #b3b3b3;
}
.compare-table__product-badge {
font-size: 12px;
}
.product__content {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 50%;
grid-template-columns: [gallery] calc(50% - 20px) [info] calc(50% - 20px);
grid-template-rows: auto auto auto auto auto;
grid-column-gap: 40px;
}
.product__gallery {
-ms-grid-row: 1;
-ms-grid-row-span: 6;
-ms-grid-column: 1;
grid-row-start: 1;
grid-row-end: 6;
min-height: 0;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.product__gallery {
margin-right: 40px;
}
}
.product__info {
-ms-grid-row: 1;
-ms-grid-column: 2;
position: relative;
min-height: 0;
}
.product__sidebar {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.product__footer {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.product__wishlist-compare {
display: none;
}
.product__name {
margin-bottom: 22px;
}
.product__rating {
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
}
.product__rating-stars {
padding-top: 2px;
margin-right: 12px;
}
.product__rating-legend {
font-size: 14px;
line-height: 20px;
color: #b3b3b3;
}
.product__rating-legend a {
color: inherit;
transition: color 0.2s;
}
.product__rating-legend a:hover {
color: #1a66ff;
}
.product__rating-legend span {
content: "/";
padding: 0 7px;
}
.product__description {
font-size: 16px;
}
.product__features {
display: none;
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}
.product__features li {
padding: 1px 0 1px 13px;
position: relative;
}
.product__features li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 9px;
width: 5px;
height: 5px;
border-radius: 2.5px;
border: 1px solid currentColor;
}
.product__meta {
list-style: none;
margin: 12px 0 0;
padding: 12px 0 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #999;
font-size: 14px;
border-top: 1px solid #ebebeb;
}
.product__meta li {
margin-right: 18px;
}
.product__meta a {
color: inherit;
transition: color 0.2s;
}
.product__meta a:hover {
color: #1a66ff;
}
.product__availability {
display: none;
}
.product__prices {
margin-top: 18px;
margin-bottom: 14px;
font-size: 28px;
font-weight: 700;
letter-spacing: -0.03em;
color: #3d464d;
}
.product__new-price {
color: #ff2626;
}
.product__old-price {
color: #b3b3b3;
font-weight: 400;
font-size: 20px;
text-decoration: line-through;
}
.product__option {
margin-bottom: 18px;
}
.product__option:last-child {
margin-bottom: 0;
}
.product__option-label {
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
color: #6c757d;
padding-bottom: 2px;
}
.product__actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -4px;
}
.product__actions-item {
margin: 4px;
}
.product__quantity {
width: 120px;
}
.product__footer {
margin-top: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product__share-links {
margin: 2px 0 2px 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.product__name {
font-size: 24px;
margin-bottom: 18px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.product__content {
-ms-grid-columns: 44% 56%;
grid-template-columns: [gallery] calc(44% - 15px) [info] calc(56% - 15px);
grid-column-gap: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) and (-ms-high-contrast: none),
screen and (min-width: 768px) and (max-width: 991px) and (-ms-high-contrast: active) {
.product__gallery {
margin-right: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.product__name {
font-size: 24px;
margin-bottom: 18px;
}
.product__footer {
display: block;
margin-top: 18px;
}
.product__share-links {
margin: 12px 0 0;
}
}
@media (max-width: 767px) {
.product__content {
display: block;
}
.product__gallery {
margin-bottom: 24px;
}
.product__name {
font-size: 24px;
margin-bottom: 18px;
}
}
@media (max-width: 559px) {
.product__footer {
display: block;
margin-top: 24px;
}
.product__share-links {
margin: 12px 0 0;
}
}
@media (min-width: 992px) {
.product--layout--columnar .product__content {
-ms-grid-columns: 380px auto 260px;
grid-template-columns: [gallery] 380px [info] auto [sidebar] 260px;
grid-template-rows: auto auto auto auto;
grid-column-gap: 0;
}
.product--layout--columnar .product__gallery {
grid-row-start: 1;
grid-row-end: 4;
min-height: 0;
}
}
@media (min-width: 992px) and (-ms-high-contrast: none),
screen and (min-width: 992px) and (-ms-high-contrast: active) {
.product--layout--columnar .product__gallery {
margin-right: 0;
}
}
@media (min-width: 992px) {
.product--layout--columnar .product__info {
-ms-grid-row: 1;
-ms-grid-column: 2;
grid-row: 1;
grid-column: info;
padding: 0 30px;
min-height: 0;
}
.product--layout--columnar .product__sidebar {
-ms-grid-row: 1;
-ms-grid-row-span: 4;
-ms-grid-column: 3;
grid-column: sidebar;
grid-row-start: 1;
grid-row-end: 4;
min-height: 0;
border-left: 2px solid #f0f0f0;
padding-top: 10px;
padding-left: 30px;
padding-bottom: 20px;
}
.product--layout--columnar .product__footer {
-ms-grid-row: 2;
-ms-grid-column: 2;
grid-row: 2;
grid-column: info;
padding: 0 30px;
min-height: 0;
}
.product--layout--columnar .product__wishlist-compare {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
right: 8px;
}
.product--layout--columnar .product__wishlist-compare > * + * {
margin-top: 2px;
}
.product--layout--columnar .product__name {
font-size: 24px;
margin-bottom: 12px;
padding-right: 16px;
}
.product--layout--columnar .product__description {
margin: 10px 0 12px;
font-size: 15px;
}
.product--layout--columnar .product__features {
display: block;
}
.product--layout--columnar .product__meta {
margin: 12px 0 0;
padding: 0;
border-top: none;
}
.product--layout--columnar .product__meta-availability {
display: none;
}
.product--layout--columnar .product__footer {
-ms-flex-direction: column;
flex-direction: column;
}
.product--layout--columnar .product__share-links {
margin: 12px 0 0 1px;
}
.product--layout--columnar .product__prices {
margin-top: 20px;
margin-bottom: 24px;
line-height: 28px;
}
.product--layout--columnar .product__new-price {
display: block;
}
.product--layout--columnar .product__quantity {
width: 88px;
}
.product--layout--columnar .product__actions {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.product--layout--columnar .product__actions-item--addtocart {
-ms-flex-positive: 1;
flex-grow: 1;
}
.product--layout--columnar .product__actions-item--addtocart .btn {
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.product--layout--columnar .product__actions-item--compare,
.product--layout--columnar .product__actions-item--wishlist {
display: none;
}
.product--layout--columnar .product__availability {
display: block;
font-size: 14px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.product--layout--columnar .product__content {
-ms-grid-columns: 320px auto 200px;
grid-template-columns: [gallery] 320px [info] auto [sidebar] 200px;
}
.product--layout--columnar .product__sidebar {
padding-left: 24px;
}
.product--layout--columnar .product__option {
margin-bottom: 12px;
}
.product--layout--columnar .product__actions {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.product--layout--columnar .product__quantity {
width: 100px;
}
.product--layout--columnar .product__actions-item {
margin: 0;
}
.product--layout--columnar .product__actions-item--addtocart {
margin-top: 16px;
}
}
@media (min-width: 992px) {
.product--layout--sidebar .product__content {
-ms-grid-columns: 50% 50%;
grid-template-columns: [gallery] calc(50% - 16px) [info] calc(50% - 16px);
grid-column-gap: 32px;
}
}
@media (min-width: 992px) and (-ms-high-contrast: none),
screen and (min-width: 992px) and (-ms-high-contrast: active) {
.product--layout--sidebar .product__gallery {
margin-right: 32px;
}
}
@media (min-width: 992px) {
.product--layout--sidebar .product__name {
font-size: 24px;
margin-bottom: 12px;
}
.product--layout--sidebar .product__footer {
display: block;
margin-top: 18px;
}
.product--layout--sidebar .product__share-links {
margin: 12px 0 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.product--layout--quickview .product__content {
grid-template-columns: [gallery] calc(50% - 16px) [info] calc(50% - 16px);
grid-column-gap: 32px;
}
.product--layout--quickview .product__name {
margin-bottom: 12px;
}
.product--layout--quickview .product__footer {
display: block;
margin-top: 18px;
}
.product--layout--quickview .product__share-links {
margin: 12px 0 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.product--layout--quickview .product__content {
display: block;
}
.product--layout--quickview .product__gallery {
margin-bottom: 24px;
}
.product--layout--quickview .product__name {
font-size: 24px;
margin-bottom: 18px;
}
}
.product-gallery__featured {
box-shadow: inset 0 0 0 2px #f2f2f2;
padding: 2px;
border-radius: 2px;
}
.product-gallery__featured a {
display: block;
padding: 20px;
}
.product-gallery__carousel {
margin-top: 16px;
}
.product-gallery__carousel-item {
display: block;
box-shadow: inset 0 0 0 2px #f2f2f2;
padding: 12px;
border-radius: 2px;
}
.product-gallery__carousel-item--active {
box-shadow: inset 0 0 0 2px #ffd333;
}
.product-tabs {
margin-top: 50px;
}
.product-tabs__list {
display: -ms-flexbox;
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: -2px;
}
.product-tabs__list:after,
.product-tabs__list:before {
content: "";
display: block;
width: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-tabs__item {
font-size: 20px;
padding: 18px 48px;
border-bottom: 2px solid transparent;
color: inherit;
font-weight: 500;
border-radius: 3px 3px 0 0;
transition: all 0.15s;
}
.product-tabs__item:hover {
color: inherit;
background: #f7f7f7;
border-bottom-color: #d9d9d9;
}
.product-tabs__item:first-child {
margin-left: auto;
}
.product-tabs__item:last-child {
margin-right: auto;
}
.product-tabs__item--active {
transition-duration: 0s;
}
.product-tabs__item--active,
.product-tabs__item--active:hover {
cursor: default;
border-bottom-color: #ffd333;
background: transparent;
}
.product-tabs__content {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 80px 90px;
}
.product-tabs__pane {
overflow: hidden;
height: 0;
opacity: 0;
transition: opacity 0.5s;
}
.product-tabs__pane--active {
overflow: visible;
height: auto;
opacity: 1;
}
.product-tabs--layout--sidebar .product-tabs__item {
padding: 14px 30px;
}
.product-tabs--layout--sidebar .product-tabs__content {
padding: 48px 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.product-tabs__content {
padding: 60px 70px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.product-tabs .product-tabs__item {
padding: 14px 30px;
}
.product-tabs .product-tabs__content {
padding: 40px 50px;
}
}
@media (max-width: 767px) {
.product-tabs .product-tabs__item {
padding: 14px 30px;
}
.product-tabs .product-tabs__content {
padding: 24px;
}
}
.products-list__body {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.products-list__body,
.products-list__item {
display: -ms-flexbox;
display: flex;
}
.products-list__item .product-card {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.products-list[data-layout^="grid-"] .product-card .product-card__image {
padding: 18px 18px 20px;
}
.products-list[data-layout^="grid-"] .product-card .product-card__info {
padding: 0 24px;
}
.products-list[data-layout^="grid-"] .product-card .product-card__actions {
padding: 0 24px 24px;
}
.products-list[data-layout^="grid-"] .product-card .product-card__availability,
.products-list[data-layout^="grid-"] .product-card .product-card__description,
.products-list[data-layout^="grid-"]
.product-card
.product-card__features-list {
display: none;
}
.products-list[data-layout^="grid-"][data-with-features="true"]
.product-card
.product-card__features-list {
display: block;
}
.products-list[data-layout="grid-3-sidebar"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-3-sidebar"] .products-list__item {
width: calc(33.33333% - 12px);
margin: 8px 6px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__buttons
.btn {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.875rem + 2px);
}
@media (hover: hover) {
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-3-sidebar"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-3-sidebar"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 1199px) and (min-width: 480px) {
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__image {
padding: 15px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__badges-list {
left: 16px;
top: 16px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__info {
padding: 0 15px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__actions {
padding: 0 15px 15px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__buttons
.btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
}
@media (max-width: 1199px) and (min-width: 480px) and (hover: hover) {
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-3-sidebar"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 1199px) and (min-width: 480px) and (-ms-high-contrast: none),
screen and (max-width: 1199px) and (min-width: 480px) and (-ms-high-contrast: active) {
.products-list[data-layout="grid-3-sidebar"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-3-sidebar"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.products-list[data-layout="grid-3-sidebar"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.products-list[data-layout="grid-3-sidebar"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-3-sidebar"] .products-list__item {
width: calc(33.33333% - 12px);
margin: 8px 6px;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.products-list[data-layout="grid-3-sidebar"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-3-sidebar"] .products-list__item {
width: calc(50% - 12px);
margin: 8px 6px;
}
}
@media (max-width: 479px) {
.products-list[data-layout="grid-3-sidebar"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-3-sidebar"] .products-list__item {
width: 100%;
margin: 8px 6px;
}
}
.products-list[data-layout="grid-4-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-4-full"] .products-list__item {
width: calc(25% - 12px);
margin: 8px 6px;
}
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__buttons
.btn {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.875rem + 2px);
}
@media (hover: hover) {
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-4-full"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.products-list[data-layout="grid-4-full"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-4-full"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.products-list[data-layout="grid-4-full"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 1199px) and (min-width: 480px) {
.products-list[data-layout="grid-4-full"] .product-card .product-card__image {
padding: 15px;
}
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__badges-list {
left: 16px;
top: 16px;
}
.products-list[data-layout="grid-4-full"] .product-card .product-card__info {
padding: 0 15px;
}
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__actions {
padding: 0 15px 15px;
}
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__buttons
.btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
}
@media (max-width: 1199px) and (min-width: 480px) and (hover: hover) {
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-4-full"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.products-list[data-layout="grid-4-full"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 1199px) and (min-width: 480px) and (-ms-high-contrast: none),
screen and (max-width: 1199px) and (min-width: 480px) and (-ms-high-contrast: active) {
.products-list[data-layout="grid-4-full"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-4-full"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.products-list[data-layout="grid-4-full"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.products-list[data-layout="grid-4-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-4-full"] .products-list__item {
width: calc(33.33333% - 12px);
margin: 8px 6px;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.products-list[data-layout="grid-4-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-4-full"] .products-list__item {
width: calc(50% - 12px);
margin: 8px 6px;
}
}
@media (max-width: 479px) {
.products-list[data-layout="grid-4-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-4-full"] .products-list__item {
width: 100%;
margin: 8px 6px;
}
}
.products-list[data-layout="grid-5-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-5-full"] .products-list__item {
width: calc(20% - 12px);
margin: 8px 6px;
}
@media (min-width: 480px) {
.products-list[data-layout="grid-5-full"] .product-card .product-card__image {
padding: 15px;
}
.products-list[data-layout="grid-5-full"]
.product-card
.product-card__badges-list {
left: 16px;
top: 16px;
}
.products-list[data-layout="grid-5-full"] .product-card .product-card__info {
padding: 0 15px;
}
.products-list[data-layout="grid-5-full"]
.product-card
.product-card__actions {
padding: 0 15px 15px;
}
.products-list[data-layout="grid-5-full"]
.product-card
.product-card__buttons
.btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.products-list[data-layout="grid-5-full"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
}
@media (min-width: 480px) and (hover: hover) {
.products-list[data-layout="grid-5-full"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-5-full"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.products-list[data-layout="grid-5-full"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 480px) and (-ms-high-contrast: none),
screen and (min-width: 480px) and (-ms-high-contrast: active) {
.products-list[data-layout="grid-5-full"]
.product-card
.product-card__buttons {
display: none;
}
.products-list[data-layout="grid-5-full"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.products-list[data-layout="grid-5-full"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.products-list[data-layout="grid-5-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-5-full"] .products-list__item {
width: calc(25% - 12px);
margin: 8px 6px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.products-list[data-layout="grid-5-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-5-full"] .products-list__item {
width: calc(33.33333% - 12px);
margin: 8px 6px;
}
}
@media (max-width: 767px) and (min-width: 480px) {
.products-list[data-layout="grid-5-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-5-full"] .products-list__item {
width: calc(50% - 12px);
margin: 8px 6px;
}
}
@media (max-width: 479px) {
.products-list[data-layout="grid-5-full"] .products-list__body {
margin: -8px -6px;
}
.products-list[data-layout="grid-5-full"] .products-list__item {
width: 100%;
margin: 8px 6px;
}
}
.products-list[data-layout="list"] .products-list__body {
margin: -8px 0;
}
.products-list[data-layout="list"] .products-list__item {
width: 100%;
margin: 8px 0;
display: block;
}
.products-list[data-layout="list"] .product-card {
-ms-flex-direction: row;
flex-direction: row;
}
.products-list[data-layout="list"] .product-card .product-card__image {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 24px;
width: 210px;
}
.products-list[data-layout="list"] .product-card .product-card__info {
padding: 20px 24px 20px 4px;
}
.products-list[data-layout="list"] .product-card .product-card__name {
font-size: 16px;
line-height: 20px;
-ms-flex-positive: 0;
flex-grow: 0;
}
.products-list[data-layout="list"] .product-card .product-card__rating {
margin-top: 7px;
}
.products-list[data-layout="list"] .product-card .product-card__description {
color: #6c757d;
font-size: 15px;
line-height: 22px;
margin-top: 12px;
}
.products-list[data-layout="list"] .product-card .product-card__actions {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 190px;
padding: 16px 20px;
border-left: 1px solid #ebebeb;
}
.products-list[data-layout="list"] .product-card .product-card__prices {
margin-top: 16px;
font-size: 18px;
}
.products-list[data-layout="list"] .product-card .product-card__old-price {
font-size: 14px;
}
.products-list[data-layout="list"] .product-card .product-card__buttons {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.products-list[data-layout="list"] .product-card .product-card__addtocart {
display: none;
}
.products-list[data-layout="list"]
.product-card
.product-card__addtocart--list {
display: block;
}
.products-list[data-layout="list"] .product-card .product-card__addtocart {
width: 100%;
}
.products-list[data-layout="list"] .product-card .product-card__addtocart + * {
margin-left: 0;
}
.products-list[data-layout="list"] .product-card .product-card__addtocart ~ * {
margin-top: 8px;
}
.products-list[data-layout="list"] .product-card .product-card__addtocart,
.products-list[data-layout="list"] .product-card .product-card__compare,
.products-list[data-layout="list"] .product-card .product-card__wishlist {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.products-list[data-layout="list"]
.product-card
.product-card__addtocart.btn-svg-icon,
.products-list[data-layout="list"]
.product-card
.product-card__compare.btn-svg-icon,
.products-list[data-layout="list"]
.product-card
.product-card__wishlist.btn-svg-icon {
width: calc(1.875rem + 2px);
}
.products-list[data-layout="list"] .product-card .product-card__availability {
color: #999;
font-size: 14px;
padding-right: 10px;
}
.products-list[data-layout="list"] .product-card .product-card__features-list {
font-size: 14px;
line-height: 16px;
margin-bottom: 0;
}
.products-list[data-layout="list"]
.product-card
.product-card__features-list
li {
padding: 3px 0 3px 12px;
}
.products-list[data-layout="list"]
.product-card
.product-card__features-list
li:before {
top: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.products-list[data-layout="list"] .product-card .product-card__image {
width: 180px;
padding-left: 20px;
padding-right: 20px;
}
.products-list[data-layout="list"] .product-card .product-card__info {
padding-right: 20px;
padding-left: 0;
}
}
@media (max-width: 767px) {
.products-list[data-layout="list"] .product-card {
-ms-flex-direction: column;
flex-direction: column;
}
.products-list[data-layout="list"] .product-card .product-card__image {
width: 250px;
padding: 20px;
margin: 0 auto;
}
.products-list[data-layout="list"] .product-card .product-card__info {
border-top: 1px solid #ebebeb;
padding: 20px;
}
.products-list[data-layout="list"] .product-card .product-card__actions {
width: auto;
border-left: none;
border-top: 1px solid #ebebeb;
padding: 20px;
}
.products-list[data-layout="list"] .product-card .product-card__buttons {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.products-list[data-layout="list"] .product-card .product-card__buttons .btn {
font-size: 1rem;
height: calc(2.25rem + 2px);
line-height: 1.5;
padding: 0.375rem 1.25rem;
font-weight: 500;
}
.products-list[data-layout="list"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(2.25rem + 2px);
}
.products-list[data-layout="list"]
.product-card
.product-card__addtocart--list {
width: auto;
margin-right: auto;
}
}
.products-view__options {
padding-bottom: 20px;
}
.products-view__pagination {
padding-top: 32px;
}
.quickview {
padding: 60px;
position: relative;
}
.quickview__close {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
background: #fff;
border-radius: 3px;
border: none;
fill: #bfbfbf;
transition: all 0.2s;
z-index: 2;
}
.quickview__close:focus,
.quickview__close:hover {
fill: gray;
}
.quickview__close:focus {
outline: none;
}
@media (min-width: 576px) and (max-width: 1199px) {
.quickview {
padding: 30px;
}
}
@media (max-width: 575px) {
.quickview {
padding: 20px;
}
}
.review {
display: -ms-flexbox;
display: flex;
}
.review__avatar {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 16px;
margin-right: 24px;
}
.review__avatar img {
width: 70px;
border-radius: 1000px;
}
.review__author {
margin-top: -4px;
font-size: 16px;
font-weight: 500;
}
.review__rating {
margin-top: 2px;
}
.review__text {
font-size: 16px;
margin-top: 12px;
}
.review__date {
margin-top: 10px;
color: #999;
font-size: 14px;
}
@media (min-width: 576px) and (max-width: 767px) {
.review__avatar {
margin-right: 18px;
}
.review__avatar img {
width: 60px;
}
}
@media (max-width: 575px) {
.review__avatar {
display: none;
}
}
.reviews-list__content {
list-style: none;
padding: 0;
margin: 0;
}
.reviews-list__item {
border-bottom: 1px solid #ebebeb;
padding-top: 28px;
padding-bottom: 24px;
}
.reviews-list__item:first-child {
padding-top: 0;
}
.reviews-list__pagination {
margin-top: 36px;
}
.reviews-view__header {
margin-bottom: 50px;
}
.reviews-view__form {
margin-top: 40px;
border-top: 1px solid #ebebeb;
padding-top: 60px;
}
@media (max-width: 575px) {
.reviews-view__header {
margin-bottom: 40px;
}
.reviews-view__form {
margin-top: 30px;
padding-top: 50px;
}
}
.shop-layout {
display: -ms-flexbox;
display: flex;
}
@media (min-width: 992px) {
.shop-layout__sidebar {
width: 255px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.shop-layout__content {
width: calc(100% - 0px);
}
.shop-layout--sidebar--start .shop-layout__sidebar {
margin-right: 30px;
}
.shop-layout--sidebar--end .shop-layout__sidebar {
margin-left: 30px;
}
}
@media (max-width: 991px) {
.shop-layout {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shop-layout__content,
.shop-layout__sidebar {
width: 100%;
}
.shop-layout__sidebar {
-ms-flex-order: 1;
order: 1;
}
.shop-layout--sidebar--end .shop-layout__sidebar,
.shop-layout--sidebar--start .shop-layout__sidebar {
margin-left: 0;
margin-right: 0;
}
}
.spec {
font-size: 15px;
line-height: 18px;
}
.spec__header {
margin-bottom: 50px;
}
.spec__section + .spec__section {
margin-top: 40px;
}
.spec__section-title {
font-weight: 500;
font-size: 18px;
letter-spacing: -0.03em;
line-height: 20px;
margin: 0 0 12px;
}
.spec__row {
padding: 8px 12px;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #ebebeb;
}
.spec__row:first-of-type {
border-top: 1px solid #ebebeb;
}
.spec__name {
width: 230px;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 30px;
color: #999;
}
.spec__disclaimer {
margin-top: 40px;
font-size: 14px;
line-height: 22px;
color: #999;
}
@media (min-width: 576px) and (max-width: 767px) {
.spec__name {
width: 170px;
}
}
@media (max-width: 575px) {
.spec__row {
display: block;
padding: 12px 0;
}
.spec__name {
width: auto;
margin-bottom: 6px;
}
}
.view-options {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
}
.view-options__legend {
margin-left: 20px;
}
.view-options__divider {
-ms-flex-positive: 1;
flex-grow: 1;
}
.view-options__control {
margin-left: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.view-options__control label {
margin-bottom: 0;
margin-right: 8px;
}
@media (max-width: 767px) {
.view-options {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.view-options__legend {
margin-left: auto;
}
.view-options__divider {
width: 100%;
height: 12px;
}
.view-options__control {
margin-left: auto;
}
.view-options__control + .view-options__control {
margin-left: 24px;
}
}
@media (max-width: 419px) {
.view-options__legend {
width: 100%;
padding-top: 12px;
}
.view-options__divider {
height: 8px;
}
.view-options__control {
display: block;
margin-left: 0;
margin-right: 24px;
}
.view-options__control + .view-options__control {
margin-left: 0;
}
}
.wishlist__product-name {
color: inherit;
}
.wishlist__product-rating {
margin-top: 6px;
display: -ms-flexbox;
display: flex;
}
.wishlist__product-rating-legend {
font-size: 13px;
line-height: 1;
color: #b3b3b3;
margin-left: 9px;
padding-top: 1px;
}
@media (min-width: 768px) {
.wishlist {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.wishlist__column {
padding: 12px 18px;
border-top: 1px solid #ebebeb;
}
.wishlist__column:first-child {
border-left: 1px solid #ebebeb;
}
.wishlist__column:last-child {
border-right: 1px solid #ebebeb;
}
.wishlist__head {
background: #f7f7f7;
font-size: 15px;
}
.wishlist__head .wishlist__column {
font-weight: 500;
}
.wishlist__head .wishlist__column:first-child {
border-top-left-radius: 2.5px;
}
.wishlist__head .wishlist__column:last-child {
border-top-right-radius: 2.5px;
}
.wishlist__body .wishlist__column {
padding-top: 18px;
padding-bottom: 18px;
}
.wishlist__body .wishlist__row:last-child .wishlist__column {
border-bottom: 1px solid #ebebeb;
}
.wishlist__body .wishlist__row:last-child .wishlist__column:first-child {
border-bottom-left-radius: 2.5px;
}
.wishlist__body .wishlist__row:last-child .wishlist__column:last-child {
border-bottom-right-radius: 2.5px;
}
.wishlist__column--image {
width: 1px;
text-align: center;
}
.wishlist__column--image img {
width: 80px;
}
.wishlist__column--stock {
white-space: nowrap;
text-align: center;
width: 1px;
}
.wishlist__column--price {
text-align: right;
width: 170px;
padding-left: 90px;
}
.wishlist__column--tocart {
white-space: nowrap;
width: 1px;
padding-left: 90px;
padding-right: 0;
}
.wishlist__column--remove {
width: 1px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.wishlist__column--price {
width: 140px;
}
.wishlist__column--price,
.wishlist__column--tocart {
padding-left: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wishlist__column--price {
width: 1px;
}
.wishlist__column--price,
.wishlist__column--product,
.wishlist__column--stock,
.wishlist__column--tocart {
padding-left: 0;
}
.wishlist__column--remove {
padding-left: 8px;
padding-right: 12px;
}
}
@media (max-width: 767px) {
.wishlist {
display: block;
}
.wishlist__head {
display: none;
}
.wishlist__body {
display: block;
}
.wishlist__row {
position: relative;
width: 100%;
display: block;
border: 1px solid #ebebeb;
border-radius: 2px;
padding: 20px 20px 24px;
}
.wishlist__row + .wishlist__row {
margin-top: 15px;
}
.wishlist__column {
display: block;
padding: 0;
}
.wishlist__column--image {
padding: 20px 20px 10px;
text-align: center;
}
.wishlist__column--image img {
width: 100%;
max-width: 160px;
}
.wishlist__column--price,
.wishlist__column--product,
.wishlist__column--stock,
.wishlist__column--tocart {
text-align: center;
}
.wishlist__column--stock {
margin-top: 8px;
}
.wishlist__column--price {
margin-top: 12px;
font-size: 16px;
font-weight: 700;
}
.wishlist__column--tocart {
margin-top: 24px;
}
.wishlist__column--remove {
position: absolute;
top: 5px;
right: 5px;
}
.wishlist__product-rating {
-ms-flex-pack: center;
justify-content: center;
}
}
.comment {
display: -ms-flexbox;
display: flex;
}
.comment__avatar {
width: 70px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 20px;
margin-right: 24px;
}
.comment__avatar img {
max-width: 100%;
border-radius: 222px;
}
.comment__content {
-ms-flex-positive: 1;
flex-grow: 1;
}
.comment__header {
margin-top: -4px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.comment__author {
font-size: 16px;
font-weight: 500;
}
.comment__author a {
color: inherit;
transition: color 0.2s;
}
.comment__author a:hover {
color: #1a66ff;
}
.comment__reply .btn {
height: 22px;
padding: 0.125rem 0.375rem;
display: block;
}
.comment__text {
font-size: 16px;
margin-top: 6px;
}
.comment__date {
margin-top: 10px;
color: #999;
font-size: 14px;
}
@media (max-width: 767px) {
.comment__avatar {
margin-left: 0;
}
}
@media (max-width: 575px) and (max-width: 575px) {
.comment__avatar {
display: none;
}
}
.comments-list {
list-style: none;
margin: 0;
padding: 0;
}
.comments-list__item + .comments-list__item {
border-top: 1px solid #ebebeb;
margin-top: 24px;
padding-top: 28px;
}
.comments-list--level--0 > .comments-list__item:last-child {
padding-bottom: 28px;
border-bottom: 1px solid #ebebeb;
}
.comments-list--level--1 {
border-top: 1px solid #ebebeb;
margin-top: 24px;
padding-top: 28px;
}
.comments-list--level--1 > .comments-list__item {
margin-left: 46px;
}
@media (max-width: 767px) {
.comments-list--level--1,
.comments-list__item + .comments-list__item {
margin-top: 20px;
padding-top: 24px;
}
}
.post__featured {
text-align: center;
position: relative;
overflow: hidden;
border-radius: 2px;
margin-bottom: 40px;
}
.post__featured img {
transition: opacity 0.2s;
max-width: 100%;
}
.post__featured:hover img {
opacity: 0.8;
}
.post__footer {
margin-top: 60px;
}
.post__tags-share-links {
margin-bottom: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post__tags {
margin-right: 30px;
}
.post__share-links {
padding-top: 2px;
}
.post__section {
margin-top: 70px;
}
.post__section-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 28px;
font-size: 22px;
}
.post__section-title:after {
margin-left: 16px;
margin-top: 1px;
content: "";
display: block;
height: 2px;
-ms-flex-positive: 1;
flex-grow: 1;
background: #ebebeb;
}
@media (max-width: 1199px) {
.post__section {
margin-top: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.post__featured {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.post__featured {
margin-bottom: 24px;
}
.post__footer {
margin-top: 40px;
}
.post__tags-share-links {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.post__tags {
margin-right: 0;
}
.post__tags .tags__list {
-ms-flex-pack: center;
justify-content: center;
}
.post__share-links {
padding: 20px 0 0;
}
}
@media (min-width: 992px) {
.post--layout--full .post__featured {
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.post--layout--full .post__featured {
left: -190px;
width: calc(100% + 380px);
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.post--layout--full .post__featured {
left: -120px;
width: calc(100% + 240px);
}
}
.post-author {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 22px;
display: -ms-flexbox;
display: flex;
}
.post-author__avatar {
width: 70px;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
border-radius: 2px;
margin-right: 18px;
}
.post-author__avatar img {
max-width: 100%;
}
.post-author__name {
margin-top: 1px;
font-size: 15px;
font-weight: 500;
}
.post-author__name a {
color: inherit;
}
.post-author__about {
margin-top: 4px;
font-size: 14px;
}
.post__related-posts {
margin-top: 50px;
}
@media (max-width: 575px) {
.post-author {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.post-author__avatar {
margin-right: 0;
width: 90px;
}
.post-author__info {
margin-top: 16px;
}
.post-author__about {
margin-top: 8px;
}
}
.post-header__categories {
display: -ms-flexbox;
display: flex;
}
.post-header__categories a {
padding: 5px 7px 4px;
display: block;
font-size: 11px;
line-height: 1;
font-weight: 500;
text-transform: uppercase;
color: gray;
background: #ebebeb;
border-radius: 1.5px;
}
.post-header__meta {
font-size: 14px;
letter-spacing: 0.02em;
color: #b2b2b2;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-header__meta a {
color: inherit;
transition: color 0.2s;
}
.post-header__meta a:hover {
color: #1a66ff;
}
.post-header__meta-item {
position: relative;
margin-right: 20px;
}
.post-header__meta-item:after {
position: absolute;
display: block;
content: "";
background: currentColor;
width: 4px;
height: 4px;
border-radius: 2px;
right: -12px;
top: 8px;
}
.post-header__meta-item:last-child {
margin-right: 0;
}
.post-header__meta-item:last-child:after {
display: none;
}
.post-header--layout--classic .post-header__categories {
margin-bottom: 12px;
}
.post-header--layout--classic .post-header__title {
line-height: 38px;
margin-bottom: 8px;
}
.post-header--layout--classic .post-header__meta {
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.post-header--layout--classic .post-header__title {
margin-bottom: 6px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.post-header--layout--classic .post-header__meta {
margin-bottom: 24px;
}
}
@media (max-width: 767px) {
.post-header--layout--classic .post-header__meta {
margin-bottom: 20px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.post-header--layout--classic .post-header__title {
font-size: 30px;
line-height: 32px;
}
}
@media (max-width: 479px) {
.post-header--layout--classic .post-header__title {
font-size: 28px;
line-height: 30px;
}
}
.post-header--layout--full {
width: 640px;
max-width: 100%;
margin: 0 auto;
text-align: center;
padding: 20px 0 50px;
}
.post-header--layout--full .post-header__categories {
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 24px;
}
.post-header--layout--full .post-header__title {
line-height: 42px;
}
.post-header--layout--full .post-header__meta {
margin-top: 24px;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.post-header--layout--full {
padding: 10px 0 24px;
}
.post-header--layout--full .post-header__categories {
margin-bottom: 16px;
}
.post-header--layout--full .post-header__title {
font-size: 30px;
line-height: 32px;
}
.post-header--layout--full .post-header__meta {
margin-top: 12px;
}
}
@media (max-width: 575px) {
.post-header--layout--full {
padding-top: 0;
text-align: left;
}
.post-header--layout--full .post-header__categories,
.post-header--layout--full .post-header__meta {
-ms-flex-pack: start;
justify-content: flex-start;
}
.post-header--layout--full .post-header__meta {
margin-top: 8px;
}
}
.posts-list__body {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -32px -15px;
}
.posts-list__item {
margin: 32px 15px;
}
.posts-list--layout--classic .posts-list__item {
width: 100%;
}
@media (max-width: 767px) {
.posts-list--layout--classic .posts-list__body,
.posts-list--layout--classic .posts-list__item {
margin: 0;
}
.posts-list--layout--classic .posts-list__item + .posts-list__item {
margin-top: 36px;
}
}
@media (max-width: 479px) {
.posts-list--layout--classic .posts-list__item + .posts-list__item {
margin-top: 30px;
}
}
.posts-list--layout--list .posts-list__body {
margin: -20px 0;
}
.posts-list--layout--list .posts-list__item {
width: 100%;
margin: 20px 0;
}
.posts-list--layout--grid2 .posts-list__item {
width: calc(50% - 30px);
}
@media (max-width: 767px) {
.posts-list--layout--grid2 .posts-list__body {
margin: 0;
}
.posts-list--layout--grid2 .posts-list__item {
margin: 0;
width: 100%;
}
.posts-list--layout--grid2 .posts-list__item + .posts-list__item {
margin-top: 36px;
}
}
.posts-view__pagination {
padding-top: 52px;
}
.related-posts__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -15px;
}
.related-posts__item {
width: calc(50% - 30px);
margin: 15px;
}
@media (max-width: 479px) {
.related-posts__item {
width: calc(100% - 30px);
}
}
.block {
margin-bottom: 70px;
}
.block--highlighted {
padding: 50px 0 60px;
background: #f9f9f9;
}
@media (max-width: 991px) {
.block {
margin-bottom: 40px;
}
}
.block-banner__body {
position: relative;
display: block;
height: 170px;
text-align: center;
color: inherit;
}
.block-banner__body:hover {
color: inherit;
}
.block-banner__image {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;
z-index: -1;
}
.block-banner__image--mobile {
display: none;
}
.block-banner__title {
padding-top: 28px;
font-size: 30px;
line-height: 1;
font-weight: 700;
}
.block-banner__text {
padding-top: 8px;
}
.block-banner__button {
padding-top: 20px;
}
.block-banner__mobile-br {
display: none;
}
@media (max-width: 767px) {
.block-banner__body {
height: 390px;
}
.block-banner__image--desktop {
display: none;
}
.block-banner__image--mobile {
display: block;
}
.block-banner__button,
.block-banner__text,
.block-banner__title {
width: 220px;
margin-left: auto;
margin-right: auto;
}
.block-banner__title {
padding-top: 48px;
line-height: 1.1;
}
.block-banner__text {
padding-top: 12px;
}
.block-banner__button {
padding-top: 28px;
}
.block-banner__mobile-br {
display: block;
}
}
.block-brands__slider {
border: 2px solid #f0f0f0;
border-radius: 2px;
}
.block-brands__item {
padding: 36px 24px;
}
.block-categories__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -6px;
}
.block-categories__item {
margin: 6px;
width: calc(33.3333% - 12px);
}
@media (min-width: 480px) and (max-width: 767px) {
.block-categories--layout--classic .block-categories__item {
width: calc(50% - 12px);
}
}
@media (max-width: 479px) {
.block-categories--layout--classic .block-categories__item {
width: calc(100% - 12px);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.block-categories--layout--compact .block-categories__item {
width: calc(50% - 12px);
}
}
@media (max-width: 767px) {
.block-categories--layout--compact .block-categories__item {
width: calc(100% - 12px);
}
}
.block-features__list {
border: 2px solid #f0f0f0;
border-radius: 2px;
display: -ms-flexbox;
display: flex;
}
.block-features__item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 16px 24px;
display: -ms-flexbox;
display: flex;
}
.block-features__divider,
.block-features__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.block-features__icon {
width: 48px;
height: 48px;
margin-right: 20px;
fill: #ffd333;
}
.block-features__icon svg {
display: block;
}
.block-features__content {
padding-top: 2px;
}
.block-features__title {
font-size: 17px;
line-height: 24px;
font-weight: 700;
}
.block-features__subtitle {
font-size: 14px;
}
.block-features--layout--boxed {
margin-top: -56px;
}
.block-features--layout--boxed .block-features__list {
border: none;
}
.block-features--layout--boxed .block-features__item {
-ms-flex-direction: column;
flex-direction: column;
background: #f7f7f7;
border-radius: 3px;
text-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 28px 28px;
}
.block-features--layout--boxed .block-features__divider {
width: 14px;
}
.block-features--layout--boxed .block-features__icon {
margin-right: 0;
margin-bottom: 12px;
}
@media (min-width: 480px) and (max-width: 991px) {
.block-features--layout--boxed .block-features__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-features--layout--boxed .block-features__item {
width: 50%;
}
.block-features--layout--boxed .block-features__divider:nth-child(4n) {
width: 100%;
height: 14px;
}
}
@media (max-width: 479px) {
.block-features--layout--boxed .block-features__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-features--layout--boxed .block-features__item {
width: 100%;
}
.block-features--layout--boxed .block-features__divider {
width: 100%;
height: 14px;
}
}
.block-features--layout--classic {
margin-top: -40px;
}
.block-features--layout--classic .block-features__divider {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2px;
background: #f0f0f0;
}
@media (max-width: 767px) and (min-width: 576px),
(max-width: 1199px) and (min-width: 992px) {
.block-features--layout--classic .block-features__item {
padding: 12px;
}
.block-features--layout--classic .block-features__icon {
margin-right: 16px;
}
.block-features--layout--classic .block-features__content {
padding-top: 0;
}
}
@media (max-width: 991px) and (min-width: 420px) {
.block-features--layout--classic .block-features__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-features--layout--classic .block-features__item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: calc(50% - 1px);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.block-features--layout--classic .block-features__divider:nth-child(4n) {
width: 100%;
height: 2px;
}
}
@media (max-width: 575px) and (min-width: 420px) {
.block-features--layout--classic .block-features__item {
text-align: center;
-ms-flex-direction: column;
flex-direction: column;
}
.block-features--layout--classic .block-features__icon {
margin-right: 0;
margin-bottom: 20px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 419px) {
.block-features--layout--classic .block-features__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-features--layout--classic .block-features__item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.block-features--layout--classic .block-features__icon {
margin-right: 24px;
}
.block-features--layout--classic .block-features__divider {
width: 100%;
height: 2px;
}
}
.block-map {
margin-bottom: 10px;
}
.block-map__body {
height: 540px;
position: relative;
}
.block-map__body:before {
top: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.15), transparent);
}
.block-map__body:after,
.block-map__body:before {
position: absolute;
content: "";
display: block;
left: 0;
width: 100%;
height: 3px;
z-index: 1;
pointer-events: none;
}
.block-map__body:after {
bottom: 0;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.05), transparent);
}
.block-map__body iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1199px) {
.block-map__body {
height: 500px;
}
}
@media (max-width: 991px) {
.block-map__body {
height: 440px;
}
}
@media (max-width: 767px) {
.block-map__body {
height: 380px;
}
}
@media (max-width: 575px) {
.block-map__body {
height: 300px;
}
}
@media (min-width: 576px) {
.block-posts--layout--list-sm .post-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
}
.block-posts--layout--list-sm .post-card .post-card__image {
width: 240px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 22px;
}
.block-posts--layout--list-sm .post-card .post-card__name {
margin-top: 10px;
font-size: 16px;
line-height: 20px;
-ms-flex-order: -1;
order: -1;
height: 40px;
overflow: hidden;
}
.block-posts--layout--list-sm .post-card .post-card__date {
margin-top: 6px;
}
.block-posts--layout--list-sm .post-card .post-card__category {
display: none;
}
.block-posts--layout--list-sm .post-card .post-card__content {
margin-top: 10px;
font-size: 15px;
line-height: 22px;
height: 66px;
overflow: hidden;
}
.block-posts--layout--list-sm .post-card .post-card__read-more {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.block-posts--layout--list-sm .post-card .post-card__image {
width: 210px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 18px;
}
.block-posts--layout--list-sm .post-card .post-card__name {
margin-top: 5px;
font-size: 15px;
line-height: 19px;
-ms-flex-order: -1;
order: -1;
}
.block-posts--layout--list-sm .post-card .post-card__date {
margin-top: 4px;
}
.block-posts--layout--list-sm .post-card .post-card__category {
display: none;
}
.block-posts--layout--list-sm .post-card .post-card__content {
margin-top: 10px;
font-size: 15px;
line-height: 20px;
height: 60px;
overflow: hidden;
}
.block-posts--layout--list-sm .post-card .post-card__read-more {
display: none;
}
}
@media (max-width: 575px) {
.block-posts--layout--list-sm .post-card .post-card__info {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-posts--layout--list-sm .post-card .post-card__image {
margin-bottom: 14px;
}
.block-posts--layout--list-sm .post-card .post-card__category {
display: none;
}
.block-posts--layout--list-sm .post-card .post-card__date {
-ms-flex-order: -1;
order: -1;
}
.block-posts--layout--list-sm .post-card .post-card__name {
width: 100%;
font-size: 18px;
margin-top: 4px;
line-height: 22px;
}
.block-posts--layout--list-sm .post-card .post-card__content {
width: 100%;
margin-top: 12px;
}
.block-posts--layout--list-sm .post-card .post-card__read-more {
width: 100%;
display: none;
}
}
.block-posts--layout--grid-nl .post-card .post-card__info {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-posts--layout--grid-nl .post-card .post-card__image {
margin-bottom: 14px;
}
.block-posts--layout--grid-nl .post-card .post-card__category {
display: none;
}
.block-posts--layout--grid-nl .post-card .post-card__date {
-ms-flex-order: -1;
order: -1;
}
.block-posts--layout--grid-nl .post-card .post-card__name {
width: 100%;
font-size: 18px;
margin-top: 4px;
line-height: 22px;
}
.block-posts--layout--grid-nl .post-card .post-card__content {
width: 100%;
margin-top: 12px;
}
.block-posts--layout--grid-nl .post-card .post-card__read-more {
width: 100%;
display: none;
}
.block-product-columns__item {
position: relative;
}
.block-product-columns__item + .block-product-columns__item {
margin-top: -1px;
}
.block-product-columns__item:hover {
z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px) {
.block-product-columns .product-card .product-card__image {
width: 110px;
}
.block-product-columns .product-card .product-card__rating {
display: none;
}
.block-product-columns .product-card .product-card__actions {
left: 110px;
}
}
.block-products__body,
.block-products__featured {
display: -ms-flexbox;
display: flex;
}
.block-products__featured {
-ms-flex-direction: column;
flex-direction: column;
width: 36%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.block-products__featured-item {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
}
.block-products__featured-item .product-card {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.block-products__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -6px;
}
.block-products__list-item {
display: -ms-flexbox;
display: flex;
width: calc(33.3333% - 12px);
margin: 6px;
}
.block-products__list-item .product-card {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.block-products__list-item .product-card .product-card__image {
padding: 18px 18px 20px;
}
.block-products__list-item .product-card .product-card__info {
padding: 0 24px;
}
.block-products__list-item .product-card .product-card__actions {
padding: 0 24px 24px;
}
.block-products__list-item .product-card .product-card__availability,
.block-products__list-item .product-card .product-card__description,
.block-products__list-item .product-card .product-card__features-list {
display: none;
}
.block-products__list-item .product-card .product-card__image {
padding: 15px;
}
.block-products__list-item .product-card .product-card__badges-list {
left: 16px;
top: 16px;
}
.block-products__list-item .product-card .product-card__info {
padding: 0 15px;
}
.block-products__list-item .product-card .product-card__actions {
padding: 0 15px 15px;
}
.block-products__list-item .product-card .product-card__buttons .btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.block-products__list-item
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
@media (hover: hover) {
.block-products__list-item .product-card .product-card__buttons {
display: none;
}
.block-products__list-item .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products__list-item .product-card:hover .product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.block-products__list-item .product-card .product-card__buttons {
display: none;
}
.block-products__list-item .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products__list-item .product-card:hover .product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 992px) {
.block-products__featured-item .product-card .product-card__image {
padding: 18px 18px 20px;
}
.block-products__featured-item .product-card .product-card__info {
padding: 0 24px;
}
.block-products__featured-item .product-card .product-card__actions {
padding: 0 24px 24px;
}
.block-products__featured-item .product-card .product-card__availability,
.block-products__featured-item .product-card .product-card__description,
.block-products__featured-item .product-card .product-card__features-list {
display: none;
}
.block-products__featured-item .product-card .product-card__image {
padding: 25px;
}
.block-products__featured-item .product-card .product-card__info {
padding: 0 30px;
-ms-flex-positive: 0;
flex-grow: 0;
}
.block-products__featured-item .product-card .product-card__name {
font-size: 17px;
line-height: 23px;
}
.block-products__featured-item .product-card .product-card__actions {
padding: 0 30px 30px;
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.block-products__featured-item .product-card .product-card__rating {
margin-top: 10px;
}
.block-products__featured-item .product-card .product-card__prices {
margin-bottom: auto;
font-size: 20px;
}
.block-products__featured + .block-products__list {
margin-left: 6px;
}
.block-products__list + .block-products__featured {
margin-left: 12px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.block-products__featured-item {
display: block;
}
.block-products__featured-item .product-card {
-ms-flex-direction: row;
flex-direction: row;
}
.block-products__featured-item .product-card .product-card__image {
width: 120px;
padding: 16px;
}
.block-products__featured-item .product-card .product-card__badges-list {
left: 10px;
top: 10px;
}
.block-products__featured-item .product-card .product-card__badge {
padding: 3px 5px 2px;
}
.block-products__featured-item .product-card .product-card__info {
padding: 14px 30px 42px 0;
width: 100%;
}
.block-products__featured-item .product-card .product-card__availability,
.block-products__featured-item .product-card .product-card__buttons,
.block-products__featured-item .product-card .product-card__description {
display: none;
}
.block-products__featured-item .product-card .product-card__actions {
position: absolute;
left: 120px;
bottom: 18px;
}
.block-products__featured-item .product-card .product-card__features-list {
display: none;
}
.block-products__featured-item .product-card .product-card__image {
width: 216px;
padding-left: 24px;
padding-right: 24px;
margin-right: 16px;
}
.block-products__featured-item .product-card .product-card__info {
padding-top: 20px;
padding-bottom: 120px;
}
.block-products__featured-item .product-card .product-card__name {
font-size: 17px;
margin-bottom: 2px;
-ms-flex-positive: 0;
flex-grow: 0;
}
.block-products__featured-item .product-card .product-card__actions {
-ms-flex-align: center;
align-items: center;
left: 232px;
bottom: 26px;
}
.block-products__featured-item .product-card .product-card__prices {
margin-top: 0;
margin-right: 24px;
font-size: 20px;
}
.block-products__featured-item .product-card .product-card__buttons {
display: block;
}
}
@media (max-width: 991px) {
.block-products__body {
display: block;
}
.block-products__featured {
width: 100%;
}
.block-products__featured + .block-products__list {
margin-top: 6px;
}
.block-products__list + .block-products__featured {
margin-top: 12px;
}
}
@media (max-width: 767px) {
.block-products__list-item {
width: calc(50% - 12px);
}
}
@media (max-width: 575px) {
.block-products__featured-item .product-card .product-card__image {
padding: 18px 18px 20px;
}
.block-products__featured-item .product-card .product-card__info {
padding: 0 24px;
}
.block-products__featured-item .product-card .product-card__actions {
padding: 0 24px 24px;
}
.block-products__featured-item .product-card .product-card__availability,
.block-products__featured-item .product-card .product-card__description,
.block-products__featured-item .product-card .product-card__features-list {
display: none;
}
.block-products__featured-item .product-card .product-card__buttons .btn {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.block-products__featured-item
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.875rem + 2px);
}
}
@media (max-width: 575px) and (hover: hover) {
.block-products__featured-item .product-card .product-card__buttons {
display: none;
}
.block-products__featured-item .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.block-products__featured-item .product-card:hover .product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 575px) and (-ms-high-contrast: none),
screen and (max-width: 575px) and (-ms-high-contrast: active) {
.block-products__featured-item .product-card .product-card__buttons {
display: none;
}
.block-products__featured-item .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.block-products__featured-item .product-card:hover .product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 479px) {
.block-products__list-item {
width: calc(100% - 12px);
}
}
.block-products-carousel .owl-stage {
padding-bottom: 56px;
}
.block-products-carousel .owl-stage-outer {
margin-bottom: -56px;
}
.block-products-carousel__slider {
position: relative;
}
.block-products-carousel__preloader {
position: absolute;
z-index: 2;
left: 0;
top: 0;
right: 0;
bottom: 56px;
background: hsla(0, 0%, 100%, 0.9);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0s 0.3s;
}
.block-products-carousel__preloader:after {
display: block;
content: "";
position: absolute;
border: 2px solid rgba(0, 0, 0, 0.1);
border-top-color: rgba(0, 0, 0, 0.5);
transition: border-color 0.1s;
animation-name: a;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
left: calc(50% - 50px);
top: calc(50% - 50px);
width: 100px;
height: 100px;
border-radius: 50px;
}
.block-products-carousel--loading .block-products-carousel__preloader {
transition-delay: 0s, 0s;
opacity: 1;
visibility: visible;
}
.block-products-carousel__cell + .block-products-carousel__cell {
margin-top: 14px;
}
.block-products-carousel[data-layout^="grid-"]
.product-card
.product-card__image {
padding: 18px 18px 20px;
}
.block-products-carousel[data-layout^="grid-"]
.product-card
.product-card__info {
padding: 0 24px;
}
.block-products-carousel[data-layout^="grid-"]
.product-card
.product-card__actions {
padding: 0 24px 24px;
}
.block-products-carousel[data-layout^="grid-"]
.product-card
.product-card__availability,
.block-products-carousel[data-layout^="grid-"]
.product-card
.product-card__description,
.block-products-carousel[data-layout^="grid-"]
.product-card
.product-card__features-list {
display: none;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons
.btn {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.875rem + 2px);
}
@media (hover: hover) {
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-4"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-4"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -56px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__image {
padding: 15px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__badges-list {
left: 16px;
top: 16px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__info {
padding: 0 15px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__actions {
padding: 0 15px 15px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons
.btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
}
@media (min-width: 768px) and (max-width: 1199px) and (hover: hover) {
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-4"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 768px) and (max-width: 1199px) and (-ms-high-contrast: none),
screen and (min-width: 768px) and (max-width: 1199px) and (-ms-high-contrast: active) {
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-4"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 575px) {
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__image {
padding: 15px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__badges-list {
left: 16px;
top: 16px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__info {
padding: 0 15px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__actions {
padding: 0 15px 15px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons
.btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
}
@media (max-width: 575px) and (hover: hover) {
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-4"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 575px) and (-ms-high-contrast: none),
screen and (max-width: 575px) and (-ms-high-contrast: active) {
.block-products-carousel[data-layout="grid-4"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-4"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products-carousel[data-layout="grid-4"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
.block-products-carousel[data-layout="grid-4-sm"]
.product-card
.product-card__image {
padding: 15px;
}
.block-products-carousel[data-layout="grid-4-sm"]
.product-card
.product-card__badges-list {
left: 16px;
top: 16px;
}
.block-products-carousel[data-layout="grid-4-sm"]
.product-card
.product-card__info {
padding: 0 15px;
}
.block-products-carousel[data-layout="grid-4-sm"]
.product-card
.product-card__actions {
padding: 0 15px 15px;
}
.block-products-carousel[data-layout="grid-4-sm"]
.product-card
.product-card__buttons
.btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.block-products-carousel[data-layout="grid-4-sm"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
@media (hover: hover) {
.block-products-carousel[data-layout="grid-4-sm"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-4-sm"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products-carousel[data-layout="grid-4-sm"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.block-products-carousel[data-layout="grid-4-sm"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-4-sm"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products-carousel[data-layout="grid-4-sm"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
.block-products-carousel[data-layout="grid-5"]
.product-card
.product-card__image {
padding: 15px;
}
.block-products-carousel[data-layout="grid-5"]
.product-card
.product-card__badges-list {
left: 16px;
top: 16px;
}
.block-products-carousel[data-layout="grid-5"]
.product-card
.product-card__info {
padding: 0 15px;
}
.block-products-carousel[data-layout="grid-5"]
.product-card
.product-card__actions {
padding: 0 15px 15px;
}
.block-products-carousel[data-layout="grid-5"]
.product-card
.product-card__buttons
.btn {
font-size: 0.8125rem;
height: calc(1.5rem + 2px);
line-height: 1.25;
padding: 0.25rem 0.5625rem;
font-weight: 500;
}
.block-products-carousel[data-layout="grid-5"]
.product-card
.product-card__buttons
.btn.btn-svg-icon {
width: calc(1.5rem + 2px);
}
@media (hover: hover) {
.block-products-carousel[data-layout="grid-5"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-5"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products-carousel[data-layout="grid-5"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.block-products-carousel[data-layout="grid-5"]
.product-card
.product-card__buttons {
display: none;
}
.block-products-carousel[data-layout="grid-5"] .product-card:hover {
position: relative;
z-index: 3;
margin-bottom: -50px;
}
.block-products-carousel[data-layout="grid-5"]
.product-card:hover
.product-card__buttons {
display: -ms-flexbox;
display: flex;
}
}
.block-products-carousel[data-layout="horizontal"] .product-card {
-ms-flex-direction: row;
flex-direction: row;
}
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__image {
width: 120px;
padding: 16px;
}
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__badges-list {
left: 10px;
top: 10px;
}
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__badge {
padding: 3px 5px 2px;
}
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__info {
padding: 14px 30px 42px 0;
width: 100%;
}
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__availability,
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__buttons,
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__description {
display: none;
}
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__actions {
position: absolute;
left: 120px;
bottom: 18px;
}
.block-products-carousel[data-layout="horizontal"]
.product-card
.product-card__features-list {
display: none;
}
.block-sidebar__item + .block-sidebar__item {
margin-top: 30px;
}
.block-sidebar--position--start {
padding-right: 20px;
}
@media (max-width: 1199px) {
.block-sidebar--position--start {
padding-right: 6px;
}
}
@media (max-width: 991px) {
.block-sidebar--position--start {
padding-right: 0;
}
}
.block-sidebar--position--end {
padding-left: 20px;
}
@media (max-width: 1199px) {
.block-sidebar--position--end {
padding-left: 6px;
}
}
@media (max-width: 991px) {
.block-sidebar--position--end {
padding-left: 0;
}
}
.block-slideshow {
margin-bottom: 70px;
position: relative;
}
.block-slideshow .owl-carousel .owl-dots {
left: 50%;
transform: translateX(-50%);
bottom: 16px;
position: absolute;
background: #fff;
display: -ms-flexbox;
display: flex;
padding: 4px;
border-radius: 9px;
}
.block-slideshow .owl-carousel .owl-dot {
width: 10px;
height: 10px;
border-radius: 5px;
background: #e0e0e0;
}
.block-slideshow .owl-carousel .owl-dot:focus {
outline: none;
}
.block-slideshow .owl-carousel .owl-dot:hover {
background: #d1d1d1;
}
.block-slideshow .owl-carousel .owl-dot.active {
background: #ffd333;
}
.block-slideshow .owl-carousel .owl-dot + .owl-dot {
margin-left: 6px;
}
.block-slideshow__slide {
position: relative;
display: block;
color: inherit;
}
.block-slideshow__slide:hover {
color: inherit;
}
.block-slideshow__slide-image {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.block-slideshow__slide-image--mobile {
display: none;
}
.block-slideshow__slide-content {
position: absolute;
left: 46px;
bottom: 46px;
}
.block-slideshow__slide-title {
font-size: 30px;
line-height: 34px;
font-weight: 700;
margin-bottom: 12px;
opacity: 0;
transition: all 1s 0.2s;
}
.block-slideshow__slide-text {
line-height: 1.625;
opacity: 0;
transform: translateY(15px);
transition: all 0.8s 0.5s;
}
.block-slideshow__slide-button {
margin-top: 40px;
opacity: 0;
transition: all 1s 0.4s;
}
.block-slideshow .active .block-slideshow__slide-button,
.block-slideshow .active .block-slideshow__slide-text,
.block-slideshow .active .block-slideshow__slide-title {
opacity: 1;
transform: none;
}
.block-slideshow--layout--full {
margin-top: 20px;
}
@media (min-width: 768px) {
.block-slideshow--layout--full .block-slideshow__body,
.block-slideshow--layout--full .block-slideshow__slide {
height: 440px;
}
.block-slideshow--layout--full .block-slideshow__slide-content {
left: 72px;
bottom: 54px;
}
.block-slideshow--layout--full .block-slideshow__slide-title {
margin-bottom: 16px;
line-height: 36px;
}
.block-slideshow--layout--full .block-slideshow__slide-button {
margin-top: 48px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.block-slideshow--layout--full .block-slideshow__slide-image--desktop {
background-position: -70px top;
}
.block-slideshow--layout--full .block-slideshow__slide-content {
left: 56px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.block-slideshow--layout--full .block-slideshow__slide-image--desktop {
background-position: -190px top;
}
.block-slideshow--layout--full .block-slideshow__slide-content {
left: 48px;
bottom: 56px;
}
.block-slideshow--layout--full .block-slideshow__slide-title {
margin-bottom: 8px;
}
.block-slideshow--layout--full .block-slideshow__slide-button {
margin-top: 40px;
}
}
.block-slideshow--layout--with-departments .block-slideshow__body {
margin-top: 15px;
height: 395px;
}
.block-slideshow--layout--with-departments .block-slideshow__slide {
height: 395px;
}
@media (min-width: 992px) {
.block-slideshow--layout--with-departments .block-slideshow__body {
margin-left: -15px;
}
}
@media (max-width: 991px) {
.block-slideshow--layout--with-departments
.block-slideshow__slide-button
.btn {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.block-slideshow--layout--with-departments
.block-slideshow__slide-button
.btn.btn-svg-icon {
width: calc(1.875rem + 2px);
}
}
@media (max-width: 767px) {
.block-slideshow__body,
.block-slideshow__slide {
height: 395px;
}
.block-slideshow__slide-image--mobile {
background-position: top;
display: block;
}
.block-slideshow__slide-content {
left: 5%;
right: 5%;
top: 30px;
text-align: center;
}
.block-slideshow__slide-title {
font-size: 26px;
line-height: 32px;
}
.block-slideshow__slide-text {
display: none;
}
.block-slideshow__slide-button {
margin-top: 24px;
}
.block-slideshow__slide-button .btn {
font-size: 0.875rem;
height: calc(1.875rem + 2px);
line-height: 1.25;
padding: 0.375rem 1rem;
font-weight: 500;
}
.block-slideshow__slide-button .btn.btn-svg-icon {
width: calc(1.875rem + 2px);
}
}
.widget__title {
margin-bottom: 20px;
font-size: 20px;
}
.widget-aboutus {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 28px;
}
.widget-aboutus__socials {
margin-top: 20px;
font-size: 16px;
}
.widget-aboutus__socials ul {
list-style: none;
padding: 0;
margin: -4px;
display: -ms-flexbox;
display: flex;
}
.widget-aboutus__socials li {
margin: 4px;
}
.widget-aboutus__link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 2px;
transition: all 0.2s;
color: #fff;
}
.widget-aboutus__link:hover {
color: #fff;
opacity: 0.8;
}
.widget-aboutus__link--facebook {
background: #3c5a99;
}
.widget-aboutus__link--twitter {
background: #00a2e8;
}
.widget-aboutus__link--youtube {
background: #e52e2e;
}
.widget-aboutus__link--instagram {
background: #815dc7;
}
.widget-aboutus__link--rss {
background: #ffc338;
}
.widget-categories {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 28px;
}
.widget-categories__list {
list-style: none;
padding: 0;
margin: 0;
line-height: 18px;
font-size: 16px;
}
.widget-categories__row {
display: -ms-flexbox;
display: flex;
}
.widget-categories__row a {
position: relative;
display: block;
color: inherit;
padding: 7px 10px 7px 16px;
fill: #ccc;
transition: color 0.15s;
-ms-flex-positive: 1;
flex-grow: 1;
}
.widget-categories__row a:hover {
color: #1a66ff;
}
.widget-categories__arrow {
position: absolute;
left: 0;
top: calc(50% - 5px);
}
.widget-categories__expander {
margin-top: 1px;
width: 28px;
height: 28px;
position: relative;
border: none;
border-radius: 1.5px;
cursor: pointer;
padding: 0;
margin-right: -10px;
background: transparent;
color: #ccc;
transition: all 0.2s;
}
.widget-categories__expander:focus,
.widget-categories__expander:hover {
background: #f2f2f2;
color: #a6a6a6;
}
.widget-categories__expander:focus {
outline: none;
}
.widget-categories__expander:after,
.widget-categories__expander:before {
display: block;
position: absolute;
content: "";
background: currentColor;
}
.widget-categories__expander:before {
width: 8px;
height: 2px;
left: calc(50% - 4px);
top: calc(50% - 1px);
}
.widget-categories__expander:after {
width: 2px;
height: 8px;
left: calc(50% - 1px);
top: calc(50% - 4px);
transition: transform 0.2s;
}
.widget-categories__subs {
overflow: hidden;
height: 0;
opacity: 0;
visibility: hidden;
font-size: 15px;
line-height: 26px;
transition: height 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.widget-categories__subs ul {
list-style: none;
padding: 6px 0 8px;
margin: 0;
}
.widget-categories__subs li {
position: relative;
padding-left: 32px;
}
.widget-categories__subs li:before {
content: "";
display: block;
position: absolute;
left: 16px;
top: 10px;
width: 6px;
height: 6px;
border: 1px solid #ccc;
border-radius: 3px;
}
.widget-categories__subs a {
color: inherit;
transition: color 0.15s;
}
.widget-categories__subs a:hover {
color: #1a66ff;
}
.widget-categories__item--open .widget-categories__expander:after {
transform: rotate(90deg);
}
.widget-categories__item--open .widget-categories__subs {
height: auto;
opacity: 1;
visibility: visible;
transition-delay: 0s, 0s, 0s;
}
.widget-categories--location--shop {
padding: 20px;
}
.widget-comments {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 28px;
}
.widget-comments a {
color: inherit;
transition: color 0.2s;
}
.widget-comments a:hover {
color: #1a66ff;
}
.widget-comments__list {
list-style: none;
margin: 0;
padding: 8px 0 4px;
}
.widget-comments__item + .widget-comments__item {
margin-top: 26px;
}
.widget-comments__author {
font-size: 15px;
line-height: 18px;
}
.widget-comments__author a {
border-bottom: 2px solid #ebebeb;
transition: border 0.2s;
}
.widget-comments__author a:hover {
border-color: rgba(26, 102, 255, 0.8);
}
.widget-comments__content {
margin-top: 12px;
font-size: 15px;
line-height: 20px;
}
.widget-comments__meta {
margin-top: 4px;
font-size: 13px;
color: #999;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
.widget-comments__date {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.widget-comments__name {
overflow: hidden;
text-overflow: ellipsis;
position: relative;
padding-left: 20px;
}
.widget-comments__name:before {
position: absolute;
content: "";
display: block;
width: 4px;
height: 4px;
background: currentColor;
border-radius: 2px;
left: 8px;
top: 8px;
}
.widget-filters {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 20px;
}
.widget-filters__item {
padding: 8px 20px;
margin: 0 -20px;
border-bottom: 2px solid #f0f0f0;
}
.widget-filters__item:first-child {
border-top: 2px solid #f0f0f0;
}
.widget-filters__actions {
padding-top: 24px;
padding-bottom: 16px;
}
.widget-newsletter {
background: #f5f5f5;
border-radius: 2px;
padding: 32px 30px 36px;
text-align: center;
font-size: 15px;
line-height: 24px;
}
.widget-newsletter__title {
font-size: 24px;
padding-top: 6px;
margin-bottom: 24px;
}
.widget-newsletter__text {
margin-bottom: 22px;
}
.widget-newsletter__form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.widget-posts {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 28px;
}
.widget-posts__list {
padding-top: 10px;
}
.widget-posts__item {
display: -ms-flexbox;
display: flex;
}
.widget-posts__item + .widget-posts__item {
margin-top: 22px;
}
.widget-posts__image {
width: 90px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 1.5px;
overflow: hidden;
-ms-flex-item-align: self-start;
align-self: self-start;
margin-right: 16px;
position: relative;
}
.widget-posts__image :before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: opacity 0.6s;
z-index: 1;
}
.widget-posts__image img {
max-width: 100%;
display: block;
}
.widget-posts__image:hover :before {
opacity: 1;
}
.widget-posts__info {
margin-top: -2px;
}
.widget-posts__name {
font-size: 15px;
line-height: 18px;
}
.widget-posts__name a {
color: inherit;
transition: color 0.2s;
}
.widget-posts__name a:hover {
color: #1a66ff;
}
.widget-posts__date {
margin-top: 2px;
font-size: 13px;
color: #999;
}
.widget-products {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 20px;
}
.widget-products__list {
padding-top: 8px;
}
.widget-products__item {
display: -ms-flexbox;
display: flex;
}
.widget-products__item + .widget-products__item {
margin-top: 18px;
}
.widget-products__image {
width: 50px;
margin-right: 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.widget-products__image img {
max-width: 100%;
}
.widget-products__name {
margin-top: -2px;
font-size: 14px;
line-height: 17px;
}
.widget-products__name a {
color: inherit;
transition: 0.15s;
}
.widget-products__name a:hover {
color: #1a66ff;
}
.widget-products__prices {
padding-top: 2px;
font-size: 14px;
font-weight: 700;
color: #3d464d;
}
.widget-products__new-price {
color: #ff2626;
}
.widget-products__old-price {
color: #b3b3b3;
font-weight: 400;
font-size: 12px;
text-decoration: line-through;
}
.widget-search {
height: 48px;
}
.widget-search__body {
position: relative;
height: 100%;
}
.widget-search__input {
box-shadow: inset 0 0 0 2px #ededed;
transition: box-shadow 0.2s;
border-radius: 2px;
height: 100%;
width: 100%;
background: transparent;
border: none;
padding: 10px 48px 10px 18px;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.widget-search__input:hover {
box-shadow: inset 0 0 0 2px #d9d9d9;
}
.widget-search__input:focus {
outline: none;
box-shadow: inset 0 0 0 2px #ffd333;
}
.widget-search__input::-webkit-input-placeholder {
color: #999;
}
.widget-search__input:-ms-input-placeholder,
.widget-search__input::-ms-input-placeholder {
color: #999;
}
.widget-search__input::placeholder {
color: #999;
}
.widget-search__button {
height: 48px;
width: 48px;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
background: transparent;
border: none;
padding: 0;
fill: #ccc;
transition: fill 0.2s;
}
.widget-search__button svg {
position: absolute;
left: calc(50% - 10px);
top: calc(50% - 10px);
}
.widget-search__button:focus {
outline: none;
}
.widget-search__button:focus,
.widget-search__button:hover {
fill: #ffd333;
}
.widget-tags {
border: 2px solid #f0f0f0;
border-radius: 2px;
padding: 28px;
}