body{
    font-size: 16px!important;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: 'Circe', sans-serif!important;
    font-weight: normal;
    color: #333333!important;
}

html{
}

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

a,
a.nav-link{
    color: #333333;
    transition: .4s;
}
a:hover,
a:not([class]):hover,
a.nav-link:hover,
a.nav-link:focus{
    color: #7FA947;
    transition: .4s;
}

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

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

/* BTN GREEN */
.btn-green {
    color: #fff;
    background-color: #7DB900;
    border-color: #7DB900
}

.btn-green:hover {
    color: #fff;
    background-color: #04543B;
    border-color: #146c43
}

.btn-check:focus+.btn-green,
.btn-green:focus {
    color: #fff;
    background-color: #04543B;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-check:active+.btn-green,
.btn-check:checked+.btn-green,
.btn-green.active,
.btn-green:active,
.show>.btn-green.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active+.btn-green:focus,
.btn-check:checked+.btn-green:focus,
.btn-green.active:focus,
.btn-green:active:focus,
.show>.btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-green.disabled,
.btn-green:disabled {
    color: #fff;
    background-color: #7DB900;
    border-color: #7DB900
}
/* BTN GREEN END */

/* CUSTOM BT5 END 
============================
============================*/

/* FONT FAMILY
================================
================================*/
.fonts{
    font-family: fonts-title ;
}

/* 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-40{
    font-size: 40px;
}

.t-30{
    font-size: 30px;
}

.t-26{
    font-size: 26px;
}

.t-25{
    font-size: 25px;
}

.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;
}

@media (min-width:600px) and (max-width:1024px){
    .t-20t{
        font-size: 20px;
    }
}

@media (max-width:579px){
    .t-24m{
        font-size: 24px;
    }
}

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

@media (max-width:579px){
    .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
================================
================================*/
.text-dark{
    color: #131719 !important;
}
.text-green{
    color: #04543B;
}
.text-lightgreen{
    color: #7FA947;
}
.text-brown{
    color: #5E3636;
}
.text-grey{
    color: #5B5B5B;
}

/* MOBILE NAV SWIPE 
================================
================================*/
.nav-swipe li a{
    color: white;
    padding: 0;
    margin: .35rem 0;
    font-weight: 600;
}

.nav-swipe:last-child li a{
    background-color: red;
}
/* HEADER 
================================
================================*/
header{
    position: sticky;
    top: 0;
    background-color: #2C1C1C;
    color: white;
    z-index: 11;
}

header::after{
    position: absolute;
    content: '';
    top: calc(100% - 15px);
    left: 0;
    width: 100%;
    height: 42px;
    background-image: url(header-footer.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
@media (max-width:579px){
    header::after{
        background-size: cover;
        display: none;
    }
}

header hr{
    margin: 0;
    background-color: rgba(255, 255, 255, 0.10);
    opacity: 1;
}

header .header-scroll{
    transition: .4s;
    margin-top: 0;
}

header.scrolling .header-scroll{
    opacity: 0;
    margin-top: -3rem;
    transition: .4s;

}

.burger-wrapper{
    height: 100%;
    background-color: #67932D;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 2.5rem;
    font-size: 20px;
}

@media (max-width:1200px){
    .burger-wrapper{
        column-gap: 1rem;
    }
}

.header-wrapper{
    position: relative;
}
@media (max-width:1024px){
    .header-wrapper{
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
}

.nav-promo{
    column-gap: 3rem;
}

@media (max-width:1450px){
    .nav-promo{
        column-gap: 2rem;
    }
}
@media (max-width:1200px){
    .nav-promo{
        column-gap: .75rem;
    }
    .nav-promo li a{
        font-size: 14px;
    }
}

.nav-promo li a{
    color: white;
    padding: 0;
    margin: .75rem 0;
}

.tool-phone{
    font-weight: 600;
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.tool-phone {
    color: white;
    text-decoration: none;
    line-height: 1;
}

.tool-phone img{
    transform: translateY(-2px);
}

.header-socials{
    column-gap: 2rem;
    align-items: center;
    justify-content: end;
}
@media (max-width:1200px){
    .header-socials span{
        display: none;
    }
    .header-socials{
        column-gap: .5rem;
        padding-right: 1.5rem;
    }
}

.nav-socials{
    column-gap: 1rem;
    justify-content: end;
}

.nav-socials li a{
    padding: 0;
}

.nav-socials li a:hover img{
    transform: scale(1.1);
    transition: .4s;
}

.nav-tools{
    column-gap: 1rem;
    justify-content: end;
    padding: 1.5rem 0;
}

@media (max-width:579px){
    .nav-tools{
        justify-content: center;
        padding: .5rem 0;
    }
}

@media (max-width:579px){
    .nav-tools{
        column-gap: .5rem;
    }
}

.nav-tools li a{
    position: relative;
    padding: 0;
    align-items: center;
}

.nav-tools li a{
    display: flex;
    column-gap: .4rem;
    align-items: center;
}

.basket-count{
    position: relative;
}

.favorit-count .is-empty{
    display: none;
}
.favorit-count .is-full{
    display: flex;
}


@media (min-width:600px) and (max-width:1200px){
    .basket-count + span{
        display: none !important;
    }
    .basket-count{
        margin-right: 1rem;
    }
}
@media (max-width:1200px){
    .basket-cart.active svg path{
        stroke: #E7DCAB;
    }
}

a .count{
    position: absolute;
    top: -10px;
    right: -12px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #F0873D;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width:579px){
    header a .count{
        top: -9px;
        right: -5px;
        width: 18px;
        height: 18px;
        font-size: 10px;
        line-height: 1;
        padding-top: 0.15rem;
/*        display: none;*/
    }
    header a .count.active{
        display: flex;
    }
}

.nav-tools li a .text{
    color: white;
    font-size: 18px;
}

.nav-tools li a .text.text-down{
/*    transform: translateY(7px);  */
}

.nav-tools li a:hover svg path{
    stroke: #E7DCAB;
}

.nav-tools li a:hover .text{
    color: #E7DCAB;
}

.header-nav{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    background-color: #67932D;
    z-index: 1;

    width: calc(100% - 30px);
}

.header-nav-wrapper{
    max-width: 1550px;
    padding: .5rem 0 0 0;
    margin: auto;
    margin-bottom: 3rem;
    overflow: hidden;
}

@media (max-width:1500px){
    .header-nav-wrapper{
        padding: .5rem;
        max-width: 1400px;
    }
}

@media (max-width:1400px){
    .header-nav-wrapper{
        padding: .5rem;
        max-width: 1300px;
    }
}

/*
.header-nav-wrapper a{
    text-decoration: none;
    margin-top: 4.5rem;
    padding-bottom: 2rem;
    display: inline-block;
}

.header-nav-wrapper a .cover{
    margin-top: .5rem;
    display: block;
    overflow: hidden;
}

.header-nav-wrapper a .cover img{
    width: 100%;
    height: 100%;
}

.header-nav-wrapper a:hover .cover img{
    transform: scale(1.05);
}

.header-nav-wrapper a span{
    position: relative;
    color: white;
    font-size: 28px;
    display: inline-block;
    margin-bottom: .65rem;
    padding-bottom: .35rem;
    line-height: 1.2;
    transition: .4s;
}

@media(max-width:1200px){
    .header-nav-wrapper a span{
        font-size: 20px;
    }
    .header-nav-wrapper a{
        margin-top: 1.5rem;
    }
}

.header-nav-wrapper a:hover span{
    color: #f4af3e;
}

*/

.nav-menu{
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2rem;
}

.nav-menu li{
    position: relative;
}


.nav-menu li a::after{
    position: absolute;
    content: '';
    bottom: -1.9rem;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: calc(100% + 2rem);
    background-color: #89A860;
}
@media (max-width:1200px){
    .nav-menu li a::after{
        bottom: -.4rem;
    }
}

.nav-menu li:nth-child(4n) a::after{
    width: 100%;
}

.nav-menu li a{
    padding: .5rem 0;
}

.burger-wrapper{
    position: relative;
}

.burger-wrapper[aria-expanded="true"]::before{
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .75);
    z-index: -1;
}

.header-main{
    position: relative;
}

@media (max-width:1023px){
    .burger-wrapper{
        aspect-ratio: 1/1;
    }
    .header-main-grid{
        display: grid;
        grid-template-columns: 85px 1fr 85px;
        --bs-gutter-x: 0;
        column-gap: .5rem;
    }
}
@media (max-width:579px){
    .header-main-grid{
        display: grid;
        grid-template-columns: 65px auto auto;
        --bs-gutter-x: 0;
        column-gap: .5rem;
    }
}

.header-main .logo,
.header-main .nav-promo,
.header-main .tool-phone,
.header-main .header-socials,
.header-main .nav-tools{
    position: relative;
    z-index: 1;
}

@media (min-width:950px) and (max-width:1450px){
    .header-main .logo{
        margin-left: 5rem;
    }
}
@media (max-width:579px){
    .header-main .logo{
        width: 100%;
    }
}

.burger-button{
    z-index: 1;
    position: relative;
    height: 100%;
}

.header-search{
    position: relative;
}

header .header-search{
    max-width: 320px;
    width: 320px;
}

@media (max-width:1400px){
    header .header-search{
        max-width: 290px;
        width: 290px;
    }
}

.header-search .form-control{
    border-radius: 15px;
    background-color: #2C1C1C;
    border: 2px solid #5a4949;
}
.header-search .form-control{
    color: white;
}
.header-search .header-search-submit{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    margin: auto;
    background-color: transparent;
    border:0;
    outline: none;
    cursor: pointer;
}
.nav-tools{
    align-items: center;
}
.nav-tools li a.ajax-search-link{
    display: block;
}
.header-search .ajax-search-results{
    position: relative;
    padding: 1rem;
    min-height: min-content;
    max-height: 50vh;
    overflow: auto;
    background-color: #2c1c1c;
    border: 0;
}
.header-search .ajax-search-results a{
    color: white;
}
.header-search .ajax-search-results a:hover{
    color: #7fa946;
}
.search_widget-result-inner{
    position: absolute;
    top: 0;
    padding-top: 45px;
    background-color: #2c1c1c;
    border-radius: 30px;
    z-index: -1;
    border: 2px solid #5a4949;
    width: 100%;
    overflow: auto;
}
.ajax-search-item{
    //margin-bottom: 10px;
}

.ajax-search-results::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    cursor: pointer;
}
.ajax-search-results::-webkit-scrollbar-track {
    background-color :#5a4949;
    border-radius: 5px;
}
.ajax-search-results::-webkit-scrollbar-track:hover {
    background-color: #5a4949;
}
.ajax-search-results::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px;
}
.ajax-search-results::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
.ajax-search-results::-webkit-scrollbar-button {
    display:none
}

.header-basket{
    position: relative;
}
.header-basket-wrapper{
    position: absolute;
    top: 3rem;
    right: 0;
    width: 250%;
    height: auto;
    border: 2px solid #5a4949;
    background: #2C1C1C;
    border-radius: 15px;
    padding: 16px 16px 16px 16px;
    opacity: 0;
    visibility: hidden;
    transition: .1s;
}

.header-basket:hover .header-basket-wrapper{
    opacity: 1;
    visibility: visible;
}
@media(max-width:579px){
    .header-basket:hover .header-basket-wrapper{
        display: none;
    }
}





.dynamic_item a{
    color: white;
    transition: .4s;
    text-decoration: none;
}
.dynamic_item a:hover{
    color: #7DB900;
}

.dynamic_item input.size{
    background-color: #5a4949;
    color: white;
}

.dynamic_item .quantity-controls{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.bas-del a:hover{
    transform: rotate(15deg);
}

/* NAVIGATION
================================
================================*/


/* MAIN INDEX 
================================
================================*/
/* MAIN BANNER */
.bg-main-banner{
    background-size: cover;
    background-position: center;
}

.bg-main-banner .cover,
.bg-main-banner .cover video{
    aspect-ratio: 9/16;
    object-fit: cover;
}

.main-mob-video{
    position: relative;
    height: 100%;
}

.main-mob-video{
    height: 100%;
    width: 100%;
}

.main-mob-video iframe{
    width: 100%;
    height: 100%;
}

.custom-video-poster{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

video::-webkit-media-controls, 
video::-moz-media-controls, 
video::-o-media-controls, 
video::-ms-media-controls {
    display: none !important; 
}

#videoModal .btn-close{
    position: absolute;
    top: -2rem;
    right: -2rem;
}

#videoModal .btn-close:focus{
    box-shadow: none;
}

#videoModal .btn-close{
    background-image: url(close-white.svg);
}

.wrapper-main-banner{
    height: 80vh;
    max-width: 1350px;
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    column-gap: 2rem;
}

.box-banner{
    background-color: white;
    border-radius: 14px;
    padding: 2rem 1.5rem;
}

@media (max-width:579px){
    .bg-main-banner{
        background-image: none !important;
        background-color: #2C1C1C;
    }
    .wrapper-main-banner{
        height: auto;
        display: flex;
        row-gap: 1rem;
        padding: 1rem 1rem 3rem 1rem;
    }
    .bg-main-banner,
    .bg-main-banner .container{
        padding-left: 0;
        padding-right: 0;
    }

    .box-banner-play{
        position: absolute;
        top: 30vh;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 2;
    }
    .box-banner .link-arrow{
        justify-content: center;
        column-gap: .75rem;
    }
    .box-banner{
        padding: 2rem 1.25rem;
    }
}


.link-arrow{
    position: relative;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    column-gap: 1.25rem;
    z-index: 1;
}

.link-arrow:hover img{
    transform: rotate(-45deg);
}

.link-arrow span{
    position: relative;
    font-size: 24px;
    color: #7FA947;
    border-bottom: 1px solid transparent;
    transition: .4s;
}

@media (min-width:600px) and (max-width:1024px){
    .link-arrow span{
        font-size: 20px;
    }
}
@media (max-width:579px){
    .link-arrow span{
        font-size: 18px;
    }
}

.link-arrow span::after{
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    left: 50%;
    bottom: 0;
    background-color: #7FA947;
    transition: .4s;
}

.link-arrow:hover span::after{
    width: 100%;
    left: 0%;
}

.box-play-wrapper{
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 110px;
    background-color: #F0873D;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid white;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    animation: 1.5s linear 0s infinite alternate sizing;
}

@media (min-width:600px) and (max-width:1024px){
    .box-play-wrapper{
        width: 80px;
        height: 80px;
    }
    .wrapper-main-banner{
        column-gap: 1rem;
    }
}

.box-play-wrapper::after{
    position: absolute;
    content: '';
    width: 170%;
    height: 170%;
    border-radius: 120%;
    border: 1px solid white; 
    animation: 1.5s linear 0s infinite alternate sizing;
}

@keyframes sizing{
    from { box-shadow: 0 0 0px 5px rgb(255 255 255 / 50%) }
    to { box-shadow: 0 0 20px 5px rgb(255 255 255 / 0%); }
}

.box-play-wrapper img{
    transform: translateX(5px);
}

.box-play-wrapper:hover img{
    transform: translateX(5px) scale(1.1);
}

/* MAIN BANNER END */

/* MAIN GREEN */
.bg-main-green{
    position: relative;
    background-size: cover;
    background-position: center;
}

.bg-main-green::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 42px;
    top: -35px;
    background-image: url(main-green-top.png);
}

