#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);
    background: #ff871b;
}
#success-send .fancybox-close-small {background: transparent; color: #fff;}


@font-face {
    font-family: 'GilroyBlack';
    font-display: block;
    src: url('../fonts/GilroyBlack.eot');
    src: url('../fonts/GilroyBlack.eot') format('embedded-opentype'),
         url('../fonts/GilroyBlack.woff2') format('woff2'),
         url('../fonts/GilroyBlack.woff') format('woff'),
         url('../fonts/GilroyBlack.ttf') format('truetype'),
         url('../fonts/GilroyBlack.svg#GilroyBlack') format('svg');
}
@font-face {
    font-family: 'GilroyBold';
    font-display: block;
    src: url('../fonts/GilroyBold.eot');
    src: url('../fonts/GilroyBold.eot') format('embedded-opentype'),
         url('../fonts/GilroyBold.woff2') format('woff2'),
         url('../fonts/GilroyBold.woff') format('woff'),
         url('../fonts/GilroyBold.ttf') format('truetype'),
         url('../fonts/GilroyBold.svg#GilroyBold') format('svg');
}
@font-face {
    font-family: 'GilroyExtrabold';
    font-display: block;
    src: url('../fonts/GilroyExtrabold.eot');
    src: url('../fonts/GilroyExtrabold.eot') format('embedded-opentype'),
         url('../fonts/GilroyExtrabold.woff2') format('woff2'),
         url('../fonts/GilroyExtrabold.woff') format('woff'),
         url('../fonts/GilroyExtrabold.ttf') format('truetype'),
         url('../fonts/GilroyExtrabold.svg#GilroyExtrabold') format('svg');
}
@font-face {
    font-family: 'GilroyMedium';
    font-display: block;
    src: url('../fonts/GilroyMedium.eot');
    src: url('../fonts/GilroyMedium.eot') format('embedded-opentype'),
         url('../fonts/GilroyMedium.woff2') format('woff2'),
         url('../fonts/GilroyMedium.woff') format('woff'),
         url('../fonts/GilroyMedium.ttf') format('truetype'),
         url('../fonts/GilroyMedium.svg#GilroyMedium') format('svg');
}
@font-face {
    font-family: 'GilroyRegular';
    font-display: block;
    src: url('../fonts/GilroyRegular.eot');
    src: url('../fonts/GilroyRegular.eot') format('embedded-opentype'),
         url('../fonts/GilroyRegular.woff2') format('woff2'),
         url('../fonts/GilroyRegular.woff') format('woff'),
         url('../fonts/GilroyRegular.ttf') format('truetype'),
         url('../fonts/GilroyRegular.svg#GilroyRegular') format('svg');
}
@font-face {
    font-family: 'GilroySemibold';
    font-display: block;
    src: url('../fonts/GilroySemibold.eot');
    src: url('../fonts/GilroySemibold.eot') format('embedded-opentype'),
         url('../fonts/GilroySemibold.woff2') format('woff2'),
         url('../fonts/GilroySemibold.woff') format('woff'),
         url('../fonts/GilroySemibold.ttf') format('truetype'),
         url('../fonts/GilroySemibold.svg#GilroySemibold') format('svg');
}

