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

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


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

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


img:not([src]):not([srcset]) {
  visibility: hidden;
}
	/*============= WRAPPER =============*/
body {margin: 0 auto; color: #060606; position: relative; font-family: 'PF Bulletin Sans Pro'; font-weight: 500; background: rgba(167,235,249,0.2)}

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

.px18{font-size:18px;}
.px20{font-size:20px;}
.px22{font-size:22px;}
.px24{font-size:24px;}
.px25{font-size:25px;}
.px28{font-size:28px;}
.px30{font-size:30px;}
.px32{font-size:32px;}
.px35{font-size:35px;}
.px38{font-size:38px;}
.px40{font-size:40px;}
.px42{font-size:42px;}
.px45{font-size:45px;}
.px50{font-size:50px;}
.px57{font-size:57px;}
.px68{font-size:68px;}
.px80{font-size:80px;}
.px90{font-size:90px;}
.px100{font-size:100px;}

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

.w500 {font-weight: 500}
.upp {text-transform: uppercase;}
.bold {font-weight: bold;}
.regular {font-weight: 400;}

.italic {font-style: italic;}
.center {text-align: center;}
.aleft {text-align: left;}
.aright {text-align: right;}
.inline {display: inline-block;}

.through {text-decoration: line-through;}
.left {float: left;}
.right {float: right;}
.overflow {overflow: hidden;}
.lh120 {line-height: 120%;}
.lh140 {line-height: 140%;}
.lh180 {line-height: 180%;}
.yellow {color: #fff6a7;}
.blue {color:#1d307d;}
.blue2 {color:#0e46ad;}
.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;}

#apteki_all {display:none;width:80%; max-width: 1280px; border-radius: 1em; padding: 3em 2em; background: #fff}
#apteki_all .flex {column-gap: 1.25em; row-gap: 1.25em; width: 90%; margin: 0 auto; padding-top: 3em}
#apteki_all .flex .item img {width: 100%;}
#apteki_all .flex .item a {border:0; box-shadow: 0; outline: none;}
#apteki_all .item {width: calc(25% - 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)}
#apteki_all .item img {width: 100%; transition: all 1s}
#apteki_all .item:hover {transform: scale(1.05); box-shadow: 0em 0.2em 0.5em rgba(0,0,0,0.2);}
#apteki_all .item:hover img {transform: scale(1.1);}

#pop-form.fancybox__content {border-radius: 1em; padding: 1em; max-width: 20em;}
#pop-form input {border-color: #ccc;}
#pop-form h2 {padding-bottom: 0.25em;}
#pop-form p {padding-bottom: 1em}

#privacy {width :100%; max-width: 1024px; margin: 0 auto;  padding: calc(1em + 3%) calc(0.5em + 3%); 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: 1em}
#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;}
.checkbox-custom + .checkbox-custom-label.attension:before {content: ''; background: #fff; border: 0.15 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 2em #ff0000;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: ''; background: #fff url(../new_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; right: 2%; bottom: 2%; width: 3em; height: 3em; background: #fff; 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;
  }
}


header {height: 5em; position: absolute; width: 100%; top: 0; left:0; z-index: 100; }
header .logo {width: 15%; min-width: 180px; transform: translate(0%,-10%); visibility: hidden; opacity: 0;}
.inner header .logo {visibility: visible; opacity: 1;}
header nav {width: 74%;padding-top: 0.8em;}
header nav a {color: #000;font-weight: 500; padding: 0.5em 0; position: relative; text-decoration: none;}
header nav a.active {background: rgba(255,255,255,0.6);}
header nav a.mob {display: none;}
header nav a.discount {padding-left:1.8em}
header nav a.discount img {width: 1.5em; position: absolute; left:0; top:50%; transform: translate(0,-50%);}

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 #000;}
header nav .circle #cart-total {position: absolute; top:0; right:0; transform: translate(60%,-60%); background: red; min-width: 1em; min-height: 1em; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff;}

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, 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; height: calc(5em + 0.15em); max-width: 2560px; left: 50%; transform: translate(-50%,0);border-bottom: 0.15em solid #fff; box-shadow: 0 0.2em 1em rgba(13,43,98,0.5);background: #d3faf9; z-index: 1000; }
header.fixed .logo {visibility: visible; opacity: 1;transform: translate(0,-10%); 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.8em; top:50%; transform: translate(0,-50%); width: 0.8em; height: 0.8em; background: url('../new_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; /* hides sub-menu */
  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; /* shows sub-menu */
  opacity: 1;  
  z-index: 1;
  transform: translateY(0em);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
.sub-menu {white-space: nowrap;}
.sub-menu li a {width: 100%; display: block; padding: 0.3em 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;}

/*Review popup form*/
#review-form {max-width: 750px; width: 100%; padding: calc(20px + 2%) 0; margin: 0 auto;}
#review-form label {display: block; text-align: left; padding: 0.5em 0;}
#review-form form {max-width: 600px; margin: 0 auto;  padding: 2em 1em 0;}
#review-form form input {padding: calc(12px + 1%) 0; border-radius: 30px; border: 0.1em solid #ccc; outline: none; text-indent: 1em}
#review-form form textarea {width: 100%; outline: none; padding: 1.5em 1em; resize: none; border-radius: 20px; border :0; background: #fff; border: 0.1em solid #ccc; outline: none;}
#review-form .rating {padding: 10px 0 calc(10px + 1%);}
#review-form .rating-area {padding-left: 10px;}
#review-form .rating-area label {padding: 0 !important;}
#review-form .rating-area:not(:checked) > input {display: none;}
#review-form .rating-area:not(:checked) > label {float: right; width: 25px;padding: 0; cursor: pointer; font-size: 28px; line-height: 120%; color: lightgrey; text-shadow: 1px 1px #bbb;}
#review-form .rating-area:not(:checked) > label:before {  content: '★';}
#review-form .rating-area > input:checked ~ label {color: gold; text-shadow: 1px 1px #c60;}
#review-form .rating-area:not(:checked) > label:hover,
#review-form .rating-area:not(:checked) > label:hover ~ label {color: gold;}
#review-form .rating-area > input:checked + label:hover,
#review-form .rating-area > input:checked + label:hover ~ label,
#review-form .rating-area > input:checked ~ label:hover,
#review-form .rating-area > input:checked ~ label:hover ~ label,
#review-form .rating-area > label:hover ~ input:checked ~ label {color: gold;text-shadow: 1px 1px goldenrod;}
#review-form .rate-area > label:active {position: relative;}
#review-form .half {width: 46%;}
#review-form .half input {width: 100%;}
#review-form .full {width: 100%; text-align: center;}
#review-form .half.p1 {width: 40%;}
#review-form .half.p2 {width: 50%;}
#review-form form input.age {width: calc(100% - 110px); max-width: 120px; margin: 0; text-align: center; text-indent: 0;}
#review-form form input.city {width: calc(100% - 100px); margin: 0; text-indent: 20px;}
#review-form .button {width:calc(50% - 1em);  padding: 0.5em 0.8em; margin: 1em 0}
#review-form .button{display: inline-block; padding: 0.4em 0.6em; border-radius: 0.3em; background: #fff; color: #293a8e; border: 0.1em solid #293a8e;cursor: pointer; transition: all 0.5s; } 
#review-form .button:hover { background: #293a8e; color: #fff; transform: scale(1.05);box-shadow: 0 0.2em 1em rgba(13, 43, 98, 0.5);}


#review-send {width: 100%; max-width: 640px; color: #000; text-align: center; padding: calc(10px + 2%) 3%; position: relative; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff;}



/*============ SECTION'S ============*/
.block1 {background:  url('../new_images/bg/block1.webp') 50% 0% no-repeat; padding: 10em 0 4em;}
.block1 .bg_object .img_left {width:26%; transform: translate(0%,-20%);}
.block1 .bg_object .img_right {width:29%;transform: translate(0,-30%);}
.block1 .logo {width: 30%;}
.block1 h2 {font-weight: 500; width:66%;}
.block1 .text {width: 52%; row-gap: 1.6em; padding-top: 2.4em;}
.block1 .text div {width: 50%;}
.block1 .text div span {display: inline-block;}
.block1 .text div .ico {width: 30%;}
.block1 .text div .ico img {max-width: 100%;}

.block1 .text div p {width: 65%;}

.block1 .pack {width: 45%;}
.block1 .pack .img {position: absolute; top:0; left:0; width: 220%;}
.block1 .pack .img img {max-width: 100%; transform: translate(-28%,-3%);}

.block1 .effect {padding-top: 12em;}
.block1 .effect .info {width: 40%; }
.block1 .effect .info .mob_img {display: none;}
.block1 .effect .info .mob_img img {width: 90%; margin: 0 auto 1em}
.block1 .effect .info li {padding-left: 4.5em; position: relative; margin: 1.5em 0;}
.block1 .effect .info li:before {content: ''; position: absolute; top:0; left:0; width: 3em; height: 2.5em; background: url(../new_images/icons/ico_check.webp) no-repeat; background-size: 100%;}

.block1 .img {width: 56%;}
.block1 .img .pic {width: 55%;}
.block1 .img .pic img {max-width: 100%}
.block1 .img .pic .tube_use {position: absolute; top:0;left:0; transform: translate(-24%,-80%); width: 61%; max-width: 100%;}
.block1 .img .product {width: 45%;}
.block1 .img .product .tube {position: absolute; top:50%; left:0; transform: translate(5%,-46%); max-width: 150%; z-index: 2}
.block1 .img .product .fig {position: absolute; bottom:0; left:0; transform: translate(-8%,25%); max-width: 190%; z-index: 1}

.video_block {position: relative;padding: calc(20px + 5%) 0; background: linear-gradient(0deg, rgba(119,17,153,0.15) 0%, rgba(255,255,255,1) 100%);}
.video_block .video-container {background: #000; border-radius: 2em; overflow: hidden; box-shadow: 0 3em 6em rgba(255,255,255,0.6)}
.video .plyr__poster {transition: opacity 0.5s}


.video .wrap {z-index: 2;overflow:hidden;}
.video .swiper {width: 70%; padding: 3em 0}
.video .swiper, .block2 .swiper-container {overflow: visible;}
.video .swiper.animate .swiper-slide {transform: scale(0.6) translate(0%,0); opacity: 0; transition: transform,opacity,translate 0.6s,0.1s,1s; background: #fff; border-radius: 2em; border: 0.15em solid #fff; overflow: hidden; box-shadow: 0 0 1em rgba(0,0,0,0.45)}
.video .swiper.animate .swiper-slide.swiper-slide-active {transform: scale(1) translate(0%,0); opacity: 1; z-index: 100; transition: transform,opacity,translate 0.6s,0.6s,0.6s; pointer-events: auto ;-o-pointer-events: auto ;-webkit-pointer-events: auto ;}
.video .swiper.animate .swiper-slide.swiper-slide-prev {transform: scale(0.8) translate(90%,0); opacity: 0.8; transition: transform,opacity,translate 0.6s,0.6s,0.6s; pointer-events: none;-o-pointer-events: none;-webkit-pointer-events: none;}
.video .swiper.animate .swiper-slide.swiper-slide-next {transform: scale(0.8) translate(-90%,0); opacity: 0.8; transition: transform,opacity,translate 0.6s,0.6s,0.6s; pointer-events: none;-o-pointer-events: none;-webkit-pointer-events: none;}



.video .slide_nav {transition: all 0.3s; width:2.5em; height: 5em; left: 100%; right: unset; }
.video .slide_nav .cls-1 {fill: #030303; transition: fill 0.2s; }
.video .slide_nav:before {content:''; opacity:0; position: absolute; }
.video .slide_nav:hover:before {opacity:1;}
.video .slide_nav:hover .cls-1 {fill: #00a3dc;}
.video .slide_nav img {width: 100%;}

.video .slide_nav.swiper-button-prev {transform: rotate(180deg) translate(20%,25%); left: unset; right:100%;}
.video .slide_nav.swiper-button-next {transform: rotate(0deg) translate(20%,-25%)}
.video .slide_nav.swiper-button-next:hover {transform: rotate(0deg) translate(20%,-25%) scale(1.1); }
.video .slide_nav.swiper-button-prev:hover {transform: rotate(180deg) translate(20%,25%) scale(1.1);}
.video .slide_nav.swiper-button-next:active {transform: rotate(0deg) translate(20%,-25%) scale(0.9); }
.video .slide_nav.swiper-button-prev:active {transform: rotate(180deg) translate(20%,25%) scale(0.9);}
.video .swiper-button-next:after,.video .swiper-button-prev:after {display: none;}
.video .swiper-button-next.swiper-button-disabled, .video .swiper-button-prev.swiper-button-disabled {opacity:0;}


:root {--plyr-color-main: #7db613}
.video .plyr--video .plyr__control.plyr__control--overlaid{background: transparent; color: #fff; border: 0.3em solid rgba(255,255,255,0.5); padding: 2em;}
.video .plyr--video .plyr__control.plyr__control--overlaid:hover{background: #7db613; color: #23308d; border: 0.3em solid #7db613; padding: 2em;}
.video .plyr__control.plyr__control--overlaid svg {width: 5em; height: 5em; transform: translate(8%,0);}
.video .plyr--video .plyr__controls {background: #23308d; padding: 1.5em 1.2em 1.2em; column-gap: 0.6em; }
.video .plyr--video.plyr--stopped .plyr__controls {opacity:0;}
.video .plyr__progress {margin-right:0; left:0;}
.video .plyr__controls .plyr__controls__item.plyr__progress__container {position: absolute; top:0; left:0; width:100%; padding: 0; transform: translate(0,-38%);}



.video .plyr__controls:before {content: ''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 7em;height: 2.8em; background: url(../new_images/logo_white.webp) no-repeat 50% 50%; background-size: 100%;}
.video .plyr__controls .plyr__controls__item:nth-child(1) {order: 1; margin: 0; width: 32px; height: 32px; text-align: center;}
.video .plyr__controls .plyr__controls__item:nth-child(3) {order: 3;}
.video .plyr__controls .plyr__controls__item:nth-child(4) {order: 2; margin-right: auto;}
.video .plyr__controls .plyr__controls__item:nth-child(5) {order: 4; }
.video .plyr__controls .plyr__controls__item:nth-child(6) {order: 5;}
.video .plyr__controls .plyr__controls__item:nth-child(7) {order: 6;}
.video .plyr__controls .plyr__controls__item:nth-child(8) {order: 7;}
.video .plyr__controls .plyr__controls__item:nth-child(1),
.video .plyr__controls .plyr__controls__item:nth-child(4) .plyr__control,
.video .plyr__controls .plyr__controls__item:nth-child(5),
.video .plyr__controls .plyr__controls__item:nth-child(6) .plyr__control,
.video .plyr__controls .plyr__controls__item:nth-child(7),
.video .plyr__controls .plyr__controls__item:nth-child(8) {background: #ffff; border-radius: 50%;}

.video .plyr__controls .plyr__controls__item:nth-child(1):hover,
.video .plyr__controls .plyr__controls__item:nth-child(4):hover .plyr__control,
.video .plyr__controls .plyr__controls__item:nth-child(5):hover,
.video .plyr__controls .plyr__controls__item:nth-child(6) .plyr__control:hover,
.video .plyr__controls .plyr__controls__item:nth-child(7):hover,
.video .plyr__controls .plyr__controls__item:nth-child(8):hover {background: #7db613;}
.video .plyr__controls .plyr__control svg {fill: #000;}
.video .plyr__controls .plyr__control:hover svg {fill: #23308d;}

.video .plyr__controls {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.video .plyr__controls .plyr__controls__item:nth-child(1) svg {width: 14px;height: 14px; transform: translate(20%,0);}
.video .plyr__controls .plyr__controls__item:nth-child(1).plyr__control.plyr__control--pressed svg {transform: translate(16%,0);}
.video .plyr__controls .plyr__controls__item.plyr__volume {width: 20%;}
.plyr__volume input[type=range] {max-width: 120px; min-width: 45px; width: 100%;}

.video .fade_left {position: absolute; height:100%; width: 30%; transform: translate(-80%,0); top:0; left:0; background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); z-index: 5; pointer-events: none;-o-pointer-events: none;-webkit-pointer-events: none;}

.block2 {padding-top: 5em}
.block2 .wrapper {padding-left: 9em;}
.block2 .bg_object.obj1 .img_left {width:25%; position: relative;}
.block2 .bg_object.obj1 .bg {width:106.4%; position: absolute; top:0; left:0; transform: translate(4%,-18%)}
.block2 .bg_object.obj1 .leaf {transform: translate(0%,20%)}

.block2 .bg_object.obj2 .img_right {width: 29%; transform: translate(0%,40%)}

.block2 h2 {padding-bottom: 0.5em;}
.block2 .text {width: 52%; row-gap: 1em; z-index: 1;}
.block2 .text p:nth-child(2) {width: 80%;}
.block2 .text p:nth-child(3) {width: 80%;}
.block2 .text p:nth-child(4) {width: 70%;}

.block2 .img {width: 48%;}
.block2 .img {position: absolute; top:50%; right:0; width: 66%; transform: translate(2%,-50%);}
.block2 .img .fig3 {position: absolute; bottom:0; left: 50%; transform: translate(-39%,34%); width: 142%; z-index: -1}

.block2  h2.problem {padding: 2em 0 0.8em; width: 80%}
.block2 .ba_column {width: 46%}
.block2 .ba_column:nth-child(2) {width: 41%; padding-top:5%; }

.block2 .ba_column .step .ba {padding-left: 10%; margin-bottom: 10%;}
.block2 .ba_column .step .ba img {max-width: 100%;}
.block2 .ba_column .step .ba .thumb {transition: transform 0.3s}
.block2 .ba_column .step .ba .thumb:hover {transform: scale(1.05); cursor: pointer;}
.block2 .ba_column .step .ba .hidden {display: none;}
.block2 .ba_column .step .ba .ba_tube {width: 54%;position: absolute; bottom:0; left:0; transform: translate(-85%,0%);}
.block2 .ba_column .step .about_step {margin: 0.3em 0 1.5em; position: relative;}
.block2 .ba_column .step .about_step .num {position: absolute; width: 1.5em; top:0; left:-1em; transform: translate(-100%,0);}
.block2 .ba_column .step .about_step .num img {width: 100%;}

.block3 {padding-bottom: 3em;}
.block3 h2 {padding-bottom: 0.5em;}
.block3 .product {width: 49%; position: relative;}
.block3 .product h2 span {display: block;}
.block3 .product .pack {width: 285%; position: absolute; left: 50%; top:3em; transform: translate(-50%,-8%);}
.block3 .product .fig {position: absolute; right: 0%; top:2em; transform: translate(5%,-20%); z-index: -1}


.block3 .text {width: 50%}
.block3 .text .article {margin: 1em 0 2em}
.block3 .text .ico {width: 5em}
.block3 .text .ico img {max-width: 100%; margin: 0 auto;}
.block3 .text .txt {width: calc(100% - 5.5em); }


.block4 {background:  url('../new_images/bg/bg2.webp') 50% 0% no-repeat; }
.block4 .wrap {padding-top: 6em; padding-bottom: 8em; z-index: 2}
.block4 .text .title {column-gap: 1.5em; margin-bottom: 2em;}
.block4 .text .title h2 span {display: block;}
.block4 .text .title img {width: 31.5%; max-width: 100%; transform: translate(0,-4%);}
.block4 .text .txt {width: 60%; row-gap: 1em}
.block4 .text .txt p:nth-child(2) {width: 84%}
.block4 .img {position: absolute; width: 58%; bottom:0; left:60%; transform: translate(-15%,0%);}
.block4 .img img {max-width: 100%;}
.block4 .img .info {position: absolute; width: 35%; bottom: 8%; left: 50%; transform: translate(-50%,0);}
.block4 .img .info p {padding-top: 1em; transform: translate(-10%,0);}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {padding-top: 0px!important;}
.fancybox__slide {padding: 0!important;}
.fancybox__content>.f-button.is-close-btn {top: 1em!important; right: 1em!important}
#review_all {display: none; overflow-x: hidden;}

#review_all .rev {width:calc(50% - 1em); background: #fff; border-radius: 0.5em; box-shadow: 0 0.2em 1em rgba(13,43,98,0.5); padding: 0.5em 0.8em;}
.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;}
.block5 .bg_object {bottom:0;}
.block5 .bg_object .img_left {width: 24%; position: relative;transform: translate(0%,30%); }
.block5 .bg_object .bg {width: 140%; position: absolute; top:0; left:0; opacity: 0.55;transform: translate(0%,-30%); z-index: -1;}

.block5 .wrap {row-gap: 1.5em; padding-bottom: 3em}
.block5 .review {width:calc(50% - 1em); background: #fff; border-radius: 0.5em; box-shadow: 0 0.2em 1em rgba(13,43,98,0.5); padding: 0.5em 0.8em;}

.block5 .rev-btn {width:calc(50% - 1em);  padding: 0.5em 0.8em;}
.block5 .rev-btn .btn {display: inline-block; padding: 0.4em 0.6em; border-radius: 0.3em; background: #fff; color: #293a8e; border: 0.1em solid #293a8e;cursor: pointer; transition: all 0.5s; } 
.block5 .rev-btn .btn:hover { background: #293a8e; color: #fff; transform: scale(1.05);box-shadow: 0 0.2em 1em rgba(13, 43, 98, 0.5);}
.block5 .rev-btn .btn .num {position:absolute; top:0;right:0;transform: translate(50%,-70%); padding: 0.2em 0.3em; border-radius: 0.2em; background: #78b142; color: #fff;}
.block5 .rev .ava img {width: 2.8em;}
.block5 .rev .info {width: calc(100% - 4em);}
.block5 .rev .info .txt {padding: 1em 0}
.block5 .rev .info .txt p {padding: 0.25em 0 0}
.block5 .rev .row_1 .name{margin-right: auto }
.block5 .rev .row_1 .name p:nth-child(1) {padding: 0.4em 0}
.block5 .rev .row_1 .rating img {width: 8em;}
.block5 .rev .emo {display: inline-block; width: 0.8em; vertical-align: middle;}

.block5 .rev.star .txt {width: 55%;}
.block5 .rev.star .pic {position: absolute; right:0; bottom:0; width: 36%; transform: translate(-5%,30%);}
.block5 .rev.like .txt {width: 55%;}
.block5 .rev.like .pic {position: absolute; right:10%; bottom:0; width: 31%; transform: translate(0%,35%);}

.block5 .rev.hand .txt {width: 65%; max-width: 15em;}
.block5 .rev.hand .pic {position: absolute; right:0.5em; top:0.5em; width: 36%; transform: translate(0%,0%);}

.block6 .bg_object {bottom:0;transform: translate(28%,40%)}
.block6 .bg_object .img_right {width:29%; position: relative;}
.block6 .bg_object .bg {width:100%; position: absolute; top:0; right:0; opacity: 0.55; transform: translate(-30%,-95%)}
.block6 .bg_object .leaf {transform: rotate(15deg);}

.block6 .wrap {padding-bottom: 2em;}
.block6 .pack {width:48%}
.block6 .pack .space {width: 100%; padding-top:105%;}
.block6 .pack img {position: absolute; top:0; left:50%; transform: translate(-49%,0); width: 280%;}
.block6 .order {width:calc(50% - 1em); row-gap: 1em}
.block6 .order .online {width:100%; border-radius: 0.5em; padding:1.5em 1.2em; box-shadow: 0 0 1em rgba(13,43,98,0.2);background: #fff;}
.block6 .order .online .push {width: 1.12em; height:1.12em; text-align: center; cursor: pointer; background: #ececec; border-radius: 0.2em; position: relative;}
.block6 .order .online .push:hover {background: #e0e0e0;}

.block6 .order .online .push div {position:absolute; top:50%; ;left:50%; transform: translate(-50%,-55%);}
.block6 .order .shops {width:100%;border-radius: 0.5em; padding:1em 1.2em; box-shadow: 0 0 1em rgba(13,43,98,0.2); background: #fff;}

.block6 .order .online .title {letter-spacing: 0.06em;}
.block6 .order .online input[type="text"] {width: 1.12em; background: #ececec; border-radius: 0.2em; outline: 0; border:0; text-align: center;}
.block6 .order .online .left_block {width: 70%; column-gap: 2.2em; row-gap: 0.5em;}
.block6 .order .online .img {position: absolute; right:0; top: 50%; width: 36%; transform: translate(0,-40%);}
.block6 .order .online p {width: 100%;}
.block6 .order .online .count {column-gap: 0.2em;}
.order .online .btn {display: inline-block; padding: 0.35em 0.5em; border-radius: 0.4em; outline: none; border:0; background: #293a8e; color: #fff; cursor: pointer; transition: transform 0.3s}
.order .online .btn:hover {transform: scale(0.98);}
.block6 .order .online .new_cost {height: 1em;}
.block6 .order .online .old_cost{color:#c6c6c6}
.block6 .order .online .old_cost:before {content: ''; position: absolute; width:100%; height: 0.06em; background: #c6c6c6; top:50%; }
.block6 .order .online .rub {font-family: Arial, Helvetica, sans-serif; font-size: 90%}
.block6 .order .online .sticker {position: absolute; right:0; top:0; width:1.25em; height: 1.25em; border-radius: 50%; background: #78b142; color: #fff; transform: translate(50%,-50%);}
.block6 .order .shops .swiper-wrapper {transition-timing-function: linear !important;}
.block6 .order .shops .swiper-slide img {width: 100%;}
.block6 .order .shops .swiper-slide a {display: block; }
.block6 .order .shops .all {position: absolute; width: 6em; height: 100%; right:0; top:0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); z-index: 100}
.block6 .order .shops .all img {width: 2em; cursor: pointer; transition: all 0.3s;}
.block6 .order .shops .all img:hover {transform: scale(1.1);}
.block6 .order .shops .link {text-decoration: underline; color: #293a8e;cursor: pointer; display: inline-block; margin: 0.5em 0 0;}

.block7 {background: url(../new_images/bg/map_bg.webp) no-repeat 50% 100%; padding-bottom: 2em;}
.block7 .title {padding-bottom: 1em;}
.block7 .map_block {width:100%; padding-top: 50%; border-radius: 1em; overflow: hidden; border: 0.2em solid #293a8e; box-shadow: 0 0 0.5em rgba(13,43,98,0.3);}
.block7 #map {position: absolute; top:0; left:0; width: 100%; height: 100%; padding: 0; margin: 0;}
/*.block7 #map .ymaps-2-1-79-searchbox {position: absolute; top:0; left:50%; transform: translate(-50%,0); border: 2px solid #000; border-radius: 10px; overflow: hidden}
.block7 #map .ymaps-2-1-79-searchbox__normal-layout {width: 50%; max-width: 760px;}
.block7 #map .ymaps-2-1-79-searchbox-input {box-shadow: none!important}
.block7 #map .ymaps-2-1-79-searchbox-input.ymaps-2-1-79-searchbox-input__input {}
*/

footer {background: url(../new_images/bg/main_footer_bg.webp) no-repeat 50% 0%; background-size: 2560px; height: 1329px; 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%; padding-left: 0.9em;}
footer .left_block .logo {width: 81%; padding-bottom: 0.4em;}
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;}
.footer_nav a:hover {opacity: 1;}

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


.about_page {background: #fff url('../new_images/bg/block1.webp') 50% -10em no-repeat; background-size: 2560px;}
/*О продукте*/
.about1 { padding: 10em 0 0;}
.about1 h2 {padding-bottom: 0.5em;}
.about1 .product {width: 49%; position: relative;}
.about1 .product .pack {width: 285%; position: absolute; left: 50%; top:1em; transform: translate(-48.6%,-12%);}
.about1 .text {width: 48%;}
.about1 .text p {padding-bottom: 1em}
.about1 .text p:last-child {padding-bottom: 0;}


.about2 {padding-top: 2em;}
.about2 .bg_object.obj1 {top: 0; }
.about2 .bg_object.obj1 .img_left {width:26%; transform: translate(-20%,-90%);}
.about2 p {padding-bottom: 1em}
.about2 .bg_object.obj2 {top:50%; transform: translate(-50%,-50%);}
.about2 .bg_object.obj2 .img_right {width: 26%;transform: translate(35%,-30%) rotate(20deg);}

.about3 .bg_object {bottom: 0;}
.about3 .bg_object .img_left {width: 16.5%; transform: translate(0%,30%);}
.about3 .text {width: 48%}
.about3 .text p {padding-bottom: 1em}
.about3 .text .mob_pic {display: none;}
.about3 .img {width: 48%; row-gap: 5em;}
.about3 .img .pic:nth-child(2) {width:100%;}
.about3 .img .pic:nth-child(2) img {position: absolute; left:0;top:0; width: 120%; z-index: 2}
.about3 .img .pic:nth-child(2) .fig {position: absolute; left:0;top:0; width: 130%; z-index: 1; transform: translate(0,45%)}

.about4 .wrap {padding-bottom: 1.5em; z-index: 2;}
.about4 h2 {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: 120%; }
.about4 .img .pic .fig {position: absolute; left:0;bottom:0; width: 180%;  transform: scaleX(-1.0) translate(35%,5%) rotate(-5deg); z-index: -1;}

.about5 .bg_object {top:0%;}
.about5 .bg_object .img_right {width: 28%; }
.about5 .bg_object .leaf {transform: translate(30%,-130%) rotate(-210deg);}
.about5 .bg_object .fig {width: 42%; position: absolute; opacity: 0.5; transform: translate(-12%,-80%); z-index: -1}

.about5 h2 {padding-bottom: 0.6em}
.about5 .text {width: 48% }
.about5 .text p {padding-bottom: 1em}
.about5 .text ul {list-style-type: disc; margin-left: 0.8em; width:80%}
.about5 .text ul li {padding-bottom: 0.5em;}
.about5 .img {width: 50%; row-gap: 1em;}
.about5 .img .pic {width:48%;}
.about5 .img .pic img {width: 100%;}
.about5 .img .pic img.tube {position: absolute; width: 38%; top:0; right:0; transform: translate(-6%,-25%);}
.about5 .img .pic p span {display: block;}

.about6 {padding: 5em 0; background: url(../new_images/bg/bg2.webp) 50% 12em no-repeat; background-size:2560px;}
.about6 h2 {width: 100%; padding-bottom: 1em}
.about6 .wrap .how_use .swiper-wrapper {row-gap: 1.5em; }
.about6 .pic {width:calc(33% - 0.75em)}
.about6 .pic img {width: 100%;}
.about6 .pic .txt {position: absolute; top: 1em; left: 1em; width: 58%;}
.about6 .pic .txt.short {width: 50%;}
.about6 .pic .txt.px35 {width: 70%;}
.about6 .pic .txt.px35 span {display: block;}
.about6 .pic .txt p {padding-bottom: 0.4em;}
.about6 .pic .att {position: absolute; bottom: 1em; left: 1em; width: 80%;}
.about6 .pic .att span {display: block;}

.about7 {}
.about7 .bg_object {bottom:0%;}
.about7 .bg_object .img_left {width: 27%; transform: translate(-30%,-25%) rotate(-25deg);}

.about7 h2 {width: 100%; padding-bottom: 0.5em}
.about7 .text {width: 52%;}
.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: 48%}
.about7 .img .pic img:nth-child(1) {z-index: 2;}
.about7 .img .pic .fig {position: absolute; left:0;bottom:0;  transform: translate(0%,-5%); width: 160%; z-index: 1;}

.about8 {background:  url('../new_images/bg/bg_inner_footer.webp') 50% 100% no-repeat;}
.about8 .bg_object {top:0%;}
.about8 .bg_object .img_right {width: 29%;transform: translate(35%,18%) rotate(35deg);}

.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('../new_images/bg/block1.webp') 50% -10em no-repeat; background-size: 2560px;}
.sostav1 { padding: 10em 0 0;}
.sostav1 h2 {padding-bottom: 1.2em; width:100%;}
.sostav1 .product {width: 48%; position: relative;}
.sostav1 .text {width: 48%}
.sostav1 .text h3 {padding-bottom: 0.5em;}
.sostav1 .bg_object { bottom: 0%;}
.sostav1 .bg_object .img_left {width: 28%; transform: translate(-35%,-85%);}

.sostav2 .product {width: 48%; position: relative;}
.sostav2 .text {width: 48%}
.sostav2 .text h3 {padding-bottom: 0.5em;}
.sostav2 .bg_object {top:0%;}
.sostav2 .bg_object .img_left {width: 38%; transform: translate(-45%,-10%);}
.sostav2 .bg_object .img_right {width: 28%; transform: translate(25%,0%) rotate(20deg);}

.sostav3 .product {width: 36%; position: relative;}
.sostav3 .product .img {width: 85%; margin: 0 auto}
.sostav3 .product .ing {z-index: 3;}
.sostav3 .product .fig {position: absolute; left:0; bottom:0; width:200%; z-index: 1; transform: translate(-15%,20%);}
.sostav3 .product .shadow {position: absolute; left:50%; top:100%; width:120%; z-index: 2; transform: translate(-50%,-40%);}
.sostav3 .text {width: 60%}
.sostav3 .text h3 {padding-bottom: 0.5em;}
.sostav3 .bg_object {bottom: 0;}
.sostav3 .bg_object .img_left {width: 25%; transform: translate(-22%,-10%);}

.sostav4 {background:  url('../new_images/bg/bg_footer_sostav.webp') 50% 100% no-repeat; background-size: 2560px; padding-bottom: 2em;}
.sostav4 .product {width: 48%; position: relative;}
.sostav4 .text {width: 48%}
.sostav4 .text h3 {padding-bottom: 0.5em;}
.sostav4 .bg_object {bottom: 0;}
.sostav4 .bg_object .img_right {width: 26%;transform: translate(30%,-90%) rotate(-200deg);}

.quality1 { padding: 10em 0 3em;}
.quality1 h2 {padding-bottom: 1.2em; width:100%;}
.quality1 .product {width: 46%; position: relative; }
.quality1 .product .txt1 {width: 45%;}
.quality1 .product .txt2 {width: 52%;}
.quality1 .product .txt3 {width: 42%; transform: translate(0,-1.5em);}
.quality1 .product .txt3 img {width: 74%; max-width: 216px; padding-top:0.3em}
.quality1 .product .txt4 {width: 45%; transform: translate(0,-1.3em);}
.quality1 .product .arr1 {position: absolute; top:0; left:0%; width: 10%; transform: translate(-120%,-50%);}
.quality1 .product .arr2 {position: absolute; top:0; left:41%; width: 7%; transform: translate(0,-80%);}
.quality1 .product .arr3 {position: absolute; top:0; right:0; width: 7.5%; transform: translate(70%,-55%);}
.quality1 .product .arr4 {position: absolute; bottom:0; left:28%; width: 25%; transform: translate(0,92%); z-index: 2}
.quality1 .product .arr5 {position: absolute; bottom:0; right:0; width: 12%; transform: translate(70%,75%);}

.quality1 .text {width: 44%}
.quality1 .text p {padding-bottom: 1em;}
.quality1 .bg_object {bottom: 0;}
.quality1 .bg_object .img_left {width: 26%; transform: scaleX(-1) translate(35%,-145%);}

.quality2 {background:  url('../new_images/bg/bg_inner_quality.webp') 50% 100% no-repeat; background-size: 2560px; padding-bottom: 6em;}
.quality2 .product {width: 46%; position: relative;}
.quality2 .product .txt1 {width: 45%;}
.quality2 .product .txt2 {width: 50%;}
.quality2 .product .txt3 {width: 50%; padding-top: 1em}
.quality2 .product .txt3 p {padding-bottom: 0.5em}
.quality2 .product .txt4 {width: 50%; transform: translate(40%,-10%);}
.quality2 .product .arr6 {position: absolute; width: 11.8%; top:0; left:11%; transform: translate(0%,0%);z-index: 3}
.quality2 .product .arr7 {position: absolute; top:0; left:40%; width: 8.5%; transform: translate(0,-70%);z-index: 3}
.quality2 .product .arr8 {position: absolute; top:0; right:0; width: 11%; transform: translate(100%,-0%);z-index: 3}
.quality2 .product .arr9 {position: absolute; bottom:0; left:34%; width: 20%; transform: translate(0,20%); z-index: 3}
.quality2 .product .arr10 {position: absolute; top:0; right:0; width: 20%; transform: translate(65%,-65%);z-index: 2}
.quality2 .product .arr11 {position: absolute; bottom:0; right:32%; width: 7.5%; transform: translate(0,65%);z-index: 3}
.quality2 .product .shadow {position: absolute; top:0; opacity: 0.6;left:0%; width:111.5%;transform: translate(-1.55%,-1.55%); z-index: 1}
.quality2 .product .roll {position: absolute; top:50%; right:0; width:7.2%; transform: translate(120%,-40%); z-index: 2}
.quality2 .product .package {z-index: 2}
.quality2 .text {width: 42%}
.quality2 .text p {padding-bottom: 1em;}
.quality2 .bg_object {bottom: 0;}
.quality2 .bg_object .img_right {width: 30%; transform: translate(10%,-48%) rotate(20deg);}

.expert1 {padding: 12em 0 3em;}
.expert1 .wrap img:nth-child(1) {width:32.5%;}
.expert1 .wrap img:nth-child(2) {width:40%;position: absolute; top:0;left:50%; transform: translate(-53%,-20%);}
.expert1 .wrap img:nth-child(3) {width:32.5%;}

.expert2 {padding-bottom:2.5em}
.expert2 .bg_object {top: 0;}
.expert2 .bg_object .img_left {width: 26%; transform: translate(-35%,27%);}
.expert2 h2 {width: 100%; padding-bottom: 0.6em;}
.expert2 .img_block {width:41%}
.expert2 .img_block .img .photo {position: relative; z-index: 3}
.expert2 .img_block .img .shadow {position: absolute; width:120%; bottom: 0; left:50%; transform: translate(-50%,70%);}
.expert2 .img_block .img .bg {position: absolute; width: 165%; bottom:0; left:0; transform: translate(-37%,40%);}
.expert2 .img_block .public {padding:2.5em 0 0;}
.expert2 .img_block .public .ico {width: 17%; padding-top: 2em}
.expert2 .img_block .public .txt {width: 80%}
.expert2 .img_block .public .txt p {padding-bottom: 0.8em;}
.expert2 .img_block .public .txt ul li {width:48%;}
.expert2 .img_block .public .txt ul li p {padding: 0.2em 0; color: #0099cc}

.expert2 .text_block {width:56%}
.expert2 .text_block p {position: relative;  padding-left:0.8em; margin-bottom: 1em;}
.expert2 .text_block p:before {content: ''; position: absolute; top:0.15em; left: 0; width: 0.25em; height: calc(100% - 0.4em); background: #d7e7a7}

.expert3 .bg_object {top:0%;}
.expert3 .bg_object .img_left {width: 31%; transform: translate(-30%,5%) scale(-1,-1) rotate(-30deg);}
.expert3 .bg_object .img_right {width: 29%; transform: translate(30%,0%) rotate(50deg);}
.expert3 h2 {width: 100%; padding-bottom: 0.6em;}
.expert3 .img_block {width:41%}
.expert3 .img_block .img .photo {position: relative; z-index: 3}
.expert3 .img_block .img .shadow {position: absolute; width:120%; bottom: 0; left:50%; transform: translate(-50%,70%);}
.expert3 .img_block .img .bg {position: absolute; width: 165%; bottom:0; left:0; transform: scaleX(-1.0) translate(5%,40%);}
.expert3 .img_block .public {padding-top:2.5em;}
.expert3 .img_block .public .ico {width: 17%; padding-top: 2em}
.expert3 .img_block .public .txt {width: 80%}
.expert3 .img_block .public .txt p {padding-bottom: 0.8em;}
.expert3 .img_block .public .txt ul li {width:48%;}
.expert3 .img_block .public .txt ul li p {padding: 0.2em 0; color: #0099cc}
.expert3 .text_block {width:56%}
.expert3 .text_block p {position: relative;  padding-left:0.8em; margin-bottom: 1em;}
.expert3 .text_block p:before {content: ''; position: absolute; top:0.15em; left: 0; width: 0.25em; height: calc(100% - 0.4em); background: #d7e7a7}

.expert4 {background: url(../new_images/bg/bg_inner_order.webp) no-repeat 50% 100%; background-size: 2560px; padding-bottom: 3em;}
.expert4 .bg_object {bottom:23%;}
.expert4 .bg_object .img_right {width: 20%; transform: translate(15%,0%) rotate(30deg);}
.expert4 h2 {width: 100%; padding-bottom: 0.6em;}
.expert4 .img_block {width:41%}
.expert4 .img_block .img .photo {position: relative; z-index: 3}
.expert4 .img_block .img .shadow {position: absolute; width:120%; bottom: 0; left:50%; transform: translate(-50%,70%);}
.expert4 .img_block .img .bg {position: absolute; width: 165%; bottom:0; left:0; transform: translate(-37%,40%);}
.expert4 .img_block .public {padding:2.5em 0 1.5em;}
.expert4 .img_block .public .ico {width: 17%; padding-top: 2em}
.expert4 .img_block .public .txt {width: 80%}
.expert4 .img_block .public .txt p {padding-bottom: 0.8em;}
.expert4 .img_block .public .txt ul li {width:48%;}
.expert4 .img_block .public .txt ul li p {padding: 0.2em 0; color: #0099cc}
.expert4 .text_block {width:56%}
.expert4 .text_block p {position: relative;  padding-left:0.8em; margin-bottom: 1em;}
.expert4 .text_block p:before {content: ''; position: absolute; top:0.15em; left: 0; width: 0.25em; height: calc(100% - 0.4em); background: #d7e7a7}

.block6 .bg_object {bottom:0;transform: translate(28%,40%)}
.block6 .bg_object .img_right {width:29%; position: relative;}
.block6 .bg_object .bg {width:100%; position: absolute; top:0; right:0; opacity: 0.55; transform: translate(-30%,-95%)}
.block6 .bg_object .leaf {transform: rotate(15deg);}

.order_page {background: #fff url('../new_images/bg/block1.webp') 50% -10em no-repeat; background-size: 2560px;}
.order1 {padding: 10em 0 1em;}
.order1 .wrap {padding-bottom: 2em;}
.order1 .pack .space {width: 100%; padding-top:105%;}
.order1 .bg_object {bottom: 0;transform: translate(-50%,0%);}
.order1 .bg_object .img_left {width: 26%; transform: translate(-34%,-55%);}
.order1 .bg_object .img_right {display: none;}
.order1 .pack {width:48%}
.order1 .pack img {position: absolute; top:0; left:50%; transform: translate(-49%,0); width: 280%;}
.order1 .order {width:calc(50% - 1em); row-gap: 1em}
.order1 .order .online {width:100%; border-radius: 0.5em; padding:1em 1.2em; box-shadow: 0 0 1em rgba(13,43,98,0.2);background: #fff;}
.order1 .order .online .push {width: 1.12em; height:1.12em; text-align: center; cursor: pointer; background: #ececec; border-radius: 0.2em; position: relative;}
.order1 .order .online .push:hover {background: #e0e0e0;}

.order1 .order .online .push div {position:absolute; top:50%; ;left:50%; transform: translate(-50%,-55%);}
.order1 .order .shops {width:100%;border-radius: 0.5em; padding:1em 1.2em; box-shadow: 0 0 1em rgba(13,43,98,0.2); background: #fff;}

.order1 .order .online .title {letter-spacing: 0.06em;}
.order1 .order .online input[type="text"] {width: 1.12em; background: #ececec; border-radius: 0.2em; outline: 0; border:0; text-align: center;}
.order1 .order .online .left_block {width: 70%; column-gap: 2.2em; row-gap: 0.5em;}
.order1 .order .online .img {position: absolute; right:0; top: 50%; width: 36%; transform: translate(0,-40%);}
.order1 .order .online p {width: 100%;}
.order1 .order .online .count {column-gap: 0.2em;}

.order1 .order .online .new_cost {height: 1em;}
.order1 .order .online .old_cost{color:#c6c6c6}
.order1 .order .online .old_cost:before {content: ''; position: absolute; width:100%; height: 0.06em; background: #c6c6c6; top:50%; }
.order1 .order .online .rub {font-family: Arial, Helvetica, sans-serif; font-size: 90%}
.order1 .order .online .sticker {position: absolute; right:0; top:0; width:1.25em; height: 1.25em; border-radius: 50%; background: #78b142; color: #fff; transform: translate(50%,-50%);}
.order1 .order .shops .swiper-wrapper {transition-timing-function: linear !important;}
.order1 .order .shops .swiper-slide img {width: 100%;}
.order1 .order .shops .swiper-slide a {display: block; }
.order1 .order .shops .all {position: absolute; width: 6em; height: 100%; right:0; top:0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); z-index: 2}
.order1 .order .shops .all img {width: 2em; cursor: pointer; transition: all 0.3s;}
.order1 .order .shops .all img:hover {transform: scale(1.1);}
.order1 .order .shops .link {text-decoration: underline; color: #293a8e;cursor: pointer; display: inline-block; margin: 0.5em 0 0;}

.order2 {background: url(../new_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('../new_images/bg/block1.webp') 50% -380px no-repeat; background-size: 2560px;}

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

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

#user_panel .list-group {border-radius: 0.5em; box-shadow: 0 0 1em rgba(13, 43, 98, 0.2); overflow: hidden;background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(0.3em); border: 1px solid rgba(255, 255, 255, 0.6); padding: 0.5em 0}
#user_panel .list-group .list-group-item {text-decoration: none; margin:0; border-radius: 0; background: rgba(255,255,255,0); border:0;}
#user_panel .list-group .list-group-item:hover {text-decoration: none; margin:0; border-radius: 0; background: rgba(255,255,255,1)}
#user_panel .table-responsive {overflow: visible; border:0;}
#user_panel .table-bordered {border-radius: 0.5em; box-shadow: 0 0 1em rgba(13, 43, 98, 0.2); overflow: hidden; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(0.3em); border: 1px solid rgba(255, 255, 255, 0.6);}
#user_panel .table-bordered.table-hover > tbody > tr > td{ border: 1px solid #5bc0de;}
#user_panel .table-bordered.table-hover > tbody > tr:hover {background: rgba(255, 255, 255, 0.6);}
#user_panel .table-bordered>thead>tr>td, #user_panel .table-bordered>thead>tr>th, #user_panel .table-bordered>tfoot>tr>td {border: 1px solid #5bc0de;}

/*Магазин*/
.cart {padding: 10em 0 1em;}
.cart .wrap {padding-bottom: 2em;}
.cart .pack .space {width: 100%; padding-top:105%;}
.cart .bg_object {bottom: 0;transform: translate(-50%,0%);}
.cart .bg_object .img_left {width: 26%; transform: translate(-34%,-55%);}
.cart .bg_object .img_right {display: none;}
.cart .pack {width:48%}
.cart .pack img {position: absolute; top:0; left:50%; transform: translate(-49%,0); width: 280%;}
.cart .cart_order {width:calc(50% - 1em); row-gap: 1em}
.cart .cart_order form {width: 100%;row-gap: 1em;}
.cart .cart_order form .line {column-gap: 1em; width:100%;}
.cart .cart_order form input {width: 1.5em; background: #fff; border-radius: 0.2em; outline: 0; border: 0; text-align: center; margin: 0 0.2em;}
.cart .push {width: 1.12em; height:1.2em; text-align: center; cursor: pointer; background: #fff; border-radius: 0.2em; position: relative;}
.cart .push:hover {background: #eee;}
.cart .push div {position:absolute; top:50%; ;left:50%; transform: translate(-50%,-55%);}
.cart .cart_order form .line .form-control {display: inline-block; width: auto;}

.cart .infobox {background: #fff; border-radius: 1em; padding: 1em; width: 25em}
.cart .input-group .btn {background: #fff; margin: 0 0 0 0.2em; padding: 0; line-height: 100%; border-radius: 0.2em; width: 1.12em;
    height: 1.2em; outline: none; vertical-align: unset;}

#order_success {padding: 10em 0 5em;}
#order_success .info_box {background: #fff; border-radius: 2em; padding: 2em 2em 2em 1em; max-width: 35em; box-shadow: 0 0 1em rgba(13, 43, 98, 0.2);}
#order_success .info_box img {margin: 0 auto; width: 30%;}
#order_success .info_box .txt {width: 70%; padding-left: 1em;}

#open_cart_btn {display: inline-block; padding: 0.6em 0.5em; text-decoration: none; border-radius: 0.4em; outline: none; border:0; background: #293a8e; color: #fff; cursor: pointer; transition: transform 0.3s}
#open_cart_btn:hover {transform: scale(0.98); color: #fff;}
#open_cart_btn:active {color: #fff;}


.panel-group {padding: 2em 0 5em; margin: 0; display: flex; flex-direction: column; row-gap: 0.8em;}
.panel-group .panel {border-radius: 0.5em; box-shadow: 0 0 1em rgba(13, 43, 98, 0.2); overflow: hidden; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(0.3em); border:2px solid rgba(255,255,255,0.6);}
.panel-group .panel .accordion-toggle {text-decoration: none;}
.panel-default>.panel-heading {border: 0; background: rgba(83,184,255,0.1);}

.form-horizontal .form-group {margin: 0 0 0.8em;}
.form-group .form-control {padding: 0.4em 1em; height: auto; font-size: 20px; box-sizing: border-box;}
.panel-group .panel .panel-heading {padding: 1em 1em; }
.panel-group .panel .panel-heading h4 {font-size: 24px;}
.panel-group .panel-body {padding: 2em;}

#register_page .form-horizontal {background: rgba(255, 255, 255, 0.5); column-gap: 4%; 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); margin-top: 2em;}
#register_page .form-horizontal .col {width: 48%;}
#register_page .form-horizontal .buttons {padding-top: 1em;}
.form-horizontal .control-label {padding: 0.3em 0;}
div.required .control-label:before {content: '* '; color: #F00; font-weight: bold;}

#login_page .well {width: 48%; background: rgba(255, 255, 255, 0.5); column-gap: 4%; 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);}

@media screen and (max-width: 2000px) {
.px18{font-size:14px;}
.px20{font-size:18px;}
.px22{font-size:20px;}
.px24{font-size:20px;}
.px25{font-size:20px;}
.px28{font-size:22px;}
.px30{font-size:23px;}
.px32{font-size:25px;}
.px35{font-size:27px;}
.px38{font-size:30px;}
.px40{font-size:32px;}
.px42{font-size:32px;}
.px45{font-size:35px;}
.px50{font-size:40px;}
.px57{font-size:45px;}
.px68{font-size:53px;}
.px80{font-size:62px;}
.px90{font-size:70px;}

.wrap {max-width: 1280px;padding: 0 calc(5px + 1%);}
.bg_scale {background-size: 2000px;}
.bg_object {width: 2000px;}
.block2 .ba_column .step .ba .ba_tube {width: 50%;}
#review_all .rev.star .pic {transform: translate(25%,30%);}
#review_all .rev.star .txt {width: 68%;}
#review_all .rev.like .pic {right: 5%;}
.about2 {padding-top: 4em;}
.about2 .bg_object.obj1 .img_left {width:24%; transform: translate(-20%,-70%);}

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


footer {background-size: 2000px; height: 51em;}
}

@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 + 10.5%)}
  .px18{font-size:calc((100vw - 1280px)/(1600 - 1280) * (14 - 12) + 12px);}
  .px20{font-size:calc((100vw - 1280px)/(1600 - 1280) * (18 - 16) + 16px);}
  .px22{font-size:calc((100vw - 1280px)/(1600 - 1280) * (18 - 16) + 16px);}
  .px24{font-size:calc((100vw - 1280px)/(1600 - 1280) * (20 - 16) + 16px);}
  .px25{font-size:calc((100vw - 1280px)/(1600 - 1280) * (20 - 16) + 16px);}
  .px28{font-size:calc((100vw - 1280px)/(1600 - 1280) * (22 - 17.6) + 17.6px);}
  .px30{font-size:calc((100vw - 1280px)/(1600 - 1280) * (23 - 18.4) + 18.4px);}
  .px32{font-size:calc((100vw - 1280px)/(1600 - 1280) * (25 - 20) + 20px);}
  .px35{font-size:calc((100vw - 1280px)/(1600 - 1280) * (27 - 21.6) + 21.6px);}
  .px38{font-size:calc((100vw - 1280px)/(1600 - 1280) * (30 - 24) + 24px);}
  .px40{font-size:calc((100vw - 1280px)/(1600 - 1280) * (30 - 24) + 24px);}
  .px42{font-size:calc((100vw - 1280px)/(1600 - 1280) * (32 - 25.6) + 25.6px);}
  .px45{font-size:calc((100vw - 1280px)/(1600 - 1280) * (35 - 28) + 28px);}
  .px50{font-size:calc((100vw - 1280px)/(1600 - 1280) * (40 - 32) + 32px);}
  .px57{font-size:calc((100vw - 1280px)/(1600 - 1280) * (45 - 36) + 36px);}
  .px68{font-size:calc((100vw - 1280px)/(1600 - 1280) * (53 - 42.4) + 42.4px);}
  .px80{font-size:calc((100vw - 1280px)/(1600 - 1280) * (62 - 49.6) + 49.6px);}
  .px90{font-size:calc((100vw - 1280px)/(1600 - 1280) * (70 - 56) + 56px);}

  .block4 .img {width:46%;}

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

  footer {background-size: 126.5%;}
}


@media screen and (max-width: 1280px) {
  header {height: auto; padding: 0.8em 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.5em 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:last-child {position: absolute; top:100%; min-width: 50%; padding: 0.5em calc(1em + 5%);width: auto; display: inline-block;background:#fccc24; text-transform: uppercase; color: #000; border-radius: 0 0 1em 1em; border:1px solid rgba(2,78,162,0.2);box-shadow: 0 0 1em rgba(2,78,162,0.5); transition: padding 0.3s;}
    header nav a:last-child:hover{padding-top:1em }*/
  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;}
  .sostav1 h2 {padding-top: 1em;}
  .quality1 h2 {padding-top: 1em;}
  .expert1 {padding-top: 14em}
  .expert2 .img_block {width: 100%; order: 2; padding-left: 28%}
  .expert2 h2 {padding-left: 28%}
  .expert2 .img_block .img {position: absolute; top:0; left:0; width: 30%; transform: translate(-5%,0);}
  .expert2 .text_block {width: 100%; order: 1; padding-left: 28%; }
  .expert2 .img_block .public .ico {display: none}
  .expert2 .img_block .public .txt {width: 100%;}
  .expert2 .img_block .public .txt .px18 {font-size:calc((100vw - 280px)/(1280 - 280) * (18 - 12) + 12px);}
  .expert2 .bg_object .img_left {display: none;}


  .expert3 {padding-bottom: 2.5em;}
  .expert3 .bg_object .img_left {width: 80%; position: absolute; top:0; transform: translate(-20%, -80%) scale(-1, -1) rotate(-30deg); opacity: 0.15}
  .expert3 .bg_object .img_right {position: absolute; right:0; top:0; width: 80%; opacity: 0.15;transform: translate(30%, 80%) rotate(50deg); display: none}
  .expert3 .img_block {width: 100%; order: 2; padding-left: 28%}
  .expert3 h2 {padding-left: 28%}
  .expert3 .img_block .img {position: absolute; top:0; left:0; width: 30%; transform: translate(-5%,0);}
  .expert3 .img_block .img .bg {transform: scaleX(1.0) translate(-37%, 40%);}
  .expert3 .text_block {width: 100%; order: 1; padding-left: 28%; position: relative; z-index: 2}
  .expert3 .img_block .public .ico {display: none}
  .expert3 .img_block .public .txt {width: 100%;}
  .expert3 .img_block .public .txt .px18 {font-size:calc((100vw - 280px)/(1280 - 280) * (18 - 12) + 12px);}
  
  .expert4 .bg_object .img_right {width: 80%; opacity: 0.15; transform: translate(15%, -40%) rotate(30deg);}
  .expert4 h2 {padding-left: 28%}
  .expert4 .img_block {width: 100%; order: 2;padding-left: 28%}
  .expert4 .img_block .img {position: absolute; top:0; left:0; width: 30%; transform: translate(-5%,0);}

  .expert4 .img_block div:nth-child(3) {display: none;}
  .expert4 .text_block {width: 100%; order: 1;padding-left: 28%}
  .expert4 .img_block .public .ico {display: none}
  .expert4 .img_block .public .txt {width: 100%;}
  .expert4 .img_block .public .txt .px18 {font-size:calc((100vw - 280px)/(1280 - 280) * (18 - 12) + 12px);}



  .contact_page {background: #cef9f8 url('../new_images/bg/block1.webp') 50% -380px no-repeat; background-size: 1280px;}
  .contacts1 {padding: 10em 0 10em; background: url(../new_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}

  .open_cart_page {padding: 10em 0 4em;}
  
  footer .info {display: none;}
  footer .bg {display: none;}

}

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


}

@media screen and (max-width: 980px) {
  .wrap {padding: 0 calc(5px + 6%);}
  .px20 {font-size: calc((100vw - 280px)/(980 - 280) * (18 - 10) + 10px);}    
  .px24 {font-size: calc((100vw - 280px)/(980 - 280) * (20 - 10) + 10px);}  
  .px25 {font-size: calc((100vw - 280px)/(980 - 280) * (20 - 10) + 10px);}  
  .px28 {font-size: calc((100vw - 280px)/(980 - 280) * (24 - 11) + 11px);}
  .px30 {font-size: calc((100vw - 280px)/(980 - 280) * (26 - 11) + 11px);} 
  .px32 {font-size: calc((100vw - 280px)/(980 - 280) * (26 - 11) + 11px);} 
  .px35 {font-size: calc((100vw - 280px)/(980 - 280) * (28 - 12) + 12px);}   
  .px38 {font-size: calc((100vw - 280px)/(980 - 280) * (32 - 12) + 12px);} 
  .px40 {font-size: calc((100vw - 280px)/(980 - 280) * (32 - 14) + 14px);}  
  .px42 {font-size: calc((100vw - 280px)/(980 - 280) * (32 - 14) + 14px);} 
  .px45 {font-size: calc((100vw - 280px)/(980 - 280) * (35 - 14) + 14px);}
  .px50 {font-size: calc((100vw - 280px)/(980 - 280) * (40 - 14) + 14px);}  
  .px57 {font-size: calc((100vw - 280px)/(980 - 280) * (48 - 15) + 15px);}
  .px68 {font-size: calc((100vw - 280px)/(980 - 280) * (50 - 16) + 16px);}
  .px90 {font-size: calc((100vw - 280px)/(980 - 280) * (68 - 20) + 20px);}

  #apteki_all .flex {width: 100%;}
  #apteki_all .item {width: calc(33.3% - 1em);}

  .block1 {padding-top: 5em; background-size: 200%;}
  .block1 .logo {width: 50%; padding-bottom: 2em; margin: 0 auto;}
  .block1 h2 {width:100%;text-align: center; font-size: calc((100vw - 280px)/(980 - 280) * (68 - 24) + 24px);}
  .block1 .pack {width: 75%; order:1; margin: 3em auto 1em}
  .block1 .pack .img {position: relative; top: unset; left: unset; transform: translate(0%,0%);}
  .block1 .pack .img img {transform: translate(-26%, -3%);}

  .block1 .text {width:100%; order:2; padding-top: 0em;}
  .block1 .text div {width: 48%}
  .block1 .bg_object {top:22em}
  .block1 .bg_object .img_left {position:absolute; left:0; width: 45%; transform: translate(-30%,0%); }
  .block1 .bg_object .img_right {position:absolute; right:0; width: 48%; transform: translate(25%,130%);}
  .block1 .effect {align-items: stretch; padding-top: 6em}
  .block1 .effect .info {width: 52%;}
  .block1 .effect .info li {padding-left: 3em}
  .block1 .effect .info li:before {width: 2.2em; height: 2em;}
  .block1 .img {width:48%; transform: translateX(10%);}
  .block1 .img .pic {width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
  .block1 .img .product {display: none;}
  .block1 .img .pic .tube_use {width: 42%; left: unset; right:0;transform: rotate(80deg) translate(-56%, -10%) }

  .video .swiper {width: 100%;}
  .video .slide_nav {width:2em; height: 4em;}


  .block2 .wrapper {padding-left: 0;}
  .block2 .text {width: 100%;}
  .block2 .text p:nth-child(2) {}
  .block2 .text p:nth-child(3) {width: 60%}
  .block2 .text p:nth-child(4) {width: 52%}
  .block2 .bg_object.obj1 .img_left {width: 52%}
  .block2 .bg_object.obj1 .img_left .bg {opacity: 0.5; width: 60%;}  
  .block2 .bg_object.obj1 .img_left .leaf {opacity: 0.1}
  .block2 .img {width: 55%; transform: translate(10%, -22%);}
  .block2 .bg_object.obj2 .img_right {width: 100%; opacity:0.15;transform: rotate(-20deg) translate(-10%,100%);}
  .block2 h2.problem {width: 100%; }
  .block2 .ba_column {width: 100%; max-width: 540px; margin: 0 auto}
  .block2 .ba_column:nth-child(2) {width: 100%; padding-top: 0}
  .block2 .ba_column .step {padding-bottom: 2em}
  .block2 .ba_column .step .ba {padding-left: 0; margin-bottom: 0}
  .block2 .ba_column .step .ba img {width: 100%;}
  .block2 .ba_column .step .ba .ba_tube {display: none;}
 
  .block2 .ba_column .step .about_step {display: flex; justify-content: space-between;padding-left: 0;}
  .block2 .ba_column .step .about_step .num {position: relative; left: unset; top:unset; width: 2.5em; transform: translate(0,0);}
  .block2 .ba_column .step .about_step .txt {width: calc(100% - 3.5em)}
  
  .block3 .product {width: 100%;}
  .block3 .product h2 {width: 50%; padding: 1.5em 0 2em; position: relative; z-index: 3;}
  .block3 .product h2 span {display: inline-block;}
  .block3 .product .pack {width: 140%;left: 50%; top: 0em; transform: translate(-28%,0%); z-index: 2;}
  .block3 .product .fig {z-index: 1; opacity: 0.6}
  .block3 .text {width: 100%; position: relative; z-index: 2;}
  .block3 .text .txt {width: calc(100% - 6.5em) }
  .block3 .text .txt p:nth-child(1) {padding-bottom: 0.4em;}
  
  .block4 {background-size: 235%;}
  .block4 .wrap {padding-top: 2em; padding-bottom: 5em;}
  .block4 .text .title img {width: 44%;}
  .block4 .img {display: none;}
  .block4 .text .txt {width: 100%;}
  .block4 .text .txt p:nth-child(2) {width: 100%;}

  #review_all .rev {width: 100%;}
  #review_all .rev.hand .pic {width: 8em}
  #review_all .rev.like .pic {width: 8em;}
  #review_all .rev.star .pic {width: 12em;}
  
  .block5 .bg_object .img_left {width: 80%; transform: translate(0%,0%)}
  .block5 .bg_object .bg {position: relative; width: 100%}
  .block5 .bg_object .img_left .leaf {display: none}
  .block5 .review {width:100%; order:1; max-width: 640px; margin: 0 auto;}
  .block5 .rev-btn {order:2; width: 100%; max-width: 640px; margin: 1em auto 0;}

  .block6 .wrap,.block6 .order .shops {padding-left: 0; padding-right: 0;}

  .block6 .order .online {max-width: 480px; margin: 3em auto 0}
  .block6 .order .online .img {display: none;}
  .block6 .order .online .left_block {width: 100%;}
  .block6 .order .online {padding-right: 0.3em}
  .block6 .order .px24 {font-size: 24px;}
  .block6 .order .px35 {font-size: calc((100vw - 640px)/(980 - 640) * (35 - 35) + 35px);}    
  .block6 .order .btn {font-size: calc((100vw - 640px)/(980 - 640) * (35 - 35) + 35px);}  
  .block6 .order .px38 {font-size: calc((100vw - 640px)/(980 - 640) * (38 - 38) + 38px);}

  .block6 .order .px40 {font-size: calc((100vw - 640px)/(980 - 640) * (35 - 35) + 35px);}
  .block6 .order .px50 {font-size: calc((100vw - 640px)/(980 - 640) * (50 - 50) + 50px);}
  .block6 .order .px80 {font-size: calc((100vw - 640px)/(980 - 640) * (60 - 60) + 60px);}

  .block6 .pack {width: 50%; margin:0 auto;}

  .block6 .order {width: 100%;}
  .block6 .order .shops {text-align: center; background: transparent; box-shadow: none; }
  .block6 .order .shops p {font-size: calc((100vw - 280px)/(980 - 280) * (50 - 16) + 16px);}
  .block6 .order .shops:before {content:''; position: absolute; width: 10em; height: 100%; left:0; top:0; background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); z-index: 100}
  .block6 .order .shops .all {width: 10em; padding-right: 1em}
  .block6 .order .shops .link {width: 100%; padding: 1em 0 0.5em; margin:0;}
  .block6 .bg_object {display: none;}

  .block7 {background-size: 60em;}
  .block7 p {font-size: calc((100vw - 280px)/(980 - 280) * (35 - 14) + 14px);}
  .block7 .map_block {padding-top: 75%}

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

  footer {height: 31em;background-size: 60em; padding-top: 3em}
  .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;}

  .content.about_page {background-size: 160%;}
  .about1 .product {width:100%;}
  .about1 .product h2 {padding: 3em 0 2.5em}
  .about1 .product .pack {width: 120%;left: 50%; top: 0.5em; transform: translate(-35%,0%); z-index: 2;}
  .about1 .text {width:100%; position: relative; z-index: 1;}
  .about2 {padding-top: 2em;}
  .about2 .bg_object.obj1 .img_left {width: 100%; z-index: -1; opacity: 0.15}
  .about2 .bg_object.obj2 .img_right {width: 100%; transform: translate(15%, -30%) rotate(-30deg); opacity: 0.15}

  .about3 {padding-bottom: 3em;}
  .about3 .bg_object {display: none;}
  .about3 .text {width: 100%;}
  .about3 .text .mob_pic {display: block; padding-bottom: 1.5em}
  .about3 .img {width: 100%; row-gap: 2em;}
  .about3 .img .pic:nth-child(1) {display: none;}
  .about3 .img .pic:nth-child(2) img {position: relative; top: unset; left: unset; width: 100%;}
  .about3 .img .pic:nth-child(2) .fig {transform: translate(-5%, 25%);}

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

  .about5 .img {width: 100%; order:1; padding: 2em 0;}
  .about5 .img .pic img.tube {width:34%;transform: translate(-6%, -15%);}
  .about5 .img .pic p {padding: 0.5em 0;}
  .about5 .text {width: 100%; order: 2}
  .about5 .bg_object .img_right {width: 100%;}
  .about5 .bg_object .leaf {opacity: 0.15}
  .about5 .bg_object .fig {width:100%; transform: translate(-12%, -70%);}
  .about6 {background-size: cover;}
  .about6 .pic {width: calc(50% - 0.75em);}
  .about6 .pic .txt.short {width: 58%;}
  .about6 .pic .txt {width: 65%;}

  .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('../new_images/bg/block1.webp') 50% 0em no-repeat; background-size: 60em;}
  .sostav1 .bg_object .img_left {width: 80%; opacity: 0.15;transform: translate(-35%, -30%);}
  .sostav1 h2 {padding-top: 2em;font-size: calc((100vw - 280px)/(980 - 280) * (50 - 20) + 20px);}
  .sostav1 .text {width:65%; z-index: 2}
  .sostav1 .product  {position: absolute; top: 50%; left: 68%; width: 55%; transform: translate(0,-50%);}

  .sostav2 {padding-top: 5em}
  .sostav2 .bg_object {}
  .sostav2 .bg_object .img_left {position: absolute; left:0; width: 100%; transform: translate(-55%, 0%); opacity: 0.6}  
  .sostav2 .bg_object .img_right {display: none;} 
  .sostav2 .wrap {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; }
  .sostav2 .text {width:65%; z-index: 2}
  .sostav2 .product  {position: absolute; top: 50%; right: 68%; width: 55%; transform: translate(0,-50%);}

  .sostav3 {padding-top: 5em}
  .sostav3 .bg_object {bottom: unset; top:0}
  .sostav3 .bg_object .img_left {position: absolute; top:0;width: 80%; opacity: 0.15}
  .sostav3 .text {width:66%; }
  .sostav3 .product {position: absolute; top: 50%; left: 70%; width: 35%; transform: translate(0,-50%);}

  .sostav4 {padding: 5em 0 7em}
  .sostav4 .bg_object .img_right { display: none;}
  .sostav4 .wrap {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .sostav4 .text {width:65%; }
  .sostav4 .product  {position: absolute; top: 50%; right: 68%; width: 50%; transform: translate(0,-50%);}

  .quality1 h2 {padding-top: 1.6em;}
  .quality1 .bg_object {display: none}
  .quality1 .text {width:100%; padding-bottom: 2em;}
  .quality1 .product {width: 80%; margin: 0 auto;}
  .quality1 .product .txt1 {padding-bottom: 1em}
  .quality1 .product .txt2 {width: 48%}
  .quality1 .product .txt3 {padding-top: 1em}
  .quality1 .product .txt4 {padding-top: 1em;transform: translate(0,0);}
  .quality1 .product .arr2 {width: 6%; left: 42%}
  .quality1 .product .arr5 {width: 8%;transform: translate(40%, 65%);}
  .quality1 .product .px25 {font-size: calc((100vw - 280px)/(980 - 280) * (20 - 6) + 6px);}
  .quality1 .product .px32 {font-size: calc((100vw - 280px)/(980 - 280) * (26 - 8) + 8px);}
  .quality1 .product .px35 {font-size: calc((100vw - 280px)/(980 - 280) * (28 - 10) + 10px);}

  .quality2 {background-size: 60em;}
  .quality2 .bg_object {display: none}
  .quality2 .text {width:100%; order: 1; padding-bottom: 2em;}
  .quality2 .product {width: 80%; margin: 0 auto; order: 2; transform: translate(-5%,0);}

  .expert1 {padding-top: 16em}
  .expert2 .bg_object .img_left {display: block; width: 80%; opacity: 0.15}
  .expert2 h2 {padding-left: 0}
  .expert2 .img_block {padding-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
  .expert2 .img_block .img {width: 30%}
  .expert2 .img_block .public {width: 66%; padding-top: 0;}
  .expert2 .text_block {padding-left: 0}
  .expert2 .img_block .img {position: relative; top: unset; left:unset; transform: translate(0,0);}

  .expert3 h2 {padding-left: 0}
  .expert3 .img_block {padding-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
  .expert3 .img_block .img {width: 30%}
  .expert3 .img_block .public {width: 66%; padding-top: 0;}
  .expert3 .text_block {padding-left: 0}
  .expert3 .img_block .img {position: relative; top: unset; left:unset; transform: translate(0,0);}
  .expert3 .bg_object .img_left {transform: translate(-20%, 30%) scale(-1, -1) rotate(-30deg);}

  .expert4 {background-size: 60em;}
  .expert4 h2 {padding-left: 0}
  .expert4 .img_block {padding-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
  .expert4 .img_block .img {width: 30%}
  .expert4 .img_block .public {width: 66%; padding-top: 0;}
  .expert4 .text_block {padding-left: 0}
  .expert4 .img_block .img {position: relative; top: unset; left:unset; transform: translate(0,0);}

  .order_page {background-size: 160%;}
  .order1 {padding: 12em 0 1em;}
  .order1 .shops {display: none;}
  .order1 .order .online .img {display: none;}
  .order1 .order .online .left_block {width: 100%;}
  .order1 .order .online {padding-right: 0.3em}
  .order1 .order .btn {font-size: calc((100vw - 640px)/(980 - 640) * (28 - 18) + 18px);}  
  .order1 .order .px40 {font-size: calc((100vw - 640px)/(980 - 640) * (30 - 18) + 18px);}
  .order1 .pack {width: 50%; margin:0 auto;}
  .order1 .bg_object {bottom: unset; top: 0; height:100%}
  .order1 .bg_object .img_left {position: absolute; bottom: -20%; transform: scaleY(-1) translate(-30%,-30%) rotate(0deg) ; width: 40%;}  
  .order1 .bg_object .img_right {display: block; position: absolute; top: 70%; right:0; transform: scaleX(-1) translate(-20%,-50%) rotate(15deg) ; width: 50%;}
  .order2.block7 {background-size: 60em;}
  .order2 .bg_object .img_right {width: 80%; transform: translate(18%, -100%) rotate(40deg); opacity: 0.15}
  .order3 {display: block;padding: 1em 0 5em 0; position: relative; z-index: 2}
  .order3 .wrap {column-gap: 1.25em;row-gap: 1.5em;}
  .order3 .wrap p {width: 100%; padding-bottom: 1em; text-align: center;}
  .order3 .wrap a {display: block; width: calc(25% - 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)}
  .order3 .wrap a img {width: 100%; transition: all 1s}
  .order3 .wrap a:hover {transform: scale(1.05); box-shadow: 0em 0.2em 0.5em rgba(0,0,0,0.2);}
  .order3 .wrap a:hover img {transform: scale(1.1);}
}


@media screen and (max-width: 640px) {
  #review-form .px24 {font-size: calc((100vw - 280px)/(640 - 280) * (20 - 16) + 16px);}
  #review-form .px35 {font-size: calc((100vw - 280px)/(640 - 280) * (25 - 18) + 18px);}
  #review-form .px50 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 24) + 24px);}
  #review-form .button {width: auto;}

  .block1 .pack {width: 90%}
  .block1 .bg_object {top:18em}
  .block1 .bg_object .img_left {width: 60%; transform: translate(-50%,0%);}
  .block1 .bg_object .img_right {width:60%; transform: translate(40%,130%);}
  .block1 .effect .info {width: 100%; max-width: 420px; margin:0 auto;} 
  .block1 .effect .info .mob_img {display: block;}
  .block1 .text div span.grey {color: #666;}
  .block1 .effect .info li:before {display: none;}
  .block1 .effect .info li {padding-left: 0; text-align: center; margin: 1.5em auto 0; color: #666;}
  .block1 .effect .info .px40 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 20) + 20px); font-weight: bold;}
  .block1 .effect .info.px28 {font-size: calc((100vw - 280px)/(640 - 280) * (25 - 16) + 16px); font-weight: 400;}
  .block1 .effect .info li:nth-child(4) {margin-bottom: 0}
  .block1 .effect .img {display: none;}
  .block1 .effect .info .mob_img .tube_use {position: absolute; top:0;left:0; transform: translate(-10%,-55%); width: 35%; max-width: 100%;}

  .block2 {padding-top: 2em;}
  .block2 .img {width: 50%; transform: translate(10%, -5%);}
  .block2 .ba_column .step .about_step {padding-top: 1em}
  .block2 .ba_column .step .about_step .txt p:nth-child(1) {font-size: calc((100vw - 280px)/(980 - 280) * (68 - 20) + 20px); padding-bottom: 0.3em}
  .block2 .ba_column .step .about_step .txt p:nth-child(2) {font-size: calc((100vw - 280px)/(980 - 280) * (48 - 15) + 15px);}
  .block2 .bg_object.obj1 .img_left {width: 56%;}
  .block6 .order .online {width: 90%;}
  .block6 .order .px24 {font-size: calc((100vw - 280px)/(640 - 280) * (25 - 12) + 12px);}
  .block6 .order .px35 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 16) + 16px);}    
  .block6 .order .btn {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 16) + 16px);}  
  .block6 .order .px38 {font-size: calc((100vw - 280px)/(640 - 280) * (38 - 16) + 16px);}

  .block6 .order .px40 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 16) + 16px);}
  .block6 .order .px50 {font-size: calc((100vw - 280px)/(640 - 280) * (50 - 30) + 30px);}
  .block6 .order .px80 {font-size: calc((100vw - 280px)/(640 - 280) * (60 - 30) + 30px);}


  .about6 .pic {flex-shrink: 0;width: 100%; height: 100%; transition-property: transform;}
  .about6 .how_use .swiper-wrapper {flex-wrap: nowrap;}
  .about6 .px25 {font-size: calc((100vw - 280px)/(640 - 280) * (25 - 12) + 12px);}
  .about6 .px28 {font-size: calc((100vw - 280px)/(640 - 280) * (30 - 14) + 14px);}
  .about6 .px35 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 14) + 14px);}
  .about6 .swiper-pagination {bottom: unset; top: calc(100% + 0.5em)}
  .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}

  .expert1 .flex img {display: none;}

  .expert1 .flex img:nth-child(2) {display: block; position: relative; top: unset; left: unset;transform: translate(0,0); width: 100%;}

  .expert2 .img_block {align-items: stretch;}
  .expert2 .img_block .img {width: 45%;}
  .expert2 .img_block .img .photo {object-fit: cover; height: 100%; border-radius: 1em}
  .expert2 .img_block .public {width: 50%;}
  .expert2 .img_block .public .txt ul li {width: 100%;}
  
  .expert3 .img_block {align-items: stretch;}
  .expert3 .img_block .img {width: 45%;}
  .expert3 .img_block .img .photo {object-fit: cover; height: 100%; border-radius: 1em}
  .expert3 .img_block .public {width: 50%;}
  .expert3 .img_block .public .txt ul li {width: 100%;}
  
  .expert4 .img_block {align-items: stretch;}
  .expert4 .img_block .img {width: 45%;}
  .expert4 .img_block .img .photo {object-fit: cover; height: 100%; border-radius: 1em}
  .expert4 .img_block .public {width: 50%;}
  .expert4 .img_block .public .txt ul li {width: 100%;}
  
  .order1 .order  {width: 100%; max-width: 480px; margin: 3em auto 0}
  .order1 .order .online .push div {transform: translate(-50%, -58%);}
  .order1 .order .px24 {font-size: calc((100vw - 280px)/(640 - 280) * (25 - 12) + 12px);}
  .order1 .order .px35 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 14) + 14px);}
  .order1 .order .px38 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 16) + 16px);}
  .order1 .order .px40 {font-size: calc((100vw - 280px)/(640 - 280) * (38 - 16) + 16px);}
  .order1 .order .px50 {font-size: calc((100vw - 280px)/(640 - 280) * (50 - 28) + 28px);}
  .order1 .order .px80 {font-size: calc((100vw - 280px)/(640 - 280) * (60 - 28) + 28px);}

  .order1 .bg_object .img_left {bottom: 35%;}
  .order1 .bg_object .img_right {top: 40%;}

  .contacts1 .text {font-size: calc((100vw - 280px)/(640 - 280) * (26 - 14) + 14px);;}

  #scrollToTop {bottom: 5em}
  .links_bottom {display: flex;}
}

@media screen and (max-width: 480px) {
  #apteki_all {width:96%; padding: 3em 1em;}
  #review_all.fancybox__content {padding: 2em 0.5em;}
  #review_all .wrap {padding: 0;}
  #review-form .half {width:100%;}
  #review-form .rating {flex-wrap: wrap;}
  #review-form .rating p {width:100%;}
  #review-form .rating-area {margin: 0 auto; padding: 0;}

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

  .block1 .bg_object .img_left {width: 52%; transform: translate(-30%, 50%) rotate(-45deg) ;}
  .block1 .bg_object .img_right {width:55%; transform: translate(35%,130%);}
  .block2 .img {width: 50%; transform: translate(10%, 10%);}  
  .block2 .bg_object.obj1 .img_left {width: 60%;}
  .block3 .text .ico {width:4em}
  .block3 .text .txt {width: calc(100% - 5em); }  
  .block3 .text .txt .px38 {font-size: calc((100vw - 280px)/(480 - 280) * (24 - 16) + 16px); line-height: 100%}
  .block3 .text .txt .px32 {font-size: calc((100vw - 280px)/(480 - 280) * (18 - 15) + 15px); color: #666; line-height: 100%;font-weight: 400;}
  .block5 .rev .info .txt p {font-size: calc((100vw - 280px)/(480 - 280) * (16 - 14) + 14px);}
  .video .plyr__controls:before {display: none;}
  .video .plyr__controls .plyr__controls__item.plyr__volume {width: 40%;}
  .block7 .map_block {padding-top: 120%;}

  .about1 {padding: 15em 0 0;}
  .about1 .product h2 {padding: 3em 0;}
  .about1 .product .pack {width:145%;top:0;}

  .sostav1 h2 {text-align: center;}
  .sostav1 .bg_object .img_left {display: none}
  .sostav1 .text {width:100%; order: 2; text-align: center; padding-top: 1em;}
  .sostav1 .product  {position: relative; top: unset; left: unset; width: 80%; max-width: 200px; margin: 0 auto; transform: translate(0,0%);}
  
  .sostav2 {padding-top: 3em}
  .sostav2 .bg_object .img_left {width: 150%; transform: translate(-55%, -30%); opacity: 0.4}
  .sostav2 .text {width:100%; order: 2; text-align: center; padding-top: 1em;}
  .sostav2 .product  {position: relative; top: unset; right: unset; width: 80%; max-width: 200px; margin: 0 auto; transform: translate(0,0%);}

  .sostav3 {padding-top: 3em}
  .sostav3 .text {width:100%; order: 2; text-align: center; padding-top: 2em;}
  .sostav3 .product  {position: relative; top: unset; left: unset; width: 60%; max-width: 160px; margin: 0 auto; transform: translate(0,0%);}

  .sostav4 {padding-top: 3em}

  .sostav4 .text {width:100%; order: 2; text-align: center; padding-top: 1em;}
  .sostav4 .product  {position: relative; top: unset; right: unset; width: 80%; max-width: 220px; margin: 0 auto; transform: translate(0,0%);}

  .expert2 .img_block .img {width: 100%; height: 20em}
  .expert2 .img_block .public {width: 100%; padding-top: 2em}
  .expert2 .img_block .public .txt ul li {width: 49%;}
  .expert2 .img_block .public .txt .px30 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 14) + 14px);}

  .expert3 .img_block .img {width: 100%; height: 20em}
  .expert3 .img_block .public {width: 100%; padding-top: 2em}
  .expert3 .img_block .public .txt ul li {width: 49%;}
  .expert3 .img_block .public .txt .px30 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 14) + 14px);}

  .expert4 .img_block .img {width: 100%; height: 20em}
  .expert4 .img_block .public {width: 100%; padding-top: 2em}
  .expert4 .img_block .public .txt ul li {width: 49%;}
  .expert4 .img_block .public .txt .px30 {font-size: calc((100vw - 280px)/(640 - 280) * (35 - 14) + 14px);}

  .order1 {padding: 16em 0 0em;}
  .order3 .wrap {column-gap: 1.5em;row-gap: 1.5em;}
  .order3 .wrap a{width: calc(33.3% - 1em); border-radius: 0.8em;}

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

  #order_success .info_box img {margin: 0 auto; width: 60%; transform: translate(8%,0);}
  #order_success .info_box .txt {width: 100%; padding-left: 1em; text-align: center}

}