body{
    font-size: 16px!important;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: 'GT Eesti Pro Text', sans-serif;
    font-weight: 400;
    color: #323232!important;
    overflow-x: hidden;
}

html{
}

.container {
    max-width: 1790px!important;
    padding-right: 15px!important;
    padding-left: 15px!important;
    margin-right: auto;
    margin-left: auto;
}
/*.container-fluid {overflow: hidden;}*/

main{
    overflow: hidden;
    padding-bottom: 10rem;
}

@media (max-width:579px){
    main{
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

a{
    color: black;
    transition: .4s;
}
a:hover,
a:not([class]):hover,
a:focus{
    color: #81B7A0;
    transition: .4s;
}

img,
svg,
svg path,
img:hover,
*:hover svg,
*:hover svg path,
*:hover svg circle{
    transition: .4s;
}

b{
    font-weight: bold;
}

/* BOOTSTRAP CUSTOM
================================
================================*/
.btn:not(.dropdown-toggle){
    height: 70px;
    border-radius: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}
@media (max-width: 579px){
    .btn{
        height: 50px !important;
        font-size: 16px !important;
    }
}
a.btn{
    display: flex;
    align-items: center;
}

.btn-light:hover,
.btn-light:focus{
    color: #EA403F;
}

/* BTN GOLD */
.btn-gold {
    color: #fff;
    background-color: #F1B94E;
    border-color: #F1B94E
}

.btn-gold:hover {
    color: #fff;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-gold,
.btn-gold:focus {
    color: #fff;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(255, 202, 44, .5)
}

.btn-check:active+.btn-gold,
.btn-check:checked+.btn-gold,
.btn-gold.active,
.btn-gold:active,
.show>.btn-gold.dropdown-toggle {
    color: #fff;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active+.btn-gold:focus,
.btn-check:checked+.btn-gold:focus,
.btn-gold.active:focus,
.btn-gold:active:focus,
.show>.btn-gold.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 202, 44, .5)
}

.btn-gold.disabled,
.btn-gold:disabled {
    color: #fff;
    background-color: #F1B94E;
    border-color: #F1B94E
}
/* BTN GOLD END */

/* FONT FAMILY
================================
================================*/
.OS{
    font-family: "Noto Sans", sans-serif;
}
.IN{
    font-family: "Inter", sans-serif;
}

/* FONT WEIGHT
================================
================================*/
.fw-100{
    font-weight: 100 !important;
}
.fw-200{
    font-weight: 200 !important;
}
.fw-300{
    font-weight: 300 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}
.fw-800{
    font-weight: 800 !important;
}
.fw-900{
    font-weight: 900 !important;
}

/* FONT SIZE 
================================
================================*/
.t-52{
    font-size: 52px;
}
.t-48{
    font-size: 48px;
}
.t-36{
    font-size: 36px;
}
.t-26{
    font-size: 26px;
}
.t-24{
    font-size: 24px;
}
.t-22{
    font-size: 22px;
}
.t-20{
    font-size: 20px;
}
.t-18{
    font-size: 18px;
}
.t-14{
    font-size: 14px;
}
.t-12{
    font-size: 12px;
}

@media (max-width:579px){
    .t-26m{
        font-size: 26px;
    }
    .t-20m{
        font-size: 20px;
    }
    .t-18m{
        font-size: 18px;
    }
    .t-16m{
        font-size: 16px;
    }
}

/* LOST CSS
================================
================================*/
.ttu{
    text-transform: uppercase;
}

.op-05{
    opacity: 0.5;
}

.lh-1{
    line-height: 1;
}
.lh-12{
    line-height: 1.2;
}
.lh-13{
    line-height: 1.3;
}

/* COLOR & BACKGROUND
================================
================================*/


/* MOBILE NAV SWIPE 
================================
================================*/


/* HEADER 
================================
================================*/
header{
    position: sticky;
    top: 0;
    padding: .5rem 15px 0 15px;
    transition: .4s;
    z-index: 11;
    border-bottom: 1px solid #E2EDE8;
}

@media (max-width:579px){
    header{
        padding: .5rem 15px 10px 15px;
    }
}

body:not(.template-is-index) header{
    background-color: white;
}

.template-is-index header{
    position: fixed;
}

header.scrolling,
header.is_hover{
    background-color: white;
    box-shadow: 0px 2px 20px 0px #ddd;
}

.header-wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: space-between;
}

header.scrolling .header-wrapper .burger svg path,
.template-is-index header.is_hover .header-wrapper .burger svg path,
header .header-wrapper .burger svg path{
    stroke: black;
}

.template-is-index header .header-wrapper .burger svg path{
    stroke: white;
}

.template-is-index header.scrolling .header-wrapper .burger svg path,
.template-is-index header.is_hover .header-wrapper .burger svg path{
    stroke: black;
}

.header-wrapper .logo{
    text-align: center;
}
.template-is-index .header-wrapper .logo svg path{
    fill: white;
}
header.scrolling .header-wrapper .logo svg{
    height: 42px;
}
header.scrolling .header-wrapper .logo svg path,
header.is_hover .header-wrapper .logo svg path{
    fill: revert-layer;
}

.nav-tools{
    column-gap: 3rem;
    align-items: center;
    margin-left: auto;
}

.template-is-index .nav-tools li .nav-link{
    color: white;
}

.nav-tools li .nav-link{
    position: relative;
    color: black;
    padding: 0;
    display: flex;
    align-items: center;
    column-gap: .75rem;
}

@media (max-width:579px){
    .nav-tools li{
        order: 1;
    }
    .nav-tools li:last-child{
        order: 0;
    }
}

.template-is-index header .nav-tools li .nav-link svg path,
.template-is-index header .nav-tools li .nav-link svg circle{
    stroke: white;
}

header .nav-tools li .nav-link svg path,
header .nav-tools li .nav-link svg circle{
    stroke: black;
}

header.scrolling .nav-tools li .nav-link svg path,
header.scrolling .nav-tools li .nav-link svg circle,
header.is_hover .nav-tools li .nav-link svg path,
header.is_hover .nav-tools li .nav-link svg circle{
    stroke: black;
}

header .nav-tools li .nav-link .text{
    transition: .4s;
}
header.scrolling .nav-tools li .nav-link .text,
header.is_hover .nav-tools li .nav-link .text{
    color: black;
}

.nav-header{
    column-gap: 3.5rem;
    justify-content: space-between;
    margin-top: 2rem;
    transition: .4s;
}

header.scrolling .nav-header{
    margin-top: 1rem;
}


.template-is-index .nav-header li .nav-link{
    color: white;
}

.nav-header li .nav-link{
    padding: 0;
    padding-bottom: .5rem;
    color: black;
    font-size: 22px;
}

header.scrolling .nav-header li:last-child .nav-link,
.nav-header li:last-child .nav-link{
    color: #E46539;
}

header.scrolling .nav-header li .nav-link,
header.is_hover .nav-header li .nav-link{
    color: black;
    transition: .4s;
}

header.scrolling .nav-header li:hover .nav-link,
header.is_hover .nav-header li:hover a:not(.nav-link-sub),
.nav-header li:hover .nav-link{
    color: #f1b94e;

}
header.scrolling .nav-header li .nav-link{
    font-size: 18px;
}

.template-is-index header.scrolling.is_hover .nav-header li .nav-link-sub{
    font-size: 16px;
}

.nav-header-sub-wrapper{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    background-color: white;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    box-shadow: 0px 20px 20px 0px #ddd;
}

/*
header:has(.nav-header li:hover){
    background-color: white;
}
*/

header .nav-header li:hover .nav-header-sub-wrapper{
    opacity: 1;
    visibility: visible;
}

.nav-header-sub{
    column-count: 2;
    column-gap: 3rem;
    row-gap: 1rem;
    display: inline-block;
    max-width: min-content;
}

.nav-header-sub li{
    display: block;
    width: fit-content;
}


.template-is-index header.scrolling .nav-header-sub li .nav-link,
.template-is-index .nav-header-sub li .nav-link,
header.scrolling .nav-header-sub li .nav-link,
.nav-header-sub li .nav-link,
header.scrolling .nav-header-sub li:last-child .nav-link,
.nav-header-sub li:last-child .nav-link{
    color: black;
    font-size: 18px;
    font-weight: 400;
    padding: .5rem 0;
    width: max-content;
}

.template-is-index header.scrolling .nav-header-sub li .nav-link:hover,
.template-is-index .nav-header-sub li .nav-link:hover,
header.scrolling .nav-header-sub li .nav-link:hover,
.nav-header-sub li .nav-link:hover,
header.scrolling .nav-header-sub li:last-child .nav-link:hover,
.nav-header-sub li:last-child .nav-link:hover{
    color: gold;
}


ul.nav-header li.nav-item:hover ul.nav-header-sub li.nav-item a.nav-link{
    color: black;
}

ul.nav-header li.nav-item ul.nav-header-sub li.nav-item a.nav-link{
    color: black;
}
ul.nav-header li.nav-item ul.nav-header-sub li.nav-item:hover a.nav-link{
    color: gold;
}

.fav-bg{
    position: absolute;
    top: -.05rem;
    left: -.15rem;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
.fav-count{
    position: absolute;
    top: -.25rem;
    right: -.75rem;
    width: 20px;
    height: 20px;
    border:2px solid white;
    border-radius: 20px;
    background-color: #81b7a0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    font-size: 12px;
    z-index: 2;
    transition: .4s;
}
.scrolling .fav-count{
    border-color: black;
}

.fav-count.favorites-empty{
    display: none;
}
.fav-count.favorites-empty + .fav-bg{
    display: none;
}

.basket-bg{
    position: absolute;
    top: .05rem;
    left: -.45rem;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
.basket-count{
    position: absolute;
    top: -.25rem;
    right: -.75rem;
    width: 20px;
    height: 20px;
    border:2px solid white;
    border-radius: 20px;
    background-color: #81b7a0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    font-size: 12px;
    z-index: 2;
    transition: .4s;
}
.scrolling .basket-count{
    border-color: black;
}

.basket-count.favorites-empty{
    display: none;
}
.basket-count.favorites-empty + .fav-bg{
    display: none;
}

.basket-count.cart-empty{
    display: none;
}

@media (max-width:579px){
    .menu-wrapper{
        overflow-y: auto;
        padding-right: 1rem;
    }
}
.accordion-button:not(.collapsed){
    background-color: transparent;
}
.menu-wrapper .accordion{
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
}
.menu-wrapper .accordion-button{
    text-decoration: none;
    padding: 0;
}
.menu-wrapper .accordion-button.single::after{
    /*transform: rotate(-90deg);*/
    display: none;
}
.menu-wrapper .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.menu-wrapper .accordion-button:not(.collapsed){
    color: #f1b94e;
    box-shadow: none;
    background-color: transparent;
}


body[data-floating-editor-side="right"] header{
    position: sticky;
    background-color: #ccc;
}

.dynamic-side.dynamic-side-menu{
    height: 100%;
    width: 30%;
    background-color: #fff;
    position: fixed !important;
    overflow: auto;
    left: -30%;
    z-index: 5;
    transition: .4s;
    top: 0;
    overflow: hidden;
}

.dynamic-side.dynamic-side-menu.active{
    left: 0;
    transition: .4s;
}

.dynamic-mask.dynamic-mask-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    z-index: 999
}

.dynamic-mask.dynamic-mask-menu.active{
    opacity: 1;
    visibility: visible;
}

.menu-wrapper{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.box-menu-title{
    font-size: 24px;
    margin-bottom: .5rem;
}

.nav-menu{
    flex-direction: column;
    row-gap: .5rem;
}

.nav-menu li .nav-link{
    padding: 0;
    color: black;
    font-family: "Noto Sans", sans-serif;;
}

.nav-menu li .nav-link:hover,
.nav-menu li .nav-link:focus{
    color: gold;
}

.menu-wrapper{
    height: 100%;
}

.menu-wrapper-footer a{
    display: block;
    text-decoration: none;
}

.menu-wrapper-footer a.tel{
    font-size: 36px;
}

.menu-wrapper-footer a.mail{
    font-size: 24px;
}

@media (max-width:579px){
    .box-menu-title{
        font-size: 18px;
    }
    .nav-menu li .nav-link{
        font-size: 14px;
    }
    .dynamic-side.dynamic-side-menu{
        width: 90%;
        left: -90%;
    }
    .menu-wrapper-footer a.tel{
        font-size: 24px;
    }

    .menu-wrapper-footer a.mail{
        font-size: 18px;
    }
    header .header-wrapper{
        grid-template-columns: 40px 120px calc(100% - 160px);
    }
    header .header-wrapper .logo svg{
        height: 42px;
        width: 100%;
    }

    .nav-tools{
        column-gap: 1rem;
    }

    .nav-tools a svg{
        width: 25px;
        height: 25px;
    }
}

/* BANNER
================================
================================*/
.main-slider .cover{
    height: 100vh;
    width: 100%;
}
.main-slider .cover img{
    width: 100%;
    height: 100%;
    max-height: 100vh !important;
    object-fit: cover;
    object-position: top;
}

.main-slider-info{
    position: absolute;
    left: 5rem;
    bottom: 13rem;
}

.main-slider-tools{
    position: absolute;
    padding: 0 5rem;
    bottom: 5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.main-slider-tools-nav .swiper-pagination{
    position: relative;
    width: 11rem;
}

.main-slider-tools-nav .swiper-pagination-progressbar{
    background-color: white;
    border-radius: 4px;
}

.main-slider-tools-nav .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: #F1B94E;
}

.main-slider-tools-nav .swiper-fraction{
    position: relative;
    font-size: 32px;
    color: white;
    z-index: 1;
    margin-bottom: .5rem;
}

.main-slider-tools-arrow .swiper-button-prev,
.main-slider-tools-arrow .swiper-button-next{
    position: relative;
}

.main-slider-tools-arrow{
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
}

.main-slider-tools-arrow .swiper-button-prev,
.main-slider-tools-arrow .swiper-button-next{
    width: 80px;
    height: 80px;
    background-size: cover;
}

.main-slider-tools-arrow .swiper-button-prev{
    background-image: url(arrow-bg-left.svg);
}
.main-slider-tools-arrow .swiper-button-next{
    background-image: url(arrow-bg-right.svg);
}

.main-slider-tools-arrow .swiper-button-prev::after,
.main-slider-tools-arrow .swiper-button-next::after{
    position: absolute;
    content: '';
    width: 36px;
    height: 24px;
    transition: .4s;
}

.main-slider-tools-arrow .swiper-button-prev::after{
    background-image: url(arrow-white-left.svg);
}
.main-slider-tools-arrow .swiper-button-next::after{
    background-image: url(arrow-white-right.svg);   
}

.main-slider-tools-arrow .swiper-button-prev:hover::after,
.main-slider-tools-arrow .swiper-button-next:hover::after{
    transform: scale(1.1);
}

@media (max-width:579px){
    .main-slider-info{
        left: 2rem;
    }
    .main-slider-tools{
        padding: 0 2rem;
    }
    .main-slider-tools-arrow .swiper-button-prev,
    .main-slider-tools-arrow .swiper-button-next{
        width:  60px;
        height: 60px;
        top: 0;
        background-size: cover;
        margin-top: 0;
    }
}

/* MAIN INDEX 
================================
================================*/
@media (max-width:579px){
    main{
        overflow: hidden;
    }
}

.block-title{
    position: relative;
    font-size: 64px;
    z-index: 0;
}

.block-title span{
    position: relative;
    z-index: 1;
}

.block-title svg{
    position: absolute;
    top: 0;
    left: -2rem;
    bottom: 0;
    margin: auto;
    z-index: 0;
}

.gx-point{
    --bs-gutter-x: 40px;
}

.box-point .cover{
    position: relative;
}

.product-point{
    position: absolute;
}

.product-point .point{
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: .4s;
    border: 3px solid transparent;
}

.product-point .point img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-point .point[aria-expanded="true"]{
    border: 3px solid rgba(255, 255, 255, .5);
    border-radius: 50px;
}

.product-point .point[aria-expanded="true"] img{
    transform: rotate(45deg);
}

.point-info{
    width: 50%;
    background-color: red;
}

.point.dropdown-toggle::after{
    display: none;
}

.product-point .dropdown-menu{
    border: 0;
    border-radius: 0;
    min-width: 410px;
    padding: 0;
/*    transform: translate(0, 65px) !important;*/
    margin-top: .5rem !important;
    z-index: 1;
}

.product-point-info{
    padding: .9rem 1.25rem;
    border-right: 1px solid #eee;
}

.product-point-wrapper{
    display: grid;
    grid-template-columns: 2.25fr 1fr;
    align-items: center;
}

.product-point-wrapper a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
}

.product-point-wrapper a:hover{
    color: #f1b94e;
}

/* NEWS CAROUSE */

.carousel-news,
.carousel-similar,
.carousel-related,
.carousel-all-look{
    margin-top: 40px;
}

.carousel-news,
.carousel-width,
.carousel-width-one,
.carousel-width-two,
.carousel-similar,
.carousel-related,
.carousel-all-look{
    overflow: visible;
/*    padding-bottom: 15rem;*/
/*    margin-bottom: -15rem;*/
}

@media (max-width:579px){
    .carousel-news,
    .carousel-width,
    .carousel-width-one,
    .carousel-width-two,
    .carousel-similar,
    .carousel-related,
    .carousel-all-look{
        overflow: hidden;
    }
}

.carousel-news .swiper-wrapper {
    margin-left: -5.75%;
}


.box-product{
    position: relative;
    background-color: white;
}

.box-product .cover{
    aspect-ratio: 3/4;
    display: block;
}

.box-product .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/* image switch hover */
.hvr__images {
    position: relative;
    height: 100%;
}

.hvr__sectors {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
}

.hvr__sector {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hvr {
    position: relative;
    /*overflow: hidden;*/
    height: 100%;
}

.images {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%
}

body:not(.template-is-collection) .images img{
    height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.image {
    display: block !important;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s linear;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 3/4;
}

.product__card-link{
    position: relative;
    display: block;
    z-index: 1;
    height: 100%;
}

.image.active {
    position: relative;
    opacity: 1;
    transition: opacity 0.3s linear;
}

.hvr__dots {
    position: absolute;
    left: 0;
    bottom: 1rem;
    padding: 0 1rem;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.image-no-dots .hvr__dots{
    display: none;
}

.hvr__dot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 4px;
    margin: 0 5px;
    background: #CDCDCD;
}

.hvr__dot:first-child {
  border-radius: 0px 0px 0px 2px;
  margin-left: 0;
}

.hvr__dot:last-child {
  border-radius: 0px 0px 2px 0px;
  margin-right: 0;
}

.hvr__dot--active {
    background: #ffca2c;
}



.box-product .labels{
    top: 1.2rem;
    left: 1.2rem;
}

.box-product-info{
    position: relative;
    padding-top: 1.25rem;
    font-family: "Noto Sans", sans-serif;;
    background-color: white;
}


.box-product-info-title-heart{
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.box-product-info-title-heart{
    display: block;
}

.box-product .box-product-info-title-heart,
.box-product-set .box-product-info-title-heart{
    display: flex;
}

.box-product-set{
    padding-bottom: 16rem;
    margin-bottom: -16rem;
}

.box-product-info-title-heart a{
    text-decoration: none;
    color: black;
}

.box-product-info-title-heart a:hover,
.box-product-info-title-heart a:focus{
    color: #ffca2c;
}

.box-product-info-prices{
    font-size: 26px;
}

.box-product-info-prices{
    display: flex;
    align-items: center;
    column-gap: 1rem;

    font-family: "Noto Sans", sans-serif;;
}

.box-product-info-prices span{
    color: #E46539;
}

.box-product-info-variants-addcart{
    position: absolute;
    opacity: 0;
    visibility: hidden;
/*    transition: .1s;*/
    width: 100%;
    margin-bottom: -20rem;
    z-index: -1;
}

.swiper-wrapper .box-product-info-variants-addcart{
    z-index: 0;
}

.template-is-collection .box-product-info-variants-addcart{
    margin-bottom: -10.58rem;
}

.box-product:hover .box-product-info-variants-addcart{
    position: relative;
    opacity: 1;
    visibility: visible;
}


.box-product:hover .box-product-info{
/*    border: 1px solid #ccc;*/
/*    box-shadow: 1px 1px #ccc;*/
/*    outline: 1px solid red;*/
    outline: 1px solid rgba(0, 0, 0, .15);
    outline-offset: -1px;
}

.template-is-collection .box-product:hover .box-product-info,
.template-is-collection-set .box-product:hover .box-product-info,
.template-is-favorite .box-product:hover .box-product-info{
    z-index: 1;
}

.box-product .box-product-info-title-heart,
.box-product .box-product-info-prices,
.box-product .box-product-info-variants{
    transition: .4s;
}

.box-product:hover .box-product-info-title-heart,
.box-product:hover .box-product-info-prices,
.box-product:hover .box-product-info-variants{
    padding-left: 1rem;
    padding-right: 1rem;
}

.template-is-favorite .layout__content .container .row{
    padding-bottom: 5rem;
}

.product-variants{
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x: auto;
    column-gap: .25rem;
}

.product-variant .text{
    border: 1px solid white;
    aspect-ratio: 4/3;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: .4s;
}

@media (max-width:1500px){
    .product-variant .text{
        font-size: 18px;
        aspect-ratio: auto;
        height: 44px;
        padding: .25rem .5rem;
    }
}

.product-variant input{
    display: none;
}

.product-variant .text{
    font-size: 22px;
    font-family: "Noto Sans", sans-serif;;
}

.product-variant input:checked + .text{
    border: 1px solid #587217;
}

/* LABEL SCROLL */
.marquee-container{
    padding: 1.25rem 0 .8rem 0;
    font-size: 24px;
    font-weight: 500;
    background-color: #e2ede8;
}

.marquee-container img{
    height: 42px;
}

@media (max-width:1100px){
    .marquee-container{
        padding: 1rem 0 .35rem 0;
        font-size: 20px;
    }
}
@media (max-width:587px){
    .marquee-container{
        padding: .75rem 0 .35rem 0;
        font-size: 20px;
    }
}

.marquee-container marquee span{
    position: relative;
    left: -100%;
}

/* PURPOSE */
.purpose-block{
    position: relative;
    padding-bottom: 7rem;
}
.purpose-sun img{
    position: absolute;
    top: 5rem;
    left: 0rem;
}


/* GRID CATEGORY */
.box-grid{
    position: relative;
    display: grid;
    text-decoration: none;
    height: 100%;
    color: white;
}

.box-grid:hover{
    color: black;
}

.box-grid img.poster{
    position: relative;
    z-index: 10;
}
.box-grid:hover img.poster{
    transform: scale(1.05);
}

.grid-templtae {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}

.box-grid-title-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.box-grid-title{
    position: absolute;
    width: 520px;
    height: 218px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.box-grid-title span{
    position: relative;
    z-index: 1;
    font-size: 42px;

    display: block;
    width: min-content;
    line-height: 1;
}

.box-grid-title-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 0;
}

.box-grid-title-bg svg{
    width: 100%;
    height: 100%;
    margin-left: -15%;
}

.box-grid .cover{
    position: relative;
    z-index: 1;
}

.box-grid .cover img{
    position: absolute;
    left: 0;
    bottom: 0;
}

.box-grid:hover .cover img{
    transform: translateX(-1rem);
}

.grid-templtae .g-1 { 
    grid-area: 1 / 1 / 5 / 2; 
/*    background: linear-gradient(to left, #89b39f 90%, white 0%);*/
    background-color: #89b39f;
    height: 90vh;
}
.grid-templtae .g-2 { 
    grid-area: 1 / 2 / 3 / 4;
/*    background: linear-gradient(to top, #89b39f 90%, white 0%);*/
    background-color: #f0b6c1;
}
.grid-templtae .g-3 { 
    grid-area: 1 / 4 / 2 / 5; 
    background-color: #e2ede8;
}
.grid-templtae .g-4 { 
    grid-area: 2 / 4 / 3 / 5; 
    background-color: #f1b94e;
}
.grid-templtae .g-5 { 
    grid-area: 3 / 2 / 5 / 3; 
    background-color: #e2ede8;
}
.grid-templtae .g-6 { 
    grid-area: 3 / 3 / 5 / 5; 
    background-color: #587217;
}

.grid-templtae .g-2 .cover{
    left: 1rem !important;
}
.grid-templtae .g-3 .cover{
    left: 0 !important;
}
.grid-templtae .g-4 .cover{
    left: 6.75rem !important;
}
.grid-templtae .g-5 .cover,
.grid-templtae .g-6 .cover{
    left: 1rem !important;
}

.grid-templtae .g-3 a.box-grid:hover .cover img{
    transform: translate(.6rem, -0.6rem) scale(1.1);
}

.grid-templtae .g-4 a.box-grid{
    color: #587217;
}
.grid-templtae .g-4 a.box-grid:hover{
    color: black;
}

/* ABOUT BLOCK */
.about-block{
    position: relative;
    padding-top: 10rem;
}
.about-block-tittle{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.about-block-tittle .text{
    font-size: 84px;
    margin-top: 7rem;
}

.about-block-el-1{
    position: absolute;
    top: 0;
    right: 4rem;
}



/* SUBSCRIBE */
.subscribe-bg{
    margin-top: 10rem;
    margin-bottom: 7rem;
    background-color: #F1B94E;
}

.subscribe-wrapper{
    position: relative;
    padding-top: 3.5rem;
    padding-bottom: 4.5rem;
}

.subscribe-wrapper a{
    color: black;
}

.subscribe-wrapper a:hover,
.subscribe-wrapper a:focus{
    color: #81B7A0;
}

.subscribe-girl{
    position: absolute;
    bottom: 0;
    left: 20%;
    width: fit-content;
    z-index: 2;
}

.subscribe-mail{
    position: absolute;
    top: 10%;
    left: 0%;
    width: fit-content;
}
.subscribe-bottom{
    position: absolute;
    bottom: -13%;
    left: 35%;
    z-index: 2;
    width: fit-content;
}

.subscribe-title{
    display: flex;
    align-items: center;
    column-gap: 1rem;
    font-size: 52px;
    margin-bottom: -1rem;
}

.form-subscribe{
    position: relative;
}

.form-subscribe input{
    height: 70px;
    width: 100%;
    border: 0;
    padding: .5rem 1rem;
}

.form-subscribe input::placeholder{
    color: #aaa;
    font-weight: 300;
}
.form-subscribe input:focus{
    outline: none;
}

.form-subscribe button{
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    background-color: #587217;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.form-subscribe button:hover img{
    transform: scale(1.1);
}

.nav-socials{
    column-gap: 1rem;
}
.nav-socials li .nav-link{
    position: relative;
    padding: 0;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.nav-socials li .nav-link::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(social-bg.svg);
}

.nav-socials li .nav-link::after{
    transition: .4s;
}

.nav-socials li:nth-child(1n) .nav-link::after{
    transform: rotate(0);
}
.nav-socials li:nth-child(1n) .nav-link:hover::after{
    transform: rotate(45deg);
}

.nav-socials li:nth-child(2n) .nav-link::after{
    transform: rotate(45deg);
}
.nav-socials li:nth-child(2n) .nav-link::after{
    transform: rotate(90deg);
}

.nav-socials li:nth-child(3n) .nav-link::after{
    transform: rotate(90deg);
}
.nav-socials li:nth-child(3n) .nav-link::after{
    transform: rotate(135deg);
}

.nav-socials li:nth-child(4n) .nav-link::after{
    transform: rotate(135deg);
}
.nav-socials li:nth-child(4n) .nav-link::after{
    transform: rotate(180deg);
}

.nav-socials li .nav-link img{
    position: relative;
    z-index: 1;
}

.nav-socials li .nav-link:hover img{
    transform: scale(1.1);
}

/* CAROUSEL SET */
.carousel-set-title-tools{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-set{
    overflow: hidden;
}

.box-set .cover img{
    width: 100%;
    height: 100%;
}

@media (max-width:579px){
    .box-set .cover{
        aspect-ratio: 1 / 1;
        display: block;
    }
    .box-set .cover img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}   

.box-set-title{
    position: absolute;
    bottom: 5rem;
    left: 0;
    font-size: 36px;
    overflow: hidden;
}

.box-set-title svg{
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}

.box-set-title span{
    position: absolute;
    top: 0;
    left: 4rem;
    bottom: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    color: white;
}

@media (max-width:579px){
    .block-title{
        font-size: 30px;
        line-height: 1;
    }
    .block-title svg{
        width:  120px;
        height: 120px;
        left: 0rem;
    }

    .product-point .dropdown-menu{
        min-width: 310px;
    }
    .carousel-news .swiper-wrapper{
        margin-left: 0;
    }

    .box-product{
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .box-product .cover{
        aspect-ratio: 3/4;
        /* min-height: 280px;*/
        width: 100%;
    }

    .box-product .cover img{
        width: 100%;
        height: 100%;
    }

    .box-product .box-product-info{
        outline: 1px solid rgba(0, 0, 0, .15);
        outline-offset: -1px;
        position: initial;
        height: 100%;
        display: block;
    }
    .box-product .box-product-info-title-heart, 
    .box-product .box-product-info-prices, 
    .box-product .box-product-info-variants{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .box-product-info-variants-addcart{
        position: relative;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        margin-bottom: 0;
        margin-top: auto;
    }
    .template-is-collection .box-product-info-variants-addcart{
        margin-bottom: 0;
    }

    .box-product-info-prices{
        font-size: 20px;
    }
    .product-variant .text{
        height: 32px;
        font-size: 20px;
    }
    .box-product .btn{
        height: 50px !important;
        font-size: 18px !important;
    }
    .purpose-block{
        padding-bottom: 0;
    }
    .purpose-sun{
        position: absolute;
        top: 0;
        left: 1rem;
        width: 120px;
        height: 120px;
    }
    .purpose-sun img{
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .box-grid .cover img{
        width: 100%;
        height: 100%;
    }

    .band-category{
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
    }
    .box-bande{
        display: grid;
        grid-template-columns: 100px 100%;
        text-decoration: none;
        color: black;
        transition: .4s;
    }

    .box-bande:hover,
    .box-bande:focus{
        color: #f9d17b;
    }

    .box-bande:nth-child(even){
        grid-auto-flow: dense;
        direction: rtl;
    }

    .band-category .cover{
        width: 100px;
        height: 100px;
        overflow: hidden;
    }
    .band-category .cover img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .box-bande .box-grid-title{
        position: relative;
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .box-grid-title span{
        font-size: 24px;
        left: -1rem;
    }
    .box-bande:nth-child(even) .box-grid-title{
        text-align: justify;
    }
    .box-bande:nth-child(even) .box-grid-title span{
        left: 1rem;
    }

    .about-block{
        padding-top: 4rem;
    }

    .about-block-tittle{
        flex-wrap: wrap;
    }
    .about-block-tittle .text{
        font-size: 22px;
        margin-top: 0;
        text-align: center;
    }

    .about-block-tittle img{
        width: 100%;
        padding: 0 2rem;
    }
    .about-block-water img,
    .about-block-water svg{
        width: 100%;
    }
    .about-block-el-1{
        width:  100px;
        height: 100px;
    }
    .about-block-el-1 img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .subscribe-title{
        font-size: 36px;
        margin-bottom: .5rem;
    }

    .subscribe-title img{
        width: 96px;
    }

    .subscribe-mail{
        width: 150px;
        height: 150px;
        top: -10%;
        left: 6%;
    }
    .subscribe-mail img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .subscribe-bottom{
        width: 150px;
        height: 150px;
    }
    .subscribe-bottom img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .subscribe-bottom{
        bottom: -10%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .form-subscribe button{
        height: 70px !important;
    }

    .box-set-title{
        bottom: 0;
    }
    .box-set-title svg{
        width: 310px;
    }
    .box-set-title span{
        font-size: 18px;
    }

    .nav-socials li .nav-link{
        width: 60px;
        height: 60px;
    }
    .nav-socials li .nav-link::after{
        background-size: cover;
    }


    .product-variants{
        flex-wrap: wrap;
        justify-content: start;
    }

    .box-product-info-heart{
        position: absolute;
        top: .5rem;
        right: .75rem;
    }

}

/* COLLECTION 
================================
================================*/
.nav-breadcrumbs{
    column-gap: 3rem;
}

.nav-breadcrumbs li .nav-link{
    position: relative;
    padding: 0;
    color: #828282;
    font-size: 14px;
}

.nav-breadcrumbs li .nav-link:not(span):hover{
    color: #F1B94E;
}

.nav-breadcrumbs li + li .nav-link::before{
    position: absolute;
    content: '';
    width: 7px;
    height: 9px;
    background-image: url(angle-right-grey.svg);
    top: 0;
    left: -1.75rem;
    bottom: 0;
    margin: auto;
}

.nav-breadcrumbs li span.nav-link{
    color: black;
}

/* SIDEBAR */
.nav-collection{
    flex-direction: column;
    row-gap: 1.1rem;
}

.nav-collection li .nav-link{
    position: relative;
    display: inline-block;
    padding: 0;
    color: black;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;;
}

.nav-collection li .nav-link:hover{
    color: #F1B94E;
}

.nav-collection li .nav-link.active{
    color: #F1B94E;
}
.nav-collection li .nav-link.active::after{
    position: absolute;
    content: '';
    width: 13px;
    height: 10px;
    top: 0;
    right: -1.5rem;
    bottom: 0;
    margin: auto;
    background-image: url(check-gold.svg);
}

/* FILTER */
.collection-filter{
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 4rem;
}

@media (max-width:579px){
    .collection-filter{
        flex-wrap: wrap;
    }
}

.filtet-box-title{
    position: relative;
    cursor: pointer;
    transition: .4s;
    display: flex;
    column-gap: .5rem;
    flex-wrap: nowrap;
}

.filtet-box-title[aria-expanded="true"]{
    color: gold;
}

.filtet-box-title[aria-expanded="true"]::before{
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.filtet-box-title::after{
    position: absolute;
    content: '';
    width: 12px;
    height: 7px;
    top: 0;
    right: -1.5rem;
    bottom: 0;
    margin: auto;
    mask: url(angle-down-black.svg);
    background-color: black;
    transition: .4s;
}

.filtet-box-title[aria-expanded="true"]::after{
    background-color: gold;
    transform: rotate(180deg);
}

.filtet-box{
    position: relative;
}

.box-filter-content{
    position: absolute;
    top: 2rem;
    left: 0;
    background-color: white;
    z-index: 1;
}

.box-filter-list{
    padding: 2rem;
    border: 1px solid #ccc;
    min-width: 320px;
    max-width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 1rem;
}


/* filter size */
.box-filter-list.box-filter-list-check{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 1rem;
}

.box-filter-list-check .filter .text{
    position: relative;
    width: 74px;
    height: 50px;
    border: 1px solid #E2EDE8;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    transition: .4s;
}
.box-filter-list-check .filter .text:hover{
    border-color: #bbb;
}


.box-filter-list-check .filter[disabled] .text{
    opacity: .5;
}

.box-filter-list-check .filter[disabled] .text::after{
    position: absolute;
    content: '';
    width: 90%;
    height: 1px;
    rotate: -34deg;
    top: 45%;
    left: 10%;
    background-color: #ccc;
}

/* filter color */
.box-filter-list-color{
    display: flex;
    flex-direction: column;
    align-items: self-start;
    min-width: min-content;
}

.box-filter-list-color .filter{
    display: flex;
    column-gap: 1rem;
    align-items: center;
    cursor: pointer;
    width: 100%;
}

.box-filter-list-color .filter .text{
    position: relative;
    font-size: 18px;
    padding-right: 1.5rem;
}

.box-filter-list-color .filter input:checked ~ .text::after{
    position: absolute;
    content: '';
    width: 13px;
    height: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-image: url(check-black.svg);
}

.box-filter-list-color .filter .color{
    border: 2px solid transparent;
    width:  42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: cenmter;
    border-radius: 42px;
    transition: .4s;
}

.box-filter-list-color .filter input:checked + .color{
    border: 2px solid #ccc;
    padding: .25rem;
}

/* filter price */
.box-filter-list-price .form-control{
    height: 50px;
    border-radius: 0;
    text-align: center;
    font-size: 24px;
}

.filter input{
    display: none;
}

.filter input:checked + .text{
    border-color: #587217;
    background-color: #587217;
    color: white;
}

.filter-clear{
    text-decoration: none;
    color: #ccc;
}

.filter-clear:hover,
.filter-clear:focus{
    color: black;
}

/* sort */
.sort-box .dropdown-toggle{
    padding-right: 1.5rem;
}
.sort-box .dropdown-toggle.bs-placeholder .filter-option-inner-inner{
    color: black;
    transition: .4s;
}

.sort-box .dropdown-toggle:focus{
    box-shadow: none;
    outline: none !important;
}

.sort-box .dropdown-toggle:after{
    position: absolute;
    content: '';
    width: 12px;
    height: 7px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    mask: url(angle-down-black.svg);
    background-color: black;
    transition: .4s;
    border: 0;
}

.sort-box .dropdown-toggle[aria-expanded="true"]::after{
    background-color: gold;
    transform: rotate(180deg);
}

.sort-box .dropdown-toggle[aria-expanded="true"] .filter-option-inner-inner{
    color: gold;
}

.sort-box .dropdown-menu{
    border-radius: 0;
}

.sort-box .bootstrap-select .dropdown-menu li a{
    padding: 1rem 2rem;
}

.sort-box .bootstrap-select .dropdown-menu li a:focus{
    background-color: gold;
    color: black;
}

.sort-box .bootstrap-select .dropdown-menu li a.active{
    color: gold;
    background-color: transparent;
}

/* PAGINATION */
.nav-pagination{
    justify-content: end;
    align-items: center;
    column-gap: 1rem;
}

.nav-pagination li .nav-link{
    padding: 0;
    width: 75px;
    height: 50px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 22px;
    color: black;
}

.nav-pagination li .nav-link.active,
.nav-pagination li .nav-link.active:hover{
    border-color: #587217 !important;
}

.nav-pagination li .nav-link:not(.dots):hover{
    border-color: #eee;
}

.nav-pagination li .nav-link.active,
.nav-pagination li .nav-link.dots{
    cursor: default;
}

.nav-pagination li:first-child .nav-link.arrows,
.nav-pagination li:last-child .nav-link.arrows{
    background-size: cover;
    width:  80px;
    height: 80px;
}

.nav-pagination li:first-child .nav-link.arrows{
    background-image: url(arrow-bg-left.svg);
}
.nav-pagination li:last-child .nav-link.arrows{
    background-image: url(arrow-bg-right.svg);
}

.nav-pagination li:first-child .nav-link.arrows:hover,
.nav-pagination li:last-child .nav-link.arrows:hover{
    border-color: transparent;
}

.nav-pagination li:first-child .nav-link.arrows:hover img,
.nav-pagination li:last-child .nav-link.arrows:hover img{
    transform: scale(1.1);
}

@media (max-width:579px){
    .collection-filter{
        column-gap: .75rem;
    }
    .filtet-box-title::after{
        right: -1rem;
    }

    .collection-filter{
        position: relative;
    }
    .filtet-box{
        position: initial;
        margin-right: 1rem;
    }

    .box-filter-content{
        top: 2.5rem;
    }

    .box-filter-list{
        padding: 1rem;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }

    .box-filter-list-check .filter .text{
        width: 65px;
        height: 45px;
    }

    .sort-box .bootstrap-select .dropdown-menu li a{
        padding: 1rem 1rem;
    }

    .box-filter-list.box-filter-list-check{
        grid-template-columns: repeat(4, 1fr);
    }

    .sort-box .btn.dropdown-toggle{
        height: 38px !important;
    }

    .nav-pagination{
        column-gap: .5rem;
    }
    .nav-pagination li .nav-link{
        width: 50px;
        height: 50px;
    }
    .nav-pagination li:first-child .nav-link.arrows,
    .nav-pagination li:last-child .nav-link.arrows{
        background-size: cover;
        width:  50px;
        height: 50px;
    }   
}

/* SET
================================
================================*/
.box-set-add-wrapper{
    position: relative;
    height: 100%;
    border: 1px solid #ccc;
    background-color: #e2ede8;
}

.box-set-add{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: fit-content;
    padding: 0 4rem;
    color: #587217;
}

.box-set-add:hover{
    color: black;
}

.box-set-add:hover img{
    transform: scale(1.2);
}

.box-set-add .box-set-add-text{
    position: absolute;
    top: 2rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
}

.box-set-add-wrapper{
    min-height: 75vh;
}

.box-product-set .btn-gold{
    background-color: #e2ede8;
    color: #587217;
    border: 0;
}

.box-product-set .btn-gold:focus{
    box-shadow: none;
}

.box-product-set .cover{
    position: relative;
}

.box-product-set.selected .cover::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, transparent 100%);
    z-index: 0;
}

.product-variant-selected{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4rem 2rem;
    text-align: center;
    color: white;
    z-index: 1;
    font-size: 22px;
    font-family: "Noto Sans", sans-serif;;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.box-product-set.selected .product-variant-selected{
    opacity: 1;
    visibility: visible;
}

.product-variant-selected-text{
    width: 75px;
    height: 50px;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
}

#set-select-size .modal-content{
    padding: 1.5rem;
}

.set-select-size{
    position: relative;
    font-size: 36px;
}

.set-select-size .cover{
    position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: fit-content;
    z-index: 0;
}

.set-select-size-title{
    position: relative;
    z-index: 1;
}

@media (max-width:579px){
    .box-set-add-wrapper{
        min-height: 50vh;
    }

    .box-set-add{
        padding: 0;
    }

    .box-set-add .box-set-add-text{
        font-size: 16px;
    }

    .box-product-set .btn-gold{
        font-size: 14px !important;
    }
    .box-product-set.selected .product-variant-selected{
        padding: 1rem .25rem;
        font-size: 16px;
    }
    .product-variant-selected-text{
        width:  50px;
        height: 35px;
    }
}

/* SIDEBAR 
================================
================================*/
@media (max-width:579px){
    .sidebar-title{
        display: flex;
        align-items: center;
        justify-content: start;
        column-gap: .5rem;
    }
    .sidebar-title[aria-expanded="true"] img{
        transform: rotate(180deg);
    }
}

/* PRODUCT 
================================
================================*/
.product-gallery{
    position: relative;
}

.box-image{
    position: relative;
    aspect-ratio: 3/4;
    display: block;
}

.labels{
    position: absolute;
    top: 4rem;
    left: 2rem;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    z-index: 0;
}

.product-gallery labels{
    left: 1rem;
}

.labels label{
    position: relative;
    text-transform: uppercase;
    width: 90px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
}

.labels label span{
    position: relative;
    z-index: 1;
    color: white;
    font-size: 20px;
    transform: translateY(5px);
}

.labels label img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.labels label.percent span{
    transform: translateY(8px) translateX(-5px);
}

.product-gallery .labels label.percent span {
    transform: translateY(15px) translateX(1px);
}

/* gallery */
.box-image{
    height: 100%;
}

.box-image img.poster{
    width: 100%;
    height: 100%;
}

.play-player{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    background-image: url(play-bg.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    cursor: pointer;
}

.play-player:hover img{
    transform: scale(1.1);
}

.box-video video{
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    position: absolute;
    top: 0;
    left: 0;
}

.box-video video.active{
    opacity: 1;
    visibility: visible;
}

.box-video img.poster.hide,
.box-video .play-player.hide{
    opacity: 0;
    visibility: hidden;
}

.button-image{
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: fit-content;
    height: 50px;
    background-color: white;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .5rem;
    padding: .25rem 1rem;
    cursor: pointer;
    text-decoration: none;
    transition: .4s;
}

.button-image:hover{
    background-color: #eee;
    color: black;
}

/* Product Info */
.product-sku{
    color: #828282;
}

.product-price{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.product-price span{
    font-size: 32px;
    color: #E46539;
}

.product-price del{
    font-size: 26px;
}

.product-separation{
    border: 1px solid #C7C9CC;
    border-radius: 8px;
    padding: .75rem;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    width: 100%;
    column-gap: .5rem;
}

.product-separation span{
    font-size: 14px;
}

.property-color{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 1rem;
    row-gap: 1rem;
}

@media (max-width:579px){
    .property-color{
        grid-template-columns: repeat(4, 1fr);
    }
}

.property-color{
    text-decoration: none;
    color: red;
}

.product-color:hover{
    color: gold;
}

.product-color input{
    display: none;
}

.product-color input ~ div{
    opacity: .25;
    transition: .4s;
    cursor: pointer;
}

.product-color:hover input ~ div{
    opacity: .75;
}

.product-color.active,
.product-color input:checked ~ div{
    opacity: 1;
}

.product-color .cover{
    aspect-ratio: 3/4;
    background-color: red;
}

.product-color .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-color-title{
    text-align: center;
    margin-top: .25rem;
    font-size: 14px;
}

.product-color-point{
    text-align: center;
}

.option-selector{
    display: flex;
    flex-direction: column;
}

/* reviews */
.product-reviews{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.product-reviews-stars{
    display: flex;
    align-items: center;
    column-gap: .25rem;
    cursor: pointer;
}

.product-reviews-stars img{
    width: 18px;
    height: 18px;
    object-fit: contain;
}

/* Product char */
.product-char{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.progress {
  width:  60px;
  height: 60px !important;
  float: left; 
  background: none;
  box-shadow: none;
  position: relative;
}

.product-char-title{
    text-align: center;
    font-size: 14px;
}

/* Product size */
.product-info .box-filter-list.box-filter-list-check{
    display: inline-flex;
    justify-content: start;
}

.product-size-table{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-size-table a{
    color: #81B7A0;
    text-decoration: none;
    border-bottom: 1px dotted #81B7A0;
    line-height: 1;
    padding-bottom: .15rem;
    font-size: 18px;
}
.product-size-table a:hover{
    color: gold;
    border-color: gold;
}

.product-size-list{
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 1rem;
    row-gap: 1rem;
}

.product-info .box-filter-list.box-filter-list-check{
    padding: 0;
    border: 0;
    max-width: 100%;
}

.product-size .box-filter-list-check{
    margin-top: 1rem;
}

.product-size .filter input:checked + .text{
    background-color: #587217;
    color: white;
}

/* Product add cart & favorite */
.product-addcart-fav{
    display: grid;
    grid-template-columns: 1fr 70px;
    column-gap: 1rem;
}

.product-fav{
    width: 100%;
    height: 100%;
    border:1px solid #E2EDE8;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Product desc */
.product-desc{
    display: grid;
}
.product-desc #product-desc{
    position: relative;
    display: block;
    height: 100px;
    overflow: hidden;
    font-family: "Noto Sans", sans-serif;;
}

.product-desc #product-desc::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent, white);
    transition: .4s;
}

.product-desc .show#product-desc::after{
    opacity: 0;
    visibility: hidden;
}

.product-desc .show#product-desc{
    height: auto;
}

.product-desc a{
    transition: .4s;
    margin-left: auto;
}
.product-desc a[aria-expanded="true"]{
    opacity: 0;
    visibility: hidden;
}

/* Product care */
.product-care .accordion-button{
    color: #828282;
}

.product-care .accordion-item{
    border:0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.product-care .accordion-button:focus{
    box-shadow: none;
}
.product-care .accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow: none;
    color: black;
}

.product-care .accordion-button::after{
    width: 12px;
    height: 7px;
    background-image: url(arrow-down-gray.svg);
    background-size: cover;
}
.product-care .accordion-button:not(.collapsed)::after{

    transform: rotate(180deg);
}

/* Product marketplace */
.product-marketplace .btn{
    border-width: 2px;
    font-size: 20px;
}

.product-marketplace .btn:hover img{
    filter: brightness(0) invert(1);
}

/* product reviews */
.dynamic-side{
    height: 100%;
    width: 30%;
    background-color: #fff;
    position: fixed !important;
    overflow: auto;
    right: -30%;
    z-index: 5;
    transition: .4s;
    top: 0;
    overflow: hidden;
}

.dynamic-side.active{
    right: 0;
    transition: .4s;
}

.dynamic-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    z-index: 999
}

.dynamic-mask.active{
    opacity: 1;
    visibility: visible;
}

@media (max-width:579px){
    .dynamic-side{
        width: 90%;
        right: -90%;
    }
}

.dynamic-wrapper{
    display: flex;
    flex-direction: column;
    padding: 2rem 2rem;
    height: 100%;
}

@media (max-width:579px){
    .dynamic-wrapper{
        padding: .75rem 1rem;
    }
}

.dynamic-title{
    display: flex;
    align-items: center;
    column-gap: 1rem;
    font-size: 24px;
    font-weight: 500;

    font-family: "Noto Sans", sans-serif;;
}

.dynamic-title img.js-dynamic-close{
    cursor: pointer;
}
.dynamic-title img.js-dynamic-close:hover{
    transform: rotate(-90deg);
}

.dynamic-title .count{
    transform: translateY(2px);
}

.dynamic-header{
    padding: 2rem;
    text-align: center;
    background-position: center;
    background-size: initial;
    background-repeat: no-repeat;
    max-height: 200px;
}

.dynamic-header .product-reviews-stars{
    justify-content: center;
    cursor: default;
}

/* product reviews end */

/* review list */
.review-wrapper{
    height: 100%;
    display: grid;
    padding-bottom: 1rem;
}

.review-list{
    height: 100%;
    overflow-y: auto;
}

.review-box{
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem;
}

.review-box:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}

.review-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.review-content{
    padding: 1rem 0;
    font-family: "Noto Sans", sans-serif;;
}

.review-content-property,
.review-content-name{
    font-size: 18px;
    color: #828282;
}

.review-content-text{
    margin: 1rem 0;
    padding: .75rem 1rem;
    background-color: #E2EDE8;
    display: inline-block;
    border-radius: 10px 10px 10px 0;
}

.reviw-add{
    margin: 1rem 0;
}

.reviw-add .btn{
    height: 50px;
    border-color: #b0c4bd;
    color: #b0c4bd;
    font-size: 18px;
}

/* review modal */
.modal .close{
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    cursor: pointer;
}
@media (max-width: 579px){
    .modal .close{
        top: -2.5rem;
        right: 0;
    }
}
.modal .close:hover img{
    transform: rotate(90deg);
    transition: .4s;
}

.modal input{
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
}

.modal textarea{
    background-color: white;
}

.modal#modalReview{
    z-index: 1061 !important;
    font-family: "Noto Sans", sans-serif;;
}

.modal#modalReview label{
    margin-bottom: .35rem;
}

@media (max-width: 579px){
    .modal#modalReview .modal-dialog{
        margin: 3.5rem 0.5rem;
    }
}

#modalReview .modal-content {
    padding: 3rem;
    border: 0;
    box-shadow: 1px 1px 10px 1px #555, inset 0 0 0 4px #F1B94E;
}

#modalReview .btn-gold{
    height: 50px;
}

.box-review:not(:last-child){
    margin-bottom: 2rem;
}

.review-title{
    display: inline-flex;
    column-gap: 10px;
    align-items: center;
    line-height: 1;
}

.box-review-stars{
    display: inherit;
    align-items: center;
    column-gap: .15rem;
    margin-top: -1px;
}

.review-resultat{
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
}

.review-resultat .box-review-stars{
    column-gap: .4rem;
    float: inherit !important;
    display: flex;
}

.review-resultat .box-review-stars .star-item::after{
    width: 37px;
    height: 37px;
}

.review-resultat .box-review-stars img{
    width: 37px;
    height: 37px;
    object-fit: cover;
}

.review-resultat .box-review-stars .star-item.desactive::after{
    background-image: url(stard.svg);
}

textarea{
    width: 100%;
    height: 10rem;
    border: 0;
    padding: 1rem 1.5rem;
    transition: .4s;
    background-color: white;
    border: 1px solid #cccccc;
}

input:focus{
    box-shadow: 0 0 0 0.25rem rgb(211 212 213 / 50%);
    outline: none;
    transition: .4s;
}
textarea:focus{
    box-shadow: 0 0 0 0.25rem rgb(211 212 213 / 50%);
    outline: none;
    transition: .4s;
}

@media (max-width:579px){
    #modalReview .modal-content{
        padding: 1.25rem;
    }
    #modalReview textarea{
        height: 7rem;
    }
}

/* dynamic size */

#dynamicSize .table{
    font-family: "Noto Sans", sans-serif;;
    font-size: 14px;
}

#dynamicSize .table thead tr th{
    font-weight: 400;
    border-bottom: 0;
}

#dynamicSize .table tbody tr td{
    padding: .85rem .5rem;
    border-bottom: 0;
}

@media (max-width:579px){
    #dynamicSize .table tbody tr td,
    #dynamicSize .table thead tr th{
        padding: .5rem .25rem;
    }
}

