.grey {color: #797979;}
.grey2 {color: #373737;}

.black {color: #000;}
.blue {color: #285c95;}
.blue2 {color: #138aa5;}
.bir {color: #378c87;}
.purp {color: #8626a4;}
.purp2 {color: #a34e98;}




body {background-color: #fff; font-family:'PFDinDisplayPro-Regular', Arial, sans-serif; font-size: 24px; color: #1d1d1b;}
a {color:  #00a3f1; text-decoration: none;}
a:hover {color:  #8626a4; text-decoration: none;}
sup {font-size: 60%; line-height: 100%; vertical-align: top;}

.wrap {max-width: 1170px; width: 100%; padding: 0 15px; margin: 0 auto; z-index: 5; position: relative;}
.main {max-width: 1920px; width: 100%; margin: 0 auto;}

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

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

.pop-form {overflow: visible!important;}
.pop-form .title {width: 100%;}
.pop-form img {max-width: 30%; max-height: 240px; margin-right:  calc(10px + 5%);}
.pop-form form {padding-top: calc(20px + 3%); max-width: 390px;}

.pop-form .fancybox-close-small:after {content: "x"; position: absolute; top: 0px; right: 0px; transform: translate(50%,-50%);width: 60px; height: 60px; font-size: 52px; line-height: 100%; color: #fff; text-align: center; border-radius: 50%; border-width: 0; background: #285c95; transition: background .25s; box-sizing: border-box; z-index: 2;}
.pop-form .fancybox-close-small:hover:after {background: #00a3f1;}
.pop-form .fancybox-close-small {opacity: 1;}
.pop-form .fancybox-close-small svg {display:none;}
.overflow {overflow: hidden;}

header	{background:  #fff;  position: fixed; top: 0; width: 100%; left: 50%; z-index: 9999; transform: translate(-50%,0);}
header .wrap {padding: calc(5px + 0.5%) 15px;}
header .logo {flex: 1 2 220px;}
header .logo img {max-width: 220px;}
header .nav {flex: 3 3 320px;}
header .order-link {flex: 1 1 350px;}
header .btn {margin-right: calc(10px + 1%); padding:  0.5em 1.5em; max-width: 150px; background: #a34e98; border-radius: 1em; box-shadow: 0 5px 15px rgba(107,37,169,.3); text-align: center; transition:  background 0.2s, box-shadow 0.3s, color 0.2s;}
header .btn:hover {color: #000; background: #fff301;  box-shadow: 0 5px 15px rgba(180,219,251,1);}
header a {color:  #000; text-decoration: none;}
header a:hover {color:  #8626a4; text-decoration: none;}

header .icon {width:35px;height:35px;position:relative;display:none; cursor: pointer; margin-left: calc(10px + 1%);}
header .icon span{height:5px;width:100%;background:#a34e98;position:absolute;-webkit-transition:250ms ease all;-o-transition:250ms ease all;transition:250ms ease all;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);left:0;border-radius:5px}
header .icon span:nth-child(1){top:0}
header .icon span:nth-child(2),.icon span:nth-child(3){top:15px}
header .icon span:nth-child(4){top:30px}

  .main-carousel .item img.web {display: block;}
  .main-carousel .item img.note {display: none;}
  .main-carousel .item img.mob {display: none;}
  .main-carousel.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots {margin: 0; top: auto; bottom: 0;}
  .main-carousel.owl-carousel.owl-theme .owl-dots {margin: 0; top: auto; bottom: 0;}

  .main-carousel.owl-carousel.owl-theme .owl-dots .owl-dot span {background: #fff;border: 1px solid #1488a3; width: 20px; height:  20px;}
  .main-carousel.owl-carousel.owl-theme .owl-dots .owl-dot.active span {border: 1px solid #a34e98;}
  .main-carousel.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {border: 1px solid #869791;}
  .main-carousel.owl-carousel .owl-nav button.owl-next {right: 10px;}
  .main-carousel.owl-carousel .owl-nav button.owl-prev {left: 10px;}

.index_1 {padding: 0 0 1.5em; background: url(../images/bg/bg1.jpg) no-repeat 50% 0%; background-size: cover;}
.index_1 h1 {position: absolute; left: 50%; top: 15.5%; transform: translate(-175%,0); text-shadow: 0 0 10px rgba(238,238,238,0.6);}
.index_1 .right-block {width:  50%;}
.index_1 .box {margin-bottom: -5%; width: 30vw; max-width: 300px;}
.index_1 ul {width: 100%;}
.index_1 ul li {padding: 0 0 0 1.6em; background:  url(../images/li.png) no-repeat 0 0.15em; background-size: 1em;}

.index_2 {background: #fff; padding: calc(20px + 3%) 0 0}
.index_2 .text {background: #fff301; padding:  1em ; border-radius: 8px; margin-bottom: calc(20px + 3%)}
.index_2 .text span {white-space: nowrap;}
.index_2 ul {padding-top: calc(15px + 2%);}
.index_2 ul li {padding-left: 1.6em; margin: 0.4em 0;background:  url(../images/li.png) no-repeat 0 0.15em; background-size: 1em;}

.index_3 {padding: calc(20px + 3%) 0; background: #fff;}
.index_3 .text {width: 56%;}
.index_3 .text h3 {padding-bottom: 0.8em;}
.index_3 .text p {padding:  0.6em 0}
.index_3 .img {width: 70%;margin-left: -30%; }

.index_4 .img {width: 70%; margin-right: -30%; }
.index_4 .text {width: 56%;}
.index_4 .text h3 {padding-bottom: 0.8em;}
.index_4 .text p {padding:  0.6em 0}

.index_5 {padding: calc(20px + 3%) 0; background: #fff;}
.index_5 .img {width: calc(96% - 500px)}
.index_5 .text {width: 500px}
.index_5 .text .px30 {padding: 0.5em 0}
.index_5 .line {margin: -3% 0}

.sostav_1 {position: relative;padding: calc(30px + 3%) 0;background: url(../images/bg/sostav-bg1.jpg) no-repeat 65% 50%; background-size: cover;}
.sostav_1 h1, .sostav_1 h2 {width: 85%; max-width:  680px; padding: calc(10px + 1%) 0;}

.sostav_2 {background: #fff; padding: calc(20px + 2%) 0;}
.sostav_2 h2 {}
.sostav_2 .snoska {padding-bottom: calc(10px + 2%);}
.sostav_2 .ing .info {width: 54%;}
.sostav_2 .ing .img {width: 44%;}

.sostav_2 .ing a {display: inline-block;text-decoration: underline; margin-top: calc(20px + 3%);}
.sostav_2 p {padding: calc(20px + 1%) 0 0}

.sostav_3 {background: #a34e98; padding: calc(30px + 5%) 0}
.sostav_3 .txt {width: 60%;}
.sostav_3 .txt span {display: block;}
.sostav_3 a {display:  inline-block; width: 38%; transition: all 0.3s;background: #ffdf0b; text-align:  center; border-radius: 0.2em; padding:  1em;}
.sostav_3 a:hover {background: #fff;}


.sostav_4 {background: #fff; padding: calc(30px + 3%) 0}
.sostav_4 h2 {}
.sostav_4 .flex {padding: calc(20px + 2%) 0;}
.sostav_4 .flex p {width: 70%; max-width: 600px;background: rgba(255,255,255,0.6); padding-right: 20px; position: relative; z-index: 2;}
.sostav_4 .flex .img {position: absolute; top: 0; right: 0; width: 70%; max-width: 734px; z-index: 1;}
.sostav_4 .flex .img img {transform: translate(25%,5%);}
.sostav_4 .link {display: block; background: #a34e98;padding: 1em; border: 2px solid #a34e98; border-radius: 0.2em; text-align: center; transition: all 0.3s;}
.sostav_4 .link:hover {background: #fff;}
.sostav_4 ul {width: 100%; padding: calc(10px + 2%) 0 calc(30px + 3%)}
.sostav_4 ul li {padding: 0 0 0 2.5em; margin: 0.5em 0;background:  url(../images/li.png) no-repeat 0 0.15em; background-size: 1.2em;}

.review_1 { background: url(../images/bg/instr-bg1.jpg) no-repeat 50% 50%; background-size: cover;}
.review_1 .wrap {position: relative; padding-top: calc(50px + 8%); padding-bottom: calc(50px + 8%);}
.review_1 .woman {position:  absolute; right: 0; bottom: 0; width: 50%; max-width: 500px;}
.review_2 {padding: calc(30px + 3%) 0; background: #fff;}


.gallery-review .color-one{background:#fffdd6;}
.gallery-review .color-two{background:#def8f4;}
.gallery-review .rev {padding: calc(10px + 2%); width: calc(50% - 15px); margin-bottom: 30px}
.gallery-review .item .rev img {max-width: 110px; width: auto; margin-right: calc(10px + 5%)}
.gallery-review .item .rev.color-one h4{color:#a33d96; font-weight: normal;}
.gallery-review .item .rev.color-two h4{color:#338585; font-weight: normal;}
.gallery-review .item .rev p {padding-top: calc(20px + 5%); color: #5d6162}
.gallery-review .owl-item {padding: 0 50px}

.review_3 {padding: calc(20px + 2%) 0; background: #d3b4d4; margin-bottom: calc(20px + 2%);}
.review_3 form {padding-top: calc(20px + 2%);}
.review_3 form input {width: calc(50% - 15px); max-width: 480px; margin: 0 0 1em; background: #fff; }
.review_3 form textarea {margin: 0 0 1em;}
.review_3 form button {width: 100%; max-width: 300px; margin: 0; padding: 0.8em 0; border-radius: 1em; color: #fff;  background: #a34e98;}
.review_3 .spacer {width: calc(100% - 330px)}

.instr_1 {padding: calc(10px + 2%) 0 0; background: url(../images/bg/instr-bg1.jpg) no-repeat 50% 50%; background-size: cover;}
.instr_1 .text {width:58%; max-width:  420px}
.instr_1 .text h1 {padding-bottom: 0.5em;}
.instr_1 .box {width: 36%; max-width: 320px;}
.instr_1 .box img {max-width: 100%; }

.instr_2 {padding: calc(20px + 2%) 0 calc(30px + 5%); background: #fff;}
.instr_2 .wrap {width:  98%; padding: 2%; background: linear-gradient(90deg, #2a93ab 50%, transparent 50%), linear-gradient(90deg, #2a93ab 50%, transparent 50%), linear-gradient(0deg, #2a93ab 50%, transparent 50%), linear-gradient(0deg, #2a93ab 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 25px 3px, 25px 3px, 3px 25px, 3px 25px;
  background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
  }
.instr_2 .pad {padding: 10px 0}
.instr_2 h2 { max-width: 800px; text-align: center; margin: calc(10px + 1%) auto;}
.instr_2 h2 span {background: #fff301; padding: 3px 10px;}

.instr_2 .art {padding: calc(20px + 2%) 0;}
.instr_2 .art .img {width: 42%; max-width: 381px; margin-right: 5%;}
.instr_2 .art .img img {max-width: 100%; margin: 0 auto;}
.instr_2 .art .text {width: 50%; }
.instr_2 .art ul li {margin: 1em 0;padding: 0 0 0 1.6em; background:  url(../images/li.png) no-repeat 0 0.15em; background-size: 1em;}

.instr_2 .info { margin-top: calc(10px + 1%);}
.instr_2 .info p {width: 68%;}
.instr_2 .info a {display: block; width: 30%; text-align: center; color: #fff; border: 2px solid #a34e98;background: #a34e98; border-radius: 0.5em; padding:  1em 0.5em; transition: all 0.3s;}
.instr_2 .info a:hover{background: #fff; color:#a34e98 }

.instr_2 .capsul {padding: calc(10px + 1%) calc(10px + 10%); margin: calc(20px + 2%) 0;background: #fffa9e url(../images/bg/instr-bg2.jpg) no-repeat; background-size: cover;}
.instr_2 .capsul h3 {display: block; width: 100%; padding-bottom: 1em;}
.instr_2 .capsul ul:nth-child(1) {width: 46%}
.instr_2 .capsul ul:nth-child(2) {width: 52%}
.instr_2 .capsul ul li {padding: 0.5em 0}

.instr_2 .table {border-bottom: 1px solid #004289; padding: calc(20px + 2%) 0}

.instr_2 table.tab{width: 100%;border-collapse:collapse; border-spacing:0;height: auto; margin-top: calc(20px + 2%)}
.instr_2 table.tab,table.tab td, table.tab th {border: 1px solid #000;}
.instr_2 table.tab td,table.tab th {padding: 10px 10px; text-align:  center;  vertical-align: middle;}
.instr_2 table.tab th {background: #f2f2f6;}
.instr_2 table.tab td:nth-child(1) {width:20%; text-align: left;}
.instr_2 table.tab td:nth-child(2) {width:30%}
.instr_2 table.tab td:nth-child(3) {width:50%}
.instr_2 table.tab tr:nth-child(even) {background: #e1f1f9;}

.instr_2 .zvezda {padding-top: calc(10px + 1%)}

.instr_2 .promo {padding-top: calc(20px + 3%);}
.instr_2 .promo .text{width: 68%}
.instr_2 .promo .box{width: 30%}
.instr_2 .promo .plashka {background: #fff301; text-align: center; padding: 1em 0.5em; border-radius: 0.2em; margin: calc(10px + 2%) 0; }
.instr_2 .promo p {padding: calc(10px + 2%) 0}
.instr_2 .promo p.pad {padding-left: 5%}
.instr_2 .promo a {color: #a34e98;}
.instr_2 .promo a:hover {text-decoration: underline;}

footer {background: #fff url(../images/bg/bg-footer.jpg) no-repeat 50% 220px; background-size:cover;}
footer .where-buy {padding-bottom: calc(20px + 1%);}
footer .where-buy h2 {padding-bottom: 3%;}
footer .contacts {max-width: 1170px; box-sizing: content-box;  margin: 0 auto;}
footer .contacts div {margin: 15px 10px;}
footer .contacts .logo {max-width: 180px;}
footer .contacts .phone {max-width: 210px; text-align: center;}
footer .contacts .phone a:hover{color: #00a3f1;}
footer .contacts .cert-f {max-width: 180px;}
footer .contacts .cert-f img {margin-right:  10px}
footer .contacts .cert-f:hover {cursor: pointer; color: #00a3f1;}
footer .contacts .patent-f {max-width: 200px;}
footer .contacts .patent-f img {margin-right:  10px}
footer .contacts .patent-f:hover {cursor: pointer; color: #00a3f1;}


footer .contacts .btn {display: block; padding: 1em 1em; flex: 1 1 300px; max-width:  300px; text-align: center; border-radius: 2em; color: #fff; background: #a34e98; transition: background 0.2s;}
footer .contacts .btn:hover {background: #00a3f1;}

footer .production {padding: calc(2% + 10px) 0;}

footer .bad {padding: 0 30px; font-size: calc((100vw - 260px)/(1920 - 260) * (109 - 14) + 14px); font-family: 'myriadpro-cond'; color: #797979; opacity: 0.2;}

footer .zakaz {padding-top: calc(30px + 3%); padding-bottom: calc(20px + 2%); border-top: 1px solid #000; margin-bottom: calc(10px + 1%);}
footer .zakaz .img {width:48%;}
footer .zakaz .img .apteka-block {padding-top: 3%;}
footer .zakaz .img img {width: 100%; display: block;}
footer .zakaz .img a {display: block; width: 30%;}
footer .zakaz .text {width: 40%; } 
footer .zakaz .text .title {padding-bottom: calc(10px + 2%);} 
footer .zvezda {padding-top: calc(10px + 1%)}
/*Карусель*/
footer .owl-carousel .owl-stage {display: flex !important;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; outline: none; transform: translate(0,-50%); opacity: 0.6; transition: all 0.2s;}
.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: 30px; height: 52px; background: url(../images/prev.png) no-repeat 50% 50% !important; background-size: 100% !important;}
.owl-carousel .owl-nav button.owl-next {display: block; content: ''; width: 30px; height: 52px; background: url(../images/prev.png) no-repeat 50% 50% !important; background-size: 100% !important; transform: rotate(180deg) translate(0,50%);}
.owl-carousel .owl-nav button.owl-next:hover {background: url(../images/prev.png) no-repeat 50% 50%; opacity:1;}
.owl-carousel .owl-nav button.owl-prev:hover {background: url(../images/prev.png) no-repeat 50% 50%; opacity:1;}
.owl-carousel.owl-theme .owl-dots .owl-dot span {background: #dbc5a7;}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #a34e98;}
.owl-carousel.owl-theme .owl-dots {position: absolute; top: 100%; left: 0; width :100%;}

footer .owl-carousel .owl-item {display: flex; align-items: center; float: none !important; justify-content:center; }
footer .owl-carousel .owl-item .item {padding: 0 5%;}


/*Форма*/
form button {width: 100%; padding: 9px 0; border-radius: 1em; margin: 0 auto; color: #fff;  background: #a34e98; }
form button:disabled {opacity:1; cursor: wait;}
form button:hover {transform: translate(0,1px); cursor: pointer;}
form button .overlay-btn {position: absolute; top: 0; left: 0; right:0; bottom:0;}
form input {display: block; width: 100%; padding: 0.6em; margin: 10px auto; border-radius: 2em; outline: none; text-indent: 1em; color: #000;
 background: linear-gradient(#fff,#fff) padding-box, linear-gradient(to bottom, #5eb9ab, #a34e98) border-box; border: 2px solid transparent;
     }
textarea {padding: 0.6em; width: 100%; font-size: 24px; border: 1px solid #f2f1f1; background: #f2f1f1; color: #000; text-indent: 1em; border-radius: 30px; outline: none;}

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 + .checkbox-custom-label:before {content: ''; background: #fffbb2; border: 2px solid #01a3f1; 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);}

@media screen and (min-width: 1920px) {
	footer .bad {font-size:  109px;}
}

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



}
@media screen and (max-width: 1280px) {
  .main-carousel .item img.web {display: none;}
  .main-carousel .item img.note {display: block;}
  .main-carousel .item img.mob {display: none;}

.owl-carousel .owl-nav button.owl-next {right: 0px;}
.owl-carousel .owl-nav button.owl-prev {left: 0px;}
.owl-carousel .owl-nav button.owl-prev {width: 15px; height: 26px;}
.owl-carousel .owl-nav button.owl-next {width: 15px; height: 26px;}
footer .apteka-slide {padding: 0 30px;}

}
@media screen and (max-width: 1170px) {
	.px60 {font-size: calc((100vw - 280px)/(1170 - 280) * (60 - 24) + 24px);}
	.px55 {font-size: calc((100vw - 280px)/(1170 - 280) * (55 - 24) + 24px);}
	.px48 {font-size: calc((100vw - 280px)/(1170 - 280) * (48 - 20) + 20px);}
	.px44 {font-size: calc((100vw - 280px)/(1170 - 280) * (44 - 20) + 20px);}
  .px40 {font-size: calc((100vw - 280px)/(1170 - 280) * (40 - 20) + 20px);}
	.px34 {font-size: calc((100vw - 280px)/(1170 - 280) * (34 - 20) + 20px);}
  .px32 {font-size: calc((100vw - 280px)/(1170 - 280) * (32 - 20) + 20px);}  
  .px30 {font-size: calc((100vw - 280px)/(1170 - 280) * (30 - 20) + 20px);}
  .px24 {font-size: calc((100vw - 280px)/(1170 - 280) * (24 - 16) + 16px);}

	.index_3 .wrap {align-items: flex-start;}
	.index_4 .wrap {align-items: flex-start;}
 
}

@media screen and (max-width: 980px) {
	header .icon {display:block}
	header nav{-ms-flex-wrap: wrap;flex-wrap: wrap; background:#a34e98;z-index:9; position: absolute; top: 100%; width: 100%; max-width: 320px; right: 0; margin: 0; box-shadow: 3px 3px 6px rgba(255,255,255,0.4); transform: translate(102%,0); }
	header nav a.active:before{display: none;}
	header nav a:hover:before{display: none;}
	header nav a.active {padding: calc(5px + 3%);}
	header nav a{width: 100%; max-width: 100%; display: block; padding: 1em; border-top: 1px solid #fff; width: 100%; color:#fff; transition: background 0.3s, padding 0.3s;}
	header nav a:hover {background: #e264d2; color: #fff; padding-left: 1.5em;}
	header.header-open nav{transform: translate(0%,0); transition: transform ease 0.3s;}
	header.header-open .icon span{border-radius:100%}
	header.header-open .icon span:nth-child(1),.header-open .icon span:nth-child(4){width:0;opacity:0;top:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
	header.header-open .icon span:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
	header.header-open .icon span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}


	.pop-form .fancybox-close-small:after {transform: translate(0,0); top: 10px;right:  10px; width: 35px; height: 35px; font-size: 30px;}

  .index_1 {background: url(../images/bg/bg1.jpg) no-repeat 28% 0%; background-size: cover;}
  .index_1 h1 {position: absolute; left: 26%; top: 15.5%; transform: translate(0,0);}
  .index_1 .right-block {padding-top:  10%; width: 60%;}
  .index_1 .box {width: 50%; margin: 0}
  .index_1 ul {width: 100%;}
	.index_3 .img {width: 80%; margin: 0; padding-bottom: 3%}
	.index_3 .img img {margin: 0 auto}
	.index_3 .text {width: 100%; position: relative; z-index: 2;}
	.index_3 {padding: 0;}
	.index_4 .img {width: 70%; position:  absolute; z-index: 1; left:  50%; margin: 0; opacity: 0.3;}
	.index_4 .img img {transform:  translate(-50%,0)}
	.index_4 .text {width: 100%; position: relative; z-index: 2;}

  .instr_2 .capsul .main_vit {width: 100%;}
  .instr_2 .capsul .main_vit p {width: 46%}

	.gallery-review .rev {width: 100%;}
	.gallery-review .item .rev p {padding-top: calc(10px + 2%);}
	.gallery-review .owl-item {padding: 0}
	.gallery-review .item .rev img {width: 20%;}
  .gallery-review .owl-nav {display: none;}
  .gallery-review .item .rev:nth-child(1) {order: 1;}
  .gallery-review .item .rev:nth-child(2) {order: 2;}
  .gallery-review .item .rev:nth-child(3) {order: 4;}
  .gallery-review .item .rev:nth-child(4) {order: 3;}

	footer .contacts .btn {display: none;}    
	footer .zakaz {justify-content:  center;}
	footer .zakaz .img {width: 100%; max-width: 500px;}
	footer .zakaz .text {width: 100%;  max-width: 500px; padding-top: calc(20px + 2%)}

}

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

	.index_1 .px45 {font-size: calc((100vw - 280px)/(720 - 280) * (68 - 32) + 32px); text-shadow: 0 0 20px rgba(238,238,238,0.5);}

	.index_1 .right-block {padding-top: 36%; width: 90%; align-items: center; justify-content: center;}
	.index_1 h1 {position: absolute; left: 50%; top: 15.5%; transform: translate(-50%,0);}

	.index_1 .box {width: 50%; max-width: 300px;;}
	.index_1 ul {width:  100%;max-width: 520px; text-shadow: 0 0 10px rgba(238,238,238,1);}

	.index_5 .text {width: 100%; max-width: 550px; order: 2; position: relative; z-index: 2}
	.index_5 .img {width: 100%; max-width:  550px;order: 1; position:  absolute; z-index: 1; opacity: 0.35; }

	.index_5 .line {position: relative; margin: 0; padding:  calc(10px + 1%) 0; justify-content:  center;}
	.index_5 .line:nth-child(1) .img {left: 100%}
	.index_5 .line:nth-child(1) .img img {transform: translate(-80%,0);}
	.index_5 .line:nth-child(2) .img {left: 0%}
	.index_5 .line:nth-child(3) .img {left: 100%}
	.index_5 .line:nth-child(3) .img img {transform: translate(-80%,0);}

  .sostav_2 .ing {justify-content: center;}
  .sostav_2 .ing .img {width:  60%; max-width:  420px; order: 1;padding-top: calc(20px + 2%);}
  .sostav_2 .ing .info {width:  100%;  order: 2; }
  .sostav_2 h2 {padding:  0}

  .instr_2 table.tab.px20 {font-size: calc((100vw - 280px)/(860 - 280) * (20 - 8) + 8px);}
  .instr_2 table.tab .px18 {font-size: calc((100vw - 280px)/(860 - 280) * (18 - 8) + 8px);}
  .instr_2 table.tab .px22 {font-size: calc((100vw - 280px)/(860 - 280) * (22 - 10) + 10px);}
  .instr_2 .capsul {margin-bottom: calc(10px + 1%);}
  .instr_2 .capsul ul:nth-child(1) {width: 100%;}
  .instr_2 .capsul ul:nth-child(2) {width: 100%;}

  footer .contacts {max-width: 480px;}
	
}
@media screen and (max-width: 720px) {
	
	.pop-form img {display: none;}
	.pop-form form {padding-top: 0}

	.px50 {font-size: calc((100vw - 280px)/(720 - 280) * (50 - 20) + 20px);}

	header .btn {display: none;}
	.sostav_3 .wrap {text-align: center;}
  .sostav_3 .txt {width:  100%; text-align: center; padding-bottom: calc(20px + 2%);}
  .sostav_3 a {width: 100%; max-width: 360px;display: block; margin:  0 auto;}
  .sostav_4 .flex p {width: 100%; padding: 0;}
  .sostav_4 .flex .img {position: absolute; top: 0; right: 0; width: 100%; max-width: 540px; z-index: 1;}
  .sostav_4 .flex .img img {transform: translate(5%,-15%);}

  .instr_2 h2 {background: #fff301; border-radius: 0.3em; padding: 0.3em;}
  .instr_2 h2 span {padding: 0;}
  .instr_2 .promo {padding: 0;}
  .instr_2 .promo .text {width: 100%; order: 2;}
  .instr_2 .promo .box {width: 60%; order: 1; margin:  0 auto; max-width:  300px;}
  .instr_2 .promo p {padding: 0.25em 0;}
    .instr_2 .info {margin: 0;}
  .instr_2 .info p {width: 100%;}
  .instr_2 .info a {width: 100%; max-width: 240px; margin: calc(10px + 2%) auto 0}
}

@media screen and (max-width: 640px) {
	.px36 {font-size: calc((100vw - 280px)/(640 - 280) * (36 - 20) + 20px);}

	header .order-link {flex:  1 1 200px;}
  .main-carousel .item img.web {display: none;}
  .main-carousel .item img.note {display: none;}
  .main-carousel .item img.mob {display: block;}
  .main-carousel.owl-carousel.owl-theme .owl-dots .owl-dot span {width: 15px; height: 15px;}



  .instr_2 table.tab td, table.tab th {padding: 0.5em}

	.review_3 form input {width: 100%; max-width: 100%;}
	.review_3 .spacer {display: none;}
	.review_3 form button {margin: 0 auto;}

	footer .bad {padding: 0 1em; font-size: calc((100vw - 260px)/(640 - 260) * (52 - 18) + 18px);}
}

@media screen and (max-width: 480px) {
	header .phone {display: none;}
	header .order-link {display: none;}
	header .logo {width: calc(90% - 35px); max-width:  220px; flex: unset;}
	header .logo img {max-width: 100%;}

	#pop-akcia.pop-form {padding: calc(10px + 3%) 3%;}
	body {font-size: calc((100vw - 280px)/(480 - 280) * (22 - 12) + 12px);}
	.wrap {padding: 0 calc(5px + 3%);}
	.lh140 {line-height: 120%;}
	.lh160 {line-height: 140%;}

	.px14 {font-size: calc((100vw - 280px)/(480 - 280) * (14 - 10) + 10px);}
  .px16 {font-size: calc((100vw - 280px)/(480 - 280) * (16 - 12) + 12px);}
	.px18 {font-size: calc((100vw - 280px)/(480 - 280) * (18 - 14) + 14px);}		
	.px20 {font-size: calc((100vw - 280px)/(480 - 280) * (20 - 14) + 14px);}
  .px22 {font-size: calc((100vw - 280px)/(480 - 280) * (22 - 16) + 16px);}
	.px23 {font-size: calc((100vw - 280px)/(480 - 280) * (23 - 16) + 16px);}
	.px28 {font-size: calc((100vw - 280px)/(480 - 280) * (28 - 16) + 16px);}		
	.px30 {font-size: calc((100vw - 280px)/(480 - 280) * (24 - 16) + 16px);}
	.px34 {font-size: calc((100vw - 280px)/(480 - 280) * (22 - 18) + 18px);}	
 
  .main-carousel.owl-carousel.owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 4px;}

	.index_1 .right-block {padding-top: 36%; width: 100%; align-items: center;}
  .instr_2 .art {padding-bottom: 0;}
  .instr_2 .art .img {width: 80%; max-width: 240px;}
  .instr_2 .art .text {width: 100%;}
  .instr_2 .art .text ul li {margin: 0.6em 0;}


  .review_1 .wrap {padding-top: calc(20px + 4%); padding-bottom: calc(75px + 14%);}
  .review_1 .woman {width: 65%; max-width: 500px;min-width: 230px;}

	.review_2 {padding: calc(10px + 2%) 0;}

    footer .apteka-slide {padding: 0 15px;}
    footer .zakaz {padding-top:  0}
    .owl-carousel .owl-nav button.owl-prev {width: 10px; height: 17px;}
    .owl-carousel .owl-nav button.owl-next {width: 10px; height: 17px;}
    footer .owl-theme .owl-dots .owl-dot span {margin: 5px 3px; width: 8px; height: 8px;}


}
@media screen and (max-width: 360px) {
  .main-carousel.owl-carousel.owl-theme .owl-dots .owl-dot span {width: 8px; height: 8px; margin: 4px 3px;}

.instr_2 .wrap {background:  #fff; width: 100%; padding: 0 10px}
.instr_2 .capsul {padding: calc(10px + 1%) calc(10px + 4%);}
	.pop-form .fancybox-close-small:after {transform: translate(0,0); top: 5px;right: 5px; width: 20px; height: 20px; font-size: 16px;}
}