#main-page-2{
    position: absolute;
    top: -3rem;
    left: 0;
    height: 1px;
    width: 100%;
}

.bg-main-green .container{
    z-index: 1;
    position: relative;
}

@media (max-width:579px){
    .bg-main-green{
        background-image: url(main-green-mob.jpg);
    }
}

@media (max-width:1024px){
    .main-green .swiper-wrapper{
        padding-left: 1rem;
    }
}
@media (max-width:579px){
    .main-green .swiper-wrapper{
        padding-left: 0;
    }
}

.main-green .swiper-slide{
    height: auto;
}

.main-green .swiper-slide a img{
    width: 100%;
    height: 100%;
}

.swiper-slide img[loading="lazy"]{
    position: relative;
    z-index: 1;
}

.swiper-slide img[loading="lazy"] + .swiper-lazy-preloader{
    z-index: 0;
}

.main-green-title{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 2rem;
}

@media (max-width:579px){
    .main-green-title{
        column-gap: 1rem;
    }
}

.box-cert{
    position: relative;
    background-color: white;
    border-radius: 20px;
    height: 100%;
}

.box-cert-cool{
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
}

.box-cert .cover{
    padding: 2rem;
    padding-bottom: 1rem;
    display: block;
}

.box-cert .cover:focus-visible{
    box-shadow: none;
    border:0;
    outline: 0;
}

.box-cert-info{
    padding: 1.5rem 2rem 2rem 2rem;
    border-top: 2px solid #ebebeb;
    color: #5B5B5B;
}

@media(max-width:579px){
    .box-cert-info{
        text-align: center;
        padding: 1.5rem 1rem 2rem 1rem;
    }
}

