@font-face {font-family: "KS Bistra"; src: local("KS Bistra"), url("fonts/KS Bistra/KS Bistra.ttf") format("truetype");font-weight: normal;font-style: normal;}
    @font-face {font-family: "Montserrat"; src: local("Montserrat-Regular"), url("fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");font-weight: normal;font-style: normal;}


    body {background-color: var(--cream);}
    .h1 {font-family: "KS Bistra";font-style: normal;font-weight: 400;font-size: 65px;text-transform: uppercase; color: var(--cream);}
    .h2 {font-family: "KS Bistra";font-style: normal;font-weight: 400;font-size: 60px;text-transform: uppercase; color: var(--green);}
    .h50 {font-family: "KS Bistra";font-style: normal;font-weight: 400;font-size: 50px;line-height: 100%; text-transform: uppercase; color: var(--green);}
    .h40 {font-family: "Montserrat";font-style: normal;font-weight: 500;font-size: 40px;text-transform: uppercase; color: var(--green);}
    .h3 {font-family: "Montserrat";font-style: normal;font-weight: 500;font-size: 30px;text-transform: uppercase; color: var(--green);}
    .h4 {font-family: "Montserrat";font-style: normal;font-weight: 500;font-size: 24px;text-transform: uppercase; color: var(--green);}
    .h5 {font-family: "Montserrat";font-style: normal;font-weight: 500;font-size: 20px; color: var(--green);}
    .h6 {font-family: "Montserrat";font-style: normal;font-weight: 500;font-size: 16px; color: var(--green);}
    .h7 {font-family: "Montserrat";font-style: normal;font-weight: 500;font-size: 14px; color: var(--green);}
    
    .mfs-5 {font-family: "Montserrat";font-style: normal;font-weight: 500;font-size: 18px;}
    
    .fw-400{font-weight: 400;}
    .fw-500{font-weight: 500;}
    .fw-600{font-weight: 600;}
    .fw-700{font-weight: 700;}

    :root {
        --black:    #000000;
        --white:    #ffffff;
        --cream:    #F5E6C7;
        --orange:   #D58B20;
        --khaki:    #7E8224;
        --green:    #153C1D;
        --gray:    #1B1B1966;
        --bs-btn-active-color: #7E8224;
        --bs-btn-active-bg: #F5E6C7;
        --bs-btn-active-border-color: #7E8224;

    }
    a, a:hover {text-decoration: none;transition: all .3s;}
    body {color: var(--green);}
    input[type="number"] {-moz-appearance: textfield;}
    
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
    input[type="number"]:focus-visible {border: none;outline: none;box-shadow: none;border-color: transparent;}
    
    .btn {color: var(--white); background-color: var(--orange); border-radius: 30px; padding-left: 2rem; padding-right: 2rem;}
    .btn.btn-inverse {color: var(--cream); background-color: var(--khaki);}
    .btn:hover {color: var(--cream);background-color: var(--khaki);}
    .btn.btn-inverse:hover {color: var(--khaki); background-color: var(--green);}

    .nav-slider button,
    .nav-slider button.disabled {content: '';border: none;border-radius: 30px;width: 50px;height: 50px;transition: .3s;}
    .nav-slider button::before {margin-top: 6px;}
    .nav-slider button span {display: none;}
    

    