/* SCROLL on PAGE  */
.review-list{
    padding-right: 1rem;
}
::-webkit-scrollbar {
    width:10px;
    height: 4px;
}

.dynamic-side ::-webkit-scrollbar{
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color:#ccc;
    border-radius: 5px;
}

::-webkit-scrollbar-track:hover {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #f1b94e;
    cursor: pointer;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #f1b94e;
}
/* SCROLL on PAGE END */

/* review list end */

@media (max-width:579px){
    .labels{
        position: absolute;
        top: .5rem;
        left: .25rem;
        row-gap: .5rem;
    }
    .labels label{
        width: 70px;
        height: 35px;
    }
    .labels label span{
        font-size: 14px;
    }
    .labels label img{
        width: 100%;
        height: 100%;
    }
    .labels label.percent span{
        transform: translateY(6px);
    }
    .button-image{
        right: .5rem;
        bottom: .5rem;
        left: .5rem;
        height: 36px;
        font-size: 14px;
        padding: 0.5rem 1rem;
        column-gap: .35rem;
    }

    .play-player{
        width: 60px;
        height: 60px;
    }
    .play-player img{
        width: 22px;
    }

}

/* BASKET 
================================
================================*/
.basket-list{
    overflow-y: auto;
    overflow-x: hidden;
}