.main-green-desc{
    margin-top: 19rem;
}

@media(max-width:579px){
    .main-green-desc{
        margin-top: 5rem;
    }
    .main-green-desc .text-green br{
        display: contents;
    }
}

.green-elements{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: clip;
}

.green-el{
    position: absolute;
}

.green-el1{
    position: absolute;
    top: -7rem;
    left: -5rem;
}
.green-el2{
    position: absolute;
    top: -5rem;
    right: 5rem;
}
.green-el3{
    position: absolute;
    top: 28rem;
    right: -4rem;
}

@media (max-width:579px){
    .green-elements img{
        width: 10rem;
    }
}

/* MAIN GREEN END */


/* MAIN DARK */
.bg-main-dark{
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: #e8f5e1;
    margin-top: 15px;

    max-height: 125vh;
}

@media (max-width:579px){
    .bg-main-dark{
        background-image: url(main-dark-mob.jpg);
        max-height: max-content;
    }
}

.bg-main-dark .tab-content .t-30{
    font-size: 24px;
    transform: translateY(2px);
    display: block;
}

.main-dark-title-all{
    position: relative;
    z-index: 1;
}

.main-dark-title{
    color: #F0873D;
}

.main-dark{
    position: relative;
    transform: translateX(7.85%);
    overflow: initial;
    user-select: none;
}

@media (max-width:579px){
    .main-dark{
        transform: translateX(0);
        padding: 0 0;
    }
}

.bg-main-dark::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 41px;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(main-dark-top.png);
/*    background-color: #e8f5e1;*/
}
.bg-main-dark::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 41px;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(main-dark-bottom.png);
    z-index: 1;
}

@media (max-width:579px){
    .bg-main-dark::before,
    .bg-main-dark::after{
        background-size: auto;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

.dark-elements{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: clip;
}

.dark-el{
    position: absolute;
}

.dark-el1{
    position: absolute;
    top: 3rem;
    left: 13rem;
}
@media (max-width:579px){
    .dark-el1{
        width: 10rem;
    }
}

.dark-el2{
    position: absolute;
    bottom: -12rem;
    right: -20rem;
    z-index: 2;
}

@media (max-width:800px){
    .dark-el1{
        left: -8rem;
    }
}
@media (max-width:579px){
    .dark-el1{
        top: -6rem;
        left: 18rem;
    }

    .dark-el2{
        bottom: -5rem;
        right: -2rem;
    }

    .green-el2{
        top: -5rem;
        right: -4rem;
    }
}

.main-dark .swiper-slide{
    transition: .4s;
}

.main-dark .swiper-wrapper{
/*    margin-left: 10%;*/
}
@media (max-width:579px){
    .main-dark .swiper-wrapper{
        margin-left: auto;
    }
}

.main-dark .swiper-slide:nth-child(2n+2){
    margin-top: 3.5rem;
    transition: .4s;
}
.main-dark .swiper-slide:nth-child(4n-1){
    margin-top: 7rem;
    transition: .4s;
}

@media (max-width:579px){
    .main-dark .swiper-slide:nth-child(1n){
        margin-top: 0;
        transition: .4s;
    }
}

.swiper-tools{
    position: relative;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-pagination{
    position: relative;
}


.swiper-button-prev::after,
.swiper-button-next::after{
    display: none;
}

.swiper-button-prev,
.swiper-button-next{
    width: 100%;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    top: 0;
    margin-top: auto;
    transition: .4s;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: white;
}

.swiper-button-prev:hover,
.swiper-button-next:hover{
    background-color: #7FA947;
}

.swiper-button-prev{
    -webkit-mask-image: url(arrow-swiper-left-white.svg);
    -webkit-mask-position: left;
}

.swiper-button-next{
    -webkit-mask-image: url(arrow-swiper-right-white.svg);
    -webkit-mask-position: right;
}

.swiper-pagination{
    color: white;
    font-size: 20px;
    bottom: 0;
}

.swiper-pagination span:first-child{
    color: #7FA947;
}

.swiper-pagination-current{
    margin-right: .25rem;
}

.swiper-pagination-total{
    margin-left: .25rem;
}

.box-product{
    background-color: white;
    padding: 1rem;
    border-radius: 15px;
    display: block;
    transition: .4s;
}

@media (max-width:1450px){
    .box-product .btn{
        height: 50px;
        font-size: 16px;
    }
}

.box-product .cover{
    aspect-ratio: 1/1;
}

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

.box-product a{
    text-decoration: none;
}

.box-product-title{
    overflow: hidden;
}


.box-product-info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3rem 2rem 2rem 2rem;
    background-color: white;
    border-radius: 15px;
    transition: .4s;
    opacity: 0;
    display: grid;
    z-index: 1;
}

@media (max-width:579px){
    .box-product-info{
        padding: 2rem 1rem 1rem 1rem;
    }
}

.box-product:hover .box-product-info{
    opacity: 1;
}

@media (max-width:1400px){
    .box-product-price{
        font-size: 26px;
        transform: translateY(2px);
        display: block;
    }
}

.select-property{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: .5rem;
    row-gap: .5rem;
}

.property-btn{
    border: 1px solid #D9D9D9;
    outline-offset: -1px;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    column-gap: .75rem;
    transition: .4s;
    cursor: pointer;
}

.property-btn .text{
    color: #5B5B5B;
    font-size: 24px;
    line-height: 1;
    margin-top: .25rem;
}

@media (max-width:1450px){
    .property-btn{
        padding: .75rem .5rem;
    }
    .property-btn .text{
        font-size: 21px;
    }
}



.select-property label input{
    display: none;
}

.select-property label input:checked + .property-btn{
    border-color: #7FA947;
    box-shadow: inset 0 0 0px 1px #7FA947;
    transition: .4s;
}

.btn.addcart{
    column-gap: .5rem;
}

@media (max-width:579px){
    .main-dark .swiper-slide{
        height: auto;
    }

}

/* MAIN DARK END */


/* MAIN NATURE */
.bg-main-nature{
    position: relative;
    background-size: cover;
    background-position: top;
}

.box-advantages-header{
    display: flex;
    align-items: center;
    column-gap: 2rem;
}
@media (max-width:579px){
    .box-advantages-header{
        column-gap: 1rem;
    }
}

.box-advantages-header-ico{
    height: 62px;
    width: 62px;
    min-height: 62px;
    min-width: 62px;
    display: block;
}
.box-advantages-header-ico img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.box-review{
    background-size: cover;
    background-position: center;
    padding: 3.5rem 8.5rem;
}

@media(max-width:1024px){
    .box-review{
        padding: 3.5rem 3rem;
    }
}

@media(max-width:579px){
    .box-review{
        background-image: url(bg-reviews-mob.jpg);
        padding: 1.5rem;
        border-radius: 20px;
    }
}

.box-review-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

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

.box-review-author-avatar{
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    display: block;
    border-radius: 70px;
    overflow: hidden;
}

.box-review-author-avatar img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.box-review-author-point{
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

.box-review-pict{
    aspect-ratio: 1/1;
    overflow: hidden;
}

.box-review-pict img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.01);
}

.box-review-pict:hover img{
    transform: scale(1.05);
}

.swiper-pagination.reviews-pagination span:first-child{
    color: white;
}

/* MAIN NATURE END */

/* MAIN COLLECTIONS */
.bg-main-collections{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-repeat: repeat-y;
    background-position: center;
}

.bg-main-collections::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 38px;
    top: -36px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(main-collection-top.png);
}
.bg-main-collections::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 38px;
    bottom: -37px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(main-collection-bottom.png);
    z-index: 1;
}

@media(max-width:579px){
    .bg-main-collections::before{
        background-position: bottom;
    }
    .bg-main-collections::after{
        background-position: right;
    }
}

.main-collections-wrapper{
    position: relative;
    z-index: 1;
}

.main-collections-wrapper .accordion{
    background-color: white;
    padding: 2rem 0;
}

.main-collections-wrapper .accordion .accordion-item{
    border-left: 0;
    border-right: 0;
}

.main-collections-wrapper .accordion .accordion-item:first-child{
    border-top: 0;
}
.main-collections-wrapper .accordion .accordion-item:last-child{
    border-bottom: 0;
}

.main-collections-wrapper .accordion .accordion-item .accordion-button:not(.collapsed){
    background-color: transparent;
}

