/* 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 .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,.1)!important;
    color: #876b46!important;
}
.select2-container--default .select2-results__option--selectable{
    padding: 5px 20px;
    min-height: 35px;
    display: flex;
    align-items: center;
}
.select-box.selected-options .SumoSelect>.CaptionCont{
   border: 1px solid #000;
}
 
.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:checked + .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 .3s ease-out, opacity .3s ease-out, left 0s .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 .3s ease-out, opacity .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: 100%;
}
.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;
}

@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;
    }
    
    .detail-card .breadcrumbs{
        padding: 24px;
    }
}
@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 150px 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;
}