/*============ WRAPPER ============*/
.section, header, footer {width: 100%; margin: 0 auto; }
body {background: #fff; font-size: 16px; font-family: 'GilroyRegular', sans-serif; color: #000000; overflow-x: hidden;}

.wrap {max-width: 1200px; width: 96%; margin: 0 auto; position: relative;}
/* Text & font style */
/* Colors style */
.pink {color: #ff3aae;}
.blue {color: #26b2d2;}
.blue2 {color: #00b4d2;}
.bir {color: #00aab7;}
.bir2 {color: #00d1e1;}
.black {color: #000;}
.white {color: #ffffff;}
.orange {color: #ff7324;}
.orange2 {color: #ff9536;}
.grey {color: #99b0b1;}
.dgrey {color: #464449}
.green {color: #70a300;}
.lgreen {color: #99bd23;}
.red {color: #ee432d;}
.red2 {color: #dc0000;}
.yellow {color: #fff296;}
.yellow2 {color: #fffc00;}

.gileb {font-family: 'GilroyExtrabold';}
.gilbl {font-family: 'GilroyBlack';}
.gilb {font-family: 'GilroyBold';}
.gilsb {font-family: 'GilroySemibold';}
.gilm {font-family: 'GilroyMedium';}
.gilr {font-family: 'GilroyRegular';}

sup {font-size: 60%; vertical-align: top; line-height: 100%;}

/*============ SECTION'S ============*/
.button {display: block; background: #ff871b; color: #fff; text-align: center; transition: all 0.3s; cursor: pointer; outline: none;}
.button:hover {background: #ff4800;}

button {border: 0; border-radius: 45px; width: 100%; height: 65px; line-height: 65px; outline: none;}
header {background: #fff; position: fixed; top: 0; z-index: 999; box-shadow: 0 5px 10px rgba(0,0,0,0.1)}
header .wrap {max-width: 1200px; padding: 15px 0; box-sizing: border-box;}
header .logo {width: 15%; max-width: 200px;}
header .logo img {width: 100%;}
header .header-phone.hide{display: none;}
header .header-phone {display: block}
header .tetro_phone a {color: #ff7324;}
header .tetro_phone a:hover {color: #ff5c00;}
header a.link {display: block; padding: 10px 0 5px; color: #000; border-bottom: 5px solid #fff; transition: all 0.2s;}
header a.link:hover {border-bottom: 5px solid #5fc4d3;}
header .btn {display: block; padding: 8px 0; width: 150px; text-align: center; border-radius: 25px; color: #fff; background: #f3a521 url(../images/head-btn.png) repeat-y 50% 50%; background-size: 100%; transition: all 0.2s;}
header .btn:hover {background: #f3a521 url(../images/head-btn-h.png) repeat-y 50% 50%; background-size: 100%; }
header .menu {max-width: 600px; width: 50%;}

header .mobile-button {display: none;}
header .mobile-button a {position: absolute; left: -99999em; z-index: 100;}

header .menu-icon {height: 40px; cursor: pointer; width: 45px; position: relative; cursor: pointer;}
header .menu-icon .bar {width: 100%; height: 6px; background-color: #363636; border-radius: 20px;}
header .menu-icon .bar-1 {position: absolute;top: 0px;left: 0;}
header .menu-icon .bar-2 {position: absolute;top: 17px;left: 0;}
header .menu-icon .bar-3 {position: absolute;top: 34px;left: 0;}

header .menu-icon {width: 40px;}
header .mobile-button {background: #ff7324; border-radius: 50%; width: 50px; height: 50px; position: relative;}
header .menu-icon.menu-icon-5 {width: 32px; height: 26px;}
header .mobile-button a {width: 32px; height: 26px; display: block; position: relative; left: auto;}
header .menu-icon .bar {background: #fff; margin: 0; height: 4px; width: 32px;}
header .menu-icon .bar-2 {top: 10px;}
header .menu-icon .bar-3 {top: 20px;}


/* icon #5  */
header .menu-icon.menu-icon-5 {-webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
header .menu-icon.menu-icon-5 .bar {-webkit-transition: all 0.2s linear 0.2s; transition: all 0.2s linear 0.2s;}
header .mobile-button.open .menu-icon.menu-icon-5 {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
header .mobile-button.open .menu-icon.menu-icon-5 .bar-2 {opacity: 0;}
header .mobile-button.open .menu-icon.menu-icon-5 .bar-1 {-webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 11px; left: -1px;}
header .mobile-button.open .menu-icon.menu-icon-5 .bar-3 {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 11px; left: -1px;}
header .zakaz2 {display: none;}
header .menu .mobli {display: none;}
header .inst .txt {display: none; margin-left: 10px;}
header ul li:last-child{display: none;}

.dropbtn {border: none;cursor: pointer;padding: 10px 0 5px 0;color: #000;border-bottom: 5px solid #fff;transition: all 0.2s;}
.dropbtn:hover, .dropbtn:focus {border-bottom: 5px solid #5fc4d3;}
.dropdown {display: inline-block;}
.dropdown-content {display: none; position: absolute; top: 100%; background-color: #fff; min-width: 280px; width: 100%; max-width: 350px; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); z-index: 1;}
#myDropdown.dropdown-content a { color: black;  padding: 12px 16px; text-decoration: none; border: none; display: block;}
.dropdown-content a:hover {background-color: #eee}
.show {display:block;}

.index1 {padding: calc(30px + 10%) 0; background: url('../images/bg/index-1.jpg') 50% 0% no-repeat; background-size: cover;}
.index1 .text {width: 50%;}
.index1 p {text-shadow: 0 10px 25px rgba(0,0,0,0.2);}
.index1 p.px100 {font-size: 74px; line-height: 90%; padding: 1% 0 5%;}
.index1 p.px80 {font-size: 64px;}

.index1 .underline {border-bottom: 8px solid #fff;}

.index2 {padding: calc(30px + 2%) 0;}
.index2 .title {background: url(../images/flag.png) no-repeat 0 50%; padding-left: 120px;}
.index2 ul li {background: url(../images/check.png) no-repeat 0 50%; padding-left: 50px; margin: 5% 0;}
.index2 .img {width: 100%;}
.index2 .img img {width: 100%;}
.index2 .shtamp {width: 100%; max-width: 566px; }
.index2 .shtamp img {width: 100%;}
.index2 .box {width: 48%; max-width: 500px; margin: 2% 0;}
.index2 .shtamp a.p1 {position: absolute; display:block; background: transparent; left: 2%; width: 26%; height: 18%; bottom: 15%;}
.index2 .shtamp a.p2 {position: absolute; display:block; background: transparent; left: 30%; width: 36%; height: 18%; bottom: 15%;}
.index2 .shtamp a.p3 {position: absolute; display:block; background: transparent; left: 68%; width: 14%; height: 18%; bottom: 15%;}
.index2 .shtamp a.p4 {position: absolute; display:block; background: transparent; left: 83%; width: 15%; height: 18%; bottom: 15%;}

.index21 {padding: calc(20px + 2%) 0;}
.index21 .wrap {padding: 0 0 0 5%;}
.index21 p {padding-bottom: calc(15px + 1%);}
.index21 .title {padding-bottom: calc(20px + 1%);} 

.index3 {padding: calc(30px + 2%) 0; background: url('../images/bg/index-2.jpg') 50% 0% no-repeat; background-size: cover; overflow: hidden;}
.index3 .text {width: 50%;}
.index3 .box {width: 48%; }
.index3 .box img {display: block; width: 100%; max-width: 420px; margin: 0 auto;}
.index3 ul li {background: url(../images/check2.png) no-repeat 0 50%; padding-left: 50px; margin: 6% 0;}
.index3 .text p {padding-bottom: 30px;}

.index4 {padding: calc(30px + 10%) 0; background: url('../images/bg/index-3.jpg') 50% 0% no-repeat; background-size: cover;}
.index4 .text {width: 100%;}
.index4 .underline {border-bottom: 8px solid #ff9536;}

.index5 {padding: calc(30px + 2%) 0;}
.index5 .text {width: 48%;}
.index5 .title {width: 100%; max-width: 720px; margin-bottom: 3%;}
.index5 ul li {padding: 45px 0 45px 150px; margin: 5% 0; }
.index5 ul li:nth-child(1) {background: url(../images/ico1.png) no-repeat 0 50%;}
.index5 ul li:nth-child(2) {background: url(../images/ico2.png) no-repeat 0 50%;}
.index5 ul li:nth-child(3) {background: url(../images/ico3.png) no-repeat 0 50%;}
.index5 .img {width: 48%; text-align: center; }
.index5 .img img {width: 100%; max-width: 500px;}
.index5 .img p {padding: 30px 0 0;}

.index6 {padding: 50px 0; background: url('../images/bg/index-4.jpg') 50% 0% no-repeat; min-height: 627px;}
.index6 .text {width: 48%; }
.index6 .text ul li {margin: 25px 0; padding: 0 0 0 50px; background: url(../images/check2.png) no-repeat 0 50%;}
.index6 .text ul {margin: 6% 0;}
.index6 .text .p2 {padding-top: 8%;}

.index6 .w2 {margin-top: 80px;}
.index6 .text2 {width: 48%; padding-top: 50px;}
.index6 .text2 .px42 {margin-bottom: 8%;}
.index6 .text2 .p2 {padding-top: 8%;}
.index6 .text2 ul {margin: 5% 0;}
.index6 .text2 img {padding-top: 50px;}
.index6 .img {width: 48%;}
.index6 .img img {width: 100%; max-width: 500px;}

.index7 {background: #fafafa; padding: calc(30px + 3%) 0;}
.index7 .px44 {margin-bottom: calc(20px + 2%);}
.index7 .insta {width: 100%;}
.index7 .insta li {width: 100%; text-align: center;}
.index7 .insta .owl-stage-outer {padding: 30px 0;}
.index7 .insta li img {width: 100%; display: block; transition: -moz-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out;}
.index7 .link-insta {color: #3897f0; line-height: 120%;}
.index7 li {-moz-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out;}
.index7 li:hover a {color: #003569;}
.index7 li:hover {-webkit-transform: scale(1.06); -moz-transform: scale(1.1); -o-transform: scale(1.1);}

.index8 {padding: calc(15px + 2%) 0 calc(30px + 3%); background: #fff;}
.index8 .title {padding-bottom: calc(15px + 2%);}
.index8 .btn {display: block; padding: 14px 0 ; width: 80%; max-width :420px; margin: calc(20px + 2%) auto 0; text-align: center; border-radius: 30px; color: #fff; background: #f3a521 url(../images/head-btn.png) no-repeat 50% 50%; background-size: cover; transition: all 0.2s;}
.index8 .btn:hover {background: #f3a521 url(../images/head-btn-h.png) no-repeat 50% 50%; background-size: cover; }
.index8 .gar {margin-top :calc(30px + 3%);}
.index8 .gar .inner {background: #fff;display: inline-block; border: 1px solid #eee; padding: 1.5% 3%; box-shadow: 0 0 30px rgba(255,135,27, 0.1);}
.index8 .gar .inner p {padding: 6px 0;}


footer {background: #fff; padding-top: calc(30px + 3%);}
footer .wrap {border-top: 1px solid #000; }

footer .btn {display: block; padding: 12px 0 14px; width: 240px; text-align: center; border-radius: 30px; color: #fff; background: #f3a521 url(../images/head-btn.png) repeat-y 50% 50%; background-size: 100%; transition: all 0.2s;}
footer .btn:hover {background: #f3a521 url(../images/head-btn-h.png) repeat-y 50% 50%; background-size: 100%;}
footer .cert-f {width: 200px;}
footer .cert-f p {width: 130px;}
footer .patent-f {width: 220px;}
footer .patent-f p {width: 150px;}
footer .bad {margin: 0 auto calc(2% + 10px); width: 96%; }
footer .bad img {width: 100%; opacity: 0.3;}
footer .production {margin: calc(2% + 10px) auto; max-width: 720px;}
footer .tetro_phone a {color: #ff7324;}
footer .tetro_phone a:hover {color: #ff5c00;}

footer .where-buy {padding: calc(30px + 3%) 0; border-bottom: 1px solid #000; margin-bottom: calc(10px + 1%);}
footer .where-buy .img {width: 45%;} 
footer .where-buy .img img {width: 100%;}
footer .where-buy .img img.apteka {width: 100%; max-width: 300px; margin: 0 auto;}
footer .where-buy .img .apteka-block {width: 100%;}
footer .where-buy .img .apteka-block a {width: 30%; padding:  1% 0;}
footer .where-buy .text {width: 50%;} 
footer .where-buy .text .title {padding-bottom: calc(10px + 2%);} 

#privacy {width :100%; max-width: 1024px; margin: 0 auto;  padding: calc(20px + 3%) calc(10px + 3%);}
#privacy p {padding: 10px 0;}
#privacy ul {padding: 10px 0; list-style-type: disc; margin-left: calc(20px + 2%);} 

#policy {width: 100%; max-width: 1200px;}
#policy p {padding :10px 0;}

#confidence {width: 100%; max-width: 1200px;}
#confidence p {padding :10px 0;}

form button.button:disabled {opacity: 0.6; background: #ff871b;}
form .overlay-btn {position: absolute; top: 0; left: 0; right:0; bottom:0;}
form .call-privacy {padding: calc(10px + 1%) 0;}
form .call-privacy a {color: #767575;  display: inline; margin: 0; text-decoration: underline; }
form .call-privacy a:hover {text-decoration: none;}

.checkbox-custom {opacity: 0; position: absolute; display: none;}   
.checkbox-custom-label {font-size: calc((8vw)/(420 - 160) * (9 - 5) + 8px);}
.checkbox-custom-label a {font-size: calc((8vw)/(420 - 160) * (9 - 5) + 8px);}
.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff; border: 2px solid #ff871b; cursor: pointer; display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; padding: 2px; margin-right: 3px; text-align: center; transition: all 0.3s;}
.checkbox-custom + .checkbox-custom-label.attension:before {content: ''; background: #fff; border: 2px solid #ff0000; cursor: pointer; display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; padding: 2px; margin-right: 3px; text-align: center; box-shadow: 0 0 10px #ff0000; transition: all 0.3s;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: ''; background: #fff url(../images/check-policy.png) no-repeat 50% 50%; background-size: cover; color: #fff; box-shadow: 0 0 10px rgba(255,255,255,0.5);}

.promo1 {padding: calc(30px + 5%) 0; background: url('../images/bg/promo-bg.jpg') 50% 0% no-repeat; background-size: cover; }
.promo1 .text {width: 54%;}
.promo1 .text h1 {text-shadow: 0 10px 25px rgb(0 0 0 / 20%); padding: 0 0 3% 0;}
.promo1 .text p {padding: 3% 0;}
.promo1 .box {width: 44%;}
.promo1 .box img {display: block; width: 80%; margin: 0 auto;}

.promo2 {padding: calc(20px + 2%) 0 0; background: #fff;}
.promo_item {width: 100%; max-width: 48%; border-radius: calc(5px + 5%); overflow: hidden; margin: 2% 0;}
.promo_item img {display: block; width: 100%;}
.promo_item .text {position: absolute; padding: 10% calc(10px + 5%); top: 0; left: 0; right: 0; bottom: 0;}
.promo_item .text p {padding: 0.5em 0;}
.promo_item .text .info {padding-top: 1.5em;}
.promo_item .text .info.short {max-width: 200px;}
.promo_item .text.smile .info {padding-top: 2%;}

/*Тени*/
.promo_item .text .red-shd1 {text-shadow: 0 0 0.8em rgba(188,21,41,1), 0 0 0.6em rgba(188,21,41,0.8);}
.promo_item .text .red-shd2 {text-shadow: 0 0 0.8em rgba(145,0,17,1), 0 0 0.5em rgba(145,0,17,1);}
.promo_item .text .red-shd3 {text-shadow: 0 0 0.6em rgba(159,19,35,1), 0 0 0.4em rgba(159,19,35,1), 0 0 0.2em rgba(159,19,35,1);}
.promo_item .text .wht-shd1 {text-shadow: 0 0 1em rgba(255,255,255,1), 0px 0px 0.5em rgba(255,255,255,1), 0px 0px 0.8em rgba(255,255,255,1);}
.promo_item .text .wht-shd2 {text-shadow: 0 0 2em rgba(255,255,255,1), 0px 0px 1em rgba(255,255,255,1), 0px 0px 0.8em rgba(255,255,255,1);}
.promo_item .text .wht-shd3 {text-shadow: 0 0 2.5em rgba(255,255,255,1), 0 0 2.2em rgba(255,255,255,1),0 0 2em rgba(255,255,255,1), 0px 0px 1.5em rgba(255,255,255,1), 0px 0px 1.2em rgba(255,255,255,1), 0px 0px 1em rgba(255,255,255,1), 0px 0px 0.8em rgba(255,255,255,1);}
.promo_item .text .wht-shd4 {text-shadow: 0 0 3em rgba(255,255,255,1), 0 0 2.6em rgba(255,255,255,1),0 0 2.2em rgba(255,255,255,1), 0px 0px 1em rgba(255,255,255,1), 0px 0px 0.5em rgba(255,255,255,1), 0px 0px 0.5em rgba(255,255,255,1);}

.promo_item .text .blue-shd1 {text-shadow: 0 0 1em #156cbc, 0 0 0.4em #156cbc, 0 0 0.4em #156cbc;}
.promo_item .text .blue-shd2 {text-shadow: 0 0 1em #0b7889, 0 0 0.4em #0b7889, 0 0 0.4em #0b7889;}
.promo_item .text .brown-shd1 {text-shadow: 0 0 1em #3d1817, 0 0 0.4em #3d1817, 0 0 0.4em #3d1817;}
.promo_item .text .pink-shd1 {text-shadow: 0 0 0.4em rgba(218,16,88,0.8),0 0 0.8em rgba(218,16,88,0.6),0 0 0.8em rgba(218,16,88,0.6);}
.promo_item .text .pink-shd2 {text-shadow: 0 0 0.4em rgba(187,8,82,1),0 0 0.8em rgba(187,8,82,1),0 0 0.8em rgba(187,8,82,1),0 0 0.1em rgba(207,41,104,1);}

.promo_item .text.future:before {position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: #fff; opacity: 0.5;}

.promo2 .btn {position: absolute; cursor: pointer; bottom: 2em; left: 50%; transform: translate(-50%, 0%); background: #4ec5e0; color: #fff; padding: 0.5em 3em; border-radius: 1em; transition: background 0.2s;}
.promo2 .btn:hover {background: #34a3bc;}
.promo2 .btn.wait {cursor: default; opacity: 0.8; background: #becccf}

.promo3 h2 {padding: calc(15px + 2%) 0;}
.promo3 .closed {background: #f6f6f6; padding: calc(10px + 3%);}
.promo3 .promo_item {max-width: 30%; min-width: 360px;}
.promo3 .promo_item img {opacity: 0.75;}

#akcia {width: 100%; max-width: 640px; padding: 0; margin:  0}
#akcia .bg {position: absolute; overflow: hidden; top: 0; left: 0; width:  100%; height: 100%; z-index: 1;}
#akcia .bg img {display: block; width: 100%; height: 100%; object-fit: cover;}
#akcia .overlay {padding: calc(20px + 3%); background: rgba(255,255,255,0.8); position: relative;z-index: 2;}
#akcia input {background: rgba(255,255,255,0.4); border: 1px solid rgba(100,100,100,0.6);}
#akcia form {max-width: 480px;}

.red-txt {color: #cd697e; text-shadow: 0 0 20px #fff;}
.blue-txt {color: #67a9bf; text-shadow: 0 0 20px #fff;}
.blue2-txt {color: #4c8ec0; text-shadow: 0 0 20px #fff;}
.brown-txt {color: #4e3a32; text-shadow: 0 0 20px #fff;}
.green-txt {color: #435e2b; text-shadow: 0 0 20px #fff;}

@media screen and (max-width: 1280px){
.promo2 .px28 {font-size: calc((100vw - 860px)/(1280 - 860) * (28 - 18) + 18px);}
.promo2 .px18 {font-size: calc((100vw - 860px)/(1280 - 860) * (18 - 14) + 14px);}
.promo2 .px13 {font-size: calc((100vw - 860px)/(1280 - 860) * (13 - 10) + 10px);}
}
@media screen and (max-width: 960px){
    .promo1 {background: url('../images/bg/promo-bg.jpg') 70% 0% no-repeat;}
    .promo1 .box {display: none;}
    .promo1 .text {width: 90%;max-width: 600px;}
    }
@media screen and (max-width: 720px){
.promo2 .promo_item {max-width: 540px; margin: 2% auto;}
.promo2 .px28 {font-size: 28px;}
.promo2 .px18 {font-size: 18px;}
.promo2 .px13 {font-size: 13px;}
.promo2 .btn {padding: 0.8em 3em; bottom: 5%;}

}
@media screen and (max-width: 580px){
.promo2 .px28 {font-size: calc((100vw - 360px)/(580 - 360) * (28 - 18) + 18px);}
.promo2 .px18 {font-size: calc((100vw - 360px)/(580 - 360) * (18 - 14) + 14px);}
.promo2 .px13 {font-size: calc((100vw - 360px)/(580 - 360) * (13 - 10) + 10px);}
.promo2 .px21 {font-size: calc((100vw - 280px)/(580 - 280) * (18 - 10) + 10px);}
}
@media screen and (max-width: 420px){
.promo_item .text .info {padding-top: 0.5em;}
.promo3 .promo_item {max-width: 100%; min-width: 240px;}
.promo3 .promo_item .info {display: none;}
.promo3 .px13 {font-size: calc((100vw - 240px)/(420 - 240) * (13 - 10) + 10px);}
.promo3 .px16 {font-size: calc((100vw - 240px)/(420 - 240) * (16 - 12) + 12px);}
.promo3 .px22 {font-size: calc((100vw - 240px)/(420 - 240) * (22 - 15) + 15px);}

}
.about1 {padding: calc(30px + 8%) 0; background: url('../images/bg/about-1.jpg') 50% 0% no-repeat; background-size: cover; }
.about1 .text {width: 55%;}
.about1 p {text-shadow: 0 10px 25px rgba(0,0,0,0.2);}
.about1 p.px70 {line-height: 100%; padding: 1% 0 5%;}
.about1 .underline {border-bottom: 8px solid #fff;}

.about1-1 {padding: calc(30px + 3%) 0; background: #f0f5f8;}
.about1-1 .img {width: 42%; }
.about1-1 .img img {width: 100%;}
.about1-1 .txt {width: 54%;}
.about1-1 .txt p {padding: 10px 0;}

.about2 {padding: calc(30px + 2%) 0; overflow: hidden;}
.about2 .text {width: 52%;}
.about2 .box {width: 44%;}
.about2 .box img {display: block; width: 100%; max-width: 903px; }
.about2 ul li {background: url(../images/check2.png) no-repeat 0 6px; padding-left: 50px; margin: calc(15px + 3%) 0;}
.about2 ul li:nth-child(1) {background: url(../images/num1.png) no-repeat 0 6px;}
.about2 ul li:nth-child(2) {background: url(../images/num2.png) no-repeat 0 6px;}
.about2 ul li:nth-child(3) {background: url(../images/num3.png) no-repeat 0 6px;}
.about2 ul li:nth-child(4) {background: url(../images/num4.png) no-repeat 0 6px;}

.about2  .cert {cursor: pointer;}

.about3 {padding: 0; background: #f0f5f8;}
.about3 .wrap {width: 100%; max-width: 100%;}
.about3 .img {display: block; width: 35%; background: url(../images/bg/about-3.jpg) 50% 50%; background-size: cover;}

.about3 .txt {width: 65%;}
.about3 .txt .title {background: #fff; padding: 5% 0 5% 5%;}
.about3 .txt .desc {padding: 5% 0 5% 5%;}
.about3 .txt ul li {margin: calc(15px + 2%) 0; padding-left: calc(30px + 2%); background: url(../images/check.png) no-repeat 0 5px;}

.about4 {padding: calc(30px + 2%) 0; overflow: hidden; background: url(../images/bg/about-4.png) no-repeat 50% 0;}
.about4 .text {width: 52%;}
.about4 .box {width: 48%; margin: 2% 0;}
.about4 .box img {width: 100%; max-width: 500px; }
.about4 ul li {background: url(../images/check2.png) no-repeat 0 50%; padding-left: 50px; margin: 4% 0 2%;}
.about4 ul li:last-child {margin: 0;}
.about4 .text p {padding-bottom: 3%;}
.about4 a {color: #000; text-decoration: underline; outline: none;}
.about4 a:hover {text-decoration: none;}

.about5 {padding: 0 0 calc(30px + 3%);}
.about5 ul {width: 100%;}
.about5 ul li {margin: 22px 0; padding-left: 40px; background: url(../images/check4.png) no-repeat 15px 50%;}
.about5 .day {background: url(../images/sun.png) no-repeat 0 50%; padding: 20px 0 20px 60px; }
.about5 .night {background: url(../images/night.png) no-repeat 0 50%; padding: 20px 0 20px 60px; }
.about5 .info { width: 90%; margin: 30px auto 0; }
.about5 .title {margin-bottom: 3%;}

.about5 .block {width: 49%; background: #f0f5f8; padding: 3% 1% 3% 3%;}
.about5 .box {width: 24%;}
.about5 .box img {width: 100%;}
.about5 .list {padding: 3% 0;}

.about6 .wrap {width: 100%; max-width: 100%;}
.about6 .img {width: 49.3%; background: url(../images/bg/about-5.jpg) no-repeat 50% 50%; background-size: cover;}
.about6 .txt {width: 48%; padding: calc(30px + 3%) 0;}
.about6 .txt p {max-width: 400px; padding-bottom: 3%;}
.about6 ul li {margin: 20px 0; background: url(../images/check2.png) no-repeat 0 5px; padding-left: calc(30px + 3%);}
.about6 ul {max-width: 420px;}

.about8 {padding: calc(30px + 3%) 0;}
.about8 ul {width: 100%; max-width: 840px; margin: 0 auto;}
.about8 ul li {width: 380px; margin: 8% 0 0;}

.ing1 {padding: calc(30px + 3%) 0; background: url('../images/bg/ing-1.jpg') 50% 0% no-repeat; background-size: cover;}
.ing1 .text {width: 56%;}
.ing1 .img {width: 40%;}
.ing1 .img img {width: 100%;}
.ing1 p {text-shadow: 0 10px 25px rgba(0,0,0,0.2); padding: 20px;}
.ing1 .px70 {padding: 40px 0 0;}

.ing2 {padding: calc(30px + 2%) 0 ;}
.ing2 .text {width: 80%; margin: 0 auto;}
.ing2 .px30 {padding-bottom: 30px;}
a.link {color: #46b5ce; }
a.link:hover {color: #24a0bc;  }
a.link span {border-bottom: 2px solid #46b5ce;}
a.link:hover span {border: 0;}
.ing3 {padding: calc(10px + 1%) 0 0;}
.ing3 .img {width: 49%; background: url(../images/img11.jpg) no-repeat 80% 50%; background-size: cover;}
.ing3 .img img {width: 100%;}
.ing3 .text {width: 49%;}
.ing3 .text p {width: 55%;}
.ing3 .text ul li {background: url(../images/check2.png) no-repeat 0 8px; padding: 0 0 0 30px; background-size: 12px; margin: 10px 0;}
.ing3 .title2 {padding: 20px 0;}

.ing3 .title {padding-bottom: calc(20px + 2%);}
.ing4 {padding: calc(30px + 3%) 0;}
.ing4 ul {width: 100%; max-width: 840px; margin: 0 auto;}
.ing4 ul li {width: 380px; margin: 8% 0 0;}

.ing .wrap {padding: calc(30px + 2%) 0;}
.ing .text {width: 54%;}
.ing p {padding: 0 0 3%;}
.ing ul li {width: 48%; padding-left :30px; background: url(../images/check2.png) no-repeat 0 5px; background-size: 15px; margin: 10px 0;}
.ing .flex-right ul li {background: url(../images/check.png) no-repeat 0 5px;}

.in1 {background: url(../images/ing1.jpg) no-repeat 100% 50%;}
.in2 {background: url(../images/ing2.jpg) no-repeat 0% 50%;}
.in3 {background: url(../images/ing3.jpg) no-repeat 100% 50%;}
.in4 {background: url(../images/ing4.jpg) no-repeat 0% 50%;}
.in5 {background: url(../images/ing5.jpg) no-repeat 100% 50%;}
.in6 {background: url(../images/ing6.jpg) no-repeat 0% 50%; background-size: 45%;}
.in7 {background: url(../images/ing7.jpg) no-repeat 100% 50%; background-size: 55%;}

.review1 {padding: calc(30px + 12%) 0; background: url('../images/bg/review-1.jpg') 50% 0% no-repeat; background-size: cover;}
.review1 p {text-shadow: 0 10px 25px rgba(0,0,0,0.2);}
.review1 p.px70 {padding: 3% 0 0; max-width: 980px; margin: 0 auto;}
.review1 .underline {border-bottom: 8px solid #fff;}

.review2 {padding: calc(50px + 2%) 0; background: #f0f5f8;}
.review2 .px24 {padding-bottom: 30px;}

.rev {padding: calc(50px + 3%) 0 0;}
.rev .img {width: 36%;}
.rev .img img {width: 100%;}
.rev .text {width: 60%;}
.rev .text .px42 {width: 100%;}
.rev .text .px18 {padding-top: 30px;}

.review3 {padding: calc(30px + 3%) 0;}
.review3 .desc {padding: 4% 0 0;}
.review3 ul {width: 100%; max-width: 840px; margin: 0 auto;}
.review3 ul li {width: 380px; margin: 8% 0 0;}

.review4 {padding: calc(30px + 3%) 0 0;}
.review4 ul {width: 100%; max-width: 840px; margin: 0 auto;}
.review4 ul li {width: 100%; max-width: 380px; margin: 4% 0;}
.file-caption .file-caption-name {width: 100%; height: 63px; line-height: 63px;  margin: 0 auto;  border: 0;  font-size: 24px;  background: #f2f1f1;   color: #8f8f8f;   border-radius: 30px;  outline: none;  text-indent: 40px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;  font-family: 'GilroyRegular'; }
.file-caption-main {position: relative; outline: none;}
.btn-file, .file-caption, .file-input, .file-loading:before, .file-preview, .file-zoom-dialog .modal-dialog, .krajee-default .file-thumbnail-footer, .krajee-default.file-preview-frame {outline: none;}
 .file-caption-main .input-group-btn {position: absolute; top: 0; right: 0; height: 100%; background: #ff871b; border-radius: 0 30px 30px 0; width: 100px; cursor: pointer; transition: all 0.3s;}
 .file-caption-main .input-group-btn:hover {background: #ff4800;}
    .btn-file {position: relative; height: 100%; width: 100%; background: url(../images/download.png) no-repeat 50% 50%; background-size: 30px;}
    .btn-file .hidden-xs {display: none;}
    .btn-file input[type=file] {position: absolute; width: 100%; height: 100%; margin: 0; text-indent: 0; padding: 0; z-index: 5; cursor: pointer; top: 0;}

.file-input {overflow:hidden;}


#pop-form-rev {width: 100%; max-width: 1200px; display: none;}
#pop-form-rev .info {width: 40%;}
#pop-form-rev .text {width: 55%;}
#pop-form-rev textarea {font-size: 24px; padding: 15px 3%; width: 100%;  height: calc(100% - 172px); margin-bottom: 20px; border: 1px solid #f2f1f1; background: #f2f1f1;  color: #8f8f8f; border-radius: 30px;
  outline: none;}
#pop-form-rev .button {max-width: 380px; width: 90%; margin: 20px auto 0;}
  #thanks {width: 100%; max-width: 580px; display: none; padding: calc(30px + 3%) 5%; background-color: #34be52; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  background-color: #f54528;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmY3NzJkIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYjEyMjIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(255, 119, 45)),color-stop(1, rgb(235, 18, 34)));
  background-image: -webkit-linear-gradient(top,rgb(255, 119, 45) 0%,rgb(235, 18, 34) 100%);
  background-image: linear-gradient(to bottom,rgb(255, 119, 45) 0%,rgb(235, 18, 34) 100%);
  background-image: -ms-linear-gradient(top,rgb(255, 119, 45) 0%,rgb(235, 18, 34) 100%);
}
.search1 {padding: calc(30px + 12%) 0; background: url('../images/bg/search-1.jpg') 50% 0% no-repeat; background-size: cover;}
.search1 .px30 {max-width: 680px; margin: 30px auto 0;}

.search2 {padding: calc(30px + 2%) 0; background: #f0f5f8;}
.search2 .img {width: 40%;}
.search2 .img img {width: 100%;}
.search2 .text {width: 56%;}
.search2 .text p {padding: 2% 0;}
.search2 .text p.p1 {padding-left: 10%;}
.search2 .desc {padding: calc(10px + 3%) 0 0;}
.search2 .desc p:last-child {margin: calc(10px + 2%) 0 0; padding: 0 0 0 10%; background: url(../images/check2.png) no-repeat 4% 5px;}

.search3 {padding: calc(30px + 2%) 0; background: #419cb1;}
.search3 ul {width: 100%;}
.search3 ul li {width: 18.5%; background: rgba(255,255,255,0.1); padding: 60px 15px;}
.search3 ul li .desc {padding-top: 40px;}

.search2-1 {padding: calc(30px + 2%) 0; background: #fff;}
.search2-1 .img {width: 40%;}
.search2-1 .img img {width: 100%;}
.search2-1 .text {width: 56%;}
.search2-1 .text p {padding: 2% 0;}
.search2-1 .text p.p1 {padding-left: 10%;}
.search2-1 .link {}
.search2-1 .link span {cursor: pointer; color: #46b5ce; border-bottom: 2px solid #46b5ce; transition: all 0.2s;}
.search2-1 .link:hover span {border-bottom: 2px solid #1994b0; color: #1994b0;}

.search4 {padding: calc(30px + 3%) 0 0;}
.search4 .text {width: 45%;}
.search4 .text.ves {padding-left: 100px;}
.search4 .img {width: 45%;}
.search4 .img img {width: 100%; max-width: 500px;}
.search4 .px42 {width: 300px; padding-bottom: 30px;}
.search4 ul li {padding: 10px 0 10px 50px;}

.search5 {padding: calc(30px + 3%) 0 0;}
.search5 .text {width: 48%;}
.search5 .text .link {display: block; padding: 40px 0; width: 300px;}
.search5 .text ul li:nth-child(1) {width: 112px;}
.search5 .text ul li:nth-child(2) {width: calc(100% - 150px);}
.search5 .text ul li a {outline: none;}
.search5 .box {width: 48%;}
.search5 .box img {width: 100%;}

.search6 {padding: calc(30px + 3%) 0;}
.search6 .desc {padding: 40px 0;}
.search6 ul {width: 100%; max-width: 840px; margin: 0 auto;}
.search6 ul li {width: 380px; margin: 8% 0 0;}

.instr1 {padding: calc(30px + 12%) 0; background: url('../images/bg/instr.jpg') 50% 0% no-repeat; background-size: cover;}
.instr1 .px30 {max-width: 680px; margin: 30px auto 0;}

.instr2.day {background: #fff;}
.instr2 {padding: calc(30px + 2%) 0; background: #808080;}
.instr2 .title {padding: calc(20px + 2%) 0;}
.instr2 .img {width: 45%;}
.instr2 .img img {max-width: 100%;}
.instr2 .text {width: 52%;}
.instr2 .text .page {width: 48%;}
.instr2 .text .page img {max-width: 100%;}

.policy {padding: calc(30px + 3%) 0;}
.policy p {padding: 10px 0;}
.policy h1 {padding-bottom: calc(2% + 15px);}


.blog-banner {background: url(../images/bg/blog.jpg) no-repeat 50% 50%; padding: calc(20px + 7%) 0; background-size: cover;} 
.blog-banner p {text-shadow: 0 10px 25px rgba(0,0,0,0.2); padding: 3% 0 3% 8%;}
.blog-banner p.px80:before {margin: 2% 0 0 -5%; content: ''; position: absolute; width: 5%;  max-width: 36px; height: auto; padding: 5% 0 0; background: url(../images/plus.png) no-repeat 50% 50%; background-size: 100%;}
.blog-banner .text {max-width: 400px;}

.blog-inner {padding: calc(30px + 3%) 0 0;}
.blog-inner .card {width: 30%; margin: 1.5%; position:relative; background: #fff; display:block; border-radius:.4rem; transition: all 0.3s; overflow: hidden;}
.blog-inner .card .title {padding: 0 calc(5px + 5%); height: 18%; font-size: calc( (100vw - 480px)/(1280 - 480) * (24 - 14) + 14px); position: absolute; bottom: 10%; z-index: 10; padding: 0 calc(5px + 2%); text-shadow: 0 0 10px rgba(0,0,0,0.6);}
.blog-inner .card .card-inner:after {position: absolute; content:''; top: 0; bottom: 0; width: 100%; height: 100%; background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}

.blog-inner .card .card-inner {padding-top: 136.115%; overflow: hidden;}
.blog-inner .card.double {width: 48%;}
.blog-inner .card.double .card-inner {padding-top: 65.22%;}

.blog-inner .card:hover {transform: scale(1.03);}
.blog-inner .card:hover img {opacity: 0.8;}

.blog-inner .card img {position: absolute; top:0; bottom: 0; left: 0; right: 0;width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}

.zoomin {-webkit-animation: zoomin 40s ease-in-out infinite;  animation: zoomin 40s ease-in-out infinite;}

@keyframes zoomin {
  0% {transform: scale(1);}
  60% {transform: scale(1.3);}
  100% {transform: scale(1);}
} 


.but {width: 100%; max-width: 380px; padding: 15px 0; border-radius: 45px; color: #fff;transition: all 0.3s;}
.blue-btn.but {background: #4ec5e0; text-align: center; }
.blue-btn.but:hover {background: #0bbbe3; color: #fff;}
.orange-btn.but {background: #ff871b; text-align: center;}
.orange-btn.but:hover {background: #ff5a00; color: #fff;}

.orange-line {border-bottom: 5px solid #ff871b;}
.blue-line {border-bottom: 5px solid #4ec5e0;}

#pop-form.pop-form {width: calc(100% - 80px); max-width: 1200px; padding: calc(3% + 15px) 30px;}
#pop-akcia.pop-form {width: calc(100% - 80px); max-width: 1200px; padding: calc(3% + 15px) 30px;}


.pop-form {overflow: visible!important;}
.pop-form .img {width: 50%;}
.pop-form .img img {width: 70%; display: block; margin: 0 auto;}
.pop-form .text {width: 50%;}
.pop-form .orderForm {padding-top: calc(20px + 3%); max-width: 390px; margin: 0 auto;}
.zvezda {padding-top: 0px; color: #aaa; text-align: center;}
.akcia-form .text{width: 100%;}
.pop-form .fancybox-close-small:after {
    content: "x";
    position: absolute;
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
    font: 52px/50px 'GilroyExtrabold';
    color: #fff;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #ff871b;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2;
}
.pop-form .fancybox-close-small:hover:after {
    background: #ed7000;
}
.pop-form .fancybox-close-small {opacity: 1;}
.pop-form .fancybox-close-small svg {display:none;}

#pop-consult {width: calc(100% - 80px); max-width: 1200px; padding: 80px 50px;}
#pop-consult .img {width: 56%;}
#pop-consult .img img {width: 100%;}
#pop-consult .text {width: 40%;}
#pop-consult .orderForm {padding-top: 50px; max-width: 390px;}
#pop-consult {overflow: visible;}
#pop-consult .fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
    font: 60px/60px 'GilroyExtrabold';
    color: #fff;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #ff871b;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2;
}
#pop-consult .fancybox-close-small:hover:after {
    background: #ed7000;
}

.faq-toggle {margin: 30px auto 0;}
.faq-toggle .toggle-question {margin-bottom: 15px;}
.faq-toggle .toggle-question span {cursor: pointer; transition: all 0.3s;}
.faq-toggle .toggle-answer {display: none; background: #f0f5f8; line-height: 120%; margin: 1% auto 0; padding :3%; cursor: auto; width: 100%; max-width: 800px;}
.faq-toggle p.toggle-answer {padding: 2%;}
.faq-toggle.no-toggle .toggle-answer {display: block;}
.faq-toggle.no-toggle {background: none;}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; outline: none; margin-top: -25px; opacity: 0.6; transition: all 0.2s;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {opacity: 1;}
.owl-carousel .owl-nav button.owl-next {right: -50px;}
.owl-carousel .owl-nav button.owl-prev {left: -50px;}
.owl-carousel .owl-nav button.owl-prev span {display: none;}
.owl-carousel .owl-nav button.owl-next span {display: none;}
.owl-carousel .owl-nav button.owl-prev {display: block; content: ''; width: 35px; height: 50px; background: url(../images/prev.png) no-repeat 50% 50%; background-size: 100%;}
.owl-carousel .owl-nav button.owl-next {display: block; content: ''; width: 35px; height: 50px; background: url(../images/next.png) no-repeat 50% 50%; background-size: 100%;}
.logo_magazine_in8 {max-width: 290px; width: 100%;}

@media (max-width: 1400px) {
.index7 .owl-carousel {padding: 0 30px;}
.owl-carousel .owl-nav button.owl-next {right: 0px;}
.owl-carousel .owl-nav button.owl-prev {left: 0px;}

}

@media (max-width: 1200px) {
footer .zakaz {display: none;}
footer .menu {width: calc(100% - 300px);}
}

@media (max-width: 1140px) {
header .zakaz {display: none;}
header .zakaz2 {display: block;}
header .header-phone {display: block;}
header ul.menu {position: absolute; width: 100%; max-width: 400px; text-align: right; left: 102.041%; top: 100%; z-index: 100; transition: all 0.5s;}
header ul li:nth-child(1) a.link {border-top: 1px solid #ccc;}
header ul a.link {display: block; position: static; border-left: 4px solid #fff; border-bottom: 1px solid #ccc; margin-right: -400px; background: rgba(255,255,255,1); width: 100%; padding: 4% 4% 4% 8%; transition: all 0.2s;}
header ul a.link:hover {border-left: 4px solid #ff7324; border-bottom: 1px solid #ccc; color: #ff7324;}
header ul li {width: 100%; text-align: center;}
header ul.open {transform: translate(-100%,0); transition: all 0.5s; }
header .mobile-button a {position: static;}
header .mobile-button {width: 50px;}

.index3 .text {width: 50%;}
.index3 .box {width: 48%; margin-right: -50px;}

.about5 ul .p1 {width: 48%;}
.about5 ul .p2 {display: none;}
.about5 ul .p3 {width: 48%;}
.about5 .title {text-align: center;}



.ing .text {width: 68%; background: rgba(255,255,255,0.65); padding: 3%;}
.ing3 .text p {width: 90%;}
.in6 {background: url(../images/ing6.jpg) no-repeat 50% 50%; background-size: auto;}
.in7 {background: url(../images/ing7.jpg) no-repeat 50% 50%; background-size: auto;}

.search3 ul {justify-content:space-around; -webkit-align-content: space-around;  -ms-flex-line-pack: distribute;}
.search3 ul li {width: 30%; text-align: center; padding: 3% 1%; margin-bottom: 3%;}


}


@media (max-width: 1280px) {
    header .menu {font-size: 14px;}


}
@media (max-width: 1140px) {
    header .menu {font-size: 18px;}
    header .zakaz {display: block; }
    header .mobile-button {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
    header .dropdown {display: none;}

    header .menu .mobli {display: block;}
    header ul a.inst {display: block; position: static; border-left: 4px solid #fff; border-bottom: 1px solid #ccc; margin-right: -400px; background: rgba(255,255,255,1); width: 100%; color: #000; padding: 3% 4% 3% 8%; transition: all 0.2s;}
    header ul a.inst:hover {border-left: 4px solid #ff7324; border-bottom: 1px solid #ccc; color: #ff7324;}
    header .inst .txt {display: block;  text-transform: uppercase;}
    header .logo {width: calc(100% - 500px); max-width: 100%}
    header .logo img {width: 100%; max-width: 200px;}
    header .btn {padding: 10px 0;}
}

@media (max-width: 980px) {

.px100 {font-size: 72px;}
.px80 {font-size: 60px;}
.px70 {font-size: 58px;}
.px55 {font-size: 48px;}
.px50 {font-size: 42px;}
.px48 {font-size: 32px;}
.px42 {font-size: 36px;}
.px36 {font-size: 32px;}



.index1 .text {width: 65%;}
.index1 p.px100 {font-size: 60px;}
.index1 p.px80 {font-size: 54px;}

.about1 .text {width: 65%;}
.about1-1 .wrap {align-items:flex-start; -webkit-align-items: flex-start; -ms-flex-align: start;}
.about1-1 .img {width: 100%;}
.about1-1 .txt {width: 100%;}

.about2 .text {width: 100%;}
.about2 .box {width: 100%; margin-right: -80px; text-align: center;}
.about2 .box img {max-width: 480px; margin: 3% auto;}
.about2 .text ul {max-width: 480px; margin: 0 auto;}

.ing1 .text {width: 100%; text-align: center;}

.ing1 .img {display: none;}

.pop-form .img {display:none;}
.pop-form .text {width: 100%; text-align: center;}
.pop-form .orderForm {max-width: 640px; margin: 0 auto;}

#pop-consult .img {display:none;}
#pop-consult .text {width: 100%; text-align: center;}
#pop-consult .orderForm {max-width: 640px; margin: 0 auto;}

footer .menu {display: none;} 
footer .flex-between {justify-content:space-around; -webkit-align-content: space-around;  -ms-flex-line-pack: distribute;}
footer .contacts div:nth-child(1) {width: 45%; text-align: center}
footer .contacts div:nth-child(2) {width: 45%;}
footer .contacts div {margin: 10px 0;}

}

@media (max-width: 860px) {
.index3 .text {width: 100%;}
.index3 .box {display:none;}
.index3 .text p:first-child {text-align: center;}
.index3 .text ul {width: 90%; max-width: 400px; margin: 0 auto;}
.index5 .title {text-align: center;}
.index5 .text {width: 100%;}
.index5 .text ul {width: 90%; max-width: 480px; margin: 0 auto;}
.index5 .img {display: none;}



.index6 {padding: 3%; background: #fff; min-height: auto;}
.index6 .text {width: 100%;}
.index6 .text ul {margin: 0;}
.index6 .w2 {margin: 0 auto;}
.index6 .text2 {width: 100%; padding-top: 5%;}
.index6 .img {display:none;}


.about4 .flex-between {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;}

.about4 .box {width: 100%; text-align: center;}
.about4 .text {width: 100%; text-align: center;}
.about4 ul {max-width: 480px; margin: 0 auto; text-align: left;}

.about3 .img {width: 96%; height: 380px; margin: 0 auto;}
.about3 .txt .title {background: transparent; text-align: center;}
.about3 .txt {width: 96%; margin: 30px auto 0;}

.about6 .img {width: 96%; height: 380px; margin: 0 auto;}
.about6 .txt {width: 96%; margin: 0 auto 0;}
.about6 .txt p {max-width: 100%; }
.about6 ul {max-width: 100%;}

.about5 .block {width: 100%; max-width: 500px; margin: 2% auto;}

.about7 {padding: 3%; background: #fff; min-height: auto;}
.about7 .text {width: 100%;}
.about7 .text ul {margin: 0;}
.about7 .w2 {margin: 0 auto;}
.about7 .text2 {width: 100%; padding-top: 3%;}
.about7 .img {display:none;}

.ing .text {width: 100%; background: rgba(255,255,255,0.8); padding: 3%;}
.ing3 .img {width: 100%; height: 280px;}
.ing3 .text {width: 90%; text-align: center; margin: 3% auto 0;}
.ing3 .text ul {text-align: left;}
.ing3 .text p {width: 100%;}
.search3 ul li {width: 48%;}
.search3 ul li .desc {padding-top: 4%;}
.search2 .img {display: none;}
.search2 .text {width: 100%; }

.search2-1 .img {display: none;}
.search2-1 .text {width: 100%;}


.review4 .but {width: 48%; padding: 12px 0;}
.rev .img {width: 100%; margin-bottom: 3%;}
.rev .text {width: 100%;}
.rev .text .px42 {width: 100%;}
.rev .reverse {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;}

.search4 .text {text-align: center;}
.search4 .px42 {width: 100%;}
.search4 ul li {padding: 10px 0;}
.search4 .text.ves {padding-left: 0;}
#pop-form-rev .info {width: 100%;}
#pop-form-rev .text {width: 100%;}

.search5 .text {width: 100%; max-width: 500px; margin: 0 auto; text-align: center;}
.search5 .box {display: none;}
.search5 .text .link {width: 80%; margin: 0 auto;}

.orange-line {border-bottom: 3px solid #ff871b;}
.blue-line {border-bottom: 3px solid #4ec5e0;}

.blog-inner .card {width: calc((100% / 3) - 2%);}
.blog-inner .card.double {width: calc((100% / 3) * 2 - 2%);}
.blog-inner .card.double .card-inner {padding-top: 65.955%;}

footer .where-buy .img {width: 100%;}
footer .where-buy .img .apteka-block a {width: 28%;}
footer .where-buy .text {width: 100%; padding-top: calc(20px + 2%);}


}

@media (max-width: 720px) {
.px100 {font-size: 54px;}
.px80 {font-size: 42px;}
.px70 {font-size: 42px;}
.px55 {font-size: 40px;}
.px50 {font-size: 34px;}
.px48 {font-size: 30px;}
.px42 {font-size: 30px;}
.px40 {font-size: 30px;}
.px38 {font-size: 32px;}
.px36 {font-size: 24px;}

header .logo {width :20%;}
header .header-phone p {font-size: 14px;}
header .header-phone p span {font-size: 20px;}

.index1 p.px100 {font-size: 54px;}
.index1 p.px80 {font-size: 42px;}
.index2 .box {width: 100%; text-align: center; max-width: 100%;}
.index2 .text {width: 100%;}
.index2 .text ul {text-align: left;}


.index7 .px20 {font-size: 14px;}
.index7 .px16 {font-size: 14px;}
.ing .wrap {padding: 3% 0;}

.blog-inner .card .title {height: 22%; }

#pop-akcia.pop-form {width: 100%; padding: 5% 3%;}
.pop-form .px42 {font-size: 42px;}
.pop-form .fancybox-close-small:after {
    content: "x";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 24px/24px 'GilroyExtrabold';
    color: #fff;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #ff871b;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2;
}

#pop-consult {width: calc(100% - 60px); padding: 5% 3%;}
footer .production {font-size: 14px;}
}

@media (max-width: 680px) {
    .px18 {font-size: 20px;}
    .search4 .img {width: 100%; text-align: center; margin-bottom: 3%;}
    .search4 .text {width: 100%;}
    .search4 .reverse {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;}
}

@media (max-width: 640px) {
    .px60 {font-size: 42px;}
    header ul.menu {top: 100%;}
    header .logo {display: none;}
    header .logo  img {max-width: 200px; }
    header .zakaz {order: 1; width: 30%;}
    header .btn {width: 100%; max-width: 200px; padding: 10px 0;}
    header .header-phone {order: 2; width: 160px;}
    header .menu-icon {width: 40px;}
    header .mobile-button {order: 3; background: #ff7324; border-radius: 50%; width: 50px; height: 50px; position: relative;}
    header .menu-icon.menu-icon-5 {width: 32px; height: 26px;}
    header .mobile-button a {width: 32px; height: 26px; display: block; position: relative; left: auto;}
    header .menu-icon .bar {background: #fff; margin: 0; height: 4px; width: 32px;}
    header .menu-icon .bar-2 {top: 10px;}
    header .menu-icon .bar-3 {top: 20px;}
    header .mobile-button.open .menu-icon.menu-icon-5 .bar-1 {top:11px; left:-1px;}
    header .mobile-button.open .menu-icon.menu-icon-5 .bar-3 {top:11px; left:-1px;}
    main {}
    #pop-form-rev  {padding: 5% 3%;}
    #pop-form-rev .file-caption-name {font-size: 18px;}
    .review4 .but {padding: 10px 0; font-size :24px;}

    .blog-inner .card {width: 47%; }
    .blog-inner .card.double {width: 48%;}
    .blog-inner .card .title { font-size: calc( (100vw - 280px)/(640 - 280) * (24 - 14) + 14px);}
    .blog-inner .card.double .card-inner {padding-top: 100%;}

}

@media (max-width: 540px) {
    .px100 {font-size: 48px;}
    .px28 {font-size: 24px;}
    .px55 {font-size: 32px;}
    .index1 p.px100 {font-size: 40px;}
    .index1 p.px80 {font-size: 32px;}
    .search5 .text ul {max-width: 360px; margin: 0 auto;}
    .about6 .txt p {max-width: 100%; text-align: center;}
    footer .production {font-size: 12px;}
    footer .contacts div:nth-child(1) {width: 50%;}
    footer .contacts div:nth-child(1) img {width: 100%; max-width: 200px;}
    footer .contacts div:nth-child(2) {font-size: 15px;}
    footer .cert-f p {font-size: 16px;}
    footer .patent-f p {font-size: 16px;}

    .pop-form .fancybox-close-small:after {width: 20px; height: 20px; font-size: 18px; line-height: 18px;}
}

@media only screen and (max-width: 480px) {
    .px100 {font-size: 40px;}
    .px60 {font-size: 36px;}

    header ul.menu {font-size: 14px; max-width: 360px;}
    header ul a.inst .insta img {width: 20px;}
    .index7 .px20 {font-size: 12px;}
    .index7 .px16 {font-size: 10px;}
    .review4 .but {padding: 10px 0; font-size :20px;}

    .instr2 .title {text-align: center;}
    .instr2 .img {width: 65%;}
    .instr2 .img img {width: 90%; margin: 0 auto calc(20px + 2%); display: block;}
    .instr2 .text {width: 30%;}
    .instr2 .text .page {width: 100%; margin-bottom: 10%;}

    .blog-inner .card {width: 100%;}
    .blog-inner .card.double {width: 100%;}
    .blog-inner .card .card-inner {padding-top: 66%;}
    .blog-inner .card.double .card-inner {padding-top: 66%;}
    .blog-inner .card .title {height: auto;  font-size: calc( (100vw - 280px)/(480 - 280) * (24 - 14) + 14px);}

    footer .where-buy .img .apteka-block a {width: 30%;}    
    footer .contacts div:nth-child(1) {width: 100%;}
    footer .contacts div:nth-child(2) {width: 100%;}

}


@media only screen and (max-width: 420px) {
    .px70 {font-size: 36px;}
    .px44 {font-size: 30px;}    
    .px42 {font-size: 26px;}
    .px38 {font-size: 28px;}
    .px32 {font-size: 24px;}    
    .px30 {font-size: 24px;}    
    .px24 {font-size: 20px;}
    .px20 {font-size: 16px;}
    .px18 {font-size: 18px;}

     header .zakaz {width: auto;}
     header .btn {width: 100px; padding: 8px 0; font-size: 14px;}
     header .menu-icon.menu-icon-5 {width: 26px;height: 20px;}
     header .menu-icon .bar {width: 100%;}
     header .mobile-button {width: 40px; height: 40px;}
     header .mobile-button a {margin: auto; width: 26px;height: 20px; }
     header .menu-icon .bar-2 {top: 8px;}
     header .menu-icon .bar-3 {top: 16px;}
     header .mobile-button.open .menu-icon.menu-icon-5 .bar-1 {top:8px; left:-1px;}
     header .mobile-button.open .menu-icon.menu-icon-5 .bar-3 {top:8px; left:-1px;}
     header .header-phone {width: auto;}
     header .header-phone p span {font-size: 16px;}
     .index1 p.px100 {font-size: 30px;}
     .index1 p.px80 {font-size: 24px;}
     .ing ul li {width: 100%;}

     .call-privacy .text-privacy {font-size: 12px;}

}

@media only screen and (max-width: 360px) {
    .px100 {font-size: 30px;}

    .px70 {font-size: 28px;}
    .px60 {font-size: 28px;}
    .px50 {font-size: 24px;}
    .px38 {font-size: 20px;}    
    .px32 {font-size: 20px;}    
    .px30 {font-size: 18px;}    
    .px20 {font-size: 14px;}
    .px18 {font-size: 16px;}
    .index5 ul li {padding: 20px 0 20px 80px;}

    .index5 ul li:nth-child(1) {background-size: 60px;}
    .index5 ul li:nth-child(2) {background-size: 60px;}
    .index5 ul li:nth-child(3) {background-size: 60px;}

    .ing1 {padding: calc(10px + 2%) 0;}
    .search5 .text ul li:nth-child(1) {width: 80px;}
    .search5 .text ul li:nth-child(2) {width: calc(100% - 90px);}
    .search5 .text ul li img {width: 100%;}
    .review4 .but {padding: 8px 0; font-size:16px;}
}
@media only screen and (max-width: 280px) {
    header .btn {width: 80px;}
    header .header-phone p {font-size: 11px;}
    header .header-phone p span {font-size: 14px;}

    }

@media (min-width: 2000px) {
.px100 {font-size: 120px;}
.px80 {font-size: 90px;}
.px70 {font-size: 84px;}
.px55 {font-size: 62px;}
.px50 {font-size: 58px;}
.px48 {font-size: 54px;}
.px42 {font-size: 50px;}
.px40 {font-size: 44px;}
.px36 {font-size: 40px;}
.px24 {font-size:28px;}
.px18 {font-size:22px;}
.wrap {max-width: 65%;}
header .wrap {max-width: 65%; padding: 15px 0; box-sizing: border-box;}

.logo {width: 18%;}
.logo img {width: 100%;}
header .menu {width: 60%;}
.index1 p.px100 {font-size: 120px;}
.index1 p.px80 {font-size: 90px;}
}

@media (min-width: 2540px) {.px18 {font-size:26px;}}
@media (min-width: 2800px) {.px18 {font-size:32px;}}