.main-collections-wrapper .accordion .accordion-item .accordion-button:focus{
    box-shadow: none;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after{
    background-image: url(arrow-up-green.svg);
    background-position: center;
}

.accordion-button::after{
    transform: rotate(180deg);
}

.accordion-button:not(.collapsed)::after{
    transform: rotate(0);
}

.main-collections-wrapper .accordion-button[aria-expanded="false"]::after{
    transform: rotate(-180deg);
    transition: .4s;
}
.main-collections-wrapper .accordion-button[aria-expanded="true"]::after{
    transform: rotate(0);
    transition: .4s;
}

.main-collections-wrapper .accordion-item a{
    position: relative;
    text-decoration: none;
    font-size: 20px;
    color: #7FA947;
    font-weight: bold;
    padding-bottom: .25rem;
}

.main-collections-wrapper .accordion-item a::after{
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    left: 50%;
    bottom: 0;
    background-color: #7FA947;
    transition: .4s;
}

.main-collections-wrapper .accordion-item a:hover::after,
.main-collections-wrapper .accordion-item a:focus::after{
    width: 100%;
    left: 0%;
}

.box-collection{
    position: relative;
    z-index: 1;
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.box-collection-row .cover{
/*    aspect-ratio: 1/1;*/
    overflow: hidden;
}

.box-collection-column .cover{
/*    aspect-ratio: 14/9;*/
    overflow: hidden;
    min-height: 260px;
}

.box-collection-row .cover,
.box-collection-column .cover{
    display: block;
}

.box-collection-row .cover img,
.box-collection-column .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.accordion-item .cover img{
    width: 100%;
    height: 100%;
}

.box-collection-row:hover .cover img,
.box-collection-column:hover .cover img{
    transform: scale(1.1) rotate(5deg);
}

.box-collection-row-content{
    padding: 2.75rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.box-collection-column .box-collection-row-content{
    max-height: 350px;
}

@media (max-width:1024px){
    .box-collection-row-content{
        padding: 2rem;
    }
    .box-collection-row-title{
        font-size: 22px;
    }
    .box-collection-row-desc{
        font-size: 16px;
    }
}

.box-collection-row-content a{
    text-decoration: none;
    color: #7FA947;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}
@media (max-width:1024px){
    .box-collection-row-content a{
        font-size: 17px;
    }
}

.box-collection-row-content a span{
    position: relative;
}

.box-collection-row-content a span::after {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    left: 50%;
    bottom: 0;
    background-color: #7FA947;
    transition: .4s;
}

.box-collection-row-content a:hover span::after {
    width: 100%;
    left: 0%;
}

.box-collection-column-content{
    padding: 2.5rem 3rem;
}

@media (max-width:1024px){
    .box-collection-column-content{
        padding: 1.5rem 2rem;
    }
}

.coll-elements{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: clip;
    z-index: 0;
}

.coll-el{
    position: absolute;
}

.coll-el1{
    top: 3rem;
    left: 13rem;
}

.coll-el2{
    top: 6rem;
    left: 0rem;
}

.coll-el3{
    top: 50%;
    left: -3rem;
}

.coll-el4{
    right: 10rem;
    bottom: 8rem;
    z-index: 0;
}
@media (max-width:1200px){
    .coll-el1{
        left: 2rem;
    }
    .coll-el2{
        top: 13rem;
        left: -6rem;
    }
    .coll-el4{
        right: 2rem;
        bottom: 5rem;
    }
}

@media (max-width:579px){
    .coll-el1{
        top: -4rem;
        left: 16rem;
    }
}

/* MAIN COLLECTIONS END */


/* MAIN TRAVEL */
.bg-main-travel{
    position: relative;
    background-size: cover;
    background-position: center;
/*    padding-left: 8rem !important;*/
    overflow: hidden;
}

@media (max-width:579px){
    .bg-main-travel{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.box-travel{
    background-color: white;
    border-radius: 15px;
    padding: 1rem;
}

.box-travel .cover{
    aspect-ratio: 9/16;
    overflow: hidden;
    position: relative;
}

.box-travel .shorts{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.box-travel:hover .cover img{
    transform: scale(1.05);
}

.box-travel a.link-arrow{
    justify-content: space-between;
}

.box-travel a.link-arrow span{
    font-size: 17px;
    font-weight: 600;
    background-color: white;
}

.bg-main-travel .travel{
    user-select: none
}

/* MAIN TRAVEL END */

/* COLLECTION 
================================
================================*/
.bg-collection-banner{
    background-image: url(collection-banner.jpg);
    background-size: cover;
    background-position: center;
}

.wrapper-collection-banner{
    height: 40vh;
    max-width: 1070px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    column-gap: 2rem;
}

/* Breadcrumbs */
.nav-breadcrumbs{
    column-gap: 3rem;
    justify-content: center;
}

@media (max-width:579px){
    .nav-breadcrumbs{
        justify-content: start;
    }
}

.nav-breadcrumbs li .nav-link{
    position: relative;
    padding: 0;
}

.nav-breadcrumbs li a{
    color: #7FA947;
}

.nav-breadcrumbs li a::after{
    position: absolute;
    content: '';
    background-image: url(breadcrumb-point.svg);
    width: 16px;
    height: 16px;
    top: 0;
    right: -2rem;
    bottom: 0;
    margin: auto;
}

.nav-breadcrumbs li:last-child a::after{
    display: none;
}

.nav-breadcrumbs li span,
.nav-breadcrumbs li span:hover{
    color: #5B5B5B;
}

.nav-breadcrumbs li span.pro-bread,
.nav-breadcrumbs li span.pro-bread:hover,
.nav-breadcrumbs li span.pro-bread:focus{
    color: #5B5B5B;
}

@media (max-width:579px){
    .nav-breadcrumbs li.pro-bread{
        display: none;
    }
    .nav-breadcrumbs li:nth-last-child(-n + 2) a::after{
        display: none;
    }
}

@media (max-width:579px){
    .nav-breadcrumbs li span.current-page{
        position: relative;
        padding-left: 2rem;
    }
    .nav-breadcrumbs li span.current-page::after{
        position: absolute;
        content: '';
        background-image: url(breadcrumb-point.svg);
        width: 16px;
        height: 16px;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
    }
}

/* NAV TAGS */
.nav-tags{
    column-gap: .5rem;
}

.nav-tags li a{
    padding: .5rem 3rem;
    border: 1px solid #7FA947;
    border-radius: 20px;
    color: #7FA947;
}

.nav-tags li a:hover{
    background-color: #7FA947;
    color: white;
}

/* PRODUCT LIST */
.box-item{
    position: relative;
    border-radius: 15px;
    border: 1px solid rgba(69, 42, 42, 0.10);
    background: #FFF;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (max-width:579px){
    .box-item{
        padding: 0;
    }
    .swiper-slide .box-item{
        border: 0;
    }
}

.box-item .box-item-qty{
    position: relative;
    display: none;
}

.qty-load{
    font-size: 11px;
    transition: .4s;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    opacity: 0;
}

.box-item-qty .qty-load{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: min-content;
    height: max-content;
    color: white;
}

.qty-load span{
    transform: translateY(2px);
}

.qty-load.show{
    opacity: 1;
}


.box-item .box-item-qty .quantity{
    transition: .4s;
}
.box-item .box-item-qty .quantity.hide{
    opacity: 0;
}

.qty-load .spinner-grow{
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
}

.product-add-qty{
    position: relative;
}

.product-add-qty .qty-load{
    justify-content: center;
}

.product-add-qty .addcart{
    margin-bottom: 1rem;
}

.sidebar-product-desk .quantity-wrapper{
    display: none;
}

/* новый счетчик корзины */
.nav-product-variant{
    column-gap: .75rem;
    row-gap: .75rem;
}
.nav-product-variant li a{
    height: 35px;
    padding: 0.15rem 0.75rem;
    border: 1px solid #ccc;
    transition: .4s;
    display: flex;
    align-items: center;
    column-gap: .25rem;
    line-height: 1;
}
.nav-product-variant li a.active{
    border-color: #7FA947;
    box-shadow: inset 0 0 0px 1px #7FA947;
}
.nav-product-variant li a span{
    transform: translateY(2px);
}

.box-item .cover{
    position: relative;
    aspect-ratio: 1/1;
}

@media (max-width:1024px){
    .box-item .cover{
        aspect-ratio: auto;
    }
}

.box-item .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    position: relative;
    aspect-ratio: 1/1;
    background-color: white;
}

@media(min-width:1200px){
    .box-item:hover .cover img{
        opacity: 0;
    }
}

.box-item:hover .cover-text{
    z-index: 1;
}

.box-item .cover-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #5B5B5B;
    padding: 0 1.5rem;
    aspect-ratio: 1/1;
    overflow: hidden;
}

@media (max-width:579px){
    .box-item .cover p{
        margin-top: 0;
        margin-bottom: 0;
    }
}

.box-item-price-sale{
    display: flex; 
    align-items:center; 
    justify-content: end; 
    column-gap: .5rem;
}

.cover-favorite{
    position: absolute;
    top:   .75rem;
    right: .75rem;
    z-index: 1;
}

.box-item-info{
    padding: 1rem .85rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}
@media (max-width:579px){
    .box-item-info{
        padding: 1rem .75rem;
        display: flex;
        flex-direction: column;
    }
    .box-item-info del{
        font-size: 12px;
    }
}

.box-item-title{
    display: flex;
    align-items: center;
    column-gap: 1rem;
    line-height: 1.2;
    font-size: 20px;
    color: #7FA947;
    font-weight: 600;
}

.box-item-title a{
    color: #7FA947;
}

.box-item-title a:hover{
    color: #04543B;
}

@media (max-width:850px){
    .box-item-title{
        display: block;
    }
}

.box-item-review{
    display: flex;
    align-items: center;
    column-gap: 0;
    line-height: 1;
    color: #A29595;
    font-size: 14px;
}

.box-item-review span{
/*    margin: 4px 0 0 10px;*/
}

.box-item-property .text{
    display: flex;
    align-items: center;
    column-gap: .5rem;
    border: 1px solid #ccc;
    padding: .15rem .75rem;
}

@media (max-width:579px){
    .box-item-property{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.box-item-property .text span{
    margin-top: 3px;
    transition: .4s;
}

.box-item-property label{
    cursor: pointer;
}

.box-item-property label input[type="radio"]{
    display: none;
}

.box-item-property label input[type="radio"]:checked + .text{
    border-color: #7FA947;
    box-shadow: inset 0 0 0px 1px #7FA947;
    transition: .4s;
}

.box-item-property{
    display: flex;
    flex-wrap: wrap;
    column-gap: .65rem;
    row-gap: .65rem;
}

.box-item-qty-btn{
    position: relative;
}

.box-item-qty-btn .btn{
    height: 40px;
    font-size: 14px;
}

.box-item-qty-btn .btn span{
    margin-top: 4px;
}

.box-item-discount{
    aspect-ratio: 1/1;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #7DB900;
    color: #7DB900;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    padding-top: .2rem;
}

.box-item-qty-btn del{
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: 5px;
    right: 0;
}

.box-item .box-item-qty{
    display: none;
    background-color: #7DB900;
    height: 40px;
}

.card-images{
    aspect-ratio: 1/1;
    display: block;
    overflow: hidden;
/*    border-radius: 15px 15px 0 0;*/
}

.card-images .swiper-pagination{
    bottom: 2rem;
}

.card-images .swiper-pagination-bullet{
    width: 40px;
    height: 4px;
    display: inline-block;
    border-radius: 10px;
    background: #ccc;
}

.card-images .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #ccc;
}

.quantity{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
    height: 100%;
}

.sidebar-product-wrapper .quantity{
    column-gap: 2rem;
}

.box-item .quantity{
    display: grid;
    grid-template-columns: 1fr 30px 1fr;
    justify-content: center;
    column-gap: 0;
}

.box-item .quantity .btn-qty{
    margin-left:  auto !important;
    margin-right: auto !important;
    width: 100%;
    height: 100%;
    background-size: 14px;
    background-position: center;
    transition: .4s;
}

.box-item .quantity .btn-qty:hover{
    transform: scale(1.15);
    transition: .4s;
}

@media (max-width:579px){
    .box-item .quantity{
        column-gap: 1rem;
    }
}

.box-item-percent{
    position: absolute;
    top:  .5rem;
    left: .5rem;
    z-index: 1;
    opacity: 1;
    transition: .4s;
}
.box-item-discount{
    background: white;
}
.box-item:hover .box-item-percent{
    opacity: 0;
    transition: .4s;
}

@media (max-width:579px){
    .box-item:hover .box-item-percent{
        opacity: 1;
    }
}

.quantity .btn-qty{
    background-color: transparent;
    border: 0;
}

.btn-qty-submit{
    width: 13px;
    height: 13px;
/*    background-color: red !important;*/
    padding: 0;
}

.btn-qty-submit{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.button-minus{
    background-image: url(minus-white.svg);
}
.button-plus{
    background-image: url(plus-white.svg);
}


.quantity-white .button-minus{
/*    background-image: url(minus-dark.svg);*/
    background-image: url(minus-white.svg);
}

.quantity-white .button-plus{
/*    background-image: url(plus-dark.svg);*/
    background-image: url(plus-white.svg);
}

.quantity input[type="text"]{
    width: 30px;
    text-align: center;
    border: 0;
    padding: 0;
}

.quantity input[type="text"]:focus,
.quantity input[type="text"]:focus-visible{
    box-shadow: none;
    border:0;
    outline: none;
}

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

.nav-pagination li .nav-link{
    padding: 0;
    color: #7FA947;
    font-size: 24px;
    width: 40px;
    height: 40px;
    padding-top: .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 40px;
}

.nav-pagination li a.active{
    border-color: #7FA947;
}

.nav-pagination li:last-child .nav-link,
.nav-pagination li:first-child .nav-link{
    width: auto;
}

/* SIDEBAR 
================================
================================*/
.sidebar .accordion-item{
    border: 0;
}

.sidebar .accordion-button{
    background-color: white;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
}

.sidebar .accordion-button[aria-expanded="false"]{
    color: #04543B !important;
}

.sidebar .accordion-button:focus{
    box-shadow: none;
}
.sidebar .accordion-button:not(.collapsed){
    box-shadow: none;
    color: #639800;
}

.sidebar .accordion-button[aria-expanded="true"]{
    color: #639800 !important;
}

.sidebar a.accordion-button{
    color: #04543B !important;
}

.sidebar a.accordion-button:hover,
.sidebar a.accordion-button.active{
    color: #639800 !important;
}

.sidebar a.accordion-button::after{
    transform: rotate(0deg) !important;
}

.sidebar a.accordion-button::after{
    background-color: #639800 !important;
}

.sidebar a.accordion-button.active::after{
    transform: rotate(-90deg) !important;
    background-color: #6D6D6D !important;
}

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

.nav-category li a{
    position: relative;
    padding: .75rem 3rem;
    border-bottom: 1px solid #ccc;
    display: block;
    text-decoration: none;
    color: #786868;
    font-size: 22px;
    font-weight: 600;
}

.nav-category li a.active{
    color: #639800;
}

.nav-category li a.active::before{
    background-color: #639800;
}

@media (max-width:1200px){
    .sidebar .accordion-button{
        font-size: 22px;
    }
    .nav-category li a{
        font-size: 16px;
    }
}

.nav-category li a::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 14px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;

    -webkit-mask-image: url(arrow-right-grey.svg);
    mask-image: url(arrow-right-grey.svg);
    background-color: #786868;
    transform: .4s;
}

.nav-category li:last-child a{
    border-bottom: 0;
}

.nav-category li:hover a::before{
    background-color: #639800;
}

.sidebar .accordion-button{
    padding: 1.75rem 0;
}

.sidebar .accordion-button::after, 
.sidebar .accordion-button:not(.collapsed)::after{
    -webkit-mask-image: url(arrow-round-white.svg);
    mask-image: url(arrow-round-white.svg);
    background-color: #6D6D6D;
    width: 40px;
    height: 40px;
}

.sidebar .accordion-button:not(.collapsed)::after {
    transform: rotate(-90deg);
}

.sidebar .accordion-button[aria-expanded="false"]::after{
    transform: rotate(0);
}

.sidebar .accordion-button[aria-expanded="true"]::after{
    transform: rotate(-90deg) !important;
}

.sidebar .accordion-button[aria-expanded="false"]::after{
    background-color: #639800 !important;
}

.sidebar .accordion-button[aria-expanded="true"]::after{
    background-color: #6D6D6D !important;
}

/* NEW category sidebar */
ul.parent-menu li a{
    padding: 0.75rem 0;
    font-weight: 600;
    text-decoration: none;
    font-size: 26px;
    display: flex;
    justify-content: space-between;
}

ul.parent-menu li a span{
    padding-right: 1rem;
}

ul.parent-menu li a svg{
    min-width: 40px;
}

ul.parent-menu li a svg path{
    fill: #639800;
}
ul.parent-menu li a svg circle{
    stroke: #639800;
}

ul.parent-menu li.active a img,
ul.parent-menu li.active a svg{
    transform: rotate(-90deg);
}
ul.parent-menu li.active a svg path{
    fill: #6D6D6D;
}
ul.parent-menu li.active a svg circle{
    stroke: #6D6D6D;
}


ul.childred-menu li a{
    position: relative;
    padding: 0.75rem 3rem;
    border-bottom: 1px solid #ccc;
    display: block;
    border-bottom: 1px solid #ccc;
    color: #786868;
    font-size: 22px;
    font-weight: 600;
}
ul.childred-menu li:last-child a{
    border-bottom: 0;
}
ul.childred-menu li a::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 14px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    -webkit-mask-image: url(arrow-right-grey.svg);
    mask-image: url(arrow-right-grey.svg);
    background-color: #786868;
    transition: .4s;
}
ul.childred-menu li a:hover::before{
    background-color: #639800;
}

/* PRODUCT
================================
================================*/
.sidebar-product-wrapper{
    position: sticky;
    top: 175px;
}

.sidebar-product-star-favorite{

}

.sidebar-product .box-item-property{
    column-gap: 1rem;
    row-gap: 1rem;
}

.sidebar-product .box-item-property .text{
    padding: 0.35rem 1.15rem;
}

.sidebar-product .box-item-property .text span{
    font-size: 24px;
}

.sidebar-product .quantity{
    border: 1px solid #ccc;
    padding: .75rem 0;
    background-color: #7DB900;
}

.sidebar-product .quantity svg rect{
    fill: #786868;
}

.sidebar-product .addcart{
    height: 50px;
    padding: .3rem 0 0 0;
}

.sidebar-product .addcart:focus{
    display: none;
}

.sidebar-product .addcart span{
    transform: translateX(3px);
}

@media (max-width:579px){
    .sidebar-product .box-item-property .text span{
        font-size: 18px;
    }
}





.product-video{
    height: 100%;
    max-height: 596px;
}

@media (max-width:579px){
    .product-video{
        aspect-ratio: 9/15;
    }
}

.product-gallery{
    height: 100%;
    max-height: 596px;
}

.product-gallery .cover{
    height: 100%;
}

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

.product-gallery-prev,
.product-gallery-next{
    background-color: #5B5B5B;
}

.nav-product-tabs{
    position: relative;
    justify-content: space-between;
    border-bottom: 0;
}

.nav-product-tabs::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #5B5B5B;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.nav-product-tabs .nav-link{
    text-transform: uppercase;
    font-size: 26px;
    color: #5B5B5B;
    margin-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid transparent;
    padding: .5rem 0;
}

.nav-product-tabs .nav-link:hover{
    border-color: #5B5B5B;
}


@media (max-width:579px){
    .nav-product-tabs{
        flex-direction: column;
    }
    .nav-product-tabs .nav-link{
        width: 100%;
        font-weight: 600;
        border-color: #5B5B5B;
        font-size: 18px;
        padding: .75rem 0;
    }
    .nav-product-tabs .nav-item:last-child .nav-link{
        border-color: transparent;
    }
    .nav-product-tabs::after{
        display: none;
    }
}

.nav-product-tabs .nav-link.active{
    color: #7FA947;
    border-bottom: 1px solid #7FA947;
}

.template-is-product .bg-main-travel::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 38px;
    top: 0;
    left: 0;
    background-image: url(bg-product-travel.png);
}

.template-is-product .tab-content#myTabContent{
    border-bottom: 1px solid #5B5B5B;
}

.product-related-wrapper .swiper-button-next,
.product-related-wrapper .swiper-button-prev{
    background-color: #7FA947;
}

.product-related-wrapper .swiper-pagination{
    color: #7FA947;
}

.template-is-product .tab-content .tab-pane#description img{
    width: 100%;
}

/* CART
================================
================================*/
.cart-header{
    font-size: 14px;
    color: #786868;
}

.cart-header,
.box-cart{
    display: grid;
    grid-template-columns: 1.35fr 3fr .85fr 1.05fr .85fr 1fr;
    column-gap: 3rem;
    padding: 0 1rem;
    align-items: center;
}

.box-cart{
    padding: 1rem;
    border:1px solid #ccc;
    border-radius: 20px;
    background-color: white;
    margin-bottom: 1rem;
}

@media(max-width:850px){
    .box-cart {
      display: grid; 
      grid-template-columns: 2.05fr 1fr 1fr; 
    /*  grid-template-rows: 1fr 1fr 1fr 1fr; */
      gap: 0px .5rem; 
      grid-template-areas: 
        "g1 g1 g1"
        "g2 g3 g3"
        "g2 g4 g4"
        "g2 g5 g6"; 
    }

    .g1 { grid-area: g1; }
    .g2 { grid-area: g2; }
    .g3 { grid-area: g3; }
    .g4 { grid-area: g4; }
    .g5 { grid-area: g5; }
    .g6 { grid-area: g6; }

    .g3 .t-24{
        font-size: 20px;
    }
    .g5 .t-24{
        font-size: 18px;
    }
    .g6{
        margin-left: auto;
    }
}

.box-cart .cover{
    aspect-ratio: 1/1;
    display: block;
}

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

.box-cart .quantity{
    border: 1px solid #D9D9D9;
    padding: .65rem .5rem;
    column-gap: .5rem;
}

.box-cart .quantity svg rect{
    fill: #7FA947;
}

.box-cart .quantity input{
    font-size: 24px;
    line-height: 1;
}

.box-cart-remove{
    width: 50px;
    height: 50px;
    background-color: #F0873D;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

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

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

.box-cart a:hover{
    color: #5B5B5B;
}

.cart-check-wrapper{
    position: sticky;
    top: 175px;
}

.box-ckecout{
    background-color: white;
    border-radius: 15px;
    box-shadow: 0px 15px 36px 0px rgba(0, 0, 0, 0.04);
    padding: 1.5rem;
}

@media (max-width:579px){
    .box-ckecout{
        box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.16);
    }
}

.promocode{
    position: relative;
}

.promocode input{
    height: 50px;
    border: 1px solid #ccc;
    width: 100%;
    padding: .5rem 1.5rem;
}

.promocode input::placeholder{
    color: #C9C9C9;
}

.promocode input:focus::placeholder{
    color: white;
    transition: .4s;
}

.promocode input:focus,
.promocode input:focus-visible{
    box-shadow: none;
    outline: none;
}

.promocode .promo-submit{
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    box-shadow: none;
    border:0;
    color: #7FA947;
    font-weight: 600;
    transition: .4s;
}

.promocode .promo-submit:hover{
    letter-spacing: .5px;
}

.box-cart-info{
    background-color: #E8F5E1;
    border-radius: 15px;
}

.bg-cart-related{
    position: relative;
    background-color: #7FA947;
}

.bg-cart-related::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 38px;
    top: 0;
    left: 0;
    background-image: url(bg-product-travel.png);
}