/**--- header --->*/
    .navbar-toggler{z-index: 100;}
    .navbar {--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cdefs%3e%3cfilter id='shadow' x='-50%25' y='-50%25' width='200%25' height='200%25'%3e%3cfeDropShadow dx='0' dy='0' stdDeviation='1' flood-color='%23F5E6C7'/%3e%3c/filter%3e%3c/defs%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' filter='url(%23shadow)' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    #top_panel {position: relative;}
    #top_panel::before,
    #top_panel::after {position: absolute;content: "";top: 0;bottom: 0rem;left: 50%;width: 100vw;transform: translateX(-50%);border-radius: 0 0 50px 50px;z-index: -1;pointer-events: none;}
    
    .top-menu, .bottom-menu {list-style-type: none;}
    .menu-root-item {list-style: none;padding-left: 0;z-index: 10;}

    .top-menu .liselected {cursor: pointer;}

/*Submenu margin*/
.top-menu li ul.menu-root-item {position: absolute;background: #F5E6C74D;border-radius: 30px;border: 1px solid var(--white);padding: 1rem;display: none;width: max-content;min-width: 100%;left: 0;top: 100%;transform: translateX(-25%);}
footer .top-menu li ul.menu-root-item {/*top: 0;*/} 
body.theme-dark #header .top-menu li a,
body.theme-dark #header .top-menu ul.menu-root-item,
body.theme-dark #header .top-menu div.menu-root-item,
body.theme-dark #header .top-menu div.menu-root-item-selected {color: var(--cream);}
body.theme-dark .top-menu li ul.menu-root-item {background: var(--green);}


footer .top-menu ul.menu-root-item li a,
footer .top-menu div.menu-root-item-selected,
body.theme-light #header .top-menu li a,
body.theme-light .top-menu div.menu-root-item,
body.theme-light .top-menu div.menu-root-item-selected {color: var(--green);}


body.theme-dark footer .top-menu li ul.menu-root-item,
body.theme-light .top-menu li ul.menu-root-item {background: var(--cream);}

footer .top-menu li div.menu-root-item-selected:hover,
footer .top-menu li ul.menu-root-item li a:hover,
#header .top-menu li div.menu-root-item:hover,
#header .top-menu li div.menu-root-item-selected:hover,
body.theme-dark #header .top-menu li a:hover {color: var(--khaki);}
body.theme-light #header .top-menu li a:hover {color: var(--khaki);}

/*Submenu hide*/
.top-menu li:hover ul ul,
.top-menu li.jsvhover ul ul,
.top-menu li:hover ul ul ul,
.top-menu li.jsvhover ul ul ul {display: none;}

/*Submenu show*/
.top-menu li:hover ul,
.top-menu li.jsvhover ul,
.top-menu li li:hover ul,
.top-menu li li.jsvhover ul,
.top-menu li li li:hover ul,
.top-menu li li li.jsvhover ul {display: block;}

   /* body.theme-light #top_panel::before {background: #F5E6C74D;filter: blur(13px);}
    body.theme-light #top_panel::after {border: 1px solid var(--white);}
    body.theme-light header .top-menu a {color: var(--green);}
    body.theme-light .top-menu a:hover {color: var(--cream);}
    body.theme-dark #top_panel .top-menu li ul.menu-root-item,
    body.theme-dark #top_panel::before {background: var(--green)}
    body.theme-dark #top_panel::after {border: 1px solid var(--green);}
    body.theme-dark header .top-menu a {color: var(--cream);}
    body.theme-dark .top-menu a:hover {color: var(--khaki);}
    .main-logo:after {pointer-events: none;}
    body.theme-light .main-logo:after {border: 1px solid var(--white);border-top: none;border-left: none;border-right: none;background: transparent;}
    body.theme-dark .main-logo:after {border: 1px solid var(--green);background: var(--green);z-index: -1;}
    */
    .main-logo:before{position: absolute;content: "";border-radius: 0 0 50% 50%;top: 0;bottom: -4rem;left: 50%;width: 200px;z-index: 0;transform: translateX(-50%);}
    .main-logo{width: 106px; height: 106px;}
    body.theme-light .main-logo{background: url('images/logo_main_dark.png');}
    body.theme-light .main-logo:before {filter: blur(13px);}
    body.theme-dark .main-logo{background: url('images/logo_main_light.png');}
    footer .top-menu a:hover,footer .bottom-menu:hover {color: var(--khaki);}
    footer .bottom-menu a {color: var(--green);}
    .header-icon {width: 44px;height: 44px;background-repeat: no-repeat;background-position: center;background-size: contain;transition: background-image 0.2s ease;}

 
    .dwnld-mobile-icon  {background-image: url('images/icons/dwnld_mobile.svg');}
    .dwnld-mobile-icon:hover  {background-image: url('images/icons/dwnld_mobile_hov.svg');}
    .cart-icon  {background-image: url('images/icons/cart.svg');}
    .cart-icon:hover  {background-image: url('images/icons/cart_hov.svg');}
    div.cart-icon.empty  {background-image: url('images/icons/cart_empty.svg');width: 44px;height: 44px;}
    div.cart-icon.empty:hover  {background-image: url('images/icons/cart_empty_hov.svg');width: 44px;height: 44px;}
    .basket-quantity  {top: -10px;right: -10px; color: var(--cream);border-radius: 50%;font-size: 14px;z-index: 2;}
    .header-icon.cart-icon .basket-quantity::before  {content: '';position: absolute;top: 50%;left: 50%;width: 22px;height: 22px;background: var(--khaki);border-radius: 50%;transform: translate(-50%, -50%);z-index: -1;}
    .header-icon.cart-icon .basket-quantity.zeroitems::before  {display: none;}
    .cart-icon:hover .basket-quantity  {color: var(--orange);}
    
    .personal-icon  {background-image: url('images/icons/personal.svg');}
    .personal-icon:hover  {background-image: url('images/icons/personal_hov.svg');}
    
    
    select[name="LANGUAGE"] {background-color: var(--khaki);border: none;color: var(--cream);cursor: pointer;outline: none;width: 65px;height: 42px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url('images/system/c_down.svg');background-repeat: no-repeat;background-position: right 8px center;padding: 0 0 0 10px;font-size: 18px;border-radius: 20px;}
    select[name="LANGUAGE"]:focus {border-color: var(--cream);outline: 0;box-shadow: 0 0 0 .25rem rgba(126, 130, 36, 0.25);}
    select[name="LANGUAGE"]:hover{background-color: var(--orange);}

    .header-search .search-input {height: 32px;border: 1px solid var(--cream); border-radius: 30px;padding: 5px 25px; color: var(--cream); background-color: rgba(255, 255, 255, 0.3)}
    .header-search .search-input:focus-visible {outline: none;border: 2px solid #7E8224;}
    .header-search .search-input::placeholder {color: var(--cream);opacity: 1;font-size: 18px;}
    .header-search .ico-search{position: absolute;right: 0;top: 0;bottom: 0;}
    .header-search label {content: url('images/system/search.svg');height: 100%;padding: .5rem;cursor: pointer;}
    
    @media screen and (min-width:992px) {
        .w-lg-100 {width: 100%;}
    }
    @media screen and (max-width:1199px) {
        body #navbar-content #top_panel::before {width: 100vw;}
    }
    @media screen and (max-width:991px) {
        #navbar-content {position: absolute; padding-top: 8rem; left: 0; right: 0;}
        body #navbar-content #top_panel::before {background-color: var(--green);filter: none;border: none;}
        body #navbar-content #top_panel::after {filter: none;border: none;}
        body #navbar-content #top_panel .top-menu a{color: var(--white);}
        body #navbar-content #top_panel .w-100-mobile{width: 100%;}
    }
    /*--- header ---<**/
    /**--- main banner --->*/
    .mod-mainbanner .main-banner {padding: 6rem 0;height: 979px;}
    .mod-mainbanner .main-banner:before {position: absolute;content: "";background: var(--banner-bg) no-repeat center/cover;border-radius: 0 0 100px 100px;top: -9rem;bottom: 9rem;left: 50%;width: 100vw;z-index: -10;transform: translateX(-50%);}
    .mod-mainbanner .first-word,
    .mod-mainbanner .second-word{color: var(--white);}
    .mod-mainbanner .first-word{background-color: var(--green); padding: 4px 20px 4px 20px; border-radius: 30px;}
    .mod-mainbanner .preview_text {color: var(--white); text-transform: uppercase;}
    .mod-mainbanner .banner-benefits {color: var(--green); background-color: var(--white);border-radius: 30px;}
    .mod-mainbanner .superproduct-link {position: absolute; bottom: 3rem;right: 1rem;}
    .mod-mainbanner .superproduct {position: relative; z-index: 5;}
    .mod-mainbanner .superproduct-block::before {position: absolute;content: "";top: 50%;left: 50%;width: 467px;height: 467px;bottom: 0;background: url('images/bg/home/supertovar.svg') center no-repeat;transform: translate(-50%, -50%);z-index: 1;}
    
    /*.mod-mainbanner .superproduct {background-color: var(--white);border: 5.6px solid var(--green); border-radius: 50%;width: 408px;height: 408px;}
    .mod-mainbanner .crcl1,
    .mod-mainbanner .crcl2,
    .mod-mainbanner .crcl3 {position: absolute;top: 50%;left: 50%;background-color: var(--white);border-color: var(--green);border-style: solid; border-radius: 50%;transform: translate(-50%, -50%);}
    .mod-mainbanner .crcl1 {width: 464px;height: 464px;border-width: 0.97px;z-index: -4;box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.7);}
    .mod-mainbanner .crcl2 {width: 449px;height: 449px;border-width: 2px;z-index: -3;}
    .mod-mainbanner .crcl3 {width: 429px;height: 429px;border-width: 3.7px;z-index: -2;}*/
    .mod-mainbanner .superproduct img{max-width: 265px;}
    .mod-mainbanner .superproduct .superproduct-name {color: var(--green); text-transform: uppercase;}
    
    /*--- main banner ---<**/
    
    
    /**--- region banner --->*/

/*
.mod-region .region-banner::before {position: absolute;content: "";top: 0;bottom: -37rem;left: 50%;width: 100vw;transform: translateX(-50%);pointer-events: none;z-index: -100;background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--bg-pic) fixed bottom no-repeat;}
/*.mod-region .region-banner::before {background:url('images/bg/up_bg.png') top no-repeat,url('images/bg/down_bg.png') bottom no-repeat;z-index: -10;}
.mod-region .region-banner::after {background: var(--bg-pic) no-repeat center;filter: brightness(0.8);z-index: -11;}* /
.mod-region .region-banner-header {padding-top: 10rem;}
*/
.mod-region div.h2,
.mod-region div.region-color {color: var(--white);}
.mod-region.mod-armenia div.region-color{color: var(--green);}

.mod-region .nav-slider .owl-prev {background: var(--white) url('images/system/slider_arr_left_light.svg') center no-repeat; margin-right: 1rem;transition: all 0.2s ease-in-out;}
.mod-region .nav-slider .owl-prev:active {background: var(--khaki) url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.1667 15.583H1' stroke='%23153C1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M15.5833 30.1667L1 15.5833L15.5833 1' stroke='%23153C1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") center no-repeat;transform: translateY(2px);}
.mod-region .nav-slider .owl-next {background: var(--white) url('images/system/slider_arr_right_light.svg') center no-repeat; margin-right: 1rem;transition: all 0.2s ease-in-out;}
.mod-region .nav-slider .owl-next:active {background: var(--khaki) url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15.583H30.1667' stroke='%23153C1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5833 1L30.1666 15.5833L15.5833 30.1667' stroke='%23153C1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;transform: translateY(2px);}


.mod-region {padding-top: 200px;padding-bottom: 200px;}
.mod-region.bg-color::before {background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), var(--bgimg) fixed bottom no-repeat;}
.mod-region.mod-russia.bg-color::before,
.mod-region.mod-armenia.bg-color::before {background-position:0 0, 0 -6rem;}

    /*--- region banner ---<**/
    
    
    
    /**--- withlove --->*/
    .mod-withlove {position: relative; padding-top: 5rem;}
    .mod-withlove .h2{line-height: 0.9;}
    .mod-withlove::before {position: absolute;content: "";background: url('images/bg/home/telega_rev.png') left bottom no-repeat;top: 0;bottom: 0;left: -18rem;width: 60rem;z-index: -1;}
    .mod-withlove::after{position: absolute;content: "";background: url('images/bg/home/bread_basket.png') right bottom no-repeat;top: 0;bottom: 0;right: calc(50% - 50vw);width: 30rem; z-index: -1;}
    @media screen and (max-width:991px) {
        .mod-withlove::before,
        .mod-withlove::after{display: none;}
    }
    /*--- withlove ---<**/
    
    
    /**--- blog --->*/
    .mod-blog .blog-bg {position: relative;}
    .mod-blog .blog-bg::before {position: absolute;content: "";background: url('images/bg/blog/tree.png') left top no-repeat;top: -3rem;bottom: -35rem;left: 0;width: 55rem;z-index: -1;transform: translateX(-80%);}
    
    .mod-blog .active-style {color: var(--green);cursor: default;}
    .mod-blog .nonactive-style {color: var(--cream); background-color: var(--orange); border-radius: 30px; }
    .mod-blog .nonactive-style:hover {color: var(--cream);background-color: var(--khaki);cursor: pointer;}
    .mod-blog img {border-radius: 30px;}
    .mod-blog .blog-item-name::before {position: absolute;content: "";background: url('images/system/arr_link.svg') top no-repeat;top: 0;bottom: 0;right: 0%;width: 21px;}
    .blog-detail img.detail_picture {float: left;margin: 0 8px 6px 1px; border-radius: 30px; overflow: hidden;}
    

    .mod-blog .header-search .search-input {height: 32px;border: 1px solid var(--khaki); border-radius: 30px;padding: 5px 25px; color: var(--green); background-color: rgba(255, 255, 255, 0.3)}
    .mod-blog .header-search .search-input:focus-visible {outline: none;border: 2px solid var(--green);}
    .mod-blog .header-search .search-input::placeholder {color: var(--khaki);opacity: 1;font-size: 18px;}
    .mod-blog .header-search .ico-search{position: absolute;right: 0;top: 0;bottom: 0;}
    .mod-blog .header-search label {content: url('images/system/search_green.svg');height: 100%;padding: .5rem;cursor: pointer;}
    
    
    .mod-blog .blogtag {background: var(--khaki); color: var(--cream);border-radius: 30px; cursor: pointer;}
    .mod-blog .blogtag.active {background: var(--orange);}
    /*--- blog ---<**/
    
    /**--- contacts --->*/
    .mod-contacts .block-contacts::before {position: absolute;content: "";background: url('images/bg/blog/wagon.png') right bottom no-repeat;top: -7rem;bottom: 1rem;right: 0;width: 75rem;z-index: -1;transform: translateX(37%);}
    .mod-contacts .contact-card {max-width: 857px;border-radius: 30px; padding: 20px;background-color: #FFFFFF99;}
    .mod-contacts .contact-card-inner {border-radius: 30px; padding: 20px; border-width: 2px;border-style: dashed; border-color: var(--khaki);}
    .mod-contacts .contact-card-inner img{width: 35px;height: 35px;}
    .mod-contacts .contact-card-inner .h4,
    .mod-contacts .contact-card-inner .h5{margin: 0;text-transform: none;}
    
    .mod-contacts .zinsta {z-index: 2;}
    .mod-contacts .block-contacts  .contact-card {background-color: #FFFFFF99;}
    .mod-contacts .block-contacts-page  .contact-card {background-color: #F5E6C7E6;}
    /*--- contacts ---<**/
    

    /**--- recommend --->*/
    .mod-recommend::before {position: absolute;content: "";background: url('images/bg/recommend/hen.svg') left top no-repeat;top: 20rem;bottom: -10rem;}    
    /*--- recommend ---<**/




    /**--- process --->*/
    .mod-process {text-align: center; position: relative;}
    .mod-process .block-process {position: absolute;top: 2rem; left: 50%;transform: translateX(-50%);}
    .mod-process .name{top: 2rem;}
    .mod-process::before {content: ''; position: absolute; background: url('images/bg/process/grow.svg') left no-repeat; top: 5rem;left: 0;bottom: -5rem; width: 480px; transform: translateX(-80%);z-index: -10;}
    .mod-process::after {content: ''; position: absolute; background: url('images/bg/process/cow_head.svg') left no-repeat; top: -15rem;right: 0;bottom: -5rem; width: 460px; transform: translateX(85%);z-index: -10;}
    .mod-process .card-body {border-radius: 1000px; padding: 10px 20px 0 0;background: rgba(255, 255, 255, 0.6);border: 0 none;}
    .mod-process .block-cards > *:nth-child(1)::before {content: ''; position: absolute; background: url('images/bg/process/curv1.svg') no-repeat; top: 0;left: 0;bottom: 0; width: 165px; transform: translate(25%, 95%);z-index: -10;}
    .mod-process .block-cards > *:nth-child(2)::before {content: ''; position: absolute; background: url('images/bg/process/curv2.svg') no-repeat; top: 0;right: -50%;bottom: 0; width: 165px; transform: translate(25%, 55%);z-index: -10;}
    .mod-process .block-cards > *:nth-child(3)::before {content: ''; position: absolute; background: url('images/bg/process/curv3.svg') no-repeat; top: 0;right:0;bottom: 0; width: 165px; transform: translate(50%, 25%);z-index: -10;}
    .mod-process .block-cards > *:nth-child(4)::before {content: ''; position: absolute; background: url('images/bg/process/curv4.svg') no-repeat; top: 0;right:-50%;bottom: 0; width: 165px; transform: translate(25%, 50%);z-index: -10;}
    /*--- process ---<**/
    
    
    /**--- catalog --->*/
    .card.card-body.card-product {box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.1);}
    .card.card-body.card-product .block-icons{border-radius: 30px; border-width: 1px;border-style: dashed;}
    .card.card-body.card-product .block-name .color-weight{ color: var(--gray);}
    .card.card-body.card-product a.img {background: var(--white); border-radius: 30px; border-width: 1px;border-style: dashed;overflow: hidden;}
    .card.card-body.card-product {height: 100%; /*padding: 30px 20px;*/ position: relative;}
    
    .card.card-body.card-product.theme-light {background: #FBF5E9;border-color: var(--white);}
    .card.card-body.card-product.theme-light a.img,
    .card.card-body.card-product.theme-light .block-icons,
    .card.card-body.card-product.theme-light::before{border-color: var(--khaki);}


    .card.card-body.card-product.theme-dark {background: #7E822499;}
    .card.card-body.card-product.theme-dark a.img,
    .card.card-body.card-product.theme-dark .block-icons,
    .card.card-body.card-product.theme-dark::before {border-color: var(--cream);}

    
    .card.card-body.card-product::before {position: absolute; top:14px; left:14px; right: 14px; bottom: 14px; content: ''; border-left-width: 1px;border-left-style: dashed;border-right-width: 1px;border-right-style: dashed; border-radius: var(--bs-border-radius); pointer-events: none;}
    .card.card-body.card-product .block-icons .icon {width: 40px;height: 40px;background-repeat: no-repeat;background-position: center;background-size: contain;transition: background-image 0.2s ease; cursor: pointer;}

 
    .card.card-body.card-product.theme-dark .block-icons .icon.icon-buy  {background-image: url('images/icons/cards/cart_small_dark_theme.svg');}
    .card.card-body.card-product.theme-light .block-icons .icon.icon-buy  {background-image: url('images/icons/cards/cart_small_light_theme.svg');}
    .card.card-body.card-product.theme-dark .block-icons .icon.icon-more  {background-image: url('images/icons/cards/arrow_item_dark_theme.svg');}
    .card.card-body.card-product.theme-light .block-icons .icon.icon-more  {background-image: url('images/icons/cards/arrow_item_light_theme.svg');}
    .card.card-body.card-product.theme-dark .block-icons .icon.icon-favorite  {background-image: url('images/icons/cards/favorit_no_dark_theme.svg');}
    .card.card-body.card-product.theme-light .block-icons .icon.icon-favorite  {background-image: url('images/icons/cards/favorit_no_light_theme.svg');}

    .catalog-search input {height: 32px;border: 1px solid var(--khaki); border-radius: 30px;padding: 5px 25px; color: var(--green); background-color: var(--white)}
    .catalog-search input:focus-visible {outline: none;border: 2px solid var(--green);}
    .catalog-search input::placeholder {color: var(--khaki);opacity: 1;font-size: 18px;}
    .catalog-search .ico-search{position: absolute;right: 0;top: 0;bottom: 0;}
    .catalog-search label {content: url('images/system/search_green.svg');height: 100%;padding: .5rem;cursor: pointer;}


    .catalog-sort-select {display: block;width: 100%;padding: .375rem 2rem .375rem 3rem;font-weight: 800;line-height: 1.5;color: var(--khaki);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: var(--cream);background-image: url('images/system/free-icon-bars-sort.svg');background-repeat: no-repeat;background-position: left center;background-size: 40px;border: none;border-radius: 0;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;cursor: pointer;}
    .catalog-sort-select:focus-visible {outline: none;}
    .catalog-sort-select option {background-color: var(--white);color: var(--khaki);}

    .accordion .bx-filter{min-width: 1px;}
    .smartfilter .accordion-header{margin-top: 1rem;}
    /*--- catalog ---<**/
    
    /*--- careers --->*/
    .mod-hr .card-border{border: 2px dashed var(--khaki); border-radius: 30px;}
    .mod-hr .h3 {text-transform: none;}
    .style {border-radius: 30px;padding: 5px 10px;}
    .style.place{background-color:#7E82244D; color: var(--green);}
    .style.expirience{background-color:#D58B204D;color: var(--orange);}


    /*--- careers ---<*/
    
    
    @media screen and (min-width:1200px) {


    }
    @media screen and (min-width:992px) {
        .mod-process {height:760px;}
        .mod-process .block-cards > *:nth-child(2),
        .mod-process .block-cards > *:nth-last-child(2) {transform: translateY(55%);}
        .mod-process .block-cards > *:nth-last-child(3) {transform: translateY(120%); padding: 0 6rem;}
        #header {overflow: hidden;}
        #header::before {content: url('/upload/bg/024.svg');position: absolute;top: 0;left: 50%;margin-left: -960px;border-radius: 0}
        body.theme-light #header::before {content: url('/upload/bg/023.svg');}
        body.theme-light #header::before {backdrop-filter: blur(6.5px);mask: url('/upload/bg/024.svg');-webkit-mask: url('/upload/bg/024.svg');mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-size: 100% 100%;-webkit-mask-size: 100% 100%;}
        .main-banner .promotion .box {position: absolute;}
        .mod-partners{min-height: 30rem;}
        .mod-withlove {min-height: 27rem;}

                
    }
    @media screen and (max-width:1199px) {
        .mod-blog .blog-bg::before {transform: translateX(-55%);}
        .h5{font-size: 14px;}
        .h6{font-size: 14px;}
        
    }
    @media screen and (min-width:992px) and  (max-width:1199px) {
        #top_panel .btn {padding-left: 1rem; padding-right: 1rem;}
        #top_panel .btn.h6,
        .top-menu .h6 {font-size: 12px;}
        .gx-lgxl-1 {--bs-gutter-x: 0.25rem;}
        .gx-lgxl-1 img{scale: 0.9;}
        select[name="LANGUAGE"] {width: 60px;height: 39px; padding: 0 0 0 6px;}
        .mod-mainbanner .superproduct-block{scale: 0.8;}
        .mod-contacts .block-contacts::before {bottom: -5rem;right: 10rem;width: 70rem;scale: 0.7;}
        .mod-process {margin-top: 5rem;}
        .mod-process .h2{font-size: 45px;}
        .mod-process .h6{font-size: 12px;}
        .mod-process::before{transform: translateX(0);}
        .mod-process::after{transform: translateX(0);}
        .mod-process .block-cards > *:nth-child(1)::before { transform: translate(5%, 105%);scale: 0.8;}
        .mod-process .block-cards > *:nth-child(2)::before { transform: translate(45%, 55%);scale: 0.8;}
        .mod-process .block-cards > *:nth-child(3)::before { transform: translate(45%, 25%);scale: 0.8;}
        .mod-process .block-cards > *:nth-child(4)::before { transform: translate(45%, 45%);scale: 0.8;}

        
    }
    
    @media screen and (max-width:991px) {
        #header {padding-bottom: 20px;}
        .mod-mainbanner .main-banner {padding: 2rem 0;height: 1400px;}
        .mod-mainbanner .superproduct-link {right: 50%; bottom: 8rem; transform: translate(50%, 50%);}
        .mod-contacts .contact-card-inner img{width: 30px;height: 30px;}
        .mod-contacts .block-contacts::before {display: none;}
        .mod-blog .blog-bg::before {transform: translateX(-50%);}
        .mod-process .block-process {position: relative;left: 0;transform: none;}
        .mod-process::before,
        .mod-process::after{display: none;}
        .mod-process .block-cards > * {padding-bottom: 10rem;}
        .mod-process .block-cards > *:nth-child(1)::before {background: url('images/bg/process/curv1m.svg') center top no-repeat;  width: 24px; left: 50%; transform: translate(-50%, 70%);}
        .mod-process .block-cards > *:nth-child(2)::before {background: url('images/bg/process/curv2m.svg') center top no-repeat;  width: 24px; left: 50%; transform: translate(-50%, 70%);}
        .mod-process .block-cards > *:nth-child(3)::before {background: url('images/bg/process/curv1m.svg') center top no-repeat;  width: 24px; left: 50%; transform: translate(-50%, 70%);}
        .mod-process .block-cards > *:nth-child(4)::before {background: url('images/bg/process/curv2m.svg') center top no-repeat;  width: 24px; left: 50%; transform: translate(-50%, 70%);}
        .mod-process .card-body {padding-bottom: 10px;}
        .mod-about .btn {width: 100%;}
        /*.mod-catalog{margin-top: 10rem;}*/
        .top-menu li ul.menu-root-item {min-width: 75%;left: 50%;transform: translateX(-50%);}
        .price.h5{font-size: 20px;font-weight: 600}
        body.theme-light .top-menu div.menu-root-item-selected {color: var(--white);}
        body.theme-light footer .top-menu div.menu-root-item-selected {color: var(--green);}
        body.theme-light .top-menu li ul.menu-root-item {background-color: var(--khaki);}
        .accordion .h5{font-size: 14px;}
        .h5{font-size: 20px;}
        .h6{font-size: 18px;}
        .mod-ecology .canvas .preview_text > * {position: relative;max-width: 100%;padding: 1rem 2rem 1rem 2rem;}
        .mod-ecology .canvas .detail_text ul li {position: relative; padding: 1rem 0 1rem 2rem; width: 100%;top: 0; left: 0;text-align: left;}
        .mod-ecology .canvas .detail_text ul li::before{right: 0; left: 0;}
        .mod-ecology .canvas .detail_text ul {position: relative; top: 0; left: 0;}
        .mod-ecology .canvas .preview_picture {position: absolute;top: 50%;bottom: 0; left: 0; right: 0;transform: translateY(-50%);}
        .mod-ecology .canvas .preview_picture .main-label{display: none;}
        .mod-partners.bg-color::before{display: none;}
        .mod-benefits .preview_text > * {max-width: none;}

        
    }
    
    @media screen and (max-width:767px) {
        .mod-process .block-cards > *:nth-child()::before {transform: translate(-50%, 75%);}
        .h1 {font-size: 55px;}
        .h2 {font-size: 48px;}
        .h40 {font-size: 36px;}
        .h4 {font-size: 20px;}
        .accordion .h5{font-size: 20px;}

        .mod-blog .blog-bg::before{display: none}
    }
    @media screen and (max-width:575px) {
        .mod-mainbanner .main-banner {height: 1200px;}
        .h1 {font-size: 42px;}
        .h2 {font-size: 38px;}
        .h50 {font-size: 32px;}
        .h40,
        .h3 {font-size: 28px;}
        .h4 {font-size: 16px;}
        .contact-card-inner .h4 {font-size: 18px;}
        .h5 {font-size: 16px;}
        .form-control{font-size: 0.75rem;}
    }
    @media screen and (max-width:500px) {
        .mod-mainbanner .superproduct-block{scale: 0.75;}
        /*.mod-catalog{margin-top: 5rem;}*/

    }
    @media screen and (max-width:450px) {
        .h1 {font-size: 32px;}    
        .h2 {font-size: 28px;}    
        .h3 {font-size: 18px;}
        .h40 {font-size: 16px;}
        .h4 {font-size: 12px;}
        .contact-card-inner .h4 {font-size: 18px;}

        .mod-mainbanner .main-banner {height: 1100px;}

    }
    @media screen and (max-width:400px) {
        .mod-mainbanner .superproduct-block{scale: 0.6;}
    }

    .personal .menu {}
    .personal .menu ul {display: block; margin:0; padding: 0;}
    .personal .menu ul li {display: block; margin:0; padding: 0;}
    .personal .menu ul li a {display: block; margin:0; padding: 0;}
    .personal .menu ul li.selected a {font-weight: bold;}

    /*Стили пагинации*/
    .modal-header .btn-close{z-index: 1000;}
    .bx-pagination .bx-pagination-container ul li.bx-pag-all span,
    .bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
    .bx-pagination .bx-pagination-container ul li.bx-pag-next span {background-color: var(--cream); color: var(--khaki);border: 2px solid var(--khaki);}
    .bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
    .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
    .bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background: var(--khaki); color: var(--cream);height: auto; border: 2px solid var(--khaki);}
    .bx-pagination .bx-pagination-container ul li span {background: var(--khaki); color: var(--cream);height: auto;}
    .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
    .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
    .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background: var(--green); color: var(--cream);border: 2px solid var(--green);}
    .bx-pagination .bx-pagination-container ul li a:hover span {background: var(--green); color: var(--cream);}
    .bx-pagination .bx-pagination-container ul li.bx-active span {background-color: var(--orange); color: var(--cream);}

    .visible-xs,
    .visible-sm,
    .visible-md,
    .visible-lg {
        display: none !important;
    }
    
    .has-feedback {position: relative;}
    .form-control-feedback {position: absolute;top: 0;right: 0;z-index: 2;display: block;width: 34px;height: 34px;line-height: 34px;text-align: center;}
    /*Скрыть всплывающую подсказку в фильтре товаров по цене*/
    .bx-filter-popup-result {display: none !important;}