@font-face {font-family: 'Circe'; font-style: normal; font-weight: 300; font-display: swap; 
    src: url('fonts/Circe/Circe-Light.eot');
    src: local('Circe Light'), local('Circe-Light'),
        url('fonts/Circe/Circe-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Circe/Circe-Light.woff2') format('woff2'),
        url('fonts/Circe/Circe-Light.woff') format('woff'),
        url('fonts/Circe/Circe-Light.ttf') format('truetype');   
}

@font-face {font-family: 'Circe'; font-style: normal; font-weight: 800; font-display: swap;
    src: url('fonts/Circe/Circe-ExtraBold.eot');
    src: local('Circe Extra Bold'), local('Circe-ExtraBold'),
        url('fonts/Circe/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Circe/Circe-ExtraBold.woff2') format('woff2'),
        url('fonts/Circe/Circe-ExtraBold.woff') format('woff'),
        url('fonts/Circe/Circe-ExtraBold.ttf') format('truetype');
}

@font-face {font-family: 'Circe'; font-style: normal; font-weight: 100; font-display: swap;
    src: url('fonts/Circe/Circe-Thin.eot');
    src: local('Circe Thin'), local('Circe-Thin'),
        url('fonts/Circe/Circe-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Circe/Circe-Thin.woff2') format('woff2'),
        url('fonts/Circe/Circe-Thin.woff') format('woff'),
        url('fonts/Circe/Circe-Thin.ttf') format('truetype');   
}

@font-face {font-family: 'Circe'; font-style: normal; font-weight: normal; font-display: swap;
    src: url('fonts/Circe/Circe-Regular.eot');
    src: local('Circe'), local('Circe-Regular'),
        url('fonts/Circe/Circe-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Circe/Circe-Regular.woff2') format('woff2'),
        url('fonts/Circe/Circe-Regular.woff') format('woff'),
        url('fonts/Circe/Circe-Regular.ttf') format('truetype');
}

@font-face {font-family: 'Circe'; font-style: normal; font-weight: bold; font-display: swap;
    src: url('fonts/Circe/Circe-Bold.eot');
    src: local('Circe Bold'), local('Circe-Bold'),
        url('fonts/Circe/Circe-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Circe/Circe-Bold.woff2') format('woff2'),
        url('fonts/Circe/Circe-Bold.woff') format('woff'),
        url('fonts/Circe/Circe-Bold.ttf') format('truetype');
}

@font-face {font-family: 'Golos'; font-style: normal; font-weight: 500; font-display: swap;
    src: url('fonts/Golos/GolosText-Medium.eot');
    src: local('Golos Text Medium'), local('GolosText-Medium'),
        url('fonts/Golos/GolosText-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Golos/GolosText-Medium.woff2') format('woff2'),
        url('fonts/Golos/GolosText-Medium.woff') format('woff'),
        url('fonts/Golos/GolosText-Medium.ttf') format('truetype');
}

@font-face {font-family: 'Golos'; font-style: normal; font-weight: 900; font-display: swap;
    src: url('fonts/Golos/GolosText-Black.eot');
    src: local('Golos Text Black'), local('GolosText-Black'),
        url('fonts/Golos/GolosText-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Golos/GolosText-Black.woff2') format('woff2'),
        url('fonts/Golos/GolosText-Black.woff') format('woff'),
        url('fonts/Golos/GolosText-Black.ttf') format('truetype');  
}

@font-face {font-family: 'Golos'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('fonts/Golos/GolosText-DemiBold.eot');
    src: local('Golos Text DemiBold'), local('GolosText-DemiBold'),
        url('fonts/Golos/GolosText-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Golos/GolosText-DemiBold.woff2') format('woff2'),
        url('fonts/Golos/GolosText-DemiBold.woff') format('woff'),
        url('fonts/Golos/GolosText-DemiBold.ttf') format('truetype');
}

@font-face {font-family: 'Golos'; font-style: normal; font-weight: bold; font-display: swap;
    src: url('fonts/Golos/GolosText-Bold.eot');
    src: local('Golos Text Bold'), local('GolosText-Bold'),
        url('fonts/Golos/GolosText-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Golos/GolosText-Bold.woff2') format('woff2'),
        url('fonts/Golos/GolosText-Bold.woff') format('woff'),
        url('fonts/Golos/GolosText-Bold.ttf') format('truetype');
}

@font-face {font-family: 'Golos'; font-style: normal; font-weight: normal; font-display: swap;
    src: url('fonts/Golos/GolosText-Regular.eot');
    src: local('Golos Text Regular'), local('GolosText-Regular'),
        url('fonts/Golos/GolosText-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Golos/GolosText-Regular.woff2') format('woff2'),
        url('fonts/Golos/GolosText-Regular.woff') format('woff'),
        url('fonts/Golos/GolosText-Regular.ttf') format('truetype');
}


html {margin: 0; padding: 0; height: 100%;}

body {
	margin: 0;
	height: 100%;
	overflow-x: hidden;
    color: #2C3329;
    font-family: 'Golos', Tahoma, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
	
}

.clear {clear:both;}