.bg-cart-related .cart-related-prev,
.bg-cart-related .cart-related-next{
    background-color: #5B5B5B;
}

.bg-cart-related .cart-related-prev:hover,
.bg-cart-related .cart-related-next:hover{
    background-color: white;
}

.cart-related .swiper-slide{
    height: auto;
}

/* FOOTER 
================================
================================*/
.bg-footer{
    position: relative;
    background-size: cover;
    background-position: center;
    background-image: url('https://img.sunfruits.ru/files/1/3931/33967963/original/bg-footer-desk_ver1.jpg');
}
@media (max-width:579px){
    .bg-footer{
        background-image: url('https://img.sunfruits.ru/files/1/5988/32225124/original/bg-footer.png');
    }
}
.bg-footer::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 38px;
    top: -38px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(footer-top.png);
}

@media (max-width:579px){
    .bg-footer{
        background-image: url(bg-footer-mob.jpg) !important;
        background-size: contain;
        background-position: inherit;
    }
    .bg-footer::before{
        background-position: right;
    }
}

.bg-footer.bg-footer-lost{
    background-image: url(bg-footer-lost.jpg);
}

@media (max-width:1200px){
    .footer-wrapper{
        overflow: hidden;
    }
}

.footer-top{
    position: relative;
}

.footer-top-percent{
    font-size: 200px;
    color: rgba(255, 255, 255, .15);
    font-weight: 800;
    line-height: 1;
    position: absolute;
    top: -50%;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    z-index: 0;
}
@media (max-width:579px){
    .footer-top-percent{
        top: -40%;
        left: -20px;
        overflow: hidden;
    }
}

