@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{background: no-repeat url('images/logo-seazon_light.png') center/ contain; }
body.theme-light .main-logo:before {filter: blur(13px);}
/* body.theme-dark .main-logo{background: url('images/logo_main_light.png');} */
body.theme-dark .main-logo{background: no-repeat url('images/logo-seazon_dark.png') center/ contain; }
footer .top-menu a:hover,footer .bottom-menu:hover {color: var(--khaki);}
footer .bottom-menu a {color: var(--green);}
#logo-footer { margin: -16px 0 16px; }
.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');}
.like-icon  {background: url('/upload/icons/like.svg') #7E8224 center no-repeat; border-radius: 50%;}
.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 .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 .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: 75px; 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 (max-width:991px) {
    body #header::before {
        content: '';
        backdrop-filter: blur(6.5px);
        background: rgba(255, 255, 255, .95);
        width: 100%;
        position: absolute;
        height: 100%;

    }
    #header #logo img {height:60px;}
    #header {padding:0 !important;}

}
@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: 32px;}
    .h2 {font-size: 28px;}
    .h50 {font-size: 26px;}
    .h40,
    .h3 {font-size: 24px;}
    .h4 {font-size: 16px;}
    .contact-card-inner .h4 {font-size: 16px;}
    .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;}
    .ar .h40 {}
    .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;}
.bx-filter .bx-ui-slider-track {background:var(--green);}
