/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;  padding: 0; border: 0;font-size: 100%;  vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {box-sizing: border-box; max-height: 9001em; padding: 0; margin: 0;}
a {text-decoration: none;}

/*STYLE*/

:root {--scale-factor: 0;}
@font-face {
    font-family: 'Fira Sans';
    src: local('Fira Sans Regular'), local('FiraSans-Regular'),
        url('../fonts/FiraSans-Regular_subset.woff2') format('woff2'),    
        url('../fonts/FiraSans-Regular_subset.woff') format('woff'),
        url('../fonts/FiraSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: local('Fira Sans Medium'), local('FiraSans-Medium'),
        url('../fonts/FiraSans-Medium_subset.woff2') format('woff2'),    
        url('../fonts/FiraSans-Medium_subset.woff') format('woff'),
        url('../fonts/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: local('Fira Sans Bold'), local('FiraSans-Bold'),
        url('../fonts/FiraSans-Bold_subset.woff2') format('woff2'),    
        url('../fonts/FiraSans-Bold_subset.woff') format('woff'),
        url('../fonts/FiraSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body.body {background: rgba(167,235,249,0.2)}
body {margin: 0 auto; color: #060606; position: relative; font-family: 'Fira Sans'; font-weight: 400;}

.wrap { position: relative; max-width: 1600px; margin: 0 auto; padding: 0 calc(5px + 1%);height: 100%;}
a {color: #0099cc; text-decoration: underline}
a:hover {text-decoration: none;}

.px16{font-size:16px;}
.px20{font-size:20px;}
.px24{font-size:24px;}
.px25{font-size:25px;}
.px30{font-size:30px;}
.px35{font-size:35px;}
.px40{font-size:40px;}
.px50{font-size:50px;}
.px57{font-size:57px;}
.px68{font-size:68px;}
.px90{font-size:90px;}
.px110{font-size:110px;}
.px200{font-size:200px;}
.px280{font-size:280px;}

sup {font-size: 70%; line-height: 100%; vertical-align: top}
img {display: block; height: auto;}

h2,h3 {font-weight: 500;}
.w300 {font-weight: 300;}
.w500 {font-weight: 500}
.upp {text-transform: uppercase;}
.bold {font-weight: bold;}
.regular,.w400 {font-weight: 400;}

.italic {font-style: italic;}
.center {text-align: center;}

.lh100 {line-height: 100%;}
.lh120 {line-height: 120%;}
.lh140 {line-height: 140%;}
.lh180 {line-height: 180%;}

.blue2 {color:#0e46ad;}
.bir {color: #4cc2cf;}
.green {color: #78b142;}
.green2 {color: #7eb712;}
.green3 {color: #578700}
.orange {color: #ff6000;}
.red {color: #d72e23;}
.red2 {color: #a50606}
.grey {color: #7a7a7a;}
.grey2 {color: #7e7e8f;}
.black {color:#060606;}
.light-grey {color: #ddd;}
.white {color: #fff;}
.rel {position: relative;}
.w100 {width: 100%; height: auto;}
.nowrap {white-space: nowrap}
.nopoint {pointer-events: none;-o-pointer-events: none;-webkit-pointer-events: none;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
/* Flex */
.flex {display: -webkit-box;display: -ms-flexbox;display: flex; }

.flex-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex-around {-ms-flex-pack:distribute;justify-content:space-around;}
.flex-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.flex-evenly {-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;}
.flex-left {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.flex-right {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}

.flex-top {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.flex-mid {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex-bot {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.flex-wrap {-ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-column-rev {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-flow: column-reverse;flex-flow: column-reverse;}
.flex-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.flex-row-rev {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-flow: row-reverse;flex-flow: row-reverse;}


#success-send {width: 100%; max-width: 720px; line-height: 120%; text-align: center; color: #fff; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border-radius: 1em; background: linear-gradient(340deg,rgba(248, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);}
#success-send img {width: 80%; margin: 0 auto;}

#pop-form.pop-form {width: 94%; max-width: 30em; padding: calc(3% + 0.5em) 1em; border-radius: 1em; background: linear-gradient(340deg,rgba(248, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.pop-form {overflow: visible!important;}
.pop-form input {width:100%; background: #fff; border-radius: 1em; padding: 0.8em; outline: none; border: 1px solid #eee; text-indent: 1em; margin-bottom: 1em; box-shadow: 0 0 0.3em rgba(0,0,0,0.05)}
.pop-form .button {position: relative;display: inline-block; text-decoration: none; padding: 0.6em 1em; border: 1px solid #e91735; border-radius: 0.3em; background: #e91735; transition: all 0.3s; color: #fff;}
.pop-form .button:hover {transform: scale(1.05); cursor: pointer;}

.pop-form .overlay-btn {position: absolute; top: 0; left: 0; right:0; bottom:0;}
.pop-form .img {width: 40%;}
.pop-form .img img {width: 100%; display: block; margin: 0 auto;}
.pop-form .text {width: 60%;}
.pop-form .call-privacy {padding-top: 1em; color: #aaa;}
.fancybox__content>.f-button.is-close-btn {--f-button-svg-width: 2.5em; --f-button-svg-height: 2.5em; top:2em;right:2em;}
}


.fancybox__slide.has-iframe .fancybox__content {padding: 0; border-radius: 0.6em; overflow: hidden; max-height:90% !important;}
.fancybox__iframe{width: 94%; max-width: 1200px;}
#privacy {width :100%; margin: 0 auto; padding: 1.5em 3em; background: #fff;}
#privacy h1 {padding-bottom: 1em}
#privacy p {padding: 0.5em 0;}
#privacy ul {padding: 0.5em 0; list-style-type: disc; margin-left: calc(1em + 2%);}

#policy h1 {padding-bottom: 0.8em}
#policy p {padding: 0.5em 0; font-weight: 400;}
#policy ul {padding: 0.5em 0; list-style-type: disc; margin-left: calc(1em + 2%); font-weight: 400;}
#policy .info_text {backdrop-filter: blur(0.3em); padding: 3em 4em; background: rgba(255,255,255,0.6); border-radius: 0.8em; box-shadow: 0 0 1em rgba(13, 43, 98, 0.2); border:2px solid rgba(255,255,255,0.6);}
#policy .info_text h3 {padding: 1.5em 0 0.5em;}
#policy .info_text h3:nth-child(1) {padding: 0em 0 0.5em;}


.checkbox-custom {opacity: 0; position: absolute; display: none;}   
.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff; border: 0.15em solid #0099cc; cursor: pointer; display: inline-block; vertical-align: middle; width: 1.2em; height: 1.2em; border-radius: 50%; padding: 0.15em; margin-right: 0.5em; text-align: center; transition: border 0.3s, box-shadow 0.3s;}
.checkbox-custom + .checkbox-custom-label.attension:before {content: ''; background: #fff; border: 0.15em solid #ff0000; cursor: pointer; display: inline-block; vertical-align: middle; width: 1.2em; height: 1.2em; border-radius: 50%; padding: 0.15; margin-right: 0.5em; text-align: center; box-shadow: 0 0 0.5em #ff0000;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: ''; background: #fff url(../images/check-policy.png) no-repeat 50% 50%; background-size: 75%;color: #fff; box-shadow: 0 0 2em rgba(255,255,255,0.5);}

/*============ SECTION'S ============*/
.content {position: relative; width:100%; max-width: 2560px; background: #fff; overflow: hidden; margin:0 auto; box-shadow: 0 0 1.5em rgba(13,43,98,0.3);}
#scrollToTop {display:none;position: fixed; left: 2%; bottom: 2%; width: 3em; height: 3em; background: #cef9f8; z-index: 10; border-radius: 50%; cursor: pointer; transition: opacity 0.3s}
#scrollToTop.show:hover {opacity:0.8;}
#scrollToTop.show {display: block; animation: fadeIn 1.5s ease 1; opacity: 0.5;}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
  
img.reveal {transition: opacity 1s ease-out, filter 1s ease-out;}
img.lazy {
  opacity: 0;
  filter: blur(0.5em);
}

header {padding: 0.8em 0; position: absolute; width: 100%; top: 0; left: 0; z-index: 100; }
header .logo {width: 15%; min-width: 180px;}
header .right_block {width: 70%;}
header nav {width: 96%; padding-top: 0.5em;}
header a {color: #0e46ad; font-weight: 500; padding: 0.5em 0; position: relative; text-decoration: none;}
header a.active {background: rgba(255,255,255,0.6);}
header nav a p {margin-bottom: 0;}
header nav a.mob {display: none;}
header nav a.about p {padding-right: 0.8em;}
header nav .shop {column-gap: 0.6em;}
header nav .circle {position: relative; width: 1.5em; height: 1.5em; border-radius: 50%; border: 0.1em solid #e91735; color: #fff; background: #e91735;}
header nav .circle #cart-total {position: absolute; top: 0; right: 0; transform: translate(60%,-60%); background: #e91735; min-width: 1em; min-height: 1em; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff;}
header .order_btn {font-size: 22px; display: block; text-decoration: none; padding: 0.4em 1em; border: 1px solid #e91735; border-radius: 0.3em; background: #e91735; transition: all 0.3s; color: #fff;}
header .order_btn:hover {color: #e91735; background: #fff;}
header .phone_block i {font-size: 120%; padding-right: 0.4em; transform: translate(0,0.1em);}
header .menu_item_mob {display: none;}
header .mobile-nav-expand {display: none; position: relative; width: 3em; height: 2.5em; max-width: 40px; max-height: 35px;}
header .menu-button {cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; display: block; transition: transform 0.3s;}
header .menu-button .bar {position: absolute; width: 100%; height: 0.4em; background-color: #024ea2; border-radius: 0.4em; transition: transform, opacity 0.3s;}
header .menu-button .bar-1 {top: 0;}
header .menu-button .bar-2 {top: 50%; transform: translate(0,-50%);}
header .menu-button .bar-3 {bottom: 0;}
header .menu-button.open {transform: rotate(180deg);}
header .menu-button.open .bar-2 {opacity: 0;}
header .menu-button.open .bar-1 {transform: rotate(45deg) translate(-5%,-40%); position: absolute; top: 50%;}
header .menu-button.open .bar-3 {transform: rotate(-45deg) translate(-4%,40%); position: absolute; bottom: 50%;}
header.fixed {position: fixed; padding: 0.3em 0; max-width: 2560px; left: 50%; transform: translate(-50%,0); box-shadow: 0 0.2em 1em rgba(13,43,98,0.5); background: rgba(241,237,237, 0.9); z-index: 1000; backdrop-filter: blur(0.5em); transition: background 0.3s, box-shadow 0.5s, height 0.3s, padding 0.3s;}
header.fixed .logo {visibility: visible; opacity: 1; transition: all 0.3s;}
header.slide_down {animation: slide_down 1s ease 1;}
@keyframes slide_down {0% {transform: translate(0,-100%);} 100% {transform: translate(0,0);}}
header nav .sub-menu-parent .menu_item:after {content: ''; position: absolute; right: -0.2em; top: 50%; transform: translate(0,-50%); width: 0.8em; height: 0.8em; background: url('../images/icons/arrow-down.svg'); background-size: 100%;}
header nav .sub-menu-parent:hover .menu_item:after {transform: rotate(180deg) translate(0,50%);}
.sub-menu-parent {position: relative; padding: 0.4em 0;}
.sub-menu {visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: auto; display: inline-block; padding: 0.8em 0; border-radius: 0.5em; background: #fff; box-shadow: 0 0.2em 1em rgba(13,43,98,0.5); transform: translateY(-0.4em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.sub-menu-parent .sub-menu:hover, .sub-menu-parent:focus .sub-menu, .sub-menu-parent:focus-within .sub-menu, .sub-menu-parent:hover .sub-menu {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0em); transition-delay: 0s, 0s, 0.3s;}
.sub-menu {white-space: nowrap;}
.sub-menu li a {width: 100%; display: block;  padding: 0.4em 1em; transition: all 0.3s;}
.sub-menu li a:hover {background: rgba(0,0,0,0.05);}

.bg_scale {background-size: 2560px;}
.bg_object {position: absolute; width: 2560px; left:50%; transform: translateX(-50%); pointer-events: none;-o-pointer-events: none;-webkit-pointer-events: none;}

/*============ SECTION'S ============*/
.main1 {padding: 0 0 3em;}
.main1 .wrap {z-index: 2;}
.main1 .block_padding {padding-top: 10em}

.main1 .bg {position: absolute; top:0; left:50%; width:100%; transform: translate(-50%,-3%);}
.main1 .bg img {width: 100%;}

.main1 h2 {width:100%; text-shadow: 1px 1px 0 rgba(255,255,255,0.8),1px 1px 0.4em rgba(255,255,255,1)}

.main1 .pack {width: 32%; padding-top: 40%;}
.main1 .pack picture {position: absolute; top:0; left:0; width: 100%;}
.main1 .pack picture img {max-width: 140%; transform: translate(-10%,-40%);}

.main1 .about .wrap {background: rgba(255,255,255, 0.3); backdrop-filter: blur(0.2em); border-radius: 1em; padding: 1.5em;}
.main1 .about .wrapper {background: rgba(255,255,255, 0.6); border: 1px solid #fff; backdrop-filter: blur(0.6em); border-radius: 1em; padding: 2em 1.5em 1.5em;}
.main1 .about h2 {padding: 0.3em 0em 1em;}
.main1 .about ul {padding-top: 2em;}
.main1 .about ul li {position: relative; padding: 3em 1em 2em; border-radius: 0.5em; width: 32%; background: linear-gradient(160deg,rgba(92, 196, 203, 1) 0%, rgba(57, 153, 187, 1) 100%); box-shadow: 0 0 0.3em rgba(0,0,0,0.15); transition: all 0.3s;}
.main1 .about ul li p {padding: 0.2em 0}
.main1 .about ul li .num {position: absolute; top:0; left: 50%; transform: translate(-50%,-50%); width:2em; height: 2em; background: #fff; color: #48bfd0; border-radius: 50%; transition: all 0.8s}
.main1 .about ul li .num span {transition: all 0.6s;}
.main1 .about ul li:hover {transform: scale(1.05); cursor: pointer;}
.main1 .about ul li:hover .num {transform: translate(-50%,-50%) scale(1.1);}
.main1 .about ul li:hover .num span {transform: scale(1.15);}

.main1 .about .logo img {width: 25%;}
.main1 .about .info {padding-top: 3em;}
.main1 .about .info div {width: 48%;}
.main1 .about .info div p {padding: 0.25em 0}

.main2 {padding: 0 0 3em 0;}
.main2 .bg_object img {width: 45%; transform: translate(18%,0%); }
.main2 .blank {width: 100%; margin-bottom: 2em;}
.main2 .blank h2 {transform: translate(-0.08em,0);}
.main2 .blank p {top: 1em;}
.main2 .list {width: 64%}
.main2 ul {padding: 1em 0 2em ; row-gap: 0.5em;}
.main2 ul:nth-child(1) {width: 46%;}
.main2 ul:nth-child(2) {width: 48%;}
.main2 ul li {width: 100%; position: relative; padding-left: 1.2em}
.main2 ul li:before {content: '';position: absolute; width:0.5em; height: 0.5em; background: #4cc2cf; border-radius: 50%; top:0.4em; left:0;}
.main2 .info {width: 75%;}

.main3 {padding: 3em 0 5em;}
.main3 .blank {width: 100%; margin-bottom: 2em;}
.main3 .ing_list {row-gap: 2.5em; column-gap: 1%;}
.main3 .ing_list .item {width:24%; text-align: center; background: #fff;}
.main3 .ing_list .item img {width:100%; margin:0 auto; transition: transform 0.3s;}
.main3 .ing_list .item img:hover {transform: scale(1.05); cursor: pointer;}
.main3 .ing_list .item p {padding-top: 0em}
.main3 .ing_list .spacer {display: none;}

.main4 {padding-bottom: 3em;}
.main4 .wrapper {padding-left: 9em; position: relative; z-index: 2;}
.main4 .bg_object.obj1 .img_left {width:25%; position: relative;}
.main4 .bg_object.obj1 .bg {width:106.4%; position: absolute; top:0; left:0; transform: translate(4%,-8%); opacity: 0.8}
.main4 .bg_object.obj1 .leaf {transform: translate(-20%,10%)}
.main4 .bg_object.obj2 {bottom: 15%;}
.main4 .bg_object.obj2 .img_right {width: 29%; transform: translate(0%,0%)}

.main4 h2 {padding: 0 0 0.8em; width: 100%; position: relative; z-index: 1;}

.main4 .ba_column {width: 42%; row-gap: 7em}
.main4 .ba_column:nth-child(2) {width: 42%; padding-top:3%; }
.main4 .ba_column .step .ba {padding-left: 10%; margin-bottom: 10%;}
.main4 .ba_column .step .ba img {max-width: 100%;}
.main4 .ba_column .step .num {position: absolute; width: 5em; top:0; left:-1em; transform: translate(-100%,0);}
.main4 .ba_column .step .num img {width: 100%;}
.main4 .ba_column:nth-child(2) .num {width: 4.5em; left: -0.5em;}

.main4 .itog {margin-top: 3em; width: 100%; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='25' ry='25' stroke='%234cc2cf' stroke-width='7' stroke-dasharray='5%25%2c 4%25' stroke-dashoffset='26' stroke-linecap='butt'/%3e%3c/svg%3e");
border-radius: 25px; padding: 1em 2em; background-color: rgba(255,255,255,0.6); backdrop-filter: blur(0.2em);}

.main5 {padding: 3em 0;}
.main5 h2 {padding: 0 0 0.5em 0; position: relative; z-index: 1;}
.main5 .text ul {row-gap: 2em; z-index: 1;}
.main5 .text ul li:nth-child(1) p {width: 48%;}
.main5 .text ul li:nth-child(2) p {width: 40%;}
.main5 .text ul li:nth-child(3) p {width: 60%;}
.main5 .text ul li:nth-child(4),
.main5 .text ul li:nth-child(5) {width: 48%}
.main5 .text ul li:nth-child(4) p {width: calc(100% - 5em);}
.main5 .text ul li:nth-child(5) p {width: calc(100% - 5em);}

.main5 .text ul li .ico {width: 5em}
.main5 .text ul li .ico img {width: 100%;}
.main5 .text ul li p {padding-left: 1em}
.main5 .img {position: absolute; top:0%; right:0; width: 50%; transform: translate(15%,15%);}
.main5 .img .fig3 {position: absolute; bottom:0; left: 50%; transform: translate(-39%,34%); width: 142%; z-index: -1}




.is-compact .fancybox__content>.f-button.is-close-btn {--f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color, #fff)!important;
    --f-button-hover-color: var(--fancybox-color, #fff)!important;
    --f-button-outline-color: transparent!important;
    --f-button-bg: transparent!important;
    --f-button-active-bg: transparent!important;
    --f-button-hover-bg: transparent!important;
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;}


.home_market {display: block; padding: 3em 0 5em 0; position: relative; z-index: 2;     background: url(../images/bg/bg_footer_sostav.webp) 50% 100% no-repeat;}
.home_market .pack {width:35%}
.home_market .pack .space {width:100%; padding-top: 110%;}
.home_market .pack img {position: absolute; top:0; left:0; width:130%}
.home_market .shop_block {width:60%; row-gap: 2em;}
.home_market h2 {display: inline-block;margin-bottom: 0.5em;}
.home_market h3 {width: 100%;}

.home_market .shop {column-gap: 2em;}
.home_market .shop a {display: block; width: calc(20% - 1em); box-shadow: 0 0 0.5em rgba(0,0,0,0.2); padding: 0 1em; border-radius: 1em; transition: all 0.3s; background: rgba(255,255,255,0.8)}
.home_market .shop a.marketplace {display: flex; flex: 1 1 50px; border-radius: 0.8em; padding: 0 2em; aspect-ratio: 1/0.5;}
.home_market .shop a.ozon {background: #0059ff}
.home_market .shop a.wildberries {background: linear-gradient(97.26deg, #ed3cca .49%, #df34d2 14.88%, #d02bd9 29.27%, #bf22e1 43.14%, #ae1ae8 57.02%, #9a10f0 70.89%, #8306f7 84.76%, #7c1af8 99.15%), linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));}
    
.home_market .shop a img {width: 100%; transition: all 1s}
.home_market .shop a:hover {transform: scale(1.05); box-shadow: 0em 0.2em 0.5em rgba(0,0,0,0.2);}
.home_market .shop a:hover img {transform: scale(1.1);}

.home_market .callback {display: inline-block; background: #fff; width: 100%; padding: 0.2em 0.2em 0.2em 1.5em; border-radius: 2em; border: 3px solid #4cc2cf; box-shadow: 0 0 0.5em rgba(76,194,207,0.8)}
.home_market .callback .flex {column-gap: 2em}
.home_market .callback p {text-align: center; width: calc(100% - 12em)}
.home_market .btn {display: inline-block; width: 12em;outline: none; border:0; background: #e91735; color: #fff; padding: 0.4em 0em; border-radius: 2em;cursor: pointer; transition: transform 0.3s}
.home_market .btn img {display: inline-block; vertical-align: middle; width: 2em; margin-right: 0.5em}
.home_market .btn span {display: inline-block;transform: translate(0,0.1em);}
.home_market .btn:hover {transform: scale(0.98);}

.order_page .home_market .bg_object {z-index: 10}
.order_page .home_market {padding-top: 10em;}
.order_page .home_market .bg_object .img_left {width:35%; position: relative; z-index: 30}
.order_page .home_market .bg_object .img_left img {width: 100%; transform: translate(-20%,70%)}
.order_page .home_market .bg_object .img_right {width:35%; position: relative; z-index: 30}
.order_page .home_market .bg_object .img_right img {width:80%; position: absolute; bottom:0; right:0; transform: rotate(180deg) translate(0%,-180%); opacity: 0.8}

footer {background-image: url(../images/bg/main_footer_bg.webp); background-repeat: no-repeat; background-position: 50% 0%; background-size: cover; height: 1328px; padding-top: 6em;}
footer p {width: 36%;}
footer .left_block {width:40%;}
footer .left_block * {position: relative; z-index: 2}
footer .left_block p {width:85%}
footer .left_block .logo {width: 81%; padding-bottom: 0.8em;}
footer .left_block .phone_link {display: inline-block; text-decoration: none; transform: scale(1,1.3); text-shadow: 0em 0.1em 0.3em rgba(0,0,0,0.6);}
footer .left_block .phone_link:hover {color: #fff;}
footer .left_block .pozitiv {padding-left: 0.2em;}
footer .left_block .emansi {padding: 0.5em 0 0 1em;}
footer .left_block .bg {position: absolute; top:0%; left:50%; width: 140%; transform: translate(-50%,-10%); mix-blend-mode: multiply; z-index: 1}

.footer_nav {width:100%; padding: 2em 2em; background: rgba(29, 48, 125, 1); font-weight: 300;}
.footer_nav p { opacity: 0.8;}
.footer_nav a {text-decoration: none; color:#fff; opacity: 0.8; cursor: pointer; padding:0.2em 0}
.footer_nav a:hover {opacity: 1;}

.footer_nav .left_nav {width: 40%; }
.footer_nav .left_nav p {width: 100%;}
.footer_nav .right_nav {width: 55%; column-gap: 2em}


.about_page {background: #fff url('../images/bg/block1-light.webp') 50% -10em no-repeat; background-size: 2560px;}

/*О продукте*/
.about1 { padding: 10em 0 0;}
.about1 h2 {width:100%; padding: 0.5em 0;}
.about1 .product {width: 40%; position: relative;}
.about1 .product .pack {width: 120%; transform: translate(-10%,0);}
.about1 .text {width: 60%;}
.about1 .text p {padding-bottom: 1em}

.article1 {padding-bottom: 5em;}
.article1 .bg_object { top: 0%;}
.article1 .bg_object .img_left {width: 50%; transform: translate(-15%,0%); opacity: 0.1;}

.article1 .round {position: absolute; z-index: 3;top:0;right:0%; transform: translate(20%,-30%);width: 1.8em; aspect-ratio: 1; border-radius: 50%; background: linear-gradient(90deg,#5bc3ca 0%, rgba(57, 153, 187, 1) 100%); }
.article1 .round div {position: absolute; bottom: 0; left:50%; transform: translate(-60%,-25%);}
.article1 .blank {width: 70%; border-left: 0.8em solid #4cc2cf; padding: 0.2em 0 0.4em 1em; margin-bottom: 3em;}
.article1 .blank h2 {padding-bottom: 0.3em}
.article1 ul {row-gap: 0.5em;}
.article1 ul li {position: relative; width: 48%; padding-left: 1.2em}
.article1 ul li:before {content: '';position: absolute; width:0.5em; height: 0.5em; background: #4cc2cf; border-radius: 50%; top:0.4em; left:0;}

.article2 {padding-bottom: 5em;}
.article2 .bg_object .img_right {width: 60%; transform: translate(5%,30%) rotate(0deg); opacity: 0.1;}

.article2 .round {position: absolute; z-index: 3;top:0;right:0; transform: translate(20%,-20%);width: 1.8em; aspect-ratio: 1; border-radius: 50%; background: linear-gradient(90deg,#5bc3ca 0%, rgba(57, 153, 187, 1) 100%); }
.article2 .round div {position: absolute; bottom: 0; left:50%; transform: translate(-60%,-25%);}
.article2 .blank {width: 70%; border-left: 0.8em solid #4cc2cf; padding: 0.2em 0 0.4em 1em; margin-bottom: 3em;}
.article2 .blank h2 {padding-bottom: 0.3em}
.article2 .text {width:82%;}
.article2 .text p {padding: 0.5em 0;}
.article2 ul {padding: 2em 0 0; row-gap: 0.5em;}
.article2 ul li {position: relative; padding-left: 1.2em}
.article2 ul li:before {content: '';position: absolute; width:0.5em; height: 0.5em; background: #4cc2cf; border-radius: 50%; top:0.4em; left:0;}

.article3 {padding-bottom: 5em;}
.article3 .bg_object {top: 0;}
.article3 .bg_object .img_left {width: 50%; transform: translate(-22%,-14%); opacity: 0.1;}

.article3 .round {position: absolute; z-index: 3;top:0;right:0; transform: translate(20%,-20%);width: 1.8em; aspect-ratio: 1; border-radius: 50%; background: linear-gradient(90deg,#5bc3ca 0%, rgba(57, 153, 187, 1) 100%); }
.article3 .round div {position: absolute; bottom: 0; left:50%; transform: translate(-60%,-25%);}
.article3 .blank {width: 70%; border-left: 0.8em solid #4cc2cf; padding: 0.2em 0 0.4em 1em; margin-bottom: 3em;}
.article3 .blank h2 {padding-bottom: 0.3em}
.article3 ul {padding: 1em 0 0; row-gap: 0.5em;}
.article3 ul li {position: relative; padding-left: 1.2em; width: 100%;}
.article3 ul li:nth-child(1) { width:82%;}
.article3 ul li:nth-child(2) { width:90%;}

.article3 ul li:before {content: '';position: absolute; width:0.5em; height: 0.5em; background: #4cc2cf; border-radius: 50%; top:0.4em; left:0;}

.about4 {padding-bottom: 0em;}
.about4 .wrap {padding-bottom: 1.5em; z-index: 2;}
.about4 h2 {width:100%; padding-bottom: 0.6em}
.about4 .text {width: 60%}
.about4 .text p {padding-bottom: 1em}
.about4 .img {width: 35%; row-gap: 5em;}
.about4 .img .pic {width:100%;}
.about4 .img .pic .tube {width: 100%; }
.about4 .img .pic .fig {position: absolute; left:0;bottom:0%; width: 220%;  transform: scaleX(-1.0) translate(35%,0) rotate(-5deg); z-index: -1; opacity:0.5}

.about5 {padding-bottom: 5em;}
.about5 .bg_object {top:0%;}
.about5 .bg_object .img_right {width: 60%; transform: translate(30%,100%) rotate(-210deg); opacity: 0.2;}

.about5 .blank {width: 100%; border-left: 0.8em solid #4cc2cf; padding: 0.2em 0 0.4em 1em; margin-bottom: 3em;}
.about5 .blank h2 {padding-bottom: 0.3em}
.about5 .text {width: 100% }
.about5 .text p {padding-bottom: 1em}
.about5 .text ul {padding-top:3em; row-gap: 1em;}
.about5 .text ul li {position: relative; padding: 0.5em 0 0.5em 2.5em; width: 48%; }
.about5 .text ul li:before {content: ''; position: absolute; width: 1.5em; height: 1.5em; background: url(../images/check.webp) no-repeat 50% 50%; background-size: 100%; top:0.5em; left:0}
.about5 .img {width: 100%;}
.about5 .img div {width: 20%;}
.about5 .img img {width: 120%; transform: translate(-10%,0);}
.about5 .itog {position: relative; z-index: 2;margin-top: 3em; width: 100%; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='25' ry='25' stroke='%234cc2cf' stroke-width='7' stroke-dasharray='5%25%2c 4%25' stroke-dashoffset='26' stroke-linecap='butt'/%3e%3c/svg%3e");
border-radius: 25px; padding: 1em 2em; background-color: rgba(255,255,255,0.5); backdrop-filter: blur(0.2em);}

.about6 {padding-bottom: 5em;}
.about6 .bg_object {bottom:0%;}
.about6 .bg_object .img_left {width: 80%; transform: translate(-30%,-30%) rotate(-25deg); opacity: 0.1;}

.about6 .wrap {row-gap: 2em;}
.about6 h2 {width: 100%;}
.about6 .step {width: 30%;}
.about6 .step .img {position: relative;width: 100%; margin-bottom: 15%;}
.about6 .step .img img {width:90%; margin: 0 auto;}
.about6 .step .img:before {content: ''; top:100%; position: absolute; width: 100%; padding-top: 9%; background: url(../images/use_shadow.webp) no-repeat 50% 50%; background-size:100%; }
.about6 .step .txt {width: 100%;}
.about6 .step .txt .num {width: 2.5em;}
.about6 .step .txt .num img {width: 100%;}
.about6 .step .txt p {width: calc(100% - 2.5em); padding: 0 0 0 1em;}



.about7 {padding-bottom: 5em;}

.about7 h2 {width: 100%; padding-bottom: 0.5em}
.about7 .text {width: 56%;}
.about7 .text .icons {padding-top: 1em;}
.about7 .text .icons img:nth-child(1) {width: 20.5%;}
.about7 .text .icons img:nth-child(2) {width: 19%;}
.about7 .text .icons img:nth-child(3) {width: 12.5%;}

.about7 .img {width: 44%}
.about7 .img .pic img:nth-child(1) {z-index: 2;}
.about7 .img .pic .fig {position: absolute; left:0;bottom:0;  transform: translate(0%,15%); opacity: 0.5; width: 200%; z-index: 1;}

.about8 {background:  url('../images/bg/bg_inner_footer.webp') 50% 100% no-repeat;padding-bottom: 5em;}
.about8 .bg_object {top:0%;}
.about8 .bg_object .img_right {width: 60%;transform: translate(45%,18%) rotate(35deg); opacity: 0.2}

.about8 h2 {width: 100%;}
.about8 .img {width: 52%; padding-top: 2em}
.about8 .text {width: calc(48% - 2em);}
.about8 .text p {padding-bottom: 0.4em;}

/*Состав*/
.content.sostav_page {background: #fff url('../images/bg/block1-light.webp') 50% -10em no-repeat; background-size: 2560px;}

.sostav_page .ing_block .product {width: 48%; position: relative; z-index: 2;}
.sostav_page .ing_block .text {width: 48%; position: relative; z-index: 2;}
.sostav_page .ing_block .text h3 {padding-bottom: 0.5em;}
.sostav_page .ing_block .text ul li {position: relative; padding-left: 1.2em; padding-bottom: 0.3em;}
.sostav_page .ing_block .text ul li:before {content: '';position: absolute; width:0.5em; height: 0.5em; background: #4cc2cf; border-radius: 50%; top:0.4em; left:0;}

.sostav0 { padding: 10em 0 3em;}
.sostav0 .text {width:68%;}
.sostav0 h2 {padding-bottom: 1.2em;}
.sostav0 .img {width: 30%;}
.sostav0 .img img {width: 140%; transform: translate(-10%,0);}

.sostav1 .bg_object { top: 0%;}
.sostav1 .bg_object .img_left {width: 50%; transform: translate(-15%,0%); opacity: 0.1;}

.sostav2 {padding: 3em 0 2em; }
.sostav2 .bg_object {top:0%;}
.sostav2 .bg_object .img_right {width: 50%; transform: translate(5%,0%) rotate(0deg); opacity: 0.3;}
.sostav2 .product img {width: 115%; transform: translate(-15%,0);}

.sostav3 {padding: 2em 0; }

.sostav4 .bg_object {top: 0;}
.sostav4 .bg_object .img_left {width: 50%; transform: translate(-22%,-40%); opacity: 0.1;}
.sostav4 .product img {width: 115%; transform: translate(-15%,0);}

.sostav5 {padding: 3em 0; }
.sostav5 .product img {width: 115%; transform: translate(0%,0);}

.sostav6 {padding: 0em; }
.sostav6 .bg_object .img_left {width: 100%; transform: translate(-20%,0%); opacity: 0.3;}
.sostav6 .bg_object .img_right {width: 60%; transform: translate(5%,0%) rotate(0deg); opacity: 0.1;}

.sostav7 {padding: 0em 0 10em; }

.sostav_last {background:  url('../images/bg/bg_footer_sostav.webp') 50% 100% no-repeat; background-size: 2560px;}

.order_page {background: #fff url('../images/bg/block1.webp') 50% -10em no-repeat; background-size: 2560px;}

.order2 {background: url(../images/bg/bg_inner_order.webp) no-repeat 50% 100%;  padding-bottom: 2em;}
.order2 .bg_object {top: 0; transform: translate(-50%,0%);}
.order2 .bg_object .img_right {width: 24%; transform: translate(18%,0%) rotate(40deg);}

.order3 {display: none;}

.contact_page {background: #cef9f8 url('../images/bg/block1.webp') 50% -380px no-repeat; background-size: 2560px;}

.contacts1 {padding: 5em 0 2em; background: url(../images/bg/bg_inner_order.webp) no-repeat 50% 100%; background-size: 2560px;}
.contacts1 .mobile {display:none;}

.faq {padding: 8em 0 3em; background: url(../images/bg/bg_inner_order.webp) no-repeat 50% 100%; background-size: 2560px;}
.faq .container { background-color: rgba(255,255,255,0.5); border-radius: 1em; box-shadow: 0 0.2em 0.5em 0 rgb(0,0,0,0.25); margin: 1em 0;}
.faq .question { padding: 1em 2em 1em 1em; position: relative; display: flex; align-items: center; cursor: pointer;}

.faq .question::after {content: "\002B"; font-size: 2em; position: absolute; right: 0.3em; top: 0.4em; transition: 0.2s;}

.faq .question.active::after {transform: rotate(45deg);}

.faq .answercont {max-height: 0; overflow: hidden; transition: 0.3s;}
.faq .answer {padding: 0 1em 1em;}
.faq .question.active + .answercont {}



@media screen and (max-width: 2000px) {
.wrap {max-width: 1400px;padding: 0 calc(5px + 1%);}
.bg_scale {background-size: 2000px;}
.bg_object {width: 2000px;}

.main1 picture {width:2000px;}




.faq {padding: 8em 0 3em; background: url(../images/bg/bg_inner_order.webp) no-repeat 50% 100%; background-size: 2000px;}


}

@media screen and (max-width: 1600px) {
  .bg_scale {background-size: 126.5%;}
  .bg_object {width: 126.5%;}
  .content.sostav_page {background-size: 162%;}
  .wrap {width:100%; max-width: 100%; padding: 0 calc(5px + 7%)}
 
 :root {--scale-factor: calc((100vw - 1280px) / (1600 - 1280));}

  .px16{font-size:calc(var(--scale-factor) * (16 - 14) + 14px);}
  .px20{font-size:calc(var(--scale-factor) * (20 - 16) + 16px);}
  .px24{font-size:calc(var(--scale-factor) * (24 - 20) + 20px);}
  .px25{font-size:calc(var(--scale-factor) * (25 - 20) + 20px);}
  .px30{font-size:calc(var(--scale-factor) * (30 - 26) + 26px);}
  .px35{font-size:calc(var(--scale-factor) * (35 - 28) + 28px);}
  .px40{font-size:calc(var(--scale-factor) * (40 - 32) + 32px);}
  .px50{font-size:calc(var(--scale-factor) * (50 - 40) + 40px);}
  .px57{font-size:calc(var(--scale-factor) * (57 - 48) + 48px);}
  .px68{font-size:calc(var(--scale-factor) * (68 - 54.4) + 54.4px);}
  .px90{font-size:calc(var(--scale-factor) * (90 - 72) + 72px);}
  .px110{font-size:calc(var(--scale-factor) * (110 - 88) + 88px);}
  .px200{font-size:calc(var(--scale-factor) * (200 - 160) + 160px);}
  .px280{font-size:calc(var(--scale-factor) * (280 - 224) + 224px);}

  header .right_block {width: 75%; max-width:950px;}
  .main1 picture {width:100%;}

  .main1 .about .wrap {padding: 1.5em; width:calc(86% - 5px); background: rgba(255,255,255,0.6)}
  .main1 .about .wrapper {padding:0; background: none; border: 0; backdrop-filter: none;}

  .block4 .img {width:46%;}

  .main5 .text ul li:nth-child(3) p {width:75%;}
  .main5 .text ul li:nth-child(4), .main5 .text .flex:nth-child(5) {width: 100%;}
  .main5 .text ul li:nth-child(4) p {width:75%;}
  .main5 .text ul li:nth-child(5) p {width:75%;}

  .about6 .step .px30 {font-size:calc(var(--scale-factor) * (30 - 20) + 20px);}

  .faq {padding: 8em 0 3em; background: url(../images/bg/bg_inner_order.webp) no-repeat 50% 100%; background-size: 126.5%;}

  .home_market {background-size: 126.5%;}
  footer {background-size: 126.5%;height: unset; aspect-ratio: 2/1.3}
}
@media screen and (max-width: 1400px) {
  header {padding: 0;}
  header .wrap {padding-top: 0.8em; padding-bottom: 0.8em;}
  header.fixed {height: auto; padding: 0;}
  header .logo {transform: translate(0,0);}
  header.fixed .logo {transform: translate(0,0);}
  header nav {width: 100%; max-width: 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 100%; top: calc(100% + 0.5em); transform: translate(0%,0); transition: transform, box-shadow, background, opacity 0.2s, 0.4s, 0.4s, 0.4s; opacity: 0; background: #fff; padding-top: 0;}
  header.fixed nav {top: 100%;}
  header nav a p {transform: translate(30%,0); transition: transform 0.8s;}
  header nav.open a p {transform: translate(0,0); transition-delay: 0.15s;}
  header nav.open {transform: translate(-100%,0); opacity: 1; box-shadow: 0 0.8em 0.8em rgba(13,43,98,0.4);}
  header .mobile-nav-expand {display: block;}
  header nav a {font-weight: bold; font-size: 20px; display: block; text-align: center; padding: 1.3em calc(1em + 5%); width: 100%; border-top: 1px solid rgba(0,0,0,0.05); border-radius: 0;}
  header nav a:hover {background: rgba(184,244,250,0.3);}
  header nav a.mob {display: block;}
  header .nav_block .links {flex-direction: row; column-gap: 3em;}
  header .nav_block {column-gap: 3em;}
  header .nav_block .phone {padding: 0.3em 0; font-size: 26px;}
  header nav a.discount {padding: 1.5em calc(1em + 5%);}
  header nav a.discount img {display: none;}
  header nav .sub-menu-parent {width: 100%; padding: 0;}
  header nav .sub-menu {display: none;}
  header nav a.about p {padding-right: 0em;}
  header nav a.about:after {display: none;}
  header .right_block {column-gap: 2em;}
  header nav .phone_block {display: none;}
  header nav .order_btn {display: none;}
  header .phone_block_mob {display: block; font-size: 32px; text-decoration: none; padding: 0.45em 0.7em; border-radius: 0 0.6em 0 0.6em; background: #6ab61e; transition: text-shadow 0.3s;}
  header .phone_block_mob:hover {color: #fff; text-shadow: 0 0 0.5em rgba(255,255,255,0.6);}
  header .menu_item_mob {display: block; font-size: 25px;}


}

@media screen and (max-width: 1280px) {
  .home_market .pack {width:60%; max-width: 480px; margin: 0 auto; padding-bottom: 3em;}
  .home_market .shop_block {width:100%;}

  .sostav0 .px50 {font-size:calc(calc((100vw - 640px) / (1280 - 640)) * (40 - 20) + 20px);}
  .sostav1 h2 {padding-top: 1em;}

  .about6 .step {width: 100%; max-width: 900px; margin:0 auto;}
  .about6 .step .img {width: 30%; margin: 0;}
  .about6 .step .img img {width:100%;}
  .about6 .step .txt {width: 70%; padding-left: 1.5em; font-size:calc(calc((100vw - 280px) / (1280 - 280)) * (35 - 10) + 10px);}
  .about6 .step .txt .num {width: 2.5em;}
  .about6 .step .txt p {width:100%; padding-left: 1em;}

  .contact_page {background: #cef9f8 url('../images/bg/block1.webp') 50% -380px no-repeat; background-size: 1280px;}
  .contacts1 {padding: 10em 0 10em; background: url(../images/bg/bg_inner_order.webp) 50% 100% no-repeat; background-size: 126.5%;}
  .contacts1 .mobile {display: block}
  .contacts1 img {margin:0 auto;}
  .contacts1 .pozitiv {padding-bottom: 1em;}
  .contacts1 .pozitiv img {width: 12em}
  .contacts1 .emansi img {width: 8em}
  .contacts1 .bg_object {top:50%; display:none}
  .contacts1 .bg_object .img_left {position: absolute;width: 42%; left:0; transform: translate(-32%,-10%) rotate(-50deg);}
  .contacts1 .bg_object .img_right {position: absolute;width: 42%; right:0; transform: translate(22%,-50%) scaleX(-1.0) rotate(30deg);}

  .contacts1 .text {width: 100%; max-width: 540px; font-size: 28px;}
  .contacts1 .text div {position: relative; z-index: 2}

  .faq {padding: 10em 0 4em;}
  .order_page .home_market .bg_object {z-index: 10}
  .order_page .home_market .bg_object .img_left {width: 50%;}
  .order_page .home_market .bg_object .img_left img {width: 100%; transform: translate(-30%, 30%);}  
  .order_page .home_market .bg_object .img_right {width: 45%;} 
  .order_page .home_market .bg_object .img_right img {
    width: 100%;
    position: relative;
    bottom: unset;
    right: unset;
    transform: rotate(180deg) translate(-25%, -100%);
    opacity: 1;
}

  footer .info {display: none;}
  footer .bg {display: none;}

}

@media screen and (max-width: 1140px) {
  .main3 .px30 {font-size: calc(calc((100vw - 280px) / (1140 - 280)) * (20 - 8) + 8px);} 

}

@media screen and (max-width: 980px) {
  .wrap {padding: 0 calc(5px + 6%);}

   :root {--scale-factor: calc((100vw - 280px) / (980 - 280));}

  .px16 {font-size: calc(var(--scale-factor) * (14 - 10) + 10px);} 
  .px20 {font-size: calc(var(--scale-factor) * (18 - 10) + 10px);}    
  .px24 {font-size: calc(var(--scale-factor) * (20 - 10) + 10px);}  
  .px25 {font-size: calc(var(--scale-factor) * (20 - 10) + 10px);}  
  .px30 {font-size: calc(var(--scale-factor) * (26 - 14) + 14px);} 
  .px35 {font-size: calc(var(--scale-factor) * (28 - 14) + 14px);}   
  .px40 {font-size: calc(var(--scale-factor) * (32 - 14) + 14px);}  
  .px50 {font-size: calc(var(--scale-factor) * (40 - 14) + 14px);}  
  .px57 {font-size: calc(var(--scale-factor) * (48 - 15) + 15px);}
  .px68 {font-size: calc(var(--scale-factor) * (50 - 16) + 16px);}
  .px90 {font-size: calc(var(--scale-factor) * (68 - 20) + 20px);}
  .px110{font-size:calc(var(--scale-factor) * (80 - 20) + 20px);}
  .px200{font-size:calc(var(--scale-factor) * (120 - 45) + 45px);}
  .px280{font-size:calc(var(--scale-factor) * (200 - 80) + 80px);}


  .bg_scale {background-size: 60em;}

  header .menu_item_mob.phone_block {display: none;}
  header .menu_item_mob.order_btn {font-size: calc(var(--scale-factor) * (25 - 14) + 14px); padding: 0.65em 1.5em}

  .main1 .bg {transform: translate(-50%,0);}

  .main1 .pack {width: 38%; padding-top: 50%}
  .main1 .pack picture img {transform: translate(-5%, -10%);}

  .main1 .about .logo img {width: 35%; max-width: 200px;}
  .main1 .about .info {padding-top: 1em;}
  .main1 .about .info div {width: 100%;}
  .main1 .about ul {padding-top: 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
  .main1 .about ul li {width: 100%; margin: 2em 0; max-width: 540px;}
  .main1 .about ul.px20 {font-size: calc(var(--scale-factor) * (22 - 12) + 12px);}
  .main1 .about ul .px30 {font-size: calc(var(--scale-factor) * (35 - 16) + 16px);}
  .main1 .about ul .px50 {font-size: calc(var(--scale-factor) * (60 - 25) + 25px);}

  .main2 ul {padding: 0.5em 0 0;}
  .main2 ul:nth-child(1) {width: 100%;}
  .main2 ul:nth-child(2) {width: 100%;}
  .main2 .info {width: 100%; padding-top: 2em}
  .main2 .bg_object img {width: 50%; transform: translate(15%,26%); }

  .main3 h2 {text-align: center;}

  .main4 .wrapper {padding-left: 0;}
  .main4 h2 {width: 100%; text-align: center; padding-bottom: 1em;}  
  .main4 .bg_object.obj1 .img_left {width: 52%}
  .main4 .bg_object.obj1 .img_left .bg {opacity: 0.5; width: 60%;}  
  .main4 .bg_object.obj1 .img_left .leaf {opacity: 0.1}
  .main4 .bg_object .img {width: 55%; transform: translate(10%, -22%);}
  .main4 .bg_object.obj2 .img_right {width: 120%; opacity:0.1;transform: rotate(-20deg) translate(0%,30%);}

  .main4 .ba_column {width: 100%; max-width: 720px; margin: 0 auto; row-gap: 3em;}
  .main4 .ba_column:nth-child(2) {width: 100%; padding-top: 3em}
  .main4 .ba_column .step {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
  .main4 .ba_column .step .num {position: relative; left: unset; top: unset; transform: translate(0,0);}
  .main4 .ba_column:nth-child(2) .num {width: 5em}
  .main4 .ba_column .txt {width: calc(100% - 5em); padding-left: 1em;}
  .main4 .itog {background-color: unset;}
  
  
  .main5 {padding-top: 0;}
  .main5 h2 {text-align: center; padding: 1em 0}
  .main5 .text {order:2;}
  .main5 .text ul li p {width: calc(100% - 5em) !important;}
  .main5 .img {position: relative; order:1; top:unset; right:unset; width: 80%; margin: 0 auto; transform: translate(0%,0%);}
  .main5 .img .fig3 {width: 220%;transform: rotate(-10deg) translate(-42%, 28%); opacity: 0.5;}

  .home_market {padding-top: 3em;}
  .home_market .wrap a {width: calc(25% - 1em);}


  .faq {background-size: 60em;}
  #policy .info_text {padding: 2.2em 2.5em;}  

  .content.about_page {background: #fff url(../images/bg/block1-light.webp) 50% 0em no-repeat; background-size: 60em;}

  .about1 .wrap {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
  .about1 .product {width: 35%;}
  .about1 .text {width: 65%}
  .about1 .text p {display: none;}
  
  .article1 ul li {width: 100%;}

  .about4 .img {display: none;}
  .about4 .text {width: 100%;}

  .about5 .img {width: 100%; column-gap: 3vw;}
  .about5 .img div {width: 30%;}
  .about5 .img img {width: 140%; transform: translate(-15%,0);}
  .about5 .img div:nth-child(4), .about5 .img div:nth-child(5) {transform: translate(0,-25%);}
  .about5 .text ul {padding-top: 0em}

  .about5 .bg_object .img_right {width: 100%;}
  .about5 .bg_object .leaf {opacity: 0.15}
  .about5 .bg_object .fig {width:100%; transform: translate(-12%, -70%);}

  .about8 {padding: 2em 0 10em; background-size: 60em;}
  .about8 h2 {padding-bottom: 0.5em;}
  .about8 .img {display: none;}
  .about8 .text {width: 100%;}

  .content.sostav_page {background: #fff url('../images/bg/block1-light.webp') 50% 0em no-repeat; background-size: 60em;}
  .sostav_page .ing_block .text {width: 100%; max-width: 540px; margin: 0 auto; order:2; padding-top: 1.5em;}
  .sostav_page .ing_block .text h3 {text-align: center;}
  .sostav_page .ing_block .product {width:100%; max-width: 480px; margin: 0 auto; order:1;}
  

  .sostav1 .bg_object { top: 100%;}
  .sostav1 .bg_object .img_left {width: 90%; transform: translate(-20%,-100%); opacity: 0.1;}

  .sostav2 .product img {width: 100%; transform: translate(0%,0);}
  .sostav2 .bg_object .img_right {width: 80%; transform: translate(15%,0%) rotate(0deg); opacity: 0.2;}

  .sostav4 .product img {width: 100%; transform: translate(0%,0);}
  .sostav4 .bg_object .img_left {width: 70%; transform: translate(-22%,-40%); opacity: 0.1;}

  .sostav5 .product img {width: 100%; transform: translate(0%,0);}

  .sostav6 .bg_object .img_left {width: 50%; transform: translate(-20%,-80%); opacity: 0.2;}
  .sostav6 .bg_object .img_left img {width: 250%}
  .sostav6 .bg_object .img_right {width: 50%; transform: translate(5%,30%) rotate(0deg); opacity: 0.1;}
  .sostav6 .bg_object .img_right img {width: 150%}

  .order_page .home_market .bg_object .img_left {width: 50%;}  
  .order_page .home_market .bg_object .img_right {width: 45%;}  

  
  footer {height: 31em;background-size: 60em; aspect-ratio: unset; padding-top: 3em;}
  footer .left_block .phone_link {font-size:calc(var(--scale-factor) * (36 - 9.6) + 9.6px);}
  footer .px68 {font-size: calc(var(--scale-factor) * (45 - 12) + 12px);}

  .footer_nav .wrap {flex-wrap:wrap;}
  .footer_nav .right_nav {width: 100%; justify-content: space-between; padding-top: 1em}
  .footer_nav .right_nav div {width:100%; text-align: center;}
  .footer_nav .left_nav {width: 100%; text-align: center;}
  .footer_nav .left_nav {row-gap: 1em;}
 }

@media screen and (max-width: 640px) {

  header .logo {width: 45%; max-width: 180px; min-width: 80px;}


  #scrollToTop {width: 5em; height: 5em;}
  .pop-form .img {width:100%;}
  .pop-form .img img {width:60%; max-width: 240px; }

  .pop-form .text {width:100%;}

  .main1 .about .wrap {width: 100%; padding: 3em calc(5px + 6%) 1em;}
  .main1 .about .logo img {width:50%;}

  .main2 .list {width: 100%;}
  .main2 .bg_object {display: none;}

  .main3 .wrap {padding: 0;}
  .main3 .ing_list {row-gap: 0em}
  .main3 .ing_list .spacer {display:block; width: 16%}
  .main3 .ing_list .item {width: 32%;}

  .main4 {padding-top: 2em;}
  .main4 .img {width: 50%; transform: translate(10%, -5%);}
  .main4 .ba_column .step .about_step {padding-top: 1em}
  .main4 .ba_column .step .about_step .txt p:nth-child(1) {font-size: calc(var(--scale-factor) * (68 - 20) + 20px); padding-bottom: 0.3em}
  .main4 .ba_column .step .about_step .txt p:nth-child(2) {font-size: calc(var(--scale-factor) * (48 - 15) + 15px);}
  .main4 .bg_object.obj1 .img_left {width: 56%;}

  .sostav0 .px90 {font-size:calc(calc((100vw - 280px) / (640 - 280)) * (60 - 25) + 25px);}
  .sostav0 .px50 {font-size:calc(calc((100vw - 280px) / (640 - 280)) * (20 - 8) + 8px);}
  .sostav0 .text {width:60%}  
  .sostav0 .img {width:40%}

  .article1 .round,
  .article2 .round,
  .article3 .round {display: none;}

  .article1 .blank,
  .article2 .blank,
  .article3 .blank {width:100%}

  .about5 .text ul li {width: 100%;}

  .about7 .img {width: 100%; order:1}
  .about7 .text {width: 100%; order:2}
  .about7 .bg_object .img_left {width: 80%; opacity: 0.15}

  .about8 .bg_object .img_right {width: 80%; opacity: 0.15}

  .contacts1 .text {font-size: calc((100vw - 280px)/(640 - 280) * (26 - 14) + 14px);;}
  #login_page .well {width:100%;}
  #scrollToTop {bottom: 5em}
  .links_bottom {display: flex;}

  .cart {padding: 9em 0 1.5em;}
  .cart .bg_object .img_left {width: 56%; transform: translate(-34%, 0%);}
  .cart .pack {display: none;}
  .cart .cart_order {width: 100%; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(0.3em); padding: 2em;  border-radius: 0.8em; box-shadow: 0 0 1em rgba(13, 43, 98, 0.2);  border: 2px solid rgba(255, 255, 255, 0.6);}
  .cart .cart_order form {row-gap: 0.6em;}
  .cart .cart_order .px35 {font-size: calc((100vw - 280px)/(640 - 280) * (30 - 14) + 14px);}
  .cart .cart_order .px40 {font-size: calc((100vw - 280px)/(640 - 280) * (40 - 16) + 16px); height: 1.2em;}
  #cart_page #open_cart_btn {padding: 0.9em 0.6em 0.8em; margin: 0.3em 0}
  .cart .px90 {padding-bottom: 0.25em;}
  #cart_page .mob_pack {display: block;}
  #cart_page .mob_pack img {width: 80%; margin: 0 auto; transform: translate(-6%,0);}
}

@media screen and (max-width: 480px) {
  header nav a {font-size: 22px; padding: 1em calc(1em + 5%);}
  header nav a.discount {padding: 1em calc(1em + 5%);}
  header .right_block {column-gap: 1em;}

  .is-compact .fancybox__content>.f-button.is-close-btn {top:0!important;right:0!important}



  .main4 .bg_object.obj1 .img_left {width: 60%;}

  .about1 {padding-bottom: 3em;}
  .about1 .product {width: 40%;}
  .about1 .text {width: 60%}

  .contacts1 {padding-top: 12em;}
  #policy .info_text {padding: 1.5em;}

  .home_market .wrap {column-gap: 0.9em;row-gap: 0.9em;}
  .home_market .wrap a{width: calc(33.3% - 0.6em); border-radius: 0.8em;}
  .home_market .btn img {width: 1.8em;}

  footer {height: 24em;background-size: 48em;}
  .footer_nav a {padding: 0.5em 0;}

}

@media screen and (max-width: 360px) {
  .main2 ul:nth-child(1),.main2 ul:nth-child(2) {width:100%}

  .main5 .text ul li .ico {width: 3em;}
  .main5 .text ul li p {width: calc(100% - 3em) !important;}

  .sostav0 {padding-top: 8em;}

  .home_market .shop {column-gap: 1em;}
  .home_market .callback {border: 1px solid #4cc2cf; padding: 0.2em 0.2em 0.2em 1em;}
  .home_market .callback .flex {column-gap: 1em;}
  .home_market .btn img {display: none;}
  .home_market .btn {width: auto; padding: 0.65em 1.2em;}
}

@media screen and (max-width: 320px) {
  .home_market .callback {border: none; box-shadow: none;}
  .home_market .callback .flex {flex-wrap: wrap; row-gap: 1.5em;}  
  .home_market .callback p {width: 100%;}
  .home_market .btn {padding: 0.5em 1.5em;}
  .home_market .btn img {display: inline-block; width: 2em;}
}

@media screen and (min-width: 2000px) {
  :root {--scale-factor: calc((100vw - 2000px)/(2560 - 2000));}
  .px16{font-size: calc(var(--scale-factor) * (20.5 - 16) + 16px);}  
  .px20{font-size: calc(var(--scale-factor) * (25.6 - 20) + 20px);}
  .px24{font-size:calc(var(--scale-factor) * (30 - 24) + 24px);}
  .px25{font-size:calc(var(--scale-factor) * (32 - 25) + 25px);}
  .px30{font-size:calc(var(--scale-factor) * (38.4 - 30) + 30px);}
  .px35{font-size:calc(var(--scale-factor) * (44.8 - 35) + 35px);}
  .px40{font-size:calc(var(--scale-factor) * (51.2 - 40) + 40px);}
  .px50{font-size:calc(var(--scale-factor) * (64 - 50) + 50px);}
  .px57{font-size:calc(var(--scale-factor) * (73 - 57) + 57px);}
  .px68{font-size:calc(var(--scale-factor) * (87 - 68) + 68px);}
  .px90{font-size:calc(var(--scale-factor) * (115.2 - 90) + 90px);}
  .px110{font-size:calc(var(--scale-factor) * (140.8 - 110) + 110px);}
  .px200{font-size:calc(var(--scale-factor) * (256 - 200) + 200px);}
  .px280{font-size:calc(var(--scale-factor) * (358.4 - 280) + 280px);}
  .wrap {width:100%; max-width: 74%}


  .content.sostav_page { background-size: 120%; }

  footer .left_block .phone_link {font-size: 66px;}
}
@media screen and (min-width: 2560px) {
  .px16{font-size:20.5px;}
  .px20{font-size:25.6px;}
  .px24{font-size:30px;}
  .px25{font-size:32px;}
  .px30{font-size:38.4px;}
  .px35{font-size:44.8px;}
  .px40{font-size:51.2px;}
  .px50{font-size:64px;}
  .px57{font-size:73px;}
  .px68{font-size:87px;}
  .px90{font-size:115.2px;}
  .px110{font-size:140.8px;}
  .px200{font-size:256px;}
  .px280{font-size:358.4px;}

  .fancybox__iframe{width: 80%; max-width: 2000px;}
}