.form-subscribe{
    position: relative;
    z-index: 2;
    margin-bottom: 22rem;
}
@media (min-width:600px) and (max-width:1024px){
    .form-subscribe{
        margin-bottom: 10rem;
    }
}
@media (max-width:579px){
    .form-subscribe{
        margin-bottom: 1.5rem;
    }
}

footer .form-control{
    height: 50px;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid rgba(255, 255, 255, .75);
    color: white;
    padding: 0;
    font-size: 18px;
}

footer .form-control::placeholder{
    color: white;
    font-size: 18px;
    transition: .4s;
}

footer .form-control:focus{
    background-color: transparent;
    box-shadow: none;
    border-color: rgba(255, 255, 255, .75);
    color: white;
    transition: .4s;
}

footer .btn.subscribe{
    background-image: url(arrow-round-white.svg);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    height: 76px;
    justify-content: start;
    padding: 0 3rem;
}
@media(max-width:579px){
    footer .btn.subscribe{
        height: 76px !important;
    }
}

footer .form-control:focus::placeholder{
    color: transparent;
}

.form-switch .form-check-input{
    min-width: 3.3em;
}
.form-check-input{
    height: 1.55em;
    cursor: pointer;
}

.form-check-input:checked{
    background-color: white;
    border-color: white;
}

