/* GLOBAL SETTINGS */
html {
height: auto;
overflow-y: scroll;
}
body {
height: auto;
overflow: visible;
}
body ::selection {
color: #fff;
background: #064c5e;
}
body ::-moz-selection {
color: #fff;
background: #064c5e;
}
.swiper-slide:not(:first-child) {
display: block;
}
.bg-1 {
background: #f8f8f6;
}
.bg-2 {
background: #fff;
}
.link-detail {
display: inline-flex;
align-items: center;
font-weight: 500;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.02em;
color: #a28054;
}
.link-detail .icon {
min-width: 64px;
height: 64px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(162, 128, 84, 0.2);
transition: all 0.35s;
margin-left: 24px;
overflow: hidden;
position: relative;
}
.link-detail .icon:after {
content: "";
position: absolute;
left: -50px;
top: 50%;
transform: translateY(-50%);
background: url(../img/arrow-long-right.svg) center no-repeat;
width: 26px;
height: 15px;
transition: all 0.35s;
}
.link-detail img {
width: auto;
position: relative;
transition: all 0.35s;
transform: translateX(0);
}
.link-detail:hover img {
transform: translateX(50px);
}
.link-detail:hover .icon:after {
left: 20px;
}
.link {
font-size: 15px;
line-height: 1;
color: #876b46;
border-bottom: 1px solid #876b46;
transition: all 0.3s;
}
.link.type-2 {
font-weight: 500;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
}
.link.type-close {
border-bottom: 0;
padding-right: 20px;
position: relative;
}
.link.type-close:after {
content: "";
position: absolute;
right: 0;
top: calc(50% + 1px);
transform: translateY(-50%);
background: url(../img/reject.svg) center no-repeat;
width: 14px;
height: 14px;
}
/* FORM ELEMENTS */
.btn {
height: 48px;
display: inline-flex;
align-items: center;
font-weight: 500;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
justify-content: center;
text-align: center;
cursor: pointer;
transition: all 0.35s;
}
.btn.w100 {
width: 100%;
}
.btn-primary {
padding: 0 24px;
background-color: #000000;
color: #fff;
transition: all 0.3s;
}
.btn-primary.type-2 {
padding: 0 32px 0 24px;
position: relative;
}
.btn-primary:hover {
background: #1a1a1a;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.08);
}
.btn-primary:disabled,
.btn-primary.disabled {
pointer-events: none;
background: rgba(0, 0, 0, 0.3);
}
.btn-primary.type-2:before {
content: "";
width: 24px;
height: 24px;
margin-right: 16px;
}
.btn-stroke {
padding: 0 24px;
background-color: transparent;
border: 1px solid #dccebb;
color: #433623;
transition: all 0.3s;
}
.btn-stroke.type-2 {
position: relative;
}
.btn-stroke:hover {
box-shadow: 0 0 0 1px #dccebb;
}
.btn-stroke.disabled {
pointer-events: none;
opacity: 0.3;
}
.btn-stroke.type-2:before {
content: "";
width: 24px;
height: 24px;
margin-right: 16px;
}
.btn.btn-reload:before {
background: url(../img/sign/icon-reload.svg) center no-repeat;
}
.icon-change-view {
position: absolute;
width: 24px;
height: 24px;
top: 16px;
right: 16px;
z-index: 5;
background: url(../img/sign/icon-eye.svg) center no-repeat;
cursor: pointer;
visibility: hidden;
opacity: 0;
transition: all 0.35s;
}
.icon-change-view.open {
background: url(../img/sign/icon-eye-close.svg) center no-repeat;
}
.value .icon-change-view {
visibility: visible;
opacity: 1;
}
.form-control {
-webkit-appearance: none;
}
.badge-group {
display: flex;
align-items: center;
}
.badge {
font-size: 9px;
line-height: 1;
letter-spacing: 0.02em;
color: #ffffff;
padding: 5px 10px;
}
.badge.action {
background: #e65654;
}
.badge.top {
background: #2f80ed;
}
.badge.new {
background: #6fcf97;
}
.badge.promo {
background: #f2994a;
}
.btn-video {
font-size: 10px;
line-height: 1;
color: #000000;
padding-left: 24px;
height: 18px;
display: flex;
align-items: center;
position: relative;
font-weight: 500;
opacity: 0;
}
.btn-video:after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: url(../img/icon-play.svg) center no-repeat;
width: 20px;
height: 20px;
}
.btn-video.type-2 {
font-size: 15px;
line-height: 150%;
color: #433623;
font-weight: 400;
}
.btn-video.type-2:after {
content: none;
}
.btn-video.type-2 .icon {
position: relative;
width: 62px;
height: 62px;
border: 1px solid rgba(162, 128, 84, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
/* background: rgba(162, 128, 84, 0.2);*/
margin-right: 24px;
}
.btn-video.type-2 .icon:after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
border-radius: 50%;
border: 4px solid #fff;
z-index: 2;
}
.btn-video.type-2 .icon:before {
z-index: 1;
content: "";
position: absolute;
transform: scale(1);
box-shadow: 0 0 0 0 rgba(162, 128, 84, 0.2);
animation: pulse 2s infinite;
right: 0px;
top: 0px;
bottom: 0px;
left: 0px;
border-radius: 50%;
background: rgba(162, 128, 84, 0.2);
transition: all 0.4s;
}
.btn-video.type-2:hover .icon:before {
background: rgb(255, 255, 255);
}
.btn-video.type-2 svg {
position: relative;
z-index: 5;
}
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(162, 128, 84, 0.2);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(162, 128, 84, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(162, 128, 84, 0);
}
}
@media (max-width: 575px) {
.btn.w100-mob {
width: 100%;
}
}
.product-images span:first-child:after,
.product-images a:first-child:after {
left: 8px;
}
.product-images span:nth-child(4):after,
.product-images a:nth-child(4):after {
right: 8px;
}
.product-images span,
.product-images a {
position: relative;
}
.product-images .active:after {
opacity: 1;
}
.product-images span:after,
.product-images a:after {
content: "";
position: absolute;
height: 3px;
top: 16px;
left: 4px;
right: 4px;
background: #000000;
opacity: 0.2;
border-radius: 11px;
transition: all 0.35s;
}
.input-wrap {
position: relative;
display: flex;
margin-bottom: 24px;
}
.input-wrap:after {
position: absolute;
left: 0;
width: 0%;
height: 2px;
bottom: 0px;
content: "";
background: #876b46;
transition: all 0.35s;
}
.input-wrap .input-title {
font-size: 15px;
line-height: 14px;
color: rgba(0, 0, 0, 0.7);
position: absolute;
top: 13px;
left: 8px;
transition: all 0.35s;
}
.input {
height: 40px;
border: 0;
border-bottom: 1px solid #c4c4c4;
width: 100%;
padding: 0 8px;
resize: none;
font-size: 15px;
line-height: 1;
color: #000000;
border-radius: 0 !important;
background-color: transparent;
}
.fail .input {
border-bottom-color: #eb5757;
}
.fail.input-wrap:after {
background: #eb5757;
}
.fail .input-title {
color: #eb5757;
}
input[type="text"],
input[type="tel"] {
border-radius: 0 !important;
}
textarea.input {
height: 140px;
padding: 13px 8px;
}
.input-wrap.value .input-title,
.input-wrap.focus .input-title {
font-size: 12px;
line-height: 1;
color: #876b46;
top: -2px;
}
.input-wrap.focus:after,
.input-wrap.value:after {
width: 100%;
}
.input-wrap {
}
.input-wrap.with-icon {
padding-left: 52px;
}
.input-wrap.type-2 {
height: 56px;
background: #f8f8f6;
align-items: center;
border: 1px solid #f8f8f6;
margin-bottom: 16px;
}
.input-wrap.wrap-white {
border-color: #fff;
background-color: #fff;
}
.input-wrap .icon {
position: absolute;
width: 24px;
height: 24px;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.input-wrap.type-2 .input-title {
top: 20px;
line-height: 16px;
left: 20px;
}
.input-wrap.with-icon .input-title {
left: 52px;
}
.input-wrap.type-2.focus .input-title,
.input-wrap.type-2.value .input-title {
top: 11px;
font-size: 12px;
line-height: 1;
color: #876b46;
left: 20px;
}
.input-wrap.with-icon.focus .input-title,
.input-wrap.with-icon.value .input-title {
left: 52px;
}
.input-wrap.type-2 .input {
height: 100%;
border: 0;
padding: 10px 20px 0;
}
.input-wrap.type-3 .input {
padding-top: 0;
}
.input-wrap.with-icon .input {
padding-left: 0;
}
.input-wrap.type-2.value {
background: #fff;
border-color: #f8f8f6;
}
.input-wrap.type-2.value:after {
content: none;
}
.input-wrap.invalid:after,
.input-wrap.type-2.invalid:after {
content: "";
width: 100%;
background: #eb5757;
}
.input-wrap.invalid + .input-error {
display: block;
margin-top: 8px;
}
.form-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.form-row .input-wrap {
width: 100%;
}
.form-row .w50 {
width: calc(50% - 11px);
}
.form-row.p16 .w50 {
width: calc(50% - 8px);
}
/*RADIO ITEM*/
.item-radio {
display: flex;
align-items: center;
cursor: pointer;
}
.item-radio .radio-check {
border: 1px solid #433623;
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
}
.item-radio .radio-check:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
width: 8px;
height: 8px;
border-radius: 50%;
transition: all 0.35s;
opacity: 0;
background: #433623;
}
.item-radio input:checked + .radio-check:after {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.item-radio .radio-text {
font-size: 14px;
line-height: 100%;
letter-spacing: 0.2px;
color: #433623;
max-width: calc(100% - 16px);
padding-left: 12px;
}
/*CHECKBOX ITEM*/
.checkbox-item {
display: block;
cursor: pointer;
}
.checkbox-item input {
}
.checkbox-check {
font-size: 15px;
line-height: 120%;
color: #000000;
display: block;
padding-left: 30px;
position: relative;
}
.checkbox-check:after {
position: absolute;
left: 0;
top: 0;
border: 1px solid #000000;
width: 16px;
height: 16px;
transition: all 0.35s;
content: "";
}
input:checked + .checkbox-check:after {
background: #000;
}
.select-box.type-block {
background: #f8f8f6;
height: 56px;
position: relative;
}
.select-box.type-block .select-box-icon {
position: absolute;
width: 24px;
height: 24px;
left: 16px;
z-index: 2;
top: 50%;
transform: translateY(-50%);
}
.select-box.type-block .SumoSelect > .CaptionCont > label {
width: 40px;
transition: all 0.35s;
}
.select-box.type-block .select-box-title {
position: absolute;
left: 48px;
top: 10px;
font-size: 12px;
line-height: 16px;
color: #433623;
}
.select-box.type-block .SumoSelect > .CaptionCont {
background-color: transparent;
border-color: transparent;
height: 56px;
padding: 13px 45px 0 48px;
}
.select-box.type-block .SumoSelect {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 5;
}
.SumoSelect > .optWrapper > .options li.opt.hidden {
display: none;
}
.SelectBox.search .search-txt {
position: absolute;
left: 48px;
right: 13px;
background: #f8f8f6;
font-size: 15px;
line-height: 1;
display: none;
color: #000000;
bottom: 13px;
}
.SelectBox.search .search-txt::placeholder {
color: #000;
}
.SumoSelect .no-match {
padding: 0 15px 5px;
font-size: 15px;
line-height: 16px;
color: #000000;
}
.SumoSelect.open .SelectBox.search .search-txt {
display: block;
}
.SumoSelect.open > .search > span,
.SumoSelect.open > .search > label {
visibility: visible;
}
.SumoSelect.open > .search .placeholder {
opacity: 0;
}
.select-box .select2-container {
display: block;
width: 100% !important;
height: 100%;
}
.select-box .select2-container .select2-selection--single {
border: 0;
width: 100% !important;
height: 100%;
display: block;
background-color: transparent;
height: 56px;
padding: 13px 45px 0 48px;
display: flex;
align-items: center;
}
.select-box .selection {
width: 100% !important;
height: 100%;
display: block;
}
.select-box .select2-container .select2-selection__rendered {
padding: 0 !important;
}
.select-box .select2-container .select2-selection__arrow {
width: 40px !important;
height: 100% !important;
background: url(../img/arrow-down.svg) center no-repeat;
transition: all 0.3s;
top: 0 !important;
right: 0 !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
display: none;
}
.select2-container .select2-dropdown {
background: #f8f8f6;
/* border: 0; */
border: 1px solid #dccebb !important;
}
.select2-container--open {
/* border: 1px solid #aaa; */
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 0 !important;
padding: 0 10px !important;
height: 32px;
}
.select2-container--default .select2-results__option--disabled {
display: none;
}
.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
background: rgba(135, 107, 70, 0.1) !important;
color: #876b46 !important;
}
.select2-container--default .select2-results__option--selectable {
padding: 5px 20px;
min-height: 35px;
display: flex;
align-items: center;
}
.add-comment .btn {
width: 100%;
max-width: 380px;
margin: auto;
display: flex;
}
.add-comment-block {
padding: 30px 40px;
background: #fff;
display: none;
}
.add-comment-block .input-wrap {
height: 195px;
margin-bottom: 8px;
padding-top: 25px;
}
.add-comment-block .type-2 textarea.input {
height: 100%;
padding: 0 20px 15px;
}
.add-comment-block p {
font-size: 11px;
line-height: 16px;
color: #000000;
text-align: right;
}
.filter--item .size-group {
max-width: 290px;
margin: auto;
}
.filter--item .size-radio {
width: 25%;
margin-left: -1px;
margin-top: -1px;
}
.filter--item .size-radio-count {
width: 100%;
}
.filter--item .size-radio-count:before {
height: 32px;
width: 90%;
}
.filter--item .card-size input.js-filter-selected + .size-radio-count:before {
color: #fff;
background: #000;
}
.filter--item:not(:last-child) {
border-bottom: 1px solid #e0e0e0;
}
.filter--item.active:not(:last-child) {
padding-bottom: 8px;
margin-bottom: 8px;
}
.filter--title {
min-height: 48px;
padding: 5px 45px 5px 0;
font-size: 15px;
line-height: 14px;
text-transform: uppercase;
color: #000000;
display: flex;
align-items: center;
position: relative;
}
.filter--item-content .checkbox-item {
min-height: 40px;
display: flex;
align-items: center;
}
.filter--item-content {
display: none;
}
.filter--title:after {
content: "";
background: url(../img/plus-24.svg) center no-repeat;
width: 24px;
height: 24px;
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
}
.filter--item.active .filter--title:after {
background: url(../img/minus-24.svg) center no-repeat;
}
.price-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 10px;
}
.price-row .input-wrap {
width: calc(50% - 18px);
margin-bottom: 0;
}
.price-row span {
font-size: 15px;
line-height: 14px;
color: rgba(0, 0, 0, 0.7);
}
.filters .price-row .input-wrap {
width: calc(50% - 10px);
}
.filters .price-row .input {
padding-top: 10px;
}
.filters .price-row .input,
.filters .price-row .input-title {
font-size: 13px;
}
@media (max-width: 1450px) {
.badge {
font-size: 10px;
letter-spacing: 0;
padding: 4px 6px;
}
.btn-video {
font-size: 12px;
}
}
@media (max-width: 991px) {
.badge {
padding: 4px 6px;
font-size: 9px;
}
}
@media (max-width: 767px) {
.form-row .w50 {
width: 100%;
}
}
@media (max-width: 360px) {
.link {
font-size: 13px;
}
}
/*MOBILE FILTER*/
.filter--mob {
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
z-index: 1000;
background: rgba(98, 98, 98, 0.7);
display: none;
}
.filter--content {
background: #fff;
height: 0vh;
overflow: auto;
padding: 0px;
max-height: 0vh;
overflow: hidden;
opacity: 0;
transition: all 0.45s;
position: absolute;
left: 0;
bottom: 0;
right: 0;
border-radius: 16px 16px 0 0;
}
.filter--mob.open .filter--content {
padding: 72px 0 20px;
max-height: 100vh;
height: calc(100vh - 120px);
overflow: visible;
opacity: 1;
padding-bottom: 135px;
}
.filter--content.selected {
padding-bottom: 135px;
}
.filter--header {
padding: 16px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
right: 0;
}
.filter--content .close--filter {
position: absolute;
width: 40px;
height: 40px;
right: 10px;
top: 10px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.filter--bottom {
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 20px;
background: #f8f8f6;
}
.filter--bottom .filter-selected {
padding-top: 0;
padding-bottom: 12px;
}
.filter--bottom .filter-selected ul {
flex-wrap: nowrap;
overflow: auto;
white-space: nowrap;
margin: 0 -20px;
}
.filter--bottom .filter-selected ul li:first-child {
margin-left: 20px;
}
.filter--bottom .filter-selected ul li:last-child {
margin-right: 20px;
}
.filter--middle {
height: 100%;
overflow: auto;
width: 100%;
padding: 0 20px 10px;
}
/* SIMPLE PAGE */
.simple-page {
text-align: center;
}
.simple-page h1 {
font-size: 24px;
line-height: 1.1;
font-weight: 500;
color: #000000;
margin-bottom: 10px;
}
.simple-page h2 {
font-size: 20px;
line-height: 1.1;
font-weight: 500;
color: #000000;
margin-bottom: 10px;
padding-top: 10px;
}
.simple-page p {
font-size: 15px;
line-height: 150%;
color: #000000;
margin-bottom: 15px;
}
.simple-page {
position: relative;
}
.simple-page p,
.simple-page a {
position: relative;
font-size: 18px;
line-height: 1.8em;
color: #555555;
font-weight: 300;
margin-bottom: 20px;
}
.simple-page p {
margin-bottom: 20px;
}
.simple-page a {
color: #a28054;
font-weight: 500;
white-space: nowrap;
}
.simple-page a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: auto;
height: 1px;
width: 100%;
background: #a28054;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.simple-page ul li,
.simple-page ol li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
line-height: 1.8em;
color: #555555;
font-size: 18px;
font-weight: 300;
}
.simple-page ul li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #a28054;
}
.simple-page ol {
counter-reset: number;
text-align: left;
}
.simple-page ol li {
padding-left: 20px;
}
.simple-page ol li:before {
color: #a28054;
font-weight: 700;
counter-increment: number;
content: counter(number) ".";
position: absolute;
top: -5px;
left: 0;
font-size: 14px;
font-weight: 700;
}
.simple-page ul li:last-child,
.simple-page ol li:last-child {
margin-bottom: 0;
}
.simple-page ul li span,
.simple-page ol li span {
color: #a28054;
font-weight: 700;
}
.simple-page ol p,
.simple-page ul p {
text-align: left;
}
.simple-page span {
color: #a28054;
font-weight: 700;
}
.simple-page blockquote {
margin: 58px 0 35px;
}
.simple-page blockquote p {
position: relative;
display: block;
width: 100%;
max-width: 650px;
margin: 0 auto;
font-size: 16px;
color: #202020;
line-height: 1.8em;
letter-spacing: 0.03em;
font-weight: 700;
}
.simple-page h1,
.simple-page h2,
.simple-page h3,
.simple-page h4,
.simple-page h5,
.simple-page h6 {
margin-bottom: 15px;
}
.simple-page > ul,
.simple-page > ol {
margin: 20px 0;
text-align: left;
}
.simple-page > figure {
margin-bottom: 40px;
}
.simple-page > figure:last-child {
margin-bottom: 0;
}
.simple-page > figure.aligncenter {
text-align: center;
}
.simple-page > figure.alignright {
text-align: right;
}
.simple-page > figure img {
margin: 0;
width: auto;
}
.simple-page > img {
width: 100%;
height: auto;
display: block;
position: relative;
margin: 30px 0;
}
.simple-page > iframe {
display: block;
width: 100%;
max-width: 100%;
height: 560px;
max-height: calc(56.3vw - 30px);
border: 0;
}
.simple-page iframe,
.simple-page .swiper-entry {
margin: 30px 0;
}
.simple-page iframe:first-child,
.simple-page .swiper-entry:first-child {
margin-top: 0;
}
.simple-page iframe:last-child,
.simple-page .swiper-entry:last-child {
margin-bottom: 0;
}
.simple-page > *:first-child {
margin-top: 0;
}
.simple-page > *:last-child {
margin-bottom: 0;
}
.article-page h1 {
font-size: 24px;
line-height: 1.1;
font-weight: 500;
color: #000000;
margin-bottom: 10px;
}
.simple-page h2 {
font-size: 20px;
line-height: 1.1;
font-weight: 500;
color: #000000;
margin-bottom: 10px;
padding-top: 10px;
}
.simple-page p {
font-size: 15px;
line-height: 150%;
color: #000000;
margin-bottom: 15px;
}
.article-page h1,
.article-page .h1,
.article-page h2,
.article-page .h2,
.article-page h3,
.article-page .h3 {
margin-bottom: 12px;
}
.article-page a {
color: #a28054;
font-weight: 500;
white-space: nowrap;
}
.article-page a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: auto;
height: 1px;
width: 100%; /*background:#A28054;*/
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.article-page ul li,
.article-page ol li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
line-height: 1.8em;
color: #555555;
font-size: 18px;
font-weight: 300;
}
.article-page ul li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #a28054;
}
.article-page ol {
counter-reset: number;
text-align: left;
}
.article-page ol li {
padding-left: 20px;
}
.article-page ol li:before {
color: #a28054;
font-weight: 700;
counter-increment: number;
content: counter(number) ".";
position: absolute;
top: -5px;
left: 0;
font-size: 14px;
font-weight: 700;
}
.article-page ul li:last-child,
.simple-page ol li:last-child {
margin-bottom: 0;
}
.article-page ul li span,
.simple-page ol li span {
color: #a28054;
font-weight: 700;
}
.article-page ol p,
.article-page ul p {
text-align: left;
}
/* SWIPER */
.swiper-entry,
.swiper-control-wrapper {
position: relative;
}
.swiper-container:not(.swiper-no-swiping) .swiper-wrapper {
cursor: url(../img/drag.png) 16 9, ew-resize;
}
.swiper-button-disabled
+ .swiper-button-disabled
+ .swiper-container
.swiper-wrapper {
cursor: inherit;
}
.swiper-slide {
background-size: cover;
background-position: center center;
position: relative;
backface-visibility: hidden;
}
/*swiper arrow*/
.swiper-pagination {
display: flex;
align-items: center;
}
.swiper-pagination .swiper-pagination-bullet {
width: 20px;
height: 20px;
border: 1px solid transparent;
box-sizing: border-box;
border-radius: 50%;
position: relative;
transition: all 0.35s;
background-color: transparent;
opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet:after {
transition: all 0.35s;
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #a28054;
opacity: 0.5;
margin: auto;
width: 8px;
height: 8px;
border-radius: 50%;
}
.swiper-pagination .swiper-pagination-bullet:not(:last-child) {
margin-right: 24px;
}
.swiper-pagination .swiper-pagination-bullet-active {
border-color: #a28054;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
opacity: 1;
}
.other-products .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
margin-right: 10px;
}
.swiper-button-group.type-2 {
display: flex;
align-items: center;
}
.swiper-button-group.type-2 .button:not(:last-child) {
margin-right: 24px;
}
.swiper-button-group .swiper-button-prev.type-2 {
transform: rotate(-180deg);
}
.swiper-button-group .button.type-2 {
background: rgba(162, 128, 84, 0.2);
width: 64px;
height: 64px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: auto;
margin: 0;
left: auto;
}
.swiper-button-group .button.type-2 img {
max-width: 36px;
max-height: 20px;
}
/* POPUPS */
.popup-wrapper {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
left: -100%;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}
.popup-wrapper.active {
left: 0;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.popup-wrapper .bg-layer {
position: absolute;
left: 0;
top: -100px;
right: 0;
bottom: -100px;
background: rgba(0, 0, 0, 0.48);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
opacity: 0;
}
.popup-wrapper.active .bg-layer {
opacity: 1;
}
.popup-content {
position: absolute;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
font-size: 0;
text-align: center;
transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s 0.3s;
transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0;
left: -10000px;
padding: 15px;
letter-spacing: 0;
}
.popup-content.active {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
left: 0;
transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s 0s;
position: relative;
}
.popup-content:after {
display: inline-block;
vertical-align: middle;
height: 100%;
content: "";
}
.popup-content .layer-close {
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 10000px;
}
.btn-close {
position: absolute;
top: -8px;
left: calc(100% + 15px);
width: 40px;
height: 40px;
border-radius: 50%;
display: inline-block;
cursor: pointer;
z-index: 1;
background: url("../img/close-modal.svg") center no-repeat;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.popup-container {
display: inline-block;
vertical-align: middle;
width: 100%;
position: relative;
background: #fff;
max-width: 588px;
padding: 40px 24px;
z-index: 1;
box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);
text-align: initial;
}
.open-popup {
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popup-container.type-2 {
padding: 40px;
}
.popup-container.type-3 {
max-width: 856px;
}
.hide-block {
display: none;
}
/* INNER POPUP */
.modal-title {
margin-bottom: 32px;
}
.modal-title.mb-16 {
margin-bottom: 16px;
}
.table-size-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
}
.table-size-wrap .table-col {
width: calc(50% - 10px);
}
.table-size-wrap .table-title {
font-size: 13px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #000000;
margin-bottom: 16px;
}
.table-size-wrap table {
border-collapse: collapse;
width: 100%;
}
.table-size-wrap td {
padding: 15px 10px;
font-size: 15px;
line-height: 150%;
text-align: center;
color: #000000;
border-top: 1px solid rgba(196, 196, 196, 0.5);
border-bottom: 1px solid rgba(196, 196, 196, 0.5);
}
.table-size-wrap td:nth-child(2) {
font-weight: 500;
}
.table-size-wrap tr:first-child td {
background-color: transparent;
}
.table-size-wrap tr:nth-child(2n-1) td {
background: #f8f8f6;
}
.text-warning {
font-size: 11px;
line-height: 100%;
color: #876b46;
}
.modal-bottom .text-warning {
margin-bottom: 15px;
}
.modal-bottom .block-title {
margin-bottom: 5px;
}
.modal-bottom p {
font-size: 13px;
line-height: 150%;
color: #000000;
}
.popup-container .text-row + form {
margin-top: 40px;
}
/*THANK MODAL REVIEW*/
.thank-review {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.thank-review img {
max-width: 50%;
}
.thank-review .text {
padding-left: 6px;
width: 50%;
}
.thank-review p {
font-size: 13px;
line-height: 150%;
color: rgba(0, 0, 0, 0.8);
}
.thank-review span {
font-size: 20px;
line-height: 150%;
color: #000000;
}
@media (max-width: 767px) {
.thank-review {
justify-content: center;
}
.thank-review .text {
width: 100%;
padding-left: 0;
text-align: center;
}
.thank-review p {
max-width: 240px;
margin: 0 auto 6px;
}
}
.modal-header {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 40px;
}
.modal-header .modal-title {
margin-bottom: 0;
margin-right: 12px;
}
.type-2.select-box-line .SumoSelect > .CaptionCont {
height: 24px;
}
.type-2.select-box-line .SumoSelect > .CaptionCont span {
text-decoration: none;
font-size: 17px;
line-height: 16px;
color: #000000;
}
/*video-popup*/
.popup-content.popup-video-content {
padding: 0;
}
.popup-container.popup-video-container {
max-width: 100%;
height: 100%;
max-width: 90%;
max-height: 80vh;
}
.popup-video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*media*/
@media (max-width: 767px) {
.popup-container.popup-video-container {
max-height: 360px;
max-width: calc(100% - 20px);
}
.popup-content {
padding: 75px 10px 10px;
}
.btn-close {
top: -40px;
right: -8px;
left: auto;
}
.popup-container {
padding: 35px 24px;
}
.table-size-wrap .table-col {
width: calc(50% - 5px);
}
.table-size-wrap td {
padding: 8px;
}
.table-size-wrap .table-title {
font-weight: 500;
}
.table-size-wrap {
margin-bottom: 28px;
}
.text-warning {
line-height: 16px;
}
[data-rel="table-size"] .popup-container {
background: #f8f8f8;
}
.table-size-wrap tr:first-child td {
border-top: 0;
}
.popup-container.type-2 {
padding: 30px 16px 50px;
}
}
@media (max-width: 360px) {
.popup-content {
padding: 75px 0 10px;
}
}
/*PAGINATION*/
.pagination ul {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
.pagination ul .arrow a {
background-image: url(../img/pagination-arrow.svg);
background-position: center;
background-repeat: no-repeat;
}
.pagination .next a {
transform: rotate(180deg);
}
.pagination li {
margin: 0 5px 10px;
}
.pagination a {
min-width: 40px;
height: 40px;
padding: 0 10px;
border: 1px solid #dccebb;
box-sizing: border-box;
border-radius: 50%;
font-size: 15px;
line-height: 16px;
display: inline-flex;
align-items: center;
text-align: center;
justify-content: center;
letter-spacing: 0.04em;
color: #000000;
}
.pagination a:hover {
border-color: #433623;
}
.pagination .active {
background-color: #dccebb;
}
/*------------MOBILE MENU--------------*/
.mobile-menu {
position: fixed;
top: 75px;
left: 0;
right: 0;
height: calc(100vh - 75px);
background: #fff;
padding: 30px 15px 70px;
z-index: 1000;
overflow-y: auto;
overflow-x: hidden;
border-top: 1px solid rgba(192, 168, 134, 0.3);
}
.mobile-menu.active {
overflow: hidden;
}
.mobile-menu .work-time {
padding: 0 10px;
margin-bottom: 32px;
}
.mobile-menu .form-callback {
padding: 0 10px;
}
.modile-option {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
padding-left: 10px;
}
.modile-option ul {
display: flex;
align-items: center;
}
.modile-option li:not(:last-child) {
margin-right: 33px;
}
.modile-option ul a {
font-size: 17px;
line-height: 16px;
letter-spacing: 0.02em;
color: #bdbdbd;
text-transform: uppercase;
}
.modile-option .active a {
color: #000000;
}
.modile-option .btn:before {
background: url(../img/user.svg) center no-repeat;
}
.mobile-menu .phone-list {
background: #f8f8f6;
}
.mobile-menu .phone-list ul {
display: none;
padding-bottom: 10px;
}
.mobile-menu .phone-toggle {
display: flex;
align-items: center;
width: 100%;
height: 56px;
padding: 0 35px 0 20px;
position: relative;
}
.mobile-menu .phone-toggle a {
padding-left: 0;
font-size: 15px;
line-height: 14px;
letter-spacing: 0.02em;
text-decoration-line: underline;
color: #0e0b06;
}
.mobile-menu .phone-toggle a:after {
content: none;
}
.mobile-menu .phone-toggle:after {
content: "";
position: absolute;
background: url(../img/mob-arrow-right.svg) center no-repeat;
width: 24px;
height: 24px;
right: 16px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
transition: all 0.35s;
}
.mobile-menu .phone-toggle.active:after {
transform: translateY(-50%) rotate(-90deg);
}
.mob-nav {
padding: 0 0 0 10px;
margin-bottom: 22px;
}
.mob-nav > ul {
display: flex;
flex-wrap: wrap;
}
.mob-nav > ul > li:not(:last-child) {
margin-right: 20px;
}
.mob-nav > ul > li > a {
font-size: 13px;
line-height: 1;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000000;
position: relative;
}
.mob-nav > ul {
padding-bottom: 20px;
}
.mob-nav > ul > li > a.active {
color: #876b46;
font-weight: 500;
}
.mob-nav > ul > li > a.active:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
right: 0;
height: 2px;
background: #876b46;
}
.item-nav {
display: none;
}
.item-nav.active {
display: block;
}
.item-nav li {
display: block;
}
.mob-nav > a,
.item-nav > ul > li > a {
display: flex;
min-height: 48px;
padding: 0 35px 0 0px;
font-size: 17px;
line-height: 16px;
align-items: center;
letter-spacing: 0.02em;
color: #000000;
position: relative;
}
/*.mob-nav > a:after,*/
.item-nav [data-subnav]:after {
content: "";
position: absolute;
background: url(../img/mob-arrow-right.svg) center no-repeat;
width: 24px;
height: 24px;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: all 0.35s;
}
.item-subnav {
position: absolute;
/* left: 0;*/
top: 0;
bottom: 0;
/* right: 0;*/
width: 100%;
background: #fff;
padding: 32px 20px;
z-index: 10;
overflow: auto;
opacity: 0;
visibility: hidden;
right: -100%;
transition: all 0.5s;
}
.item-subnav.active {
display: block;
right: 0%;
opacity: 1;
visibility: visible;
}
.item-subnav .back {
position: relative;
padding-left: 28px;
font-size: 13px;
line-height: 12px;
display: inline-flex;
align-items: center;
text-transform: uppercase;
color: #000000;
margin-bottom: 34px;
}
.item-subnav .back:after {
content: "";
position: absolute;
left: -7px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
width: 24px;
height: 24px;
background: url(../img/mob-arrow-right.svg) center no-repeat;
}
.item-subnav .title {
font-size: 13px;
line-height: 12px;
display: flex;
align-items: center;
text-transform: uppercase;
color: #626262;
word-spacing: 4px;
margin-bottom: 10px;
}
.item-subnav > ul > li > a,
.item-subnav .submenu-title {
display: flex;
min-height: 48px;
padding: 0 35px 0 0px;
font-size: 13px;
line-height: 100%;
letter-spacing: 0.08em;
text-transform: uppercase;
align-items: center;
font-weight: 500;
color: #000000;
position: relative;
}
.item-subnav .submenu-title:after {
content: "";
position: absolute;
background: url(../img/plus.svg) center no-repeat;
width: 24px;
height: 24px;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: all 0.35s;
}
.item-subnav .submenu-title.active:after {
background: url(../img/minus.svg) center no-repeat;
}
.item-subnav ol {
padding: 7px 0;
display: none;
padding-left: 15px;
}
.item-subnav ol li:not(:last-child) {
margin-bottom: 14px;
}
.item-subnav ol a {
font-size: 13px;
line-height: 21px;
color: #000000;
display: block;
}
.item-subnav .underline {
text-decoration-line: underline;
}
.item-subnav > ul > li > a {
}
@media (max-width: 360px) {
.modile-option li:not(:last-child) {
margin-right: 20px;
}
.modile-option .btn {
padding: 0 15px;
}
}
/*TABS*/
.tabs-nav {
display: flex;
flex-wrap: wrap;
}
.tabs-nav .active {
font-size: 24px;
line-height: 21px;
color: #876b46;
}
.tabs-nav a:not(:last-child) {
margin-right: 64px;
}
.tabs-nav a {
font-size: 15px;
line-height: 150%;
color: #000000;
position: relative;
margin-bottom: 16px;
}
.tabs-nav a:after {
content: "";
position: absolute;
width: 0px;
height: 2px;
left: 0px;
background: #876b46;
bottom: -20px;
transition: all 0.3s;
}
.tabs-nav .active:after {
width: 32px;
}
.tab-item {
display: none;
}
.tab-item.active {
display: block;
}
@media (max-width: 991px) {
.tabs-nav a {
margin-bottom: 10px;
}
.tabs-nav a:after {
bottom: -12px;
}
.tabs-nav a:not(:last-child) {
margin-right: 24px;
}
.tabs-nav .active {
font-size: 20px;
}
}
/*--------COLLECTIONS---------*/
.block-header {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 70px;
}
.block-header .h2 {
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000000;
max-width: calc(100% - 200px);
}
.collection-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.collection-list .item {
width: calc(33.33% - 23.33px);
position: relative;
}
.collection-list .item-link {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 3;
}
.collection-list .image {
overflow: hidden;
position: relative;
}
.collection-list .image:before {
padding-top: 125%;
content: "";
display: block;
}
.collection-list .image img {
transition: all 0.35s;
transform: scale(1);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
width: auto;
}
.collection-list .info {
text-align: center;
padding-top: 32px;
}
.collection-list .item-title {
font-weight: 500;
font-size: 24px;
line-height: 23px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #000000;
margin-bottom: 15px;
display: block;
}
.collection-list .info p {
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: 0.04em;
color: #000000;
}
.collection-products .item {
position: relative;
}
.collection-products .item-link {
z-index: 3;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.collection-products .image {
font-size: 0;
overflow: hidden;
position: relative;
background-color: #fff;
}
.collection-products .image:before {
content: "";
padding-top: 164%;
display: block;
}
.collection-products.type-2 .image:before {
padding-top: 138%;
}
.collection-products .image img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
transform: scale(1);
transition: all 0.35s;
width: auto;
}
.collection-products .info {
padding: 20px 0;
}
.collection-products .item-title {
font-size: 13px;
line-height: 1;
color: #000000;
margin-bottom: 15px;
display: block;
}
.collection-products .price {
font-size: 17px;
line-height: 1;
color: #433623;
font-weight: 500;
}
.collection-products {
position: relative;
}
.collection-products .button {
background: none;
margin: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
top: 40%;
border-radius: 50%;
background-color: rgba(162, 128, 84, 0.2);
padding: 10px 5px;
}
.collection-products .button img {
width: auto;
max-height: 100%;
}
.collection-products .swiper-button-prev {
left: -65px;
}
.collection-products .swiper-button-next {
right: -65px;
}
.collection-products .link {
max-width: 220px;
height: 48px;
border: 1px solid #dccebb;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
margin: auto;
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
.collection-products .swiper-scrollbar {
display: none;
}
.swiper-container-horizontal > .swiper-scrollbar {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
height: 2px;
background: rgba(151, 151, 151, 0.2);
margin-bottom: 2px;
width: 100%;
}
.swiper-scrollbar-drag {
background: #a28054;
height: 4px;
position: relative;
top: -1px;
}
@media (min-width: 1200px) {
.link:hover {
border-color: transparent;
}
.collection-products .item:hover img,
.collection-list .item:hover img {
transform: scale(1.05);
}
}
@media (max-width: 1200px) {
.collection-list .info {
padding-top: 24px;
}
}
@media (max-width: 991px) {
.collection-products .swiper-scrollbar {
display: block;
}
}
@media (max-width: 767px) {
.collection-list .item {
width: 100%;
}
.collection-list .item:not(:last-child) {
margin-bottom: 32px;
}
.collection-list .image {
padding: 0 55px;
}
.collection-popular .link {
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 167px;
height: 48px;
border: 1px solid #dccebb;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
margin: auto;
}
.block-header .h2 {
width: 100%;
text-align: center;
max-width: 100%;
}
.collection-popular .block-header {
padding: 0 20px;
}
.block-header {
margin-bottom: 32px;
display: block;
}
.collection-popular .container {
padding-bottom: 80px;
}
.collection-popular.type-2 .h2 {
font-size: 20px;
}
.collection-popular.type-2 .container {
padding-bottom: 80px;
}
.collection-products .item-title {
margin-bottom: 8px;
}
}
/*--------COLLECTIONS END---------*/
/*--------SEASON INFO---------*/
.season-info .container {
display: flex;
flex-wrap: wrap;
}
.season-info .image {
width: calc(50% - 18px);
font-size: 0;
}
.season-info .text {
width: calc(50% - 18px);
padding-left: 40px;
flex-wrap: wrap;
position: relative;
}
.season-info .season-year {
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: 0.02em;
color: #a28054;
width: 100%;
margin-bottom: 16%;
}
.season-info .middle-text {
width: 100%;
}
.season-info .season-title {
font-size: 72px;
line-height: 1.2;
letter-spacing: 0.02em;
color: #000000;
font-weight: bold;
text-transform: uppercase;
}
.season-info .season-title + p {
margin-top: 20%;
}
.season-info p {
max-width: 50%;
margin-left: auto;
font-size: 20px;
line-height: 150%;
letter-spacing: 0.02em;
color: #000000;
}
.season-info .link-detail {
position: absolute;
right: 0;
bottom: 5%;
}
@media (max-width: 991px) {
.season-info .season-year {
margin-bottom: 25px;
}
.season-info .season-title {
font-size: 60px;
}
.season-info .season-title + p {
margin-top: 14%;
max-width: 100%;
}
}
@media (max-width: 767px) {
.season-info .image {
width: 100%;
max-width: 360px;
display: block;
margin: 0 auto 28px;
}
.season-info .container {
display: block;
}
.season-info .text {
width: 100%;
margin: 0 auto;
max-width: 300px;
padding-left: 0;
}
.season-info .season-year {
margin-bottom: 16px;
font-size: 15px;
}
.season-info .season-title + p {
margin-top: 25px;
margin-bottom: 28px;
}
.season-info .link-detail {
position: relative;
bottom: auto;
margin: auto;
}
}
/*--------SEASON INFO END---------*/
/*--------index tabs---------*/
.index-products .tabs-nav {
margin-bottom: 62px;
}
/*--------index tabs end---------*/
/*--------PROD SEO---------*/
.prodList-seo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.prodList-seo .item {
margin-bottom: 32px;
width: calc(25% - 23.75px);
position: relative;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.prodList-seo .item-1 .info {
padding: 20px 15px;
}
.prodList-seo .item:nth-child(2n) {
flex-flow: wrap-reverse;
}
.prodList-seo .item .title {
font-size: 36px;
line-height: 1.35;
color: #000000;
font-weight: bold;
margin-bottom: 20px;
}
.prodList-seo .item p {
font-size: 18px;
line-height: 24px;
color: #000000;
}
.prodList-seo .image {
width: 100%;
}
.prodList-seo .item-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
}
.prodList-seo .item-2 .info {
padding-bottom: 15px;
}
.prodList-seo .item-3 .info {
padding-top: 15px;
}
.prodList-seo .item-4 .info {
padding: 0 15px 15px;
}
@media (max-width: 991px) {
.index-products .tabs-nav {
padding-left: 24px;
}
.prodList-seo .item {
width: calc(50% - 15px);
}
}
@media (max-width: 767px) {
.prodList-seo .item {
width: 100%;
max-width: 302px;
margin: 0 auto;
}
.prodList-seo .item:not(:last-child) {
margin-bottom: 32px;
}
.prodList-seo .item:nth-child(2n) {
flex-flow: wrap;
}
.prodList-seo .item .info {
padding: 20px 0 0 !important;
text-align: center !important;
}
.prodList-seo .item .title {
margin-bottom: 15px;
}
}
@media (max-width: 575px) {
.index-products .tabs-nav {
padding-left: 15px;
}
.tabs-nav .active,
.tabs-nav a {
font-size: 14px;
}
}
@media (max-width: 360px) {
.tabs-nav a:not(:last-child) {
margin-right: 14px;
}
}
/*--------PROD SEO end---------*/
.brands {
overflow: hidden;
padding: 50px 0;
}
.brands .container {
padding: 0 45px;
}
.brands .swiper-container {
overflow: visible;
}
.brands a {
display: flex;
align-items: center;
height: 64px;
justify-content: center;
}
.brands img {
max-width: 160px;
max-height: 50px;
width: auto;
}
@media (max-width: 575px) {
.brands img {
max-width: 100%;
}
}
.index-reviews {
overflow: hidden;
}
.index-reviews .swiper-container {
overflow: visible;
max-width: 90%;
margin: auto;
}
.index-reviews .block-header {
display: block;
margin-bottom: 70px;
}
.index-reviews .block-title {
font-weight: 500;
font-size: 18px;
line-height: 17px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000000;
margin-bottom: 15px;
}
.index-reviews .swiper-wrapper {
margin-bottom: 70px;
}
/*
.index-reviews .swiper-container-horizontal > .swiper-scrollbar{
margin-left: -5%;
width:110%;
}
*/
.review {
padding: 24px 30px 24px 24px;
background: #ffffff;
}
.review-header {
display: flex;
align-items: center;
}
.review-header .image {
width: 105px;
height: 75px;
position: relative;
overflow: hidden;
}
.review-header img {
width: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
}
.review-header .prod-info {
padding-left: 16px;
width: calc(100% - 105px);
}
.review-header .review-title {
font-weight: 500;
font-size: 13px;
line-height: 1;
color: #000000;
margin-bottom: 8px;
display: table;
}
.review-header .review-date {
font-size: 13px;
line-height: 1;
color: #876b46;
}
.review .text {
font-size: 13px;
line-height: 150%;
color: #000000;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
background: url(../img/quote.svg) calc(0px + 2px) calc(0px + 3px) no-repeat;
}
.review-bottom {
margin-top: 16px;
display: flex;
align-items: center;
}
.review-bottom .name {
font-weight: 500;
font-size: 13px;
line-height: 1;
color: #000000;
margin-right: 15px;
}
.review-bottom .rate {
font-size: 0;
}
.review-bottom img {
margin-right: 8px;
width: auto;
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
}
.review-bottom span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
line-height: 1;
color: #000000;
}
.seo-block {
padding: 40px 0;
}
.seo-block .container {
max-width: 660px;
}
.seo-block p {
text-align: center;
font-size: 12px;
line-height: 150%;
color: #000000;
}
.seo-block p:not(:last-child) {
margin-bottom: 15px;
}
.seo-block .h3 {
margin-bottom: 18px;
text-align: center;
}
.seo-block .seo-hidden {
display: none;
padding-bottom: 10px;
}
.seo-block .seo-arrow {
font-size: 0;
display: table;
margin: 5px auto 0;
cursor: pointer;
transform: rotate(0);
transition: all 0.3s;
}
.seo-block .seo-arrow.active {
transform: rotate(180deg);
}
.seo-block img {
width: auto;
}
.seo-block .seo-hidden li,
.seo-block .seo-hidden p {
font-size: 12px;
line-height: 150%;
color: #000;
}
.seo-block .seo-hidden h1 {
font-size: 28px;
}
.seo-block .seo-hidden h2 {
font-size: 24px;
}
.seo-block .seo-hidden h3 {
font-size: 22px;
}
.seo-block .seo-hidden h4 {
font-size: 18px;
}
@media (max-width: 991px) {
.brands {
padding: 45px 0;
}
}
@media (max-width: 767px) {
.review-header .image {
width: 75px;
}
.review-header .prod-info {
padding-left: 12px;
width: calc(100% - 75px);
}
.index-reviews .swiper-container {
max-width: calc(100% - 85px);
margin-left: 0;
}
.index-reviews .swiper-container-horizontal > .swiper-scrollbar {
width: calc(100% + 85px);
margin-right: -85px;
}
.index-reviews .swiper-wrapper {
margin-bottom: 40px;
}
.index-reviews .container {
padding-bottom: 100px;
}
.index-reviews .link {
position: absolute;
left: 0;
right: 0;
bottom: 12px;
max-width: 220px;
height: 48px;
border: 1px solid #dccebb;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
margin: auto;
font-size: 13px;
font-weight: 500;
}
.review {
padding: 20px;
}
.review .text {
color: rgba(0, 0, 0, 0.8);
}
.seo-block p {
opacity: 0.5;
text-align: left;
}
.seo-block .h3 {
text-align: left;
}
.seo-block .container {
padding: 0 24px;
}
}
@media (max-width: 360px) {
.review {
padding: 15px 12px;
}
}
/*---------------ACTIONS-----------------------*/
.actions-index {
overflow: hidden;
}
.actions-index .block-header {
display: block;
margin-bottom: 52px;
}
.actions-index .block-title {
font-weight: 500;
font-size: 18px;
line-height: 17px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000000;
margin-bottom: 15px;
}
.actions-index .actions-slider {
max-width: 640px;
margin: auto;
overflow: visible;
}
.actions-index .button {
width: 64px;
height: 64px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(162, 128, 84, 0.2);
transition: all 0.35s;
overflow: hidden;
margin: auto;
right: -40px;
top: 30%;
}
.actions-index .button img {
width: auto;
}
.actions-index .swiper-button-prev {
transform: rotate(-180deg);
right: auto;
left: -40px;
}
.actions-slider .image {
display: table;
margin: auto;
align-items: center;
justify-content: center;
/* height: 360px*/
position: relative;
margin-bottom: 30px;
}
.actions-slider .action {
display: table;
margin: auto;
padding: 0 45px;
}
.actions-slider .date {
background: #f8f8f6;
font-size: 14px;
line-height: 1;
text-align: center;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000000;
padding: 9px 25px;
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
}
.actions-slider .title {
font-size: 24px;
line-height: 1;
color: #000000;
font-weight: 500;
display: inline-block;
margin-bottom: 10px;
}
.actions-slider p {
font-size: 15px;
line-height: 150%;
color: #000000;
}
.actions-slider a img {
width: auto;
max-height: 100%;
}
.actions-index .swiper-scrollbar {
display: none;
}
@media (max-width: 991px) {
.actions-slider a {
height: auto;
}
.actions-index .swiper-scrollbar {
display: block;
margin-top: 40px;
}
.actions-index .container {
padding-bottom: 100px;
}
.actions-index .swiper-container {
max-width: calc(100% - 85px);
margin-left: 0;
}
.actions-index .swiper-container-horizontal > .swiper-scrollbar {
width: calc(100% + 85px);
margin-right: -85px;
}
.actions-index .button {
display: none;
}
.actions-index .link {
position: absolute;
left: 0;
right: 0;
bottom: 12px;
max-width: 120px;
height: 48px;
border: 1px solid #dccebb;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
margin: auto;
font-size: 13px;
font-weight: 500;
}
.actions-index .block-header {
margin-bottom: 44px;
}
.actions-index .block-title {
margin-bottom: 0;
}
.actions-slider .action {
padding: 0;
}
.actions-slider .image {
margin-bottom: 15px;
}
.actions-slider .date {
font-size: 10px;
padding: 6px 20px;
}
.actions-slider .title {
font-size: 15px;
margin-bottom: 5px;
line-height: 1.35;
}
.actions-slider p {
font-size: 14px;
}
}
/*----------------SUBSCRIBE--------------------*/
.subscribe {
padding: 68px 0;
background: #dccebb url(../img/subscribe-bg.png) center no-repeat;
background-size: cover;
}
.subscribe .container {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1190px;
}
.subscribe .title {
max-width: 385px;
color: #000000;
line-height: 1.33;
font-weight: 500;
}
.subscribe form {
max-width: 490px;
display: flex;
align-items: center;
}
.subscribe .form-control {
margin-right: 8px;
height: 56px;
background: #ffffff;
padding: 0 20px;
width: calc(100% - 190px);
font-size: 15px;
color: #626262;
}
.subscribe button {
height: 56px;
background: #000000;
text-align: center;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
color: #ffffff;
position: relative;
display: flex;
width: 182px;
justify-content: center;
align-items: center;
cursor: pointer;
}
.subscribe button:after {
content: "";
width: 24px;
height: 24px;
background: url(../img/sub-arrow.svg) center no-repeat;
display: inline-block;
margin-left: 16px;
}
@media (max-width: 1450px) {
.subscribe .container {
max-width: 1050px;
}
}
@media (max-width: 991px) {
.subscribe .container {
padding: 0 40px;
display: block;
}
.subscribe {
padding: 80px 0;
}
.subscribe .title {
width: 100%;
margin-bottom: 19px;
}
}
@media (max-width: 575px) {
.subscribe .form-control {
width: 100%;
margin-right: 0;
margin-bottom: 19px;
}
.subscribe button {
width: 100%;
}
.subscribe {
background: #dccebb url(../img/subscribe-mob.png) center no-repeat;
background-size: cover;
}
.subscribe form {
display: block;
}
}
/*---------------FOOTER------------------------*/
.footer {
background: #000000;
}
.footer-top {
padding-bottom: 65px;
}
.footer-top .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-top .col-left {
width: 23%;
font-size: 0;
}
.footer-top .logo {
font-size: 0;
display: inline-block;
margin-bottom: 45px;
}
.footer-top .social {
margin-bottom: 72px;
}
.footer-top .social ul {
display: flex;
align-items: center;
}
.footer-top .social li:not(:last-child) {
margin-right: 20px;
}
.footer-top .deliv-pay ul {
display: flex;
align-items: center;
}
.footer-top .deliv-pay li {
font-size: 0;
}
.footer-top .deliv-pay li:not(:last-child) {
margin-right: 20px;
}
.footer-top .deliv-pay img {
width: auto;
}
.footer-nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 40%;
}
.footer-nav .item {
width: calc(33.33% - 23.33px);
}
.footer-nav .item-title {
font-size: 12px;
line-height: 1;
letter-spacing: 0.08em;
color: #ffffff;
margin-bottom: 12px;
}
.footer-nav li {
margin-bottom: 12px;
}
.footer-nav a {
font-size: 12px;
line-height: 16px;
letter-spacing: 0.04em;
color: rgba(255, 255, 255, 0.5);
}
.footer-nav a:hover {
color: #fff;
}
.footer-top .footer-contact {
width: 30%;
}
.footer-top .phone {
font-size: 20px;
line-height: 1;
display: inline-block;
letter-spacing: 0.08em;
color: #ffffff;
margin-bottom: 24px;
}
.locationList li {
font-size: 13px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.5);
position: relative;
padding-left: 28px;
}
.locationList li:after {
content: "";
position: absolute;
width: 13px;
height: 13px;
border: 4.5px solid #ffffff;
box-sizing: border-box;
border-radius: 50%;
left: 0;
top: 3px;
}
.locationList li:not(:last-child) {
margin-bottom: 24px;
}
.footer-bottom {
padding: 20px 0;
background: rgba(255, 255, 255, 0.1);
}
.footer-bottom .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-bottom .copy {
font-size: 10px;
line-height: 1;
color: #f8f8f6;
opacity: 0.5;
}
.footer-bottom ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.footer-bottom li {
padding-right: 32px;
}
.footer-bottom li:not(:last-child) {
margin-right: 32px;
}
.footer-bottom .link {
font-size: 10px;
line-height: 1;
color: rgba(248, 248, 246, 0.5);
border-color: rgba(248, 248, 246, 0.5);
}
.footer-bottom .link:hover {
border-color: transparent;
color: #fff;
}
/*---------------instagram-----------------*/
.insta-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 62px 0;
}
.insta-header .insta-info {
display: flex;
/* flex-wrap: wrap;*/
}
.insta-header .icon {
width: 40px;
height: 40px;
}
.insta-header .text {
padding-left: 20px;
max-width: calc(100% - 40px);
}
.insta-header .link-site {
font-weight: 500;
font-size: 17px;
line-height: 21px;
color: #000000;
display: inline-block;
margin-bottom: 8px;
}
.insta-header ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.insta-header li {
display: flex;
align-items: baseline;
font-size: 15px;
line-height: 150%;
color: #000000;
}
.insta-header li:not(:last-child) {
margin-right: 32px;
}
.insta-header .number {
font-weight: 500;
margin-right: 5px;
}
.insta-header .btn-insta {
height: 48px;
padding: 5px 24px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 500;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
text-decoration-line: underline;
color: #876b46;
}
.insta {
overflow: hidden;
}
.insta-slider.swiper-container {
overflow: visible;
}
.insta-slider a {
font-size: 0;
display: block;
overflow: hidden;
position: relative;
}
.insta-slider a:before {
content: "";
padding-top: 100%;
display: block;
object-fit: cover;
}
.insta-slider img {
position: absolute;
object-fit: cover;
left: 0;
top: 0;
transition: all 0.35s;
}
.insta-slider .swiper-scrollbar {
margin: 52px 0;
}
@media (min-width: 1200px) {
.insta-slider a:hover img {
transform: scale(1.05);
}
.insta-header .btn-insta:hover {
text-decoration: none;
background: #dccebb;
color: #fff;
}
}
@media (max-width: 767px) {
.insta-header li {
margin-bottom: 8px;
}
.insta-header {
padding: 50px 0 24px;
}
.insta-header .btn-insta {
position: absolute;
left: 0;
right: 0;
bottom: 65px;
max-width: 190px;
height: 48px;
border: 1px solid #dccebb;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
margin: auto;
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
.insta .container {
padding-bottom: 65px;
padding-left: 25px;
padding-right: 25px;
}
.insta-slider .swiper-scrollbar {
margin: 40px 0 90px;
}
.footer-top .container {
display: block;
}
.footer-top .col-left {
width: 100%;
text-align: center;
}
.footer-top .logo {
margin-bottom: 35px;
}
.footer-top .social {
margin-bottom: 60px;
}
.footer-top .deliv-pay ul,
.footer-top .social ul {
justify-content: center;
}
.footer-top .deliv-pay {
margin-bottom: 55px;
}
.footer-nav .item {
width: 100%;
margin-bottom: 50px;
}
.footer-nav {
width: 100%;
padding: 0 32px 0 36px;
}
.footer-nav .item-title {
margin-bottom: 24px;
font-size: 16px;
}
.footer-nav a {
font-size: 16px;
}
.footer-top .footer-contact {
padding: 0 32px 0 36px;
width: 100%;
}
.footer .spacer-75 {
height: 66px;
}
.footer-bottom {
padding: 24px;
}
.footer-bottom .container {
display: block;
padding: 0;
}
.footer-bottom .link,
.footer-bottom .copy {
font-size: 14px;
}
.footer-bottom .copy {
margin-bottom: 8px;
}
.footer-bottom li {
padding-right: 0;
}
.footer-bottom li:not(:last-child) {
margin-right: 5px;
padding-right: 0;
}
.footer-bottom ul {
justify-content: space-between;
}
}
/*-------------SEO TAGS------------*/
.seo-tag {
padding: 40px 0 32px;
}
.seo-tag ul {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.seo-tag li {
margin: 0 4px 8px;
padding: 11px 16px;
background: rgba(220, 206, 187, 0.2);
}
/*-------------FAQ BLOCK------------*/
.faq .title {
margin-bottom: 70px;
}
.faq .list {
flex-wrap: wrap;
display: flex;
}
.faq .item {
width: calc(25% - 25.5px);
margin-bottom: 15px;
}
.faq .item .h3 {
color: #000000;
margin-bottom: 8px;
font-weight: 500;
}
.faq p {
font-size: 15px;
line-height: 150%;
color: #000000;
}
@media (min-width: 767px) {
.faq .item:not(:nth-child(4n)) {
margin-right: 34px;
}
}
@media (max-width: 767px) {
.faq .item {
margin-right: 0;
width: 100%;
margin-bottom: 0;
}
.faq .item:not(:last-child) {
margin-bottom: 35px;
}
.faq .title {
margin-bottom: 40px;
}
.faq .container {
padding: 0 24px;
}
}
/*--------------STORE CARDS-----------------*/
.srore-cards {
overflow: hidden;
}
.srore-cards .swiper-scrollbar {
margin: 48px 0 0;
}
.srore-cards .block-title {
margin-bottom: 45px;
}
.store-card {
position: relative;
}
.store-card .link-card {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 4;
}
.store-card .image {
font-size: 0;
overflow: hidden;
position: relative;
background: #fff;
}
.store-card .image:before {
content: "";
display: block;
padding-top: 140%;
}
.store-card img {
transition: all 0.35s;
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
left: 0;
top: 0;
}
.store-card .sc-content {
padding-top: 20px;
}
.store-card .sc-title {
font-size: 13px;
line-height: 1.2;
color: #000000;
margin-bottom: 15px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
}
.store-card .price {
font-size: 0;
}
.store-card .new {
display: inline;
font-weight: 500;
font-size: 17px;
line-height: 1;
color: #e65654;
vertical-align: top;
margin-right: 16px;
}
.store-card .old {
font-size: 13px;
line-height: 1;
text-decoration-line: line-through;
color: #333333;
vertical-align: top;
}
.store-card .price.type-2 .old,
.store-card .price.type-2 .new {
color: #876b46;
font-weight: 400;
}
.store-card .price.type-2 .old {
color: #000000;
margin-right: 16px;
text-decoration: none;
position: relative;
}
.store-card .price.type-2 .old:after {
position: absolute;
content: "";
top: 50%;
left: 0;
right: 0;
height: 1px;
width: 100%;
background: #eb5757;
transform: rotate(-10deg);
}
@media (min-width: 1200px) {
.store-card:hover img {
transform: scale(1.05);
}
}
@media (max-width: 767px) {
.srore-cards .container {
padding: 0 24px;
}
.srore-cards {
background: #f8f8f6;
overflow: hidden;
}
.bg-2 .srore-cards {
background: #fff;
}
.srore-cards .title {
margin-bottom: 40px;
}
.srore-cards .swiper-scrollbar {
margin: 35px -70px 0;
width: calc(100% + 140px);
}
.seo-tag {
padding: 16px 0 8px;
}
.store-cards-slider {
width: calc(100% - 140px);
margin: 0 auto;
overflow: visible;
}
}
/*--------------FEATURES-----------------*/
.features {
background: #f1ebe4;
padding: 28px 0 15px;
}
.features .list {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.features .item {
text-align: center;
width: calc(16.66% - 29.1px);
margin-bottom: 10px;
}
.features .icon {
height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.features img {
max-height: 100%;
}
.features p {
font-size: 14px;
line-height: 1.35;
color: #000000;
}
@media (max-width: 991px) {
.features .item {
width: calc(33.33% - 15px);
margin-bottom: 45px;
}
.features {
padding: 40px 0 0;
}
}
@media (max-width: 767px) {
.features .item {
width: calc(50% - 5px);
}
.features .container {
padding: 0 16px;
}
}
/*PRODUCT PAGINATION*/
.list-show-options {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: row-reverse;
padding-bottom: 36px;
}
.list-show-options .load-more + .pagination {
margin-right: 16px;
}
.list-show-options .load-more {
margin-bottom: 10px;
}
.load-more {
font-size: 13px;
line-height: 16px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.02em;
color: #000000;
padding: 0 56px 0 24px;
height: 40px;
background: #f8f8f6;
position: relative;
font-weight: 500;
}
.load-more:after {
content: "";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background: url(../img/arrow-down.svg) center no-repeat;
background-size: 16px 16px;
}
.load-more:hover {
box-shadow: 0 0 0 1px #dccebb;
}
.load-more.loading {
box-shadow: none;
color: #666;
}
.load-more.loading:after {
content: "";
position: absolute;
right: 16px;
top: 50%;
background: url(../img/loader.gif) center no-repeat;
background-size: 20px;
width: 20px;
height: 20px;
}
@media (max-width: 767px) {
.list-show-options {
display: block;
text-align: center;
}
.list-show-options .load-more {
display: inline-flex;
margin-bottom: 32px;
}
.list-show-options .load-more + .pagination {
margin-right: 0;
}
.breadcrumbs ul {
overflow: auto;
}
.breadcrumbs.only-mob li {
margin-bottom: 10px;
}
.breadcrumbs.only-mob {
margin: 0;
padding: 0 24px 10px;
background-color: #fff;
}
.bg-1 .breadcrumbs.only-mob {
background: #f8f8f6;
}
.breadcrumbs span,
.breadcrumbs a {
white-space: nowrap;
font-size: 14px;
text-decoration: underline;
color: rgba(0, 0, 0, 0.5);
}
.breadcrumbs li:nth-child(1) a {
font-size: 13px;
line-height: 12px;
text-decoration-line: underline;
color: #000000;
}
.breadcrumbs ul {
display: flex;
flex-wrap: nowrap;
}
}
/*------OTHER CARDS-------*/
.other-products .block-title {
margin-bottom: 0px;
}
.other-cards-options {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
margin-top: -39px;
}
.other-products .swiper-pagination {
position: relative;
top: auto;
margin: 0;
margin-right: 15px;
}
.other-products .swiper-container {
margin-top: 40px;
}
.other-cards-slider .swiper-scrollbar {
display: none;
}
@media (max-width: 767px) {
.other-cards-options {
margin-top: 0;
}
.other-products .spacer-120 {
height: 50px;
}
.other-products .container {
padding: 0 24px;
}
.other-products .swiper-wrapper {
margin-bottom: 35px;
}
.other-cards-slider .swiper-button-group,
.other-cards-slider .swiper-pagination {
display: none;
}
.other-products .swiper-container {
margin-top: 0;
}
.other-products .block-title {
margin-bottom: 40px;
}
.other-cards-slider .swiper-container {
width: calc(100% - 140px);
margin: 0 auto;
overflow: visible;
}
.other-cards-slider .swiper-scrollbar {
display: block;
margin: 0 -70px;
width: calc(100% + 140px);
}
}
/*------------PRODUCT TABS----------------*/
.tab-nav {
padding: 0 8px;
margin-bottom: 50px;
}
.tab-nav ul {
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow: auto;
}
.tab-nav li:not(:last-child) {
margin-right: 48px;
}
.tab-nav li {
transition: color 0.35s;
font-size: 15px;
line-height: 16px;
color: rgba(0, 0, 0, 0.5);
white-space: nowrap;
height: 74px;
padding-top: 34px;
cursor: pointer;
position: relative;
}
.tab-nav li:after {
position: absolute;
content: "";
left: 0;
top: 0px;
height: 2px;
width: 0%;
transition: all 0.35s;
background: #000000;
}
.tab-nav .active {
color: #000;
font-weight: 500;
}
.tab-nav li.active:after {
width: 100%;
}
.tab-nav li:hover {
color: #000;
}
.detail-tabs-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.detail-tabs .tabs-content {
width: calc(50% - 17px);
}
.with-product {
padding: 40px;
background: #f8f8f6;
width: calc(50% - 17px);
}
.with-product .block-title {
margin-bottom: 40px;
}
.with-product .list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.with-product .store-card {
width: calc(50% - 17px);
}
.with-product .store-card .link-card {
position: relative;
}
.with-product .image {
background: #fff;
width: 100%;
position: relative;
}
.with-product .image:before {
content: "";
padding-top: 130%;
display: block;
}
.with-product .image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
max-height: calc(100% - 76px);
max-width: calc(100% - 60px);
}
.with-product .sc-content .sc-title {
font-size: 15px;
margin-bottom: 8px;
}
.with-product .sc-content .price {
font-size: 0;
}
.with-product .sc-content .new {
color: #000;
}
.all-char .logo {
font-size: 0;
display: inline-block;
max-width: 110px;
}
.all-char .title {
font-size: 24px;
line-height: 150%;
color: #000000;
margin-bottom: 30px;
}
.char-table {
margin-bottom: 20px;
}
.char-table table {
width: 100%;
border-collapse: collapse;
}
.char-table td {
padding: 16px 0;
font-size: 15px;
line-height: 150%;
color: rgba(0, 0, 0, 0.7);
border-bottom: 1px solid #c4c4c4;
}
.char-table td:nth-child(1) {
width: 60%;
padding-right: 40px;
font-weight: 500;
color: #000000;
}
.char-table tr:last-child td {
border: 0;
padding-bottom: 0;
}
.btn-viber:before {
background: url(../img/viber.svg) center no-repeat;
}
.btn-telegram:before {
background: url(../img/telegram.svg) center no-repeat;
}
.question-social {
padding: 24px 0;
width: 100%;
}
.question-social .block-title {
text-align: center;
margin-bottom: 20px;
}
.question-social .btn-group {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: center;
}
.question-social .btn {
width: calc(50% - 8px);
}
@media (min-width: 1200px) {
.with-product .store-card:hover img {
transform: translate(-50%, -50%) scale(1.1);
}
}
@media (max-width: 767px) {
.char-table td {
font-size: 13px;
}
}
/*----------tab REVIEWS--------------*/
.review-tab-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
flex-wrap: wrap;
}
.review-tab-header .count-text {
font-size: 13px;
line-height: 1;
letter-spacing: 0.02em;
color: #000000;
font-weight: 500;
padding-right: 15px;
margin-bottom: 10px;
}
.btn-review.btn-stroke:before {
background: url(../img/chat.svg) center no-repeat;
}
.review-tab-header .btn {
margin-bottom: 10px;
}
.review-tab-list {
max-height: 490px;
overflow: auto;
padding-right: 4px;
}
.review-line:not(:last-child) {
margin-bottom: 8px;
}
.review-line {
border: 1px solid #f8f8f6;
padding: 24px;
position: relative;
}
.review-line .review-bottom {
margin-bottom: 12px;
margin-top: 0;
}
.review-line .date {
font-size: 13px;
line-height: 12px;
color: #000000;
position: absolute;
right: 24px;
top: 24px;
}
.review-line .text {
font-size: 13px;
line-height: 150%;
color: rgba(0, 0, 0, 0.8);
word-break: break-all;
}
.review-line .subreview {
margin-top: 20px;
border: 0;
background: #f8f8f6;
}
.star-rating {
width: 0;
position: relative;
display: inline-block;
background-image: url(../img/star-rate.svg);
background-position: 0 0;
background-repeat: repeat-x;
}
.star-rating .star-value {
height: 100%;
position: absolute;
}
.star-rating .star-value {
position: absolute;
height: 100%;
width: 100%;
background-image: url(../img/star-fill.svg);
background-repeat: repeat-x;
}
.rate-empty-header {
display: flex;
align-items: center;
margin-bottom: 22px;
}
.rate-empty-header img {
max-height: 198px;
max-width: 50%;
}
.rate-empty-header p {
font-size: 20px;
line-height: 150%;
color: #000000;
opacity: 0.5;
padding-left: 6px;
}
.rate-empty .block-title {
margin-bottom: 40px;
}
/*TAB REVIEW*/
.review-form .form-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 8px;
}
.review-form .input-wrap {
width: 100%;
}
.review-form .input-wrap:not(:last-child) {
width: calc(50% - 11px);
}
.review-form-bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.review-form-bottom .rate-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.review-form-bottom .rate-title {
width: 100%;
font-size: 12px;
line-height: 11px;
color: #000000;
margin-bottom: 12px;
}
.review-form-bottom .rater {
margin-right: 30px;
}
.review-form-bottom .rater-count {
font-size: 17px;
line-height: 16px;
color: #000000;
position: relative;
text-align: center;
min-width: 28px;
}
.review-form-bottom .rater-count:after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
height: 1px;
background: #c4c4c4;
}
/*---------------TAB DELIVERY---------------*/
.detail-info-item:not(:last-child) {
padding-bottom: 24px;
}
.detail-info-header {
display: flex;
align-items: center;
margin-bottom: 24px;
}
.detail-info-header .icon {
margin-right: 24px;
max-height: 48px;
max-width: 48px;
}
.detail-info-item ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
counter-reset: list;
}
.detail-info-item li {
width: calc(50% - 17px);
font-size: 17px;
line-height: 21px;
color: #000000;
margin-bottom: 24px;
padding-left: 34px;
position: relative;
}
.detail-info-item li:before {
counter-increment: list;
content: "0" counter(list);
position: absolute;
left: 0;
top: 0;
font-size: 17px;
line-height: 21px;
color: #433623;
}
.detail-info-item p {
font-size: 15px;
line-height: 150%;
color: #433623;
margin-top: 4px;
}
/*------------TAB GARANTY----------------------*/
.garanty {
}
.garanty ul {
counter-reset: list;
max-width: 530px;
}
.garanty li {
position: relative;
font-size: 17px;
line-height: 21px;
color: #000000;
padding-left: 52px;
}
.garanty li:not(:last-child) {
margin-bottom: 32px;
}
.garanty li:before {
counter-increment: list;
content: "0" counter(list);
position: absolute;
left: 0;
top: 0;
font-weight: bold;
font-size: 24px;
line-height: 23px;
color: #dccebb;
}
.garanty p {
font-size: 15px;
line-height: 150%;
color: #433623;
margin-top: 8px;
}
/*CARD VARIABLE*/
.detail-card-row {
padding: 32px 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
.detail-card-row .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.detail-card-row .container.flex-center {
justify-content: center;
}
.card-variable {
width: calc(50% - 62px);
position: relative;
}
.card-variable:after {
content: "";
position: absolute;
right: -63px;
height: 110px;
width: 1px;
background: #c4c4c4;
top: 50%;
transform: translateY(-50%);
}
.card-variable .block-title {
margin-bottom: 32px;
}
.card-variable .variable-link {
display: block;
overflow: hidden;
border-bottom: 0;
}
.card-variable .swiper-slide {
}
.card-variable .variable-link {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.card-variable .variable-link img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom;
top: 0;
left: 0;
}
.detail-card-row .info {
width: calc(50% - 62px);
}
.detail-card-row ul {
display: flex;
flex-wrap: wrap;
}
.detail-card-row li {
width: 33.33%;
text-align: center;
}
.detail-card-row .icon {
width: 48px;
height: 48px;
margin-bottom: 16px;
}
.detail-card-row p {
font-size: 14px;
line-height: 20px;
color: #000000;
padding: 0 16px;
}
.card-variable .button {
width: 36px;
height: 36px;
background: rgba(162, 128, 84, 0.3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
right: -44px;
margin-top: 0;
}
.card-variable .swiper-button-prev {
transform: rotate(-180deg);
right: auto;
left: -44px;
}
.show-all-review {
display: none;
}
@media (min-width: 991px) {
.card-variable .swiper-scrollbar {
display: none;
}
}
@media (max-width: 991px) {
.card-variable .button,
.detail-card-row .info {
display: none;
}
.card-variable {
width: 100%;
margin-bottom: 15px;
}
.card-variable:after {
content: none;
}
.detail-tabs .spacer-100 {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.detail-tabs .tabs-content {
width: 100%;
}
.with-product {
padding: 30px;
width: 100%;
max-width: 400px;
margin: 25px auto 0;
}
.detail-card .detail-card-info {
margin: auto;
}
.product-list .product:not(:nth-child(4n)) {
margin-right: 15px;
}
.product-list {
justify-content: space-between;
}
.product-list .product {
width: calc(33.33% - 15px);
}
}
@media (max-width: 767px) {
.card-variable .swiper-scrollbar {
margin: 54px 0 25px;
width: calc(100% + 90px);
margin-right: -90px;
}
/*
.card-variable .variable-link{
width: 124px;
}
*/
.detail-card-row {
overflow: hidden;
padding-bottom: 0;
}
.card-variable .swiper-container {
overflow: visible;
max-width: calc(100% - 90px);
margin: 0;
}
.detail-tabs .container,
.detail-card-row .container {
padding: 0 24px;
}
.tab-nav li {
padding-top: 24px;
font-size: 13px;
line-height: 1;
height: 60px;
margin-right: 0 !important;
padding-right: 24px;
}
.tab-nav li:after {
top: auto;
bottom: 0;
}
.tab-nav {
margin: 0 -24px;
padding: 0;
}
.tab-nav ul {
padding: 0 0 0 24px;
}
.tab-nav li.active:after {
width: calc(100% - 24px);
}
.detail-tabs .tabs-content {
width: 100%;
}
.with-product {
width: calc(100% + 48px);
padding: 46px 11px 42px;
margin: 0 -24px;
}
.with-product .block-title {
padding: 0 13px;
}
.with-product .store-card {
width: calc(50% - 8px);
}
.with-product .image img {
max-height: calc(100% - 30px);
max-width: calc(100% - 30px);
width: auto;
}
.with-product .sc-content .sc-title {
font-size: 13px;
}
.all-char {
padding: 24px 0;
}
.all-char .title {
margin-bottom: 15px;
}
.rate-empty {
padding: 20px 0 55px;
}
.rate-empty-header {
justify-content: center;
flex-wrap: wrap;
margin-bottom: 40px;
}
.rate-empty-header p {
width: 100%;
padding-left: 0;
font-size: 17px;
}
.rate-empty-header img {
max-width: 242px;
margin-bottom: 5px;
}
.rate-empty .block-title {
margin-bottom: 16px;
}
.review-form .input-wrap:not(:last-child) {
width: 100%;
}
.review-form .input-wrap {
margin-bottom: 20px;
}
.review-form .form-row {
padding-bottom: 0;
}
.review-form-bottom .rater {
margin-right: 20px;
}
.review-form-bottom .rate-wrap {
max-width: calc(100% - 165px);
}
.review-form-bottom .rater-count:after {
content: none;
}
.review-tab-header .count-text {
width: 100%;
margin-bottom: 20px;
}
.review-tab-header .btn {
width: calc(100% + 28px);
margin: 0 -14px;
}
.review-tab-header {
margin-bottom: 13px;
}
.review-all {
padding: 32px 0;
}
.detail-tabs-row .tab-2 {
padding-bottom: 31px;
}
.review-tab-list {
margin: 0 -14px;
max-height: inherit;
}
.review-line.hide {
display: none;
}
.review-line {
padding: 16px;
}
.review-line .date {
top: 16px;
right: 16px;
}
.show-all-review {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
line-height: 1;
letter-spacing: 0.02em;
color: #000000;
font-weight: 500;
min-height: 24px;
position: relative;
}
.show-all-review:after {
content: "";
width: 24px;
height: 24px;
margin-left: 8px;
background: url(../img/mob-arrow-right.svg) center no-repeat;
transform: rotate(90deg);
}
.review-tab-list + .show-all-review {
margin-top: 6px;
}
.detail-info {
padding: 40px 0 60px;
}
.detail-info-item li {
width: 100%;
}
.garanty {
padding: 40px 0 35px;
}
.garanty li {
padding-left: 60px;
}
.btn-video.type-2 .icon {
width: 40px;
height: 40px;
margin-right: 16px;
}
.btn-video.type-2 svg {
width: 16px;
}
}
@media (max-width: 360px) {
.review-form-bottom .rate-wrap {
width: 100%;
max-width: 100%;
margin-bottom: 15px;
}
.review-form-bottom .btn {
width: 100%;
}
}
/*CARD PREVIEW*/
.btn-more {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
background: #f8f8f6;
height: 52px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #e0e0e0;
}
.popup-container.type-card {
max-width: 1080px;
padding: 0;
}
.card-preview {
display: flex;
flex-wrap: wrap;
}
.card-preview .cr-sliders {
width: 58%;
padding: 40px 20px 40px 35px;
display: flex;
/* align-items: flex-start; */
}
.card-thumbs {
width: 116px;
position: relative;
padding: 35px 0;
}
.card-thumbs .swiper-container {
width: 100%;
height: 510px;
order: -1;
}
.card-thumbs .button {
margin: 0;
top: 0px;
width: 30px;
height: 30px;
left: 0;
right: 0;
margin: auto;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.card-thumbs .swiper-button-next {
top: auto;
bottom: 0px;
transform: rotate(180deg);
}
.card-thumbs .swiper-slide {
cursor: pointer;
position: relative;
padding-bottom: 5px;
}
.card-thumbs .swiper-slide:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 0%;
transition: all 0.35s;
height: 2px;
background: #000000;
}
.card-thumbs .swiper-slide-thumb-active:after {
width: 100%;
}
.card-thumbs .swiper-slide img {
transition: all 0.35s;
opacity: 0.5;
height: 100%;
position: absolute;
object-fit: contain;
object-position: bottom;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.card-thumbs .swiper-slide-thumb-active img {
opacity: 1;
}
.wrap-card-image {
width: calc(100% - 112px);
padding-left: 55px;
}
.wrap-card-image .add-favorite {
margin-left: auto;
margin-bottom: 20px;
}
.wrap-card-image .swiper-slide {
height: auto;
position: relative;
}
.wrap-card-image .swiper-slide img {
position: absolute;
left: 0%;
top: 0;
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
}
.wrap-card-image .swiper-container {
height: calc(100% - 141px);
}
.wrap-card-image .btn-video {
opacity: 1;
margin: 45px 0 10px 10px;
}
.card-preview-info {
width: 42%;
overflow: auto;
padding: 45px 45px 45px 32px;
background: #f8f8f6;
max-height: 95vh;
position: relative;
}
.wrap-card-image .swiper-button-prev {
transform: rotate(-90deg);
left: -5px;
}
.wrap-card-image .swiper-button-next {
transform: rotate(90deg);
right: 0;
}
.card-preview-info .in-stok {
margin-bottom: 30px;
}
.card-preview-info .card-option-price {
margin: 24px 0;
}
.card-preview-info .card-size {
display: flex;
align-items: flex-start;
padding-bottom: 40px;
}
.card-preview-info .size-group-wrap {
width: calc(100% - 55px);
padding-left: 15px;
}
.card-preview-info .size-group {
margin-right: 0;
width: 100%;
}
.card-preview-info .size-group-wrap .link {
margin-bottom: 0;
}
.card-preview-info .card-size-title {
margin-top: 8px;
}
.card-preview-info .btn-group {
margin-bottom: 40px;
}
.card-preview-info .all-char .title {
margin-bottom: 30px;
font-weight: 500;
font-size: 17px;
}
.card-preview-info .char-table td {
font-size: 13px;
line-height: 1;
}
@media (min-height: 700px) {
.card-preview-info {
max-height: 670px;
}
}
.card-preview-info {
padding: 0;
overflow: hidden;
}
.card-preview-info .cpi-scroll {
padding: 45px 45px 65px 32px;
overflow: auto;
max-height: 100%;
}
.delivery-info {
width: calc(50% - 62px);
}
.delivery-info .block-title {
margin-bottom: 32px;
}
.di-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.di-type {
display: flex;
align-items: center;
}
.di-type .icon {
width: 24px;
height: 24px;
margin-bottom: 0;
margin-right: 30px;
}
.di-type span {
font-size: 13px;
line-height: 12px;
color: #626262;
}
.di-row .underline {
font-size: 13px;
line-height: 12px;
text-decoration-line: underline;
color: #626262;
}
@media (max-width: 991px) {
.delivery-info {
width: 100%;
padding-bottom: 10px;
}
.di-type .icon {
margin-right: 10px;
min-width: 24px;
}
.di-type {
width: 50%;
padding-right: 5px;
}
.di-row .underline {
width: 50%;
padding-left: 5px;
text-align: right;
}
}
/*MODUL CART*/
[data-rel="modal-cart"] .popup-container {
padding-top: 24px;
}
.mc-row {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.mc-table {
width: calc(100% - 278px);
padding-right: 24px;
}
.modal-cart .mc-table {
max-height: 422px;
overflow-y: auto;
}
.modal-cart .block-title {
font-weight: 400;
margin-bottom: 24px;
}
.mc-tr {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
background: #fff;
}
.mc-tr:not(:last-child) {
border-bottom: 1px solid #e1e1e1;
}
.mc-tr .mc-tr-image {
width: 140px;
height: 140px;
display: flex;
align-items: center;
overflow: hidden;
justify-content: center;
}
.mc-tr-image img {
transition: all 0.35s;
width: auto;
max-height: 105%;
opacity: 0.35s;
}
.mc-tr .mc-tr-info {
width: calc(100% - 140px);
padding-left: 24px;
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.mc-tr .mc-tr-header {
min-height: 60px;
margin-bottom: 9px;
width: 100%;
}
.mc-tr .mc-tr-title {
font-weight: 500;
font-size: 15px;
line-height: 150%;
color: #000000;
display: block;
}
.mc-tr .size {
margin-top: 13px;
font-size: 15px;
line-height: 14px;
color: #626262;
}
.mc-tr .size span {
font-size: 13px;
line-height: 12px;
color: #000000;
margin-left: 16px;
}
.mc-tr .count {
font-size: 15px;
line-height: 16px;
letter-spacing: 0.2px;
color: #000000;
margin-right: 24px;
}
.mc-tr .price {
font-weight: 500;
font-size: 15px;
line-height: 16px;
letter-spacing: 0.2px;
color: #000000;
}
.mc-tr .mc-tr-remove {
width: 24px;
height: 24px;
right: 10px;
top: 10px;
background: url(../img/cart/delete.svg) center no-repeat;
width: 24px;
height: 24px;
position: absolute;
cursor: pointer;
background-size: 16px;
}
.mc-tr.hide {
display: none;
}
.mc-side {
width: 278px;
padding: 20px 24px 35px;
background: #f8f8f6;
}
.mc-price-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mc-side .mc-side-title {
font-size: 15px;
line-height: 150%;
color: #000000;
}
.mc-side .mc-side-total {
font-weight: 500;
font-size: 17px;
line-height: 23px;
color: #000000;
margin-bottom: 24px;
}
.mc-side-total.red {
color: #eb5757;
}
.mc-side .btn {
width: 100%;
margin-bottom: 24px;
}
.delete-popover {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #fff;
opacity: 0;
visibility: hidden;
transition: all 0.35s;
}
.delete-popover p {
font-size: 15px;
line-height: 150%;
text-align: center;
color: #000000;
font-weight: 500;
margin-bottom: 5px;
width: 100%;
}
.delete-popover .delete-option {
display: flex;
justify-content: center;
align-items: center;
}
.delete-popover li {
padding: 15px 14px;
position: relative;
text-align: center;
}
.delete-popover li:not(:last-child):after {
content: "";
position: absolute;
top: 50%;
width: 1px;
background: #dccebb;
height: 21px;
transform: translateY(-50%);
right: 0;
}
.delete-popover .link {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
text-align: center;
}
.mc-tr.open .mc-tr-image {
opacity: 0.3;
pointer-events: none;
}
.table-row.open .delete-popover,
.mc-tr.open .delete-popover {
opacity: 1;
visibility: visible;
z-index: 5;
}
.delete-popover .popover-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: center;
}
.mc-tr.open .mc-tr-remove {
opacity: 0;
visibility: hidden;
}
.modal-empty-cart {
display: flex;
align-items: center;
justify-content: center;
padding: 74px 0;
}
.modal-empty-cart .icon {
width: 64px;
height: 64px;
}
.modal-empty-cart .text {
padding-left: 24px;
}
.modal-empty-cart .h2 {
margin-bottom: 4px;
}
.modal-empty-cart p {
font-size: 17px;
line-height: 150%;
color: #000000;
opacity: 0.7;
}
@media (max-width: 991px) {
.mc-tr .mc-tr-image {
width: 120px;
height: 120px;
}
.mc-tr .mc-tr-remove {
right: 0;
}
.mc-tr .mc-tr-title {
font-size: 14px;
padding-right: 30px;
}
.mc-tr .mc-tr-info {
width: calc(100% - 120px);
}
}
/*DISCOUNT TOTAL*/
.discount-block {
display: none;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 14px;
}
.discount-block.active {
display: flex;
}
.discount-block .item:not(:last-child) {
margin-right: 30px;
}
.discount-block .item {
margin-bottom: 10px;
}
.discount-block .price {
font-size: 15px;
line-height: 150%;
color: #000000;
font-weight: 500;
}
.discount-block .price.discount-count {
color: #eb5757;
}
.promo-block {
padding: 32px 0 24px;
min-height: 104px;
transition: all 0.35s;
position: relative;
}
.promo-block.active {
min-height: 131px;
}
.check-promo {
display: none;
}
.check-promo-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.check-promo-header p {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
color: #000000;
}
.check-promo-close {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
color: #876b46;
cursor: pointer;
}
.input-error {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
color: #eb5757;
display: none;
margin-top: 8px;
}
.promo-input-wrap {
height: 50px;
border: 2px solid #876b46;
display: flex;
align-items: center;
position: relative;
padding: 0 64px 0 64px;
}
.promo-input-wrap .icon {
position: absolute;
left: 24px;
top: 50%;
transform: translateY(-50%);
width: 24px;
}
.promo-input-wrap input {
height: 25px;
width: 100%;
line-height: 1;
font-size: 15px;
letter-spacing: 0.12em;
color: #000000;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 2px;
padding-left: 16px;
border-left: 1px solid #876b46;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.promo-input-wrap input::placeholder {
font-size: 13px;
line-height: 1;
letter-spacing: 0.02em;
color: #433623;
text-transform: none;
}
.promo-input-wrap .apply-wrap {
display: none;
position: absolute;
align-items: center;
right: 24px;
top: 11px;
}
.promo-input-wrap .apply-check {
width: 24px;
height: 24px;
}
.promo-input-wrap .check-promo-apply {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.02em;
color: #876b46;
margin-left: 12px;
}
/*.promo-block.apply .check-promo-close,*/
.promo-block.apply .input-error,
.promo-block.apply .check-promo-apply {
display: none;
}
/*HOVER CART POPOVER*/
.cart-popover {
border: 1px solid #f8f8f6;
box-shadow: 0px 12px 12px rgba(220, 206, 187, 0.25);
position: absolute;
right: 0;
top: 100%;
z-index: 10;
background: #fff;
width: 410px;
padding: 32px 24px 30px;
display: none;
}
.cart-popover .cp-title {
font-size: 13px;
line-height: 12px;
letter-spacing: 0.02em;
color: #000000;
font-weight: 500;
margin-bottom: 30px;
}
.cp-tr {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
padding: 5px 0;
position: relative;
}
.cp-tr:not(:last-child) {
border-bottom: 1px solid #f8f8f6;
}
.cp-tr .cp-tr-image {
width: 80px;
height: 80px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.cp-tr img {
max-height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: contain;
object-position: bottom;
height: 100%;
width: 100%;
}
.cp-tr .cp-tr-info {
width: calc(100% - 80px);
padding-left: 16px;
}
.cp-tr .cp-tr-title {
font-size: 13px;
line-height: 100%;
color: #000000;
font-weight: 500;
display: block;
padding-right: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.cp-tr .cp-tr-bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.cp-tr .count {
height: 35px;
justify-content: center;
align-items: center;
display: flex;
padding: 0 10px;
min-width: 56px;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.2px;
color: #000000;
border-bottom: 1px solid #dccebb;
margin-right: 50px;
}
.cp-tr .price {
font-size: 15px;
line-height: 16px;
letter-spacing: 0.2px;
color: #000000;
font-weight: 500;
}
.cp-table {
padding-bottom: 10px;
}
.cp-tr .cp-tr-remove {
right: 0px;
top: 0px;
background: url(../img/cart/delete.svg) center no-repeat;
width: 24px;
height: 24px;
position: absolute;
cursor: pointer;
background-size: 16px;
}
.cp--bottom {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.cp--bottom .link {
margin: auto;
}
@media (min-width: 1200px) {
.mc-tr-image:hover img {
transform: scale(1.05);
}
}
@media (max-width: 767px) {
.modal-empty-cart .h2 {
font-size: 17px;
}
.modal-empty-cart p {
font-size: 13px;
}
.modal-empty-cart {
flex-wrap: wrap;
padding: 35px 0;
}
.modal-empty-cart .text {
width: 100%;
text-align: center;
padding-top: 8px;
padding-left: 0;
}
.mc-table {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
.mc-side {
width: 100%;
}
.mc-tr {
border-bottom: 1px solid #f8f8f6;
}
.mc-tr .mc-tr-header {
min-height: inherit;
}
.mc-tr .mc-tr-info {
position: static;
}
.delete-popover li {
padding: 8px 10px;
}
.delete-popover p {
width: 100%;
}
.delete-popover {
top: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
}
@media (max-width: 575px) {
.add-comment .btn {
max-width: 100%;
}
.add-comment-block {
padding: 0px 6px;
margin: 24px 0 9px;
background-color: transparent;
}
.add-comment-block .input-wrap {
padding-top: 0;
}
.add-comment-block .type-2 textarea.input {
background-color: #fff;
padding-top: 25px;
}
.promo-input-wrap .icon {
left: 20px;
}
.promo-input-wrap {
padding: 0 140px 0 60px;
}
.promo-input-wrap input {
padding-left: 12px;
}
.promo-input-wrap .check-promo-apply {
margin-left: 8px;
}
.promo-input-wrap .apply-wrap {
right: 18px;
}
}
/*PAGE NOT FOUND*/
.not-found {
padding: 58px 20px;
min-height: calc(100vh - 76px);
display: flex;
align-items: center;
justify-content: center;
}
.not-found .content {
max-width: 666px;
margin: auto;
text-align: center;
width: 100%;
}
.not-found .title {
line-height: 1.2;
}
.not-found .title a {
border-bottom: 1px solid #000;
}
.not-found img {
margin: 65px 0 48px;
}
.not-found .btn {
margin-right: 40px;
}
.not-found .btn-group {
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 992px) {
.not-found {
min-height: calc(100vh - 200px);
}
}
@media (max-width: 991px) {
.not-found .btn {
margin-right: 25px;
}
.not-found {
padding: 58px 32px;
}
}
@media (max-width: 360px) {
.not-found .btn {
margin-right: 25px;
}
.not-found {
padding: 38px 20px;
}
.not-found .title {
font-size: 18px;
}
.not-found img {
margin: 45px 0 35px;
}
}
/*FAVORITES BOTTOM*/
.fv-list.product-list + .list-show-options {
margin: 15px 0 70px;
padding-bottom: 0;
}
@media (max-width: 767px) {
.favorite-popover p {
white-space: normal;
text-align: center;
}
.favorite-popover li {
padding: 0 10px;
}
.favorite-popover.popover {
top: 20px;
right: -15px;
padding: 20px 10px 30px;
z-index: 11;
left: -15px;
}
}
/*FAQ*/
.faq-page {
padding-top: 23px;
padding-bottom: 100px;
}
.faq-page .breadcrumbs {
padding: 28px 0;
margin-bottom: 25px;
}
.faq-page .title-page {
margin-bottom: 50px;
}
.faq-row {
padding-bottom: 30px;
}
.faq-block {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
.faq-block .faq-content {
width: calc(100% - 300px);
padding-right: 10px;
}
.faq-form {
background: #f8f8f6;
padding: 35px 24px 30px;
width: 300px;
}
.faq-form .text-15 {
margin-bottom: 16px;
}
.faq-form form .input-wrap {
margin-bottom: 8px;
padding: 0;
}
.faq-form .add-comment-block {
padding: 0;
background-color: transparent;
margin-bottom: 35px;
}
.faq-form .add-comment-block .input-wrap {
height: auto;
}
.faq-form .type-2 textarea.input {
padding: 20px;
background: #fff;
height: 160px;
}
.faq-form .btn {
width: 100%;
}
.faq-row-title {
color: #876b46;
margin-bottom: 24px;
}
.faq-row-list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.faq-row-list .item {
width: calc(33.33% - 23.33px);
margin-bottom: 24px;
border-top: 2px solid #000000;
padding-top: 15px;
}
.faq-row-list .item:not(:nth-child(3n)) {
margin-right: 35px;
}
.faq-row-list .text-15 {
margin-bottom: 16px;
}
.faq-row-list p {
font-size: 15px;
line-height: 150%;
color: #626262;
}
.faq-row-list a {
text-decoration: underline;
}
.faq-row-list ul {
padding-top: 25px;
}
.faq-row-list ul a {
display: inline-block;
font-size: 15px;
}
.faq-row-list ul li:not(:last-child) {
margin-bottom: 15px;
}
@media (min-width: 767px) {
.faq-row-list .item:nth-child(n + 4) {
border-top: 0;
padding-top: 0;
}
.faq-row-list .item:nth-child(n + 4) .text-15 {
min-height: 82px;
display: flex;
align-items: flex-end;
border-bottom: 2px solid #000000;
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
}
}
@media (max-width: 991px) {
.faq-block .faq-content {
width: 100%;
padding-right: 0;
}
.faq-form {
background: #f8f8f6;
padding: 35px 24px 30px;
width: 100%;
max-width: 380px;
margin: auto;
}
.faq-page {
padding: 0 0 70px;
}
.faq-page .breadcrumbs {
padding: 16px 0;
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.faq-page .container {
padding: 0 20px;
}
.faq-row-list .item {
width: 100%;
margin-right: 0 !important;
}
.faq-row-list .text-15 {
margin-bottom: 0;
position: relative;
padding-right: 25px;
}
.fi-content {
display: none;
}
.fi-content p {
margin-top: 12px;
}
.faq-row-list .text-15:after {
content: "";
position: absolute;
right: 0;
top: 0;
background: url(../img/plus.svg) center no-repeat;
width: 16px;
height: 16px;
filter: grayscale(1);
}
.faq-row-list .text-15.active:after {
background: url(../img/minus.svg) center no-repeat;
}
.faq-row {
padding-bottom: 24px;
}
}
/*contact form*/
.contact-form {
padding: 64px 100px 64px 64px;
background: #f8f8f6;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 80px;
}
.contact-form .cf-text {
max-width: calc(100% - 480px);
width: 40%;
padding-right: 35px;
}
.contact-form .cf-text p {
font-size: 15px;
line-height: 150%;
color: #626262;
}
.contact-form .cf-title {
font-size: 32px;
line-height: 1;
color: #000000;
margin-bottom: 25px;
}
.contact-form form {
width: 480px;
}
.add-comment-block.type-2 {
padding: 0;
margin: 0;
}
.add-comment-block.type-2 {
padding: 0;
background-color: transparent;
margin-bottom: 35px;
}
.add-comment-block.type-2 .input-wrap {
height: auto;
padding: 0;
}
.add-comment-block.type-2 textarea.input {
padding: 20px;
background: #fff;
height: 160px;
}
.contact-form form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contact-form .input-wrap {
margin-bottom: 8px;
width: 100%;
}
.contact-form .add-comment-block.type-2 {
margin-bottom: 20px;
width: 100%;
}
.contact-form .w50 {
width: calc(50% - 7px);
}
.contact-form .btn {
max-width: 256px;
width: 100%;
}
.seo-block h1,
.seo-block h2,
.seo-block h3,
.seo-block h4 {
line-height: 1.34 !important;
}
.article-page.seo-block h1 {
font-size: 30px;
}
.article-page.seo-block h2 {
font-size: 26px;
}
.article-page.seo-block h3 {
font-size: 22px;
}
.article-page.seo-block h4 {
font-size: 18px;
}
@media (max-width: 991px) {
.simple-page .breadcrumbs {
padding: 16px 16px 24px;
}
.simple-page .title-page {
margin-bottom: 16px;
padding: 0 16px;
}
.contact-item .block-title {
font-size: 15px;
line-height: 150%;
}
.contact-item .location {
font-size: 15px;
line-height: 1.5;
}
.contact-item .work-time {
margin-bottom: 8px;
}
.contact-item {
width: 100%;
}
.contact-item .image {
width: 135px;
min-height: 125px;
}
.contact-item .info {
padding: 20px 25px 15px 20px;
width: calc(100% - 135px);
}
.contact-item .map-wrap {
height: 205px;
}
.simple-page .container {
padding: 0 8px;
}
.contact-item {
margin-bottom: 12px;
}
.contact-form {
padding: 32px 20px;
}
.contact-form .cf-text {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
padding-right: 0;
}
.contact-form .cf-title {
font-size: 24px;
margin-bottom: 16px;
font-weight: 500;
}
}
@media (max-width: 575px) {
.contact-form .w50 {
width: 100%;
}
.contact-form .input-wrap {
margin-bottom: 16px;
}
.add-comment-block.type-2 .input-wrap {
margin-bottom: 8px;
}
.contact-form .btn {
max-width: 100%;
}
.contact-form {
margin-bottom: 24px;
}
.contact-item .info {
padding: 20px 15px 15px 16px;
}
}
@media (max-width: 360px) {
.contact-item .image {
display: none;
}
.contact-item.w100 .info,
.contact-item .info {
width: 100%;
padding: 20px;
}
}
/*sitemap*/
.sitemap {
display: flex;
flex-wrap: wrap;
padding-bottom: 50px;
}
.sitemap-item {
width: 25%;
padding-right: 15px;
margin-bottom: 80px;
}
.sitemap-item-title {
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000000;
margin-bottom: 12px;
}
.sitemap-item li {
margin-bottom: 16px;
}
.sitemap-item a {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.04em;
color: #626262;
}
.sitemap-item.type-2 li {
margin-bottom: 8px;
}
@media (max-width: 991px) {
.bg-1-mob {
background: #f8f8f6;
}
.sitemap-item {
width: 50%;
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.sitemap {
padding-top: 35px;
}
.sitemap-item {
width: 100%;
padding: 0 0px;
margin-bottom: 32px;
}
.sitemap-item.type-2 li,
.sitemap-item li {
margin-bottom: 16px;
}
}
@media (max-width: 360px) {
.mc-tr .mc-tr-title {
font-size: 13px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mc-tr .mc-tr-info {
padding-left: 14px;
width: calc(100% - 100px);
}
.mc-tr .mc-tr-image {
width: 100px;
height: 120px;
}
.collection-list .item-title {
font-size: 20px;
}
.season-info .season-title {
font-size: 38px;
}
.prodList-seo .item .title {
font-size: 28px;
}
}
.fixed {
position: fixed;
top: 10px;
}
.swiper-button-prev:after,
.swiper-button-next:after,
.card-thumbs .button:after {
display: none !important;
}
/* new style */
.type-world {
display: none;
}
.warehouse-schedule-wrapper {
display: flex;
gap: 30px;
margin-top: 10px;
}
.schedule-line {
font-size: 13px;
color: #777;
margin-bottom: 4px;
white-space: nowrap;
}