a {border: 0; text-decoration: none; color: #86C555;}
a:hover {color: #93D95E;}

.link-b {color: #2C3329; cursor:pointer;}
.link-b:hover {color: #86C555;}



.link-bg {color: #2C3329; cursor:pointer;}
.link-bg:hover {color: #fff;background-color:#86C555;}
.link-bg:hover i {color: #fff;background-color:#86C555; }
.link-bg:hover i::before{-webkit-text-stroke: 0.5px #86C555;}
.br-w:hover{padding:11px 15px;border:1px solid #fff;}

.link-g {color: #808588; cursor:pointer;}
.link-g:hover {color: #2C3329;}

.link-w {color: #fff; cursor:pointer;}
.link-w:hover {color: #93D95E;}

.nowrap { white-space: nowrap }

img {border-width: 0px; /* max-width: 100%; height: auto; */}

table {border-style: none; border-collapse: collapse;}

textarea { resize: none; outline:none; font-family: 'Golos', Tahoma, Helvetica, sans-serif;}
textarea::placeholder {color: #2C3329; font-family: 'Golos', Tahoma, Helvetica, sans-serif;}
input {outline:none; font-family: 'Golos', Tahoma, Helvetica, sans-serif;}
input::placeholder {color: #808588; font-family: 'Golos', Tahoma, Helvetica, sans-serif; font-weight:500;}


h1, h2, h3, h4, h5, h6 {margin:0;}
h1, .h1 {font-family: 'Circe'; font-style: normal; font-weight: 700; font-size: 48px; line-height: 48px; color: #86C555;}
h2 {font-family: 'Circe'; font-style: normal; font-weight: 700; font-size: 32px; line-height: 36px;}
h3 {font-family: 'Golos'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px;}
h4 {font-family: 'Golos'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px;}

.h1s{font-size: 56px; line-height: 56px; color: #2C3329;}
.h1w {font-family: 'Circe'; font-style: normal; font-weight: 700; font-size: 48px; line-height: 48px; color: #fff;}
.white{color:#fff;}
.white50{color:#fff; opacity: 0.5;}
.white80{color:#fff; opacity: 0.8;}

.fz12{font-size: 12px;}
.fz16{font-size: 16px; line-height: 24px;}
.fz18{font-size: 18px; line-height: 27px;}

.txt-norm {color: #2C3329;}
.txt-gray {color: #808588;}
.txt-green {color: #86C555;}
.txt-red {color: #F26D51;}
.txt-red-b {color: #C72222;}
.txt-violet {color: #631B49;}
.txt-violet2 {color: #672047;}

.txt10-14{font-size:10px; line-height:14px;}
.txt10{font-size:10px; line-height:16px;}
.txt12{font-size:12px; line-height:18px;}
.txt14{font-size:14px; line-height:20px;}
.txt14-0{font-size:14px;}
.txt14-m{font-size:14px; line-height:20px;font-weight: 600}
.txt16{font-size:16px; line-height:20px;}
.txt16-m{font-size:16px; line-height:20px;font-weight: 600}
.txt16-b{font-size:16px; line-height:20px;font-weight: 700}
.txt16-c{font-size:16px; line-height:20px;font-family: 'Circe'; font-style: normal; font-weight: 400;}
.txt18{font-size:18px; line-height:27px;}
.txt18-c{font-size:18px; line-height:20px;font-family: 'Circe'; font-style: normal; font-weight: 700;}
.txt18-b{font-size:18px; line-height:27px;font-weight: 700;}
.txt32{font-size:32px;line-height:40px; font-weight:700; color:#86C555;}
.txt32-0{font-size:32px;line-height:32px; font-weight:400;}
.txt32-c{font-size:32px; line-height:36px;font-family: 'Circe'; font-style: normal; font-weight: 700;}
.txt32-w{font-size:32px;line-height:40px; font-weight:700; color:#fff;}
.txt48-c{font-size:48px; line-height:48px;font-family: 'Circe'; font-style: normal; font-weight: 700;}
.txt90-c{font-size:90px; line-height:90px;font-family: 'Circe'; font-style: normal; font-weight: 700;}



.dtop {
    margin: 0 0 16px;
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

.dtop > div:not(.box3):not(.box6) {margin-right: 24px;}

.box1, .box4 {flex-grow: 0; flex-shrink: 0; width: 178px;}
.box4 {height:50px;}
.box2 {flex-grow: 1; flex-shrink: 1; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.box3 {flex-grow: 1; flex-shrink: 1; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.box5 {display: flex; justify-content: flex-start;position:relative;}
.box6 {display: flex; justify-content: space-between;}

.box4 img{width:176px; height:50px;}

.dtop a.list-group-item {color: #808588}
.dtop a.list-group-item:hover {color: #86C555;}
.box2 a {margin-right: 24px;}
.box3 a {margin-left: 16px;}

.input-wrapper {display:inline-block; position: relative; padding: 17px 18px; border-radius: 8px;}
.input-wrapper input {border: none;}

.background {position:absolute;top: 0;left: 0;width: 50%;height: 100%;background-color: #f9f9f954;border-radius: 8px; }

/* Address */
.address {border: 2px solid #F9F9F9; width: 220px; background: #FFFFFF;padding:14px 16px;position: relative;z-index:5;}
.address::before {content: url(/img/i-navigation.png); position: absolute;}
.address input {width: calc(100% - 50px); margin-left:20px;}
.but-menu {box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); background: #FFFFFF;border-radius: 8px;padding: 17px 18px; }


/* Order type */
.order {position:relative;background-color:#F9F9F9;padding: 9px 33px 8px 30px;margin-left: -15px;margin-right:-15px;width: 194px;}
.order:hover .new-select {background-color: #86C555; color:#fff;}
.order:hover .comm {background-color: #86C555; color:#fff;}
.order:hover .background2 {background-color: #86C555;}

.background2{position:absolute;top: 0;left: 0;width: 240px;height: 100%;border-radius:8px; }

.comm {position: relative;z-index:5;font-size: 12px; line-height: 12px;}

.select {display: block; max-width: 215px; width: 100%; position: relative;}
.new-select {position: relative; cursor: pointer; user-select: none; color: #86C555;}

.new-select__list {position: absolute; top: 45px; left: -10px;
    border-radius: 8px; width: 220px; background: #fff;
    z-index: 2; cursor: pointer; user-select: none;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
}

.new-select__list.on {display: block;}
.new-select__item span {display: block; padding: 10px 15px;}
.new-select__item span:hover {color: #86C555; background-color: #F9F9F9;border-radius: 8px;}

.new-select::after {font-family: 'FontAwesome'; font-size: 12px; content: '\f078'; display: inline-block;
    position: relative; right: -5px; top: 0px;
    transition: all .27s ease-in-out; transform: rotate(0deg);
}
.new-select.on::after {transform: rotate(180deg); }

/* Search  */
.search {background-color: #F9F9F9; max-width: 150px; margin-right: 8px; padding: 16px 18px;}
.search input[type="text"]{background-color: #F9F9F9; width: calc(100% - 22px);}
.search input[type="text"]:focus{background-color: #fff;}
.search input[type="submit"]{cursor:pointer; float:right; font-size:16px;padding:0;background-color:#f9f9f9;}
/* .search::after {font-family: 'FontAwesome'; content: '\f002'; color: #808588;} */


.border-in {border: 2px solid #86C555; padding: 14px 16px; background-color: #FFFFFF !important;}
.border-in input {background-color: #FFFFFF;}
.address .border-in{padding: 13px 16px;}

.border-in-g {border: 2px solid #F9F9F9; padding: 16px 17px; background-color: #FFFFFF !important;}
.border-in-g input {background-color: #FFFFFF;}

.input-wrapper:has(input:invalid){border-color:#F26D51;}


/* Cart */
.cart {background-color: #86C555; border-radius: 8px; padding: 16px 12px 15px; display: flex; justify-content: center; margin-right: 8px;
       box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08); position: relative;}
.cart:hover {background-color: #93D95E;}

.i-currency {display:none;}
.i-sum {display:none;}
.cart-activ .i-cart {margin-right: 9px;}
.cart-activ .i-cart .i-count {padding: 3px;}
.cart-activ .i-currency {display:inline-block;}
.cart-activ .i-sum {display:inline-block;}
.i-cart {position:relative;}
.i-cart img {height: 16px; max-width:16px;}
.i-cart .i-count {
    display:inline-block;
    position: absolute;
    top:-11px;
    left: 7px;
    color: #fff;
    background: #F26D51;
    border-radius: 4px;
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
}

.cart .i-sum, .cart .i-currency {color: #fff;}

/* Entry */
.entry {background: #FFFFFF; border-radius: 8px; padding: 16px 12px 15px; display: flex; justify-content: center; cursor:pointer;
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);
}

.entry:hover {background: #86C555;}
.entry:hover span {color: #fff; }
.entry::before {content: url(/img/user1.png); position: relative; margin-right: 5px;}
.entry:hover::before {content: url(/img/user2.png); position: relative; margin-right: 5px;}


/* Menu */
.menu-main {list-style: none; margin:0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.menu-main li a{color: #2C3329;}
.menu-main li a:hover {color: #86C555;}
.menu-main li a i{margin-right: 4px;}
.menu-main li:nth-child(1) a{color: #86C555;}
.menu-main li:nth-child(2) a{color: #F26D51;}
.menu-main li:nth-child(3) a {color: #F26D51;}
.menu-main li:nth-child(3) a i{font-size:12px;}
.menu-main li:nth-child(1) a:hover{color: #93D95E;}
.menu-main li:nth-child(2) a:hover{color: #F58C75;}
.menu-main li:nth-child(3) a:hover{color: #F58C75;}

.list-group-item {white-space: nowrap;}

#nav-toggle {display: none;}

/* END Menu */

.s-lgray {background-color: #F5F5F5;}
.s-gray {background-color: #F9F9F9; position: relative;}
.s-white {background-color: #fff;}
.s-green{background-color: #86c555;}
.s-white-gradient{background: linear-gradient(180deg, #FCFCFC 0%, #FFFFFF 46px, #FFFFFF 100%); }
.s-gray-gradient{background: linear-gradient(180deg, #F7F7F7 0%, #F9F9F9 46px, #F9F9F9 100%); }

.s-gray-gradient-bott{background: linear-gradient(0deg, #F7F7F7 0%, #F9F9F9 46px, #F9F9F9 100%);}



.container {max-width: 1136px; margin: 0 auto;}
.container1440, .container1440f{max-width: 1440px; margin: 0 auto;}
.dheader {padding: 14px 0 24px;}
.main-s1 {padding: 36px 0 120px;}
.main-s2 {padding: 64px 0 50px;}
.main-s3 {padding: 95px 0 120px;}
.main-s4 {padding: 0;}
.main-s5 {padding: 48px 0 0; position:absolute; top:0; left: 50%; transform: translateX(-568px);}
.main-s6 {padding: 190px 0 140px;}
.post-s0{padding: 0px 0 60px;}
.post-s1{padding: 60px 0 100px;}
.post-s2{padding: 64px 0 70px;}
.post-s3{padding: 60px 0 60px;}
.post-s4{padding: 60px 0 120px;}
.post-s5{padding: 60px 0 37px;}
.post-s6{padding: 120px 0 120px;}
.post-s7{padding: 120px 0 180px;}
.post-s8{padding: 80px 0 92px;}
.post-s9{padding: 130px 0 37px;}
.post-foot{padding: 64px 0 70px;}

.boxSingle{padding-right:33%}

.bradcrumbs{margin-bottom:15px;}

.but-cart {
    position: relative;
    display: inline-block;
    width: 16px; height: 16px;
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 12px;

}

.but-cart:hover {background: #86C555; cursor:pointer;}

.but-cart::before {content: url(/img/cart2.png); position: relative;}
.but-cart:hover::before {content: url(/img/cart1.png); position: relative;}

/* Popup-okno */
.black{
    position:fixed;
    top:0px;
    width:100%;
    height:100%;
    display:none;
    background:rgba(44, 51, 41, 0.6); 
    z-index:1000;
}
    .big_box_close{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:1001;
        display:block;
    }
    .form_box{
		position: relative;
		display: block;
		top: auto;
		left: auto;
		margin: 0px auto;
		padding: 30px;
		width: 100%;
		min-width: 220px;
		max-width: 380px;
		height: auto;
		z-index: 1002;
        background-color: #fff;
		box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
    }
        .a_close_box{
            position:absolute;
            display:block;
            top:0px;
            right:-42px;
            width:36px;
            height:36px;
            font-size:34px;
            line-height:34px;
            border-radius:6px;
            background-color: #fff;
            box-shadow: 0px 5.6px 33.6px rgba(0, 0, 0, 0.08);
            color:#2C3329;
            text-align:center;
            font-family:sans-serif;
            font-weight:300;
            box-sizing:content-box;
            cursor:pointer;
            z-index:1003;
        }
		.a_close_box:hover{color:#86C555;}
        .form_title{
            position:relative;
            font-size:20px;
            font-weight:bold;
            padding-bottom:10px;
        }
        .form_form{
            position:relative;
            display:block;
            clear:both;
            width:100%;
            height:auto;

        }	

/* END Popup-okno */


/*====== Закладки ====== */                
    /* Базовый контейнер табов */      
.tabs {min-width: 260px; padding: 0px; margin: 0 auto;position:relative;z-index:0;}
    /* Стили секций с содержанием */      
.tabs > section {display: none;padding: 15px 0;background: #fff;}
    /* Прячем чекбоксы */       
.tabs > input {display: none; position: absolute;}
   /* Стили переключателей вкладок (табов) */     
.tabs > label {display: inline-block;margin: 0px;padding: 16px 24px;font-size: 24px;line-height:36px;
               text-align: center;color: #808588;position:relative;z-index:5;       
            border-width: 1px 1px 1px 1px;background: #F9F9F9;border-radius: 8px;}
    /* Изменения стиля переключателей вкладок при наведении */       
.tabs > label:hover {color: #888; cursor: pointer;}
        /* Стили для активной вкладки */      
.tabs > input:checked + label {color: #86C555;border: 1px solid #fff;background: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);border-radius: 8px;}
      /* Активация секций с помощью псевдокласса :checked */       
#tab1:checked ~ #content-tab1,
#tab2:checked ~ #content-tab2 {display: flex; flex-direction: column; }

.background5{position: absolute;z-index:1;top: 1px;left: 10px;width:110px;height:68px;background-color: #f9f9f9bd;}

/*====== Закладки 2 ===================================== */                
    /* Базовый контейнер табов */      
.tabs2 {min-width: 240px; padding: 0px; margin: 0 auto;position:relative;z-index:0;}
    /* Стили секций с содержанием */      
.tabs2 > section {display: none;padding: 0;background: #fff; overflow-y: scroll;height:540px; margin:17px 0 0; scrollbar-width: none;}
.tabs2 > section::-webkit-scrollbar {width:1px;} 
.tabs2 > section::-webkit-scrollbar-track {background: #fff;}
.tabs2 > section::-webkit-scrollbar-thumb {background-color: #f9f9f9; border-radius: 2px;}
    /* Прячем чекбоксы */       
.tabs2 > input {display: none; position: absolute;}
   /* Стили переключателей вкладок (табов) */     
.tabs2 > label {display: inline-block; margin: 0px;color:#808588;     
            border-width: 1px 1px 1px 1px;background: #F9F9F9;position:relative;z-index:5;}
#ltab3{padding: 12px 10px;border-radius:8px 0 0 8px;}
#ltab4{padding: 12px 17px;border-radius: 0 8px 8px 0;}
    /* Изменения стиля переключателей вкладок при наведении */       
.tabs2 > label:hover {color: #888; cursor: pointer;}
        /* Стили для активной вкладки */      
.tabs2 > input:checked + label {color: #2C3329; border: 1px solid #fff;background: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);border-radius: 8px !important;}
      /* Активация секций с помощью псевдокласса :checked */       
#tab3:checked ~ #content-tab3,
#tab4:checked ~ #content-tab4 {display: flex; flex-direction: column; }

.background3{position: absolute;z-index:1;top: 1px;left: 10px;width:70%;height:40px;background-color: #f9f9f9bd;}

/*====== Закладки 3 ===================================== */                
    /* Стили секций с содержанием */     
.tabs3 {position:relative;z-index:0;}
.tabs3 > section {display: none;padding:16px;background-color: #F9F9F9; margin:8px 0 0; border-radius:8px;}
    /* Прячем чекбоксы */       
.tabs3 > input {display: none; position: absolute;}
   /* Стили переключателей вкладок (табов) */     
.tabs3 > label {display: inline-block; background-color:#F9F9F9;color:#808588; padding:12px;position:relative;z-index:5;}
#ltab5{border-radius:8px 0 0 8px;}
#ltab6{border-radius: 0 8px 8px 0;}
    /* Изменения стиля переключателей вкладок при наведении */       
.tabs3 > label:hover {color: #888; cursor: pointer;}
        /* Стили для активной вкладки */      
.tabs3 > input:checked + label {background-color:#fff;color:#2C3329;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08); border-radius:8px !important;}
      /* Активация секций с помощью псевдокласса :checked */       
#tab5:checked ~ #content-tab5,
#tab6:checked ~ #content-tab6 {display: flex; flex-direction: row; justify-content: space-between;}

.background4{position: absolute;z-index:1;top: 0px;left: 10px;width:110px;height:40px;background-color: #f9f9f9bd;}

/*====== Закладки 4 ===================================== */                
    
.tabs4 > input {display: none; position: absolute;}
   /* Стили переключателей вкладок (табов) */     
.tabs4 > label {display: inline-block; background-color:#F9F9F9;color:#808588; padding:12px;}
.tabs4 input:disabled+label{display:none}
.tabs4 #ltab7{border-radius:8px 0 0 8px;}
.tabs4 label:last-child{border-radius: 0 8px 8px 0;}
    /* Изменения стиля переключателей вкладок при наведении */       
.tabs4 > label:hover {color: #888; cursor: pointer;}
        /* Стили для активной вкладки */      
.tabs4 > input:checked + label {background-color:#fff;color:#2C3329;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08); border-radius:8px !important;}
.content-tab{display:none;}
#deliv:checked ~ #content-tab7,
#pickup:checked ~ #content-tab8 {display: block;}
#orders:checked ~ #content-tab9,
#profile:checked ~ #content-tab10 {display: block;}

#deliv2:checked ~ #content-tab72,
#pickup2:checked ~ #content-tab82 {display: block;}

/*====== END Закладки ====== */


.field-popup {position: relative;width: calc(100% - 32px);height: 56px;background: #F9F9F9;border-radius: 8px;
              padding: 0 16px;margin-bottom: 10px;}

.form_form .border-in{height: 52px;}

.input-wrapper input {margin-bottom: 8px; font-size: 16px; }
.dtop .input-wrapper input {margin-bottom: 0; font-size: 14px; }

.field-popup .fa {color: #2C3329; position: absolute; right: 16px; top: 16px; cursor: pointer;}

input:focus ~ .floating-label,
input:required:valid ~ .floating-label,
input:optional:invalid ~ .floating-label {top: 2px; left: 16px; font-size: 10px;}

.inputText {border: 0px solid #fff; background: #F9F9F9; position: absolute; bottom: 2px; width: calc(100% - 32px);}

.floating-label {color: #2C3329;font-size: 16px;line-height: 24px; position: absolute; 
                 pointer-events: none; left: 16px; top: 15px; transition: 0.2s ease all;}

.a-popup {color: #86C555; font-size: 12px; cursor:pointer;}
.a-popup:hover {color: #93D95E;}

.but-popup input{
    position: relative;   
    height: 56px;   
    border-radius: 8px;   
    padding: 0 16px;
    margin: 20px 0 10px;
    border: 1px solid #86C555;
}
.but-popup input[type='text']{font-size: 16px;}
.but-popup input[type='submit']{color: #fff; background: #86C555; width: 100%; cursor:pointer;}
.but-popup .w100 {background: #fff; width:calc(100% - 32px);}
.but-popup .sms {background: #fff; width:14px;}
.form_form p{line-height:20px;}

.but-popup input[type='submit']:hover{background-color:#93D95E;}

.boxGreen .but-popup input[type='submit']{font-size: 16px;}

.txt_title {
    position:relative;
    color: #86C555;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 10px;
}

.txt_title img {position:absolute; top: 0; left: 220px;}

.flex-col {display: flex; flex-direction: column;}
.flex-row {display: flex; flex-direction: row;}
.gap88 {gap: 88px;}
.gap85 {gap: 85px;}
.gap40 {gap: 40px;}
.gap50 {gap: 50px;}
.gap32 {gap: 32px;}
.gap24 {gap: 24px;}
.gap20 {gap: 20px;}
.gap16 {gap: 16px;}
.gap16-15 {gap: 16px 15px;}
.gap8-16 {gap: 8px 16px;}
.gap10 {gap: 10px;}
.gap8 {gap: 8px;}
.gap4 {gap: 4px;}
.flex-start {justify-content: flex-start;}
.flex-end {justify-content: flex-end;}
.center {justify-content: center;}
.space-between {justify-content: space-between;}
.space-around {justify-content: space-around;}
.space-evenly {justify-content: space-evenly;}
.flex-wrap {flex-wrap: wrap;}
.align-items-start {align-items:flex-start;}
.align-items-end {align-items:flex-end;}
.align-items-center {align-items:center;}
.margin-bott08 {margin-bottom: 8px;}
.margin-bott10 {margin-bottom: 10px;}
.margin-bott12 {margin-bottom: 12px;}
.margin-bott16 {margin-bottom: 16px;}
.margin-bott18 {margin-bottom: 18px;}
.margin-bott24 {margin-bottom: 24px;}
.margin-bott30 {margin-bottom: 30px;}
.margin-bott32 {margin-bottom: 32px;}
.margin-bott36 {margin-bottom: 36px;}
.margin-bott40 {margin-bottom: 40px;}
.margin-bott50 {margin-bottom: 50px;}
.margin-bott60 {margin-bottom: 60px;}
.margin-bott70 {margin-bottom: 70px;}
.margin-bott80 {margin-bottom: 80px;}
.margin-bott90 {margin-bottom: 90px;}
.margin40-16 {margin-top:40px; margin-bottom: 16px;}
.margin24 {margin:24px 0;}

.empty-16 {height: 16px;}
.empty-40 {height: 40px;}
.empty-61 {height: 61px;}
.empty-120 {height: 120px;}
.empty-140 {height: 140px;}

.f-but {display:inline-block; padding: 12px 16px; background: #fff; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); border-radius: 8px;}
.f-but i {font-size: 12px;}

.f-but-menu {padding: 8px 8px 8px 16px; background: #fff; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); border-radius: 8px;max-width:304px;}
.f-but-menu i {font-size: 12px;position:relative;top:5px;float:right;}


.o-but {display:inline-block;}
.o-but i {font-size: 12px;}

.g-but{display:block; padding: 8px 16px; color: #fff; background: #86C555;  border-radius: 8px; cursor:pointer;}
.g-but:hover{color:#fff;background-color:#93D95E;}

.w-but{display:inline-block; padding: 8px 16px; color: #86C555; background-color: #fff;  border-radius: 8px;}
.gl-but{display:inline-block; padding: 8px 16px; color: #fff; background-color: #9ED177;  border-radius: 8px;}
.gl-but:hover{color: #fff;}
.gr-but{display:inline-block; padding: 8px 16px; color: #86C555; background-color: #F9F9F9;  border-radius: 8px;}
.gr-but:hover{color: #86C555;}
.wb-but{display:inline-block; padding: 8px 16px; color: #2C3329; background-color: #fff;  border-radius: 8px;}

.gr2-but{display:block; padding: 12px 16px; color: #808588; background-color: #F9F9F9;  border-radius: 8px;text-align: center;}
.gr2-but:active{color: #808588;}

.g-but-big{display:inline-block; padding: 12px 16px; color: #fff; background: #86C555;  border-radius: 8px; cursor:pointer;}
.g-but-big:hover{color:#fff;background-color:#93D95E;}

.p-but{font-size:14px; line-height:14px; padding: 15px 20px 16px;background: #fff; color:#2C3329; 
       box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); border-radius: 8px;}
.p-but:hover{background-color:#86C555;color:#fff;}
.p-but-activ{background-color:#86C555;color:#fff;}


.m-but {display:inline-block; padding: 12px; font-size: 16px; color:#2C3329; background: #fff; cursor:pointer;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); border-radius: 8px;}

.m-but:hover {color: #fff;background-color:#86C555;}
.m-but:hover i {color: #fff;background-color:#86C555; }
.m-but:hover i::before{-webkit-text-stroke: 0.5px #86C555;}
.m-but:active{color:#2C3329;}

.m-but-g {display:inline-block; padding: 12px; font-size: 16px; color:#86C555; background: #fff; cursor:pointer;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); border-radius: 8px;}
.m-but-g:hover {color: #fff;background-color:#86C555;}
.m-but-g:hover i {color: #fff;background-color:#86C555; }
.m-but-g:hover i::before{-webkit-text-stroke: 0.5px #86C555;}

.s-but{font-size:10px; line-height:14px; padding: 15px 0 15px;background: #fff; color:#86C555;border-radius: 8px;width:156px;text-align:center;}
.s-but-activ{background-color:#86C555;color:#fff;}

.sector-1, .sector-2 > a, .sector-3, .sector-4 {position: relative;}
.sector-1 img {border-radius: 16px; width: 752px;}
.sector-1 .h1 {position:absolute; left:40px; top: 40px;}
.sector-1 .sticker{padding:8px 16px; color: #fff; position:absolute; left:204px; top: 172px;transform: rotate(-14deg);}
.sector-1 .txt18 {position:absolute; left:40px; top: 146px; max-width:277px;color: #2C3329;}
.sector-1 .f-but {position:absolute; left:40px; bottom: 40px;}
.about2 .sector-1 .sticker{padding:8px 16px; color: #fff; position:absolute; left:186px; top: 48px;transform: rotate(-4deg);}


.sector-2 img, .sector-3 img, .sector-4 img {border-radius: 16px;}
.sector-2 .txt18-c{position:absolute; left:16px; top: 16px;}
.sector-2 .sticker2{color: #fff; position:absolute; left:102px; top: 50px;transform: rotate(-14deg);}

.sector-2 .txt32-c{position:absolute; left:24px; top: 24px;}
.sector-2 .txt14{position:absolute; left:24px; top: 68px;}

.sector-3 .txt32-c, .sector-4 .txt32-c{position:absolute; left:24px; top: 24px;}
.sector-3 .o-but, .sector-4 .o-but{position:absolute; left:24px; bottom: 24px;}
.sector-3 .fa-chevron-right:before {-webkit-text-stroke: 0.5px #fe7701;}
.sector-4 .fa-chevron-right:before {-webkit-text-stroke: 0.5px #2e3192;}

.sector-2 a .o-but{position:absolute; left:24px; bottom: 24px;}
.sector-2 a:first-child .fa-chevron-right:before {-webkit-text-stroke: 0.5px #86c455;}
.sector-2 a:last-child .fa-chevron-right:before {-webkit-text-stroke: 0.5px #631b4b;}

.card-pro {background-color: #F9F9F9; border-radius: 16px; width:272px; height: 354px; position:relative;}
.card-img {position:relative;}
.card-img img{width:272px; height: 202px; border-radius: 16px;}
.marking {list-style: none; margin:0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: 3px; 
          position:absolute; left: 20px; bottom:16px;
}
.marking li a{font-weight: 600; font-size: 10px; line-height: 12px; text-transform: uppercase; padding: 2px 4px; border-radius: 2px;}
.marking .m1 a {background-color: #631B49; color: #fff;}
.marking .m2 a{background-color: #2E3192; color: #fff;}
.marking .m3 a{background-color: #F9C8D7; color: #163029;}
.marking .m4 a{background-color: #fff; color: #163029;}
.marking .m5 a{background-color: #F26D51; color: #fff;}
.marking .m6 a{background-color: #86C555; color: #fff;}

.card-info {margin: 0 20px;}
.card-pay {margin: 0 20px 20px; flex: 1; align-items:flex-end;}
.price {position:relative; font-weight: 600; font-size: 18px; line-height: 18px; flex: 1; padding: 10px 0;}
.mount {background: #fff; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 2px 4px; margin-right: 8px;}

.but-minus, .but-plus {padding: 1px 0 0;cursor:pointer;}
.but-minus::before {content: url(/img/i-minus1.png); position: relative;}
.but-minus:hover::before {content: url(/img/i-minus2.png); position: relative;}
.but-plus::before {content: url(/img/i-plus1.png); position: relative;}
.but-plus:hover::before {content: url(/img/i-plus2.png); position: relative;}

.m-num {display:inline-block; width: 24px; height: 16px; padding: 10px 3px; text-align:center;}
.old-price {position:absolute; top: -8px; font-weight: 400; font-size: 12px; line-height: 18px;}
.fixed-p {color: #F26D51;}
.fixed-p span{color: #B3B3B3;}

/* Slider */
.itc-slider__wrapper {margin: 0 -8px;}
.itc-slider__item {flex: 0 0 20%; max-width: 288px; height: 354px; padding: 0 8px;}

/* Box NEWS*/
.news_item{width:368px; height: 440px; background-color:#fff; border-radius: 16px;color:#2C3329;}
.news_item img{border-radius:16px; min-height: 230px; object-fit: cover;}
.news_meta{padding: 20px 20px 24px; position:relative; height: 100%; gap:16px;}
.news_meta .o-but{position:absolute; bottom:24px;}
.n_tag {color:#2C3329 !important;}
.n_tag .tag{text-transform: uppercase;}
.boxNews .news_item:first-child{width:100%; height: 394px; flex-direction:row}
.boxNews .news_item:first-child img {width: 752px; height: 394px; object-fit: cover; }
.boxNews .news_item:first-child .news_meta{height: unset; padding: 32px;}
.boxNews .news_item:first-child .n_name{font-size: 32px; line-height:36px;}
.news_item .link-b:hover{color: #86C555;}

/* Box App */
.boxApp{background-color: #F9F9F9; border-radius: 40px; height: 400px;}
.app_txt{margin:56px;}
.app_img{margin:0 65px 0 0; align-self: flex-end;position:relative;}
.mob_png_1{position:relative; z-index:2;}
.mob_png_2{position:absolute; top: -80px; left:-244px; z-index:1;}
.app_txt ul{margin:16px 0 34px -20px;}
.app_txt ul li::marker{color: #86C555;}
.app_but{gap:6px;}

/* Network Slider */
.skadr {width: 100%; height: 647px; align-items: center;
    background-repeat: no-repeat; background-position: right top; background-size: auto 100%;}

.slider {position: relative; overflow: hidden; max-width: 100%; margin-left: auto; margin-right: auto;}
.slider__wrapper {position: relative; overflow: hidden;}
.slider__items {display: flex; transition: transform 0.5s ease;}
.transition-none {transition: none;}
.slider__item {flex: 0 0 100%; max-width: 100%; position: relative;}
/* кнопки Prev и Next */
.slider__control {position: absolute; bottom: 76px; display: none; align-items: center; justify-content: center; padding: 13px 15px;
  color: #2C3329; background: #fff; box-shadow: 0px 4px 24px rgb(0 0 0 / 8%); border-radius: 8px; cursor:pointer; user-select: none;}
.slider__control_show {display: flex;}
.slider__control:hover {color: #fff;background-color:#86C555; text-decoration: none;}
.slider__control:hover::before{-webkit-text-stroke: 0.5px #86C555;}
.slider__control_prev {right: 200px;}
.slider__control_next {right: 152px;}
.slider__indicators {display: none;}

.slider_img{position: absolute; z-index: 10;}
.slider_img_item {position: absolute;top:64px; left:152px;z-index: 12;max-width: 460px;}
.slider_img_item h2 img{margin:0 0 -7px;}
.slider_img_item .txt18{max-width: 366px;}
.slider_img_item .bg-red{padding:16px 24px; max-width: 158px;}
.slider_img_item .bg-violet{padding:16px 24px; max-width: 116px;}
.slider_but{position: absolute; bottom:82px; left:152px; z-index: 11;}
.slider_but:hover{border: 1px solid #fff;}

@media only screen and (min-width: 1441px) {
	.container1440 {max-width: unset;}
    .slider_img {left:calc(50% - 500px);}
    .slider_img_item {left:calc(50% - 550px);}
    .slider_but {left:calc(50% - 550px);}
}

/* Map */
#map{width:100%; height: 715px;}
.boxAddresses{background-color: #fff; border-radius: 16px; width: 240px; height: 604px; padding:16px 16px 0;}
.addr_item{padding: 12px;border-radius: 8px; cursor:pointer; display:flex; flex-direction:column; gap:6px;}
.addr_item:hover{background-color:#F9F9F9;}
.addr_item:hover .link-b{color: #86C555;}
.addr_info{color:#808588;}

/* FAQ */
.faq1{gap:36px; width: 289px; flex: 0 0 auto;}
.faq1 .f-but{max-width: 114px;}
.faq2{gap:16px; flex: 1 1 auto;}
.faq_item{padding: 24px; border-radius:16px; background-color:#F9F9F9;}
.faq_item h3{max-width:687px;} .answer{max-width:664px; font-size:18px;line-height:27px;}
.answer{margin:10px 0 0;}

/* =============== Каталог =================== =*/
.boxMenu{gap:40px 8px;}
.box_sidebar{list-style: none; padding: 0;}
.box_sidebar{margin:15px 0 0;}
.box_sidebar{min-width:280px;}
.box_sidebar li a{display: inline-block; color: #2C3329; padding: 14px 16px; border-radius: 8px;}
.box_sidebar li a:hover{background-color:#F9F9F9;}
.but_activ, .but_activ:hover{color:#86C555 !important; background-color:#fff !important; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.card_items .card-pro{height: 477px;}
.card_items .card-info{line-height:20px;}
.card-img:hover + .card-info .name{color:#86C555;}
.card-info:hover .name{color:#86C555;}
.card_items .card-info .name{font-weight:700;}
.card_items .card-info .descr{height:100px; color:#808588; text-overflow: ellipsis; overflow: hidden;}
.filter_item{position:relative;}
.boxdown{position:absolute; z-index:10;left: 50%; transform: translate(-50%, 10px); padding:20px; display:none;
         background-color:#fff;border-radius:16px;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.boxdown i{position:absolute;left: 50%; transform: translate(-50%, -25px); color:#fff;}
.d-sort a{cursor:pointer; white-space: nowrap;}
.box_choice{width:184px;}
.d-choice{gap: 16px 8px;}
.filter-param-input{width: 56px; padding: 8px 16px 8px 16px;border-radius: 8px; border:none;background-color:#F9F9F9;}
.box_choice .g-but{flex:1 1 auto; text-align:center;}
.filter_item a div{display: inline-block;}
.filter_item a div::before{font: normal normal normal 14px/1 FontAwesome;}
.d-sort a{color: #2C3329;}
.d-sort a:hover {color: #86C555;}
.d-sort a.activ{color: #86C555;}
.sort1 div{transform: rotate(90deg);}
.sort1 div::before{content: "\f0ec";}
.sort2 div::before{content: "\f175";}
.sort3 div::before{content: "\f176";}

/* Card */
.show_form{cursor:pointer;}
.form_card .form_form{height:calc(100vh - 66px); overflow-y: scroll;scrollbar-width: none;}
.form_card .form_form::-webkit-scrollbar {width:0px;} 
.form_card .form_form::-webkit-scrollbar-track {background: #fff;}
.form_card .form_form::-webkit-scrollbar-thumb {background-color: #fff;}
.form_card .a_close_box{border-radius:11px;width:56px;height:56px;font-size: 46px;line-height: 1em; right: -60px;}
.form_card .a_close_box div::before{content: url('/img/close-card.png');}
.form_card .a_close_box:hover{background-color:#86C555;}
.form_card .a_close_box div:hover::before{content: url('/img/close-card2.png');}
.form_card .form_box{padding:32px 0; border-radius:32px;max-width:944px;}
.form_card .card-big{margin:0 32px 80px; gap:24px;}
.form_card .card-info-big .marking{position:unset;margin:0 0 8px;}
.form_card #img-big{width:460px;height:460px; border-radius:8px; margin:0 0 16px;}
.form_card .card-img .list-img img{width:60px;height:60px;border-radius:8px;}

.form_card .ves{color:#808588;margin:8px 0 0;}
.form_card .descr{margin:16px 0;}

.form_card .g-but{padding:12px 16px;}
.compound{margin:64px 0 0;} .param-name{color:#808588;} .param-znach{font-size:18px;}

.box-recomend{position:relative;margin:0 32px;}
.box_slider{position:relative;}
.slider_wrapper {display: flex;overflow-x: scroll;gap:16px;scrollbar-width: none;}
.slider_wrapper::-webkit-scrollbar { height: 0;width: 0;}
.slider_wrapper .card-pro, .slider_wrapper .card-pro img{width:282px;} 
.slider_btn_next {right: -20px;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);} 
.slider_btn_prev {left: -20px;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
/*.form_card .itc-slider__btn {top:unset;bottom:180px;} */


/* Стилизация Checkbox */
.checkbox-other {display: block; background-color:#F9F9F9; padding: 8px 10px 2px;border-radius:8px; cursor: pointer;border: 2px solid #F9F9F9;}
.checkbox-other input[type=checkbox] {-webkit-appearance: none;	-moz-appearance: none;
	display: inline-block;width: 22px;height: 22px;margin: 0 5px 0 0;padding: 0;
	vertical-align: top;outline: none;transition: background 0.3s ease;
	background: url(/img/checkbox-1.jpg) 0 0 no-repeat;	
}
.checkbox-other:hover{border: 2px solid #86C555;}
/* Checked */ 
.checkbox-other:has(input:checked){border: 2px solid #86C555; background-color:#fff;}
.checkbox-other input[type=checkbox]:checked{background-image: url(/img/checkbox-2.jpg);}
/* Focus */
.focused input[type=checkbox] {box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} 
/* Hover */
.checkbox-other input[type=checkbox]:hover {filter: brightness(110%);}
/* Active */
.checkbox-other input[type=checkbox]:active {filter: brightness(80%);}
/* Disabled */
.checkbox-other input[type=checkbox]:disabled {color: #666;	cursor: default;}
.checkbox-other input[type=checkbox]:disabled {filter: grayscale(100%);opacity: 0.6;}

.checkbox-one input[type=checkbox] {-webkit-appearance: none;	-moz-appearance: none;
	display: inline-block;width: 24px;height: 24px;padding: 0;
	vertical-align: middle;outline: none;transition: background 0.3s ease;
	background: url(/img/checkbox-0.jpg) 0 0 no-repeat;	
}
.checkbox-one input[type=checkbox]:checked{background-image: url(/img/checkbox-3.jpg);}


/* =============== Articles ===================== */
.boxArticles{gap: 12px 16px;}
.boxSingle h1{font-size: 56px;line-height: 56px;color: #2C3329;margin-bottom: 24px;}
.boxSingle h2{font-size: 48px;line-height: 48px;color: #86C555;margin-bottom: 24px;}
.boxSingle img{width:100%;border-radius:16px;}
.boxSingle ul {padding-left:32px;}
.boxSingle ul li {list-style: none;}
.boxSingle ul li::before {content:'\25A0';color:#86C555;display: block;max-width: 0px;max-height: 0px;font-size:14px;
                          position: relative;left: -20px;top: -3px;}
.boxSingle figure{margin: 48px 0;}
.boxSingle figure figcaption {font-size: 14px;line-height: 20px;font-weight: 500;color:#808588;}
.boxSingle table{text-align:left;}
.boxSingle th,.boxSingle td{border:1px solid #86C555;font-size: 14px;line-height: 20px;padding:8px 16px;}
.boxSingle th{font-weight: 700;}
.boxSingle table caption{text-align:left;font-size: 14px;line-height: 20px;font-weight: 500;color:#808588;margin:16px 0 0;}
.boxSingle blockquote{font-size: 16px;line-height: 24px;padding:24px;background-color:#F9F9F9;border-radius:16px;margin:24px 0;}
.boxSingle .g-but-big{font-size: 14px;line-height: 20px;font-weight: 600;}
.boxSingle h2:not(:first-child){margin-top:96px;}
.label-list{display:flex; flex-wrap: wrap; gap:8px;}
.label-list span{margin:32px 0; padding:8px 16px;background-color:#F9F9F9;border-radius:8px;
                 font-size: 14px;line-height: 20px;font-weight: 500;}

.boxSingle .f-but{font-size: 14px;line-height: 20px;font-weight: 600;margin-top:80px;}

/* Contacts */
.contact_item{background-color:#F9F9F9;padding:32px;border-radius:16px;}
.contact_item-w{background-color:#fff;padding:16px 24px 24px;border-radius:8px; flex:1 1 auto;}
.contact_item-g{background-color:#86C555;padding:32px;border-radius:16px;}
.contact_item .mail{text-decoration: underline;}
.c-item1{flex:0 0 auto; width:396px;}
.c-item2{flex:1 1 auto; }
.contact_sidebar{width:270px;}
.faq_item:has(.m-but-g[style*="display:none"]) .txt18{color:#3C3F4E;}
.c-meta{padding:12px 16px; background-color:#fff;border-radius:8px;}
.contact_content .answer {max-width: unset;}
.contact_content .slider__item .skadr{height:482px; background-position: center top;background-size: cover;border-radius:16px;}
.contact_content .slider__control_prev {right: 64px;}
.contact_content .slider__control_next {right: 16px;}
.contact_content .slider__control{bottom: 16px;}

.boxGreen{background-color:#86C555;padding:40px;border-radius:24px;position:relative;
          background-repeat: no-repeat; background-position: right bottom;}
.box_white{background-color:#fff;padding:16px;border-radius:16px;width:88px;}
.bg1-img, .bg2-img{position:absolute;bottom:0;}
.bg1-img{right:0; border-radius:0 0 24px 0;} .bg2-img{right:63px;}

/* Франшиза */
.box-green-banner{margin: 0 70px; padding: 74px 0 0 84px;color:#fff; background-color: #86C555; border-radius: 0 0 40px 40px;position:relative;}
.franchise .box-green-banner{height: 459px;}
.banner_item{max-width:600px;position:relative;}
.franchise .bg2-img{right:119px;}
.franchise .bg1-img{border-radius:0 0 40px 0;}
.sticker{padding:8px 20px 8px 16px;font-size:18px;line-height:18px;text-align:center;
         border-radius:8px; background-color:#F26D51; position:absolute;top:102px;left:300px;}
.sticker img{position:absolute; top:0;right:0;}
.sticker2{padding:6px 12px;font-size:18px;line-height:24px;font-weight:600;text-align:center;
          border-radius:8px; background-color:#672047;}
.box-white-banner{padding:56px;border-radius:40px;background-color: #fff;position:relative;}
.banner_item_520{max-width:520px;}
.banner_item_640{max-width:640px;}
.franchise2 .bg2-img{right:96px;}
.smallbox_green{padding:16px 24px;border-radius:16px; background-color:#86C555; color:#fff;}
.smallbox_gray{padding:16px 24px;border-radius:16px; background-color:#F9F9F9;}
.smallbox_white{padding:14px 22px;border-radius:16px; background-color:#F9F9F9;border: 2px solid #86C555;}
.franchise2 .field-popup{max-width:226px;}
.franchise2 .but-popup input{margin: 0px 0 10px; width:258px;}

/* О нас */
.about{position:relative;}
.about .box-green-banner{height: 435px; width:843px; }
.about .sticker{transform: rotate(-14deg); top:122px;}
.box-in-two > div:first-child{width:55%;}
.box-in-two > div:last-child{width:44%;}
.bg3-img{max-width:638px; max-height:423px; position:absolute; top:0;right:70px; border-radius:0 0 40px 40px;}
.about p{margin:0 0 1em;}
.about .slider__item .skadr{height:482px; background-position: center top;background-size: cover;border-radius:16px;}
.about .slider__control_prev {right: 72px;}
.about .slider__control_next {right: 24px;}
.about .slider__control{bottom: 24px;}
.about .slider .f-but{position:absolute; bottom: 24px; left:24px;}
.box-two-img{position:relative; height:647px;}
.slider_img_2{position: absolute; z-index: 8; right:0;}
.box_img_item{position: relative; z-index: 12;margin:0 0 0 152px; padding:70px 0 0; max-width:460px;}
.b1 {list-style-image: url(/img/check.png);}
.w-but img{height:12px;}
.metka{max-width:400px;}

.about2 .box-in-two > div:first-child{width:50%;}
.about2 .box-in-two > div:last-child{width:50%;}

.box_about{padding:24px;border-radius:16px;color:#fff;}
.bg-white{background-color:#fff;}
.bg-green{background-color:#86C555;}
.bg-green-l{background-color:#9ED177;}
.bg-red{background-color:#F26D51;}
.bg-violet{background-color:#631B49;}

.about2 .field-popup{max-width:226px;}
.about2 .but-popup input{margin: 0px 0 10px; width:258px; border: 2px solid #FFFFFF}

.about3 .box-in-two > div:first-child{width:44%;}
.about3 .box-in-two > div:last-child{width:55%;}

.img-size1{border-radius:16px;width:176px;height:176px;}
.img-size2{border-radius:16px;width:368px;height:176px;}


/* Корпоративное питание */
.corporate{position:relative;}
.corporate .box-green-banner{height: 435px; width:843px; }
.corporate .sticker{transform: rotate(-14deg); top:44px; left:400px;}
.smiley{width:72px;height:72px;}
.corporate .box-in-two > div:first-child{width:60%;}
.corporate .box-in-two > div:last-child{width:30%;}
.corporate .slider__item .skadr{height:482px; background-position: center top;background-size: cover;border-radius:16px;}
.corporate .slider__control_prev {right: 72px;}
.corporate .slider__control_next {right: 24px;}
.corporate .slider__control{bottom: 24px;}
.corporate2 .box-in-two > div:first-child{width:60%;}
.corporate2 .box-in-two > div:last-child{width:40%;}
.corporate3 .box-in-two > div:first-child{width:50%;}
.corporate3 .box-in-two > div:last-child{width:50%;}
.corporate4 .box-in-two > div:first-child{width:45%;}
.corporate4 .box-in-two > div:last-child{width:45%;}
.corporate4 .field-popup{max-width:450px;}
.corporate4 .but-popup input{margin: 0px 0 10px;}
.field-popup-arr{position: relative;width: calc(100% - 32px);background: #F9F9F9;border-radius: 8px;padding: 10px 16px;margin-bottom: 10px;}
.text-area{border:none; background: #F9F9F9; width:100%;}
.box_delivery_g,
.box_delivery_w{border-radius:16px;position:relative; width:304px;}
.box_delivery_g{padding:32px;height:576px;}
.box_delivery_w{padding:324px 32px 32px;height:284px;}
.box_delivery_g > img{position:absolute;bottom:30px;right:24px;}
.box_delivery_w > img{position:absolute;top:0;left:0;}
.box_metki{width:215px;}

.slider2{margin-top:-100px;}
.slider-list{width:100%;overflow: hidden; cursor: grab;user-select: none; touch-action: pan-y;}
.s2_items{scrollbar-width: none;}
.s2_items::-webkit-scrollbar { height: 0}
.slide-empty {flex: 0 0 auto;display: inline-block;width: calc((100vw - 1136px) / 2 - 16px);height: 100px;}

.first-item{margin-bottom:70px;}

@media only screen and (max-width: 1200px) {
    .s2_items{overflow-x:scroll; scroll-snap-type: x proximity; scroll-padding: 0 0;} 
	.s2_items .child{scroll-snap-align: start; scroll-snap-stop: normal;}
}

/* boxMsg */
.boxMsg .select{max-width:unset; width:432px;}
.boxMsg .new-select{color:#2C3329;}
.boxMsg .new-select::after{color: #86C555;position:absolute; right:0;-webkit-text-stroke: 0.5px #F9F9F9;}
.boxMsg .select-wrapper{background-color:#F9F9F9; border-radius:8px;padding:16px;}
.boxMsg .new-select__list{background-color:#fff;left: -16px;width:460px;height:192px;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
                          overflow-y: scroll;scrollbar-width: thin;}
.boxMsg .new-select__list::-webkit-scrollbar {width:3px;} 
.boxMsg .new-select__list::-webkit-scrollbar-track {background:#C4C4C4;}
.boxMsg .new-select__list::-webkit-scrollbar-thumb {background-color: #163029; border-radius: 2px;}
.boxMsg .new-select__item span{padding:16px}
.box_form{width: 464px;}
.box_form_info{width:370px;}
.boxMsg .text-area{padding:16px;border-radius:8px; max-width:432px;}
.input__file {opacity: 0;visibility: hidden;position: absolute;}
.boxMsg .g-but{padding:14px 16px; width:160px;text-align:center;}
.boxMsg .but-popup input {margin:0; width:192px;}
.boxMsg .new-select.on{}

.boxMsg .select-wrapper:has(.on){background-color:#fff;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.but-form input{margin: 0; width: 192px;}
.gray-but{display:inline-block; padding: 14px 16px 15px; color: #fff; background-color: #808588; border:none; border-radius: 8px; font-weight: 600;}
.green-but{background-color: #86C555;cursor:pointer;}

/* Cart */
.clear_cart{max-width:500px; flex:1 1 auto;text-align:right;}
.boxCart{gap:32px;}
.box_tovar{flex:1 1 auto;padding-bottom: 270px;}
.cart_sidebar{width:272px;flex:0 0 auto;}
.sidebar_item, .order_item{padding:24px;border-radius:16px;background-color:#fff;}
.card-cart{border-radius:16px;background-color:#fff;}
.card-pay2 {align-items:flex-start;}
.card-cart .card-info{margin:24px 0 0;}
.card-cart .name{font-weight: 600;}
.card-cart > div:first-child{flex:1 1 auto; max-width:570px;}
.card-cart .price{margin:24px 0 0; font-size:24px;}
.card-cart .mount{margin:24px 20px 0 0; padding:0;}
.but-del{margin:24px 24px 0 0;}
.card-cart .but-minus, .card-cart .but-plus {padding: 3px 4px 2px 4px;}
.card-cart .m-num {padding: 12px 3px;}
.dop_item{width:154px;height: 232px;color: #2C3329;background-color:#fff;border-radius:16px;padding:0 0 16px 0;border: 2px solid #fff; cursor:pointer;}
.dop_item:hover{border: 2px solid #86C555;color: #2C3329;}
.dop-img img {width: 154px;height: 130px;border-radius: 14px;}
.dprice{flex:1 1 auto; display:table;} .dprice div{display:table-cell; vertical-align:bottom;}
.dop-info{text-align:center;}
.cart_sidebar .field-popup {height:48px;}
.cart_sidebar .floating-label {color:#808588; font-size:16px;line-height:20px;}
.cart_sidebar .g-but {padding:12px 16px;text-align:center;}
.cart_sidebar .price{text-align:right;}


/* Order */
.order_sidebar{width:272px; flex:0 0 auto}
.form_order{width: 752px;}
/* .form_order .border-in {border: 2px solid #86C555; padding: 16px 17px; background-color: #FFFFFF !important;} */

.box_order1 .border-in, .box_order2 .border-in, .box_order4 .border-in{height: 52px;}
.box_order1 .field-popup{width:193px;}
.sbar_item_warning{border: 2px solid #F26D51}
.sbar_item_2 ul{padding:0 0 0 16px;}
.sbar_item_2 li{margin:0 0 8px;}
.sbar_item_2 li::marker{color:#86C555;}
.form_order .tabs4 > label {position:relative; padding: 12px 12px 12px 36px;}
.form_order .tabs4 > label img{position: absolute; left:12px;}
.box_order2 .field-popup{width:190px;}
.box_order2 .field-popup:first-child{width:430px;}

.box_order4 .field-popup{width:176px;}
.form_order .text-area{padding:16px; width:calc(100% - 32px);}
.form_order .but-form input{margin: 0; width: 100%; padding:12px 16px; border:none;}
.form_order .select-wrapper {background-color: #F9F9F9;border-radius: 8px;padding: 16px;}
.form_order .select-wrapper:has(.on) {background-color: #fff; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.form_order .select {max-width: unset;}

.form_order .new-select{font-size:16px; line-height:20px;font-weight: 700;color:#2C3329;}
.form_order .new-select::after {color: #86C555;position: absolute;right: 0;-webkit-text-stroke: 0.5px #F9F9F9;}
.form_order .new-select.on{color:#86C555;}

.form_order .new-select__item i {position:absolute;right:16px;color:#86C555;}
.form_order .new-select__item i:hover::after {content: attr(data-title); font-size:12px;line-height:18px;color:#2C3329;font-family: 'Golos';
    position: absolute; left: -230px; top: -25px; z-index: 5;width:195px;
    background: #fff; padding: 14px 16px;border-radius:8px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);

   }
.box_order5 .select-wrapper{width:430px;}
.box_order5 .new-select__list {background-color: #fff;top:40px;left:-16px;width: 460px;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.box_order5 .new-select__item span {font-size:16px;}
.box_order5 .field-popup{width:72px;}

.box_order3 .input-wrapper input {font-size: 14px; }
.box_order3 .new-select{font-size:14px; line-height:16px;font-weight: 600;}
.box_order3 .new-select__list {background-color: #fff;top:34px;left:-16px;width: 240px;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
                               overflow-y: scroll;height:354px; scrollbar-width: none;
}
.box_order3 .new-select__list::-webkit-scrollbar {width:1px;} 
.box_order3 .new-select__list::-webkit-scrollbar-track {background: #fff;}
.box_order3 .new-select__list::-webkit-scrollbar-thumb {background-color: #f9f9f9; border-radius: 2px;}
.box_order3 .new-select__item span {font-size:14px; padding: 12px 15px;}
.box_order3 .address{flex:1 1 auto; padding: 16px 18px 15px;}
.box_order3 .address input{margin:0 0 0 20px;}
.box_order3 .select-wrapper{width:208px;}
.box_order3 .new-select__item em{font-style:normal;color:#808588;}
.box_order3 #map{width:704px;height:338px;border-radius:16px;}




/* LK */
#content-tab10{max-width:464px}
.boxLK .field-popup{height:56px;}
.boxLK .input-wrapper input {margin: 0 0 16px; font-size: 16px;height: 20px;}
.boxLK .field-popup a{position:absolute; bottom:20px; right: 16px;cursor:pointer;}
.boxLK input::-webkit-calendar-picker-indicator {opacity: 0;}
.but-dob{background-color:#fff; padding:3px 7px; font-size:10px; line-height:10px;}

#content-tab9{max-width:848px}
.zakaz_item{padding:24px;border-radius:16px;background-color:#F9F9F9;position:relative; z-index:10;}
.zakaz_item:hover, .box_lk1 .activ{background-color:#fff;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.z_info{width:360px;flex:0 0 auto;}
.z_addr{flex:1 1 auto;}
.z_price{width:85px;flex:0 0 auto;}
.zakaz_item span{color: #B3B3B3;}
.z_info .mm{font-weight: 600; font-size: 10px; line-height: 12px; text-transform: uppercase; padding: 2px 4px; border-radius: 2px;}
.z_info .m1 {background-color: #631B49; color: #fff;}
.z_info .m2 {background-color: #2E3192; color: #fff;}
.z_info .m3 {background-color: #F9C8D7; color: #163029;}
.z_info .m4 {background-color: #fff; color: #163029;}
.z_info .m5 {background-color: #F26D51; color: #fff;}
.z_info .m6 {background-color: #86C555; color: #fff;}
.z-but{cursor:pointer;}
.z_part_2{margin:-16px 0 0; padding:40px 24px 24px; background-color:#F9F9F9;border-radius:0 0 16px 16px;position:relative; z-index:5;}
.zakaz_item .fa-chevron-up:before{-webkit-text-stroke: 0.5px #fff;}
.price_item{padding:10px 16px;background-color:#fff;border-radius:8px;}
.z_prise_box{width:240px;flex:0 0 auto;}
.z_but_box{text-align:right;}


.label-in .floating-label {top: 2px;left: 16px;font-size: 10px;}

/* 404 */
.box404 .txt18{text-align:center;}
/* =========== Footer ================ */
footer {background-color:#F9F9F9; box-shadow: 0px -5px 36px 0px rgba(204, 204, 204, 0.3);}
.frow {border-bottom: 1px solid #EDEDED;position:relative;}
.fcont {display:flex; justify-content:space-between; padding: 40px 0 40px;}

.col-1, .col-2 {width: 30%;}
.col-3 {width: 23%;}

.col-1 img {height: 42px; width: 156px;}
.col-2 i {background: #fff; border-radius: 2px; padding: 2px;}


.menu-footer {list-style: none; margin:0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; 
              column-gap: 20px; row-gap: 16px; max-width:280px;}
.menu-footer li a{color: #2C3329;}
.menu-footer li a:hover {color: #86C555;}

.but-to-up{position:absolute;top: -20px;right:10%;}

/* =========== END Footer ================ */

@media screen and (max-width:660px) {
    #dhead2 {display: none;}
    .mob {display: inline-block;}
        
}