.form-switch .form-check-input:checked{
    background-image: url(check-point.svg);
}

.form-switch .form-check-input:focus{
    background-image: url(check-point-simple.svg);
}

.form-switch .form-check-input:checked:focus{
    background-image: url(check-point.svg);
    box-shadow: 0 0 0 0.25rem rgba(127, 169, 71, .25);
    border-color: #7FA947;
}

.form-check-input:focus{
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, .25);
    border-color: #ccc;
}

.form-switch{
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

footer .form-switch a{
    text-decoration: none;
    color: #7FA947;
    border-bottom: 1px solid transparent;
    line-height: 1;
}

footer .form-switch a:hover{
    border-bottom: 1px solid #7FA947;
}

.footer-label{
    position: relative;
}

.footer-label-bg{
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 3rem 8.5rem;
    z-index: 1;
}

@media (max-width:1200px){
    .footer-label-bg{
        padding: 3rem 3.5rem;
    }
}

@media (max-width:1024px){
    .footer-label-bg{
        padding: 3rem 2rem;
    }
}
@media (max-width:579px){
    .footer-label-bg{
        padding: 2rem 1.5rem 1.5rem 1.5rem;
        background-image: url(footer-label-mob.jpg) !important;
    }
}

.nav-footer-label{
    column-gap: 3rem;
}
@media(max-width:579px){
    .nav-footer-label{
        column-gap: 0;
        row-gap: 1.25rem;
        flex-direction: column;
    }
    .nav-footer-label a img{
        width: 32px;
        height: 32px;
    }
}

.nav-footer-label li a{
    padding: 0;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    font-size: 18px;
    color: #5B5B5B;
}

.nav-footer-label li a:hover{
    color: #7FA947;
}

.footer-label-els{
    position: relative;
    width: 100%;
    height: 250px;
    display: block;
    min-width: 250px;
}

.fl-el{
    position: absolute;
}

.fl-el1{
    top: 1rem;
    left: -3rem;
}

.fl-el2{
    bottom: -2rem;
    left: -8rem;
    z-index: 1;
}

.fl-el3{
    top: 0;
    right: -2rem;
    bottom: 0;
}

.fl-el4{
    top: 0;
    right: -6rem;
}

@media (min-width:1025px) and (max-width:1200px){
    .fl-el1 {
        top: 1rem;
        left: -1rem;
    }
    .fl-el2 {
        bottom: -2rem;
        left: -3rem;
        z-index: 1;
    }
}

@media (min-width:600px) and (max-width:1024px){
    .fl-el1 {
        top: 1rem;
        left: 0rem;
    }
    .fl-el2 {
        bottom: -2rem;
        left: -3rem;
        z-index: 1;
    }
    .fl-el4 {
        top: 0;
        right: -3rem;
    }
}
@media (max-width:579px){
    .fl-el1{
        top: 1rem;
        left: 0;
        bottom: 0;
    }

    .fl-el2{
        bottom: 0;
        left: -2rem;
        z-index: 1;
    }

    .fl-el3{
        top: 0;
        right: 0;
    }

    .fl-el4{
        top: 0;
        right: -2rem;
    }
}

.footer-label-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.footer-list{
    position: absolute;
    z-index: 0;
}

.footer-list-left{
    top: -3rem;
    left: -12rem;
}

.footer-list-right{
    top: -4rem;
    right: -10rem;
}

.nav-footer{
    flex-direction: column;
}
.nav-footer li a{
    padding: 0;
    line-height: 1;
    margin: .25rem 0;
    color: #E7DCAB;
}

footer hr{
    background-color: rgba(217, 217, 217, 0.30);
    opacity: 1;
}

footer .nav-socials{
    justify-content: start;
}

footer .nav-socials li a:hover svg{
    transform: scale(1.1) rotate(15deg);
}

footer .nav-socials li a svg path{
    fill: #7FA947;
}

footer .powered{
    color: white;
    border-bottom: 1px solid white;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.2;
}

footer .powered:hover{
    color: #7FA947;
    border-color: #7FA947;
}

@media (max-width:579px){
    .footer-nav-columms .col:nth-child(n+3){
        width: 100%;
    }
}

@media (max-width:579px){
    footer .nav-socials{
        column-gap: 2rem;
    }
    footer .nav-socials li a img,
    footer .nav-socials li a svg{
        width: 42px;
        height: 42px;
        object-fit: scale-down;
    }
}

@media (max-width:1200px){
    footer .tool-phone .t-20{
        font-size: 18px;
    }
}

/* LANDING */
.bg-landing{
    background-color: black;
    background-image: url(bg-landidng.jpg);
    background-size: cover;
    background-position: center;
}

.bg-landing header{
    position: relative;
    background-image: none;
    background-color: transparent;
}
.bg-landing header::after{
    display: none;
}

.nav-landinig{
    display: flex;
    flex-direction: column;
    row-gap: 1.75rem;
}

.nav-landinig li{
    position: relative;
    color: white;
    font-size: 26px;
    font-weight: 600;
    padding-left: 2.1rem;
    line-height: 1.1;
}

.nav-landinig li::before{
    position: absolute;
    content: '';
    width:  14px;
    height: 14px;
    top: .5rem;
    left: 0;
    background-image: url(par-star-green.svg);
    background-size: cover;
}

.lan-desc{
    color: white;
}

.lan-desc .quote{
    padding: .75rem 0;
    padding-left: 3rem;
    font-size: 20px;
    background: linear-gradient(to right, #7FA947 6px, transparent 6px);
    line-height: 1.3;
}

.landing .cover img{
    aspect-ratio: 4/3;
    object-fit: cover;
}

.landing-button-next,
.landing-button-prev{
    width: 40px;
    height: 40px;
    background-color: transparent;
    -webkit-mask-image: none;
    position: absolute;
    top: 0;
    left: auto;
    right: auto;
    bottom: 0;
    margin: auto;
}

.landing-button-next{
    background-image: url(arrow-round-right-orange.png);
    right: -20px;
}
.landing-button-prev{
    background-image: url(arrow-round-left-orange.png);
    left: -20px;
}

@media(max-width:1500px){
    .landing-button-next{
        right: -10px;
    }
    .landing-button-prev{
        left: -10px;
    }   
}

.landing-button-next:hover,
.landing-button-prev:hover{
    background-color: transparent;
}


.template-is-page_landing .bg-main-travel{
    background-image: url(main-travel2.jpg);
}

.template-is-page_landing .bg-main-travel::before{
    background-image: url(main-dark-top.png);
    transform: scale(1,-1);
    position: absolute;
    content: '';
    width: 100%;
    height: 38px;
    top: 0;
    left: 0;
}

.template-is-product_landing .product-video{
    max-height: initial;
}

/* 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(6deg) }
  40% { transform: skewX(-6.5deg) skewY(-6.5deg) }
  60% { transform: skewX(3deg) skewY(3deg) }
  80% { transform: rotate(-6deg) }
}

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


@keyframes fist {
  20% { transform: rotate(6deg) }
  80% { transform: rotate(-6deg) }
}

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


@keyframes orehi {
  20% { transform: scale(1) }
  80% { transform: scale(1.05) }
}

.fl-el3{
    animation-name: apel;
    animation-duration: 50s;
    animation-iteration-count: infinite;
}

@keyframes apel {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg);  }
}

/* ENGINE */
#SearchModal .modal-dialog {
    padding: 0 6px
}

#SearchModal .modal-content {
    border-radius: 0 !important;
    background-color: #292929
}