.box-cart{
    margin-bottom: 1rem;
}

.box-cart:last-child{
    margin-bottom: 0;
}

.box-cart .cover{
    display: block;
    overflow: hidden;
}

.box-cart .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-cart:hover .cover img{
    transform: scale(1.05);
}


.box-cart-info{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.box-cart-info-title{
    display: flex;
    align-items: center;
}

.box-cart-info-title a{
    color: black;
}

.box-cart-info-title a:hover{
    color: #f9d17b;
}

.box-cart-info a{
    text-decoration: none;
}

.box-cart-info a:hover{
    color: gold;
}

@media (max-width:579px){
    .box-cart-info-trash{
        padding-left: .5rem;
    }
}

.box-cart-info-trash:hover img{
    transform: scale(1.1);
}

.box-cart-property{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.box-cart-property-color{
    display: flex;
    align-items: center;
    column-gap: .5rem;
    border-right: 1px solid #efefef;
    padding-right: 1rem;
    font-size: 14px;
}

.box-cart-property-size span{
    display: block;
    width: 40px;
    height: 37px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    font-size: 14px;
}

.box-cart-prices del{
    font-size: 12px;
}
.box-cart-prices span{
    font-size: 14px;
    color: #E46539;
}


/* PAGE
================================
================================*/
.text-content{
    color: #2B2B26;
    font-size: 18px;

    font-family: "Noto Sans", sans-serif;;
}

/* FOOTER 
================================
================================*/
footer{
    border-top: 1px solid #eee;
    padding-top: 4rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

@media (max-width:579px){
    footer{
        margin-top: 0;
    }
}

.template-is-collection-set footer{
/*    margin-top: 20rem;*/
}

a.footer-phone,
a.footer-mail{
    text-decoration: none;
}

a.footer-phone{
    font-size: 36px;
}

a.footer-mail{
    font-size: 24px;
}

@media (max-width:579px){
    a.footer-phone{
        font-size: 30px;
    }
    a.footer-mail{
        font-size: 20px;
    }
}

.footer-copy{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-nav-title{
    font-size: 24px;
}

@media (max-width:579px){
    .footer-nav-title{
        font-size: 20px;
    }
}

.nav-footer{
    row-gap: .5rem;
    flex-direction: column;
    margin-top: 1rem;
}

.nav-footer li .nav-link{
    padding: 0;
    color: black;
    font-family: "Noto Sans", sans-serif;;
}
.nav-footer li .nav-link:hover{
    color: #f1b94e;
}

.footer-copy-logo{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.footer-copy .powerby:hover img{
    transform: scale(1.1);
}

@media (max-width:579px){
    footer{
        padding-top: 3rem;
    }
    .footer-copy{
        flex-direction: column;
        row-gap: 1rem;
    }
    .nav-footer li .nav-link{
        font-size: 14px;
    }
}

/* ANIMATION
================================
================================*/
.listl1{
    position: absolute;
    top: 10%;
    left: -10%;
    object-fit: cover;
    /*background-image: url(listl1.png);*/
    background-color: black;
    width: 460px;
    height: 690px;
}

.sheet{
  animation-name: sheet;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}


@keyframes sheet {
  20% {transform: rotate(1deg)}
  40% {transform: skewX(-2.5deg) skewY(-2.5deg) }
  60% { transform: skewX(.5deg) skewY(.5deg)  }
  80% { transform: rotate(-1deg)  }
}


/* insales custom
================================
================================*/

.page_layout_section_top{
    display: block;
}

/* client cabinet */
.client-sidebar{
    position: relative;
    background-color: #F9F9F9;
    padding: 3rem;
    height: 100%;
    font-size: 20px;
    font-weight: 600;
}

.client-body{
    padding: 3rem;
}
@media (max-width:579px){
    .client-sidebar,
    .client-body{
        padding: 1rem;
    }
}

.co-menu-toggle{
    display: none;
}

.client-sidebar::before{
    position: absolute;
    content: '';
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #F9F9F9;
}

.client-body .co-form--login{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
}

@media (max-width:579px){
    .client-body .co-form--login{
        grid-template-columns: 1fr;
        row-gap: 1rem;
    }
    .client-body .co-form--login .co-input--empty_nested .co-input-label{
        padding-left: 0;
    }
}

.client-body .co-modal-login_form .co-input+.co-input{
    margin-top: 0;
    margin-bottom: 0;
}

.co-input--empty_nested .co-input-label{
    top: 1.6rem;
    padding-left: 1.5rem;
    font-weight: 500;
    color: #ccc;
}

.co-input--nested .co-input-field{
    padding: 1.7rem 1.5rem 0.5rem 1.5rem;
}

.co-delivery_method-list .co-input--nested .co-input-field{
    padding: .5rem 1.5rem 0.5rem 1.5rem;
    min-height: 60px;
    border-color: #ddd;
}

.co-tabs-content .radio>span, 
.co-input--radio>span, 
.co-toggable_field-input--checkbox>span, 
.co-toggable_field-input--radio>span{
    color: #f9d17b;
}

a, .co-input-description a:not([class]), 
.co-menu-link, .co-link, .link{
    color: #f9d17b;
}

.widget-type_system_widget_v4_button_on_top_1[style*="--button-view:bg"] .btn-on-top{
    background-color: #f9d17b;
    border: 0;
}

.widget-type_system_widget_v4_button_on_top_1[style*="--button-view:bg"] .btn-on-top:hover,
.widget-type_system_widget_v4_button_on_top_1[style*="--button-view:bg"] .btn-on-top:focus{
    background-color: #ffca2c;
}

.insales-checkout2 .co-sidebar--menu{
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.co-sidebar--menu .co-menu-link{
    font-weight: 500;
    font-size: 16px;
    border-bottom: 0;
}

.co-sidebar--menu .co-menu-link:hover,
.co-sidebar--menu .co-menu-link:focus{
    color: #999;
}

.co-sidebar--menu .co-menu-link.co-menu-link--active{
    color: #f9d17b;
}

.co-button{
    height: 50px;
    padding: .5rem 2rem;
    font-weight: 500 !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.template-is-user button.co-button{
    height: 50px !important;
    font-size: 18px !important;
}

.template-is-user a.co-button{
    color: black !important;
    text-decoration: none !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    border-bottom: 0 !important;
}

.template-is-user .co-input--nested .co-input-field{
    padding-top: .5rem !important;
}

.template-is-user a.co-button:hover{
    background-color: #ffca2c !important;
}

.template-is-user input[type="text"],
.template-is-user input[type="password"],
.template-is-user input[type="tel"]{
    height: 50px !important;
    border-color: #ccc;
}

.template-is-user label{
    color: black;
    padding-left: 0;
}


.template-is-user .co-checkout-block--padded{
    padding-left: 0;
    padding-right: 0;
}

.adaptive .co-sidebar--menu{
    position: relative;
}

.insales-checkout2 .co-sidebar--menu{
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    max-width: 100%;
    display: block;
}

.adaptive .co-menu{
    display: block;
}

.co-input-description.co-toggable_field-description p{
    text-align: left !important;
}

@media(min-width:850px){
    .co-basket .sticky{
        top: 120px !important;
    }
}

.co-notice--flash{
    margin-left: 0;
    margin-right: 0;
}

.template-is-checkout2 .co-form--login{
    display: block;
}

.template-is-checkout2 .co-form--login input{
    height: 50px;
}

.template-is-checkout2 .co-form--login a.co-button--password_recover{
    height: 50px;
    padding: 0.5rem 2rem;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: black;
    border-color: black;
    text-align: center;
    text-decoration: none;
    color: white;
    margin-top: .5rem;
    margin-left: 0;
}
.template-is-checkout2 .co-form--login a.co-button--password_recover:hover{
    background-color: #333 !important;
    border-color: #333 !important;
}
.template-is-checkout2 .co-form--login a.co-button--password_recover::after{
    display: none;
}


.co-input--captcha{
    margin: 1rem 0;
}

.micro-alert-item{
    background-color: #eabc5b !important;
    color: #5d7123;
}

.template-is-checkout2 .link--active, .co-link--active{
        color: #f9d17b !important;
        }
.template-is-checkout2 .co-button, .picker-button {
    background-color: #F1B94E !important;
    }
.link--active, .co-link--active{
        color: #f9d17b !important;
        }
.co-button, .picker-button {
    background-color: #F1B94E !important;
    }


 
  .container-900 {
    max-width:900px !important;
  }