#SearchModal .btn.modsearchico {
    width: 60px;
    height: 60px;
    background: #7DB900;
    border-radius: 0
}

#SearchModal .btn.modsearchico:focus {
    box-shadow: 0 0 0 .25rem rgba(125, 185, 0, .25)
}

#SearchModal input.form-control {
    height: 60px;
    border: 0;
    font-size: 14px;
    font-weight: 600
}

@media (max-width: 579px) {
    #SearchModal .btn.modsearchico {
        width: 50px;
        height: 50px;
        border-radius: 0
    }

    #SearchModal .btn {
        padding: 4px 8px
    }

    #SearchModal .btn.modsearchico img {
        object-fit: cover;
        width: 100%
    }

    #SearchModal input.form-control {
        height: 50px;
        border: 0
    }

    #SearchModal {
        margin-top: 60px;
        clear: both
    }
}

#SearchModal input.form-control:hover,
#SearchModal input.form-control:focus {
    box-shadow: none;
    outline: 0
}

body.modal-open header {
    margin-right: 0 !important
}

#SearchModal input {
    border-radius: 0
}

#SearchModal input::placeholder {
    font-size: 14px
}

#SearchModal .modsearchico svg path {
    fill: #fff !important
}

#SearchModal .modsearchico:hover img {
    transform: scale(1.1)
}

#SearchModal .ajax-search-results {
    padding-top: 2rem;
    margin-top: -1rem;
    z-index: -1
}

#SearchModal ul li a.ajax-search-link {
    position: relative;
    padding: .5rem 1.5rem;
    color: #000;
    text-decoration: none
}

#SearchModal ul li a.ajax-search-link:hover {
    color: #7DB900;
    padding-left: 2.5rem
}

#SearchModal ul li a.ajax-search-link::before {
    position: absolute;
    content: '';
    width: 7px;
    height: 12px;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    background-color: #000;
    -webkit-mask-image: url(ungle-right-bej.svg);
    mask-image: url(ungle-right-bej.svg);
    transition: .4s
}

#SearchModal ul li a.ajax-search-link:hover::before {
    background-color: #BC7E33
}


.bttn-favorite{
    width: 36px;
    height: 33px;
    background-image: url(favorite.svg);
}

body .alertify-notifier .ajs-message.ajs-success{
    background-color: #7DB900;
}

.form-control{
    height: 50px;
    border-radius: 0;
}

.form-control:focus{
    border-color: rgba(204, 204, 204, .25);
    box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, .25);
}

.star-rating{
    display: flex;
}

.star-rating .star-item:after{
    width: 20px;
    height: 20px;
}

.box-item-info .star-rating .star-item:after{
    width: 14px;
    height: 14px;
}

.box-item-info .box-item-review span.text{
    font-size: 12px;
}

.star-rating .star-label:after,
.star-rating .star-item:after{
    background-image: url(star.svg);
}

.star-rating .star-radio:checked ~ .star-label:after,
.star-rating .star-label:hover ~ .star-label:after,
.star-rating .star-label:hover:after,
.star-rating .star-item.active:after,
.star-rating .star-item.active ~ .star-item:after{
    background-image: url(stara.svg) !important;
}

.star-rating .star-item.desactive::after,
.star-rating .star-item.active ~ .star-item.desactive:after{
    background-image: url(star.svg) !important;
} 

.co-button{
    background-color: #67932D !important;
    border-color: #67932D !important;
}

.co-button:focus{
    background-color: #04543B !important;
    border-color: #04543B !important;
}

.adaptive .co-button--checkout{
    margin-left: 0;
    margin-right: 0;
}

/* 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{
        padding: 1rem;
    }
    .client-body{
        padding: 0;
    }
    .co-social_login-list_inner{
        display: flex;
    }
    .co-social_login-list .co-button{
        height: 40px !important;
    }
    .co-form--login a,
    .co-form--login .js-co-login-submit{
        font-size: 12px !important;
    }
    .template-is-checkout2 .col-lg-8 .co-form-controls .co-form-button{
        margin-top: .5rem;
        margin-bottom: 0;
    }
    .co-input--empty_nested .co-input-label{
        padding-left: .5rem;
    }
}

.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;
}

.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;
}

.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: #67932D;
}

.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;
}

.co-social_login-button{
    transition: .4s;
}

.co-social_login-button--vkontakte{
    background-color: #5a7fa6 !important;
    border-color: #5a7fa6 !important;
}

.co-social_login-button--vkontakte:hover,
.co-social_login-button--vkontakte:focus{
    background-color: #486685 !important;
    border-color: #486685 !important;
}

.co-social_login-button--google{
    background-color: #4285f4 !important;
    border-color: #4285f4 !important;
}

.co-social_login-button--google:hover,
.co-social_login-button--google:focus{
    background-color: #1266f1 !important;
    border-color: #1266f1 !important;
}

/*
.co-form-button,
.co-checkout-block .co-button{
    background-color: black !important;
    border-color: black !important;
}
.co-form-button:hover,
.co-checkout-block .co-button:hover{
    background-color: #333 !important;
    border-color: #333 !important;
}
*/

.co-button .socicon{
    font-size: 18px;
}

.co-delivery_method-title{
    font-weight: 500;
}

.co-delivery_method-description{
    font-weight: 300;
}

.co-button--link,
button#create_order,
button.js-modal-submit--login{
    background-color: #67932D !important;
    border-color: #67932D !important;
}
.co-button--link:hover,
button#create_order:hover,
button.js-modal-submit--login:hover{
    background-color: #04543B !important;
    border-color: #04543B !important;
}

.adaptive .co-button--checkout{
    margin-left: 0 !important;
}

.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: 145px !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;
}


.bg-cart-related a.more{
    color: #333333;
    text-decoration: none;
}

.bg-cart-related a.more:hover{
    color: white;
}

.product-added .box-item-qty{
    display: block !important;
}

.product-added .addcart{
    display: none !important;
}

.sidebar-product-wrapper .addcart img{
    transform: translateY(-2px);
}

.co-toggable_field-input--checkbox{
    margin-top: 3px;
}

.template-is-checkout2 .col-lg-8 .co-form-controls{
    display: contents;
}

.template-is-checkout2 .col-lg-8 .co-form-controls .co-form-button{
    margin-top: 0.75rem;
    margin-left: 0;
    margin-right: 0;
}

.jquery-modal .modal{
    height: auto;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}


.menu-icon {
/*  margin: auto;*/
  display: grid;
  place-items: center;
  height: 40px;
  width:  40px;
  cursor: pointer;
  overflow:hidden;
}

.menu-icon > span {
  width: 50px;
  height: 3px;
  display: block;
  background-color: white;
  transition: all 0.3s ease-in-out;
  justify-self: end;
}

.menu-icon > span:nth-child(1) {
  width: 42px;
}

.menu-icon > span:nth-child(2) {
  width: 35px;
}

.burger-wrapper[aria-expanded="false"]:hover .menu-icon > span:nth-child(1) {
  width: 30px;
}

.burger-wrapper[aria-expanded="false"]:hover .menu-icon > span:nth-child(2) {
  width: 40px;
}

.menu-icon.active span:nth-child(1) {
  transform-origin: center center;
  transform: rotate(-45deg) translate(-20%, calc(350% - 0.5px));
  width: 40px;
}

.menu-icon.active span:nth-child(2) {
  transform: translateX(40px);
}

.menu-icon.active span:nth-child(3) {
  transform-origin: center center;
  transform: rotate(45deg) translate(calc(-20% - 0.5px), calc(-350% - 1.5px));
  width: 40px;
}


.template-is-checkout2 label[for="order_field_12064480"],
.template-is-checkout2 #order_field_12064480,
.template-is-checkout2 label[for="order_field_12096415"],
.template-is-checkout2 #order_field_12096415,
.template-is-checkout2 label[for="client_field_12064517"],
.template-is-checkout2 #client_field_12064517{
    display: none;
}

.co-delivery_adress-form{
    column-gap: 1rem;
}

.co-social_login-box .co-social_login-list{
    display: flex;
}

.co-social_login-list .co-button{
    height: auto;
    padding: .25rem;
}

.co-input-field{
    min-height: 50px;
}

.co-title,
.co-section--checkout_content{
    font-family: 'Circe', sans-serif !important;
}
.co-delivery_method-description{
    font-weight: unset;
}

@media (max-width:579px){
    .template-is-product .alertify-notifier {
        display: none !important;
    }
}