@charset "UTF-8";
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
pre,
td,
textarea,
th,
ul {
   margin: 0;
   padding: 0;
}
footer {
   color: white;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
abbr,
fieldset,
img {
   border: 0;
}
.product-1 address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
   font-style: normal;
   font-weight: 400;
}
ul li {
   list-style: none;
}
caption,
th {
   text-align: left;
}
h1,
h3,
h4,
h5,
h6 {
   font-size: 100%;
   font-weight: 400;
}
sup {
   vertical-align: text-top;
}
sub {
   vertical-align: text-bottom;
}
input,
select,
textarea {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
}
.zxc {
   border: 5px solid #323440;
   border-radius: 5px;
   background: rgb(0 0 0 / 0.3);
}
body,
legend {
   color: #000;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
   display: block;
}
img {
   max-width: 100%;
   height: auto;
}
*,
:after {
   box-sizing: border-box;
}
body {
   font-family: "Montserrat", sans-serif;
   line-height: 1.5;
   background-image: url(../img/section-1.jpg);
   background-size: cover;
   background-attachment: fixed;
}
.overflow-x {
   overflow: hidden;
}
.relative {
   position: relative;
}
.bold {
   font-weight: 700;
}
.font-900 {
   font-weight: 900;
}
.upper {
   text-transform: uppercase;
}
.fs-0 {
   font-size: 0;
}
.list__item {
   color: white;
}
.main-title {
   color: white;
   font-size: 67px;
   font-weight: 400;
   margin-bottom: 40px;
}
.main-title_footer {
   font-size: 39px;
}
.h1,
h2 {
   font-size: 60px;
   font-weight: 900;
   line-height: 51px;
}
h2 {
   color: #323440;
   font-size: 36px;
   line-height: 1.2;
}
.h2-hr {
   margin-bottom: 50px;
}
.h2-hr:after,
.list__item:before {
   content: "";
   position: absolute;
   left: 0;
}
.h2-hr:after {
   background: #676cb8;
   bottom: -30px;
   width: 90px;
   height: 2px;
}
.h3 {
   font-size: 33px;
   font-weight: 700;
}
.main-title__subtitle {
   font-weight: 900;
   color: #676cb8;
}
.color-orange {
   color: #4dcdd9;
}
body,
p {
   font-size: 20px;
}
.font-normal {
   font-weight: 400;
}
.bg-text {
   border-radius: 50px;
   color: #fff;
   font-size: 37px;
   padding: 0 25px;
   margin-bottom: 10px;
}
.bg-text_black {
   background-color: #323440;
}
.text-center {
   text-align: center;
}
.wrapper {
   max-width: 1000px;
   margin: 0 auto;
   padding-left: 10px;
   padding-right: 10px;
}
.row {
   margin: 0 -10px;
}
.d-inline {
   display: inline-block;
}
.vertical-middle {
   vertical-align: middle;
}
.vertical-top {
   vertical-align: top;
}
.col-2,
.col-4,
.col-6,
.col-8 {
   padding: 0 10px;
}
/* .col-2 {
   width: 25%;
} */
.col-3 {
   width: 22%;
}
.col-4 {
   width: 33.33333333%;
}
.col-6 {
   width: 50%;
}
.col-8 {
   width: 66.66666667%;
}

.col-12 {
   width: 100%;
}
.mb-4 {
   margin-bottom: 40px;
}
.mt-4 {
   margin-top: 40px;
}
.mb-2 {
   margin-bottom: 20px;
}
.mt-3 {
   margin-top: 30px;
}
.slick-slide.slick-loading img,
.visible-mob {
   display: none;
}
.slogan {
   background: #323440;
   padding: 12px 0;
}
.logo {
   font-size: 35px;
   font-weight: 700;
   width: 300px;
   color: #fff;
}
.header-text {
   color: #0ae1ff;
   font-size: 25px;
   font-weight: 300;
   letter-spacing: 6.2px;
   width: calc(100% - 300px);
   text-align: right;
}
.list {
   color: #343c48;
   font-size: 16px;
   font-weight: 700;
   padding-bottom: 30px;
}
.list__item {
   position: relative;
   padding-left: 40px;
   margin: 0 0 20px;
}
.list__item:before {
   background: url(../img/check.png) no-repeat;
   width: 28px;
   height: 21px;
   top: 50%;
   margin-top: -11px;
}
.order {
   background: gray;
   background-size: cover;
   padding: 46px;
   background-position: center;
}
.order_footer,
.order_top {
   position: relative;
}
.order_footer {
   margin-top: 0;
}
.order-text {
   color: #fff;
   font-weight: 400;
   font-size: 36px;
   position: relative;
   padding-left: 10px;
}
.order-text:before {
   content: "";
   position: absolute;
   height: 100%;
   width: 1px;
   left: 0;
   background: #fff;
}
.price {
   line-height: 1.2;
}
.price_footer {
   padding-left: 40px;
}
.price__old {
   color: #fff;
   font-size: 33px;
   font-weight: 700;
   text-decoration: line-through;
}
.price__new {
   color: #4dcdd9;
   font-size: 33px;
   font-weight: 700;
}
.input,
.select {
   width: 100%;
   height: 55px;
   border-radius: 4px;
   background: #fff;
   border: 0;
   color: #929292;
   font-size: 16px;
   padding: 0 20px;
}
.mr-2 {
   margin-right: 8px;
}
.select {
   background-image: url(../img/select.png);
   background-repeat: no-repeat;
   background-position: 95% 50%;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.timer {
   display: table;
   margin: 0 auto 20px;
}
.timer_footer {
   margin-top: 50px;
   display: block;
}
.timer__item {
   width: 74px;
   height: 55px;
   border-radius: 4px;
   background-color: #fff;
   margin-right: 30px;
   position: relative;
}
.timer__item:last-child {
   margin-right: 0;
}
.timer__item_counting:before {
   content: ":";
   position: absolute;
   color: #2d3663;
   font-size: 36px;
   font-weight: 700;
   left: -20px;
   top: 50%;
   margin-top: -22px;
   line-height: 1;
}
.timer__int {
   color: #2d3663;
   font-size: 34px;
   font-weight: 700;
   line-height: 55px;
   text-align: center;
}
.btn {
   border-radius: 27px;
   background: #4dcdd9;
   color: #fff;
   font-size: 24px;
   font-weight: 700;
   line-height: 28px;
   text-transform: uppercase;
   border: 0;
   width: 100%;
   padding: 14px;
   cursor: pointer;
   letter-spacing: 4.8px;
}
.pulse {
   animation-name: pulse_animation;
   animation-duration: 5000ms;
   transform-origin: 70% 70%;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
}
@keyframes pulse_animation {
   0 {
      transform: scale(1);
   }
   30% {
      transform: scale(1);
   }
   40% {
      transform: scale(1.08);
   }
   50% {
      transform: scale(1);
   }
   60% {
      transform: scale(1);
   }
   70% {
      transform: scale(1.05);
   }
   80% {
      transform: scale(1);
   }
   100% {
      transform: scale(1);
   }
}
.diagram-wrap {
   margin-left: calc(100% - 325px);
}
.diagram {
   width: 303px;
   margin-top: 30px;
   padding: 21px 7px 0;
}
.diagram:after {
   content: "";
   position: absolute;
   width: 7px;
   height: 230px;
   border-radius: 4px;
   border: 0 dashed #000;
   background-color: #dcdcdc;
   left: 0;
   top: 50%;
   margin-top: -120px;
}
.diagram__groupe {
   margin-bottom: 20px;
}
.diagram-item_after:before,
.diagram-item_before:before {
   content: "";
   position: absolute;
   width: 8px;
   height: 24px;
   left: -5px;
   top: -4px;
   z-index: 2;
}
.diagram-item {
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 10px;
   padding: 0 10px;
   border-top-right-radius: 50px;
   position: relative;
   line-height: 1.3;
   z-index: 3;
}
.diagram-item_before {
   background: #323440;
}
.diagram-item_before:before {
   background: url(../img/diagram-item_after.png) no-repeat;
}
.diagram-item_after {
   background-image: linear-gradient(to right top, #5facba, #5daebb, #5bb0bc, #59b2bc, #57b4bd, #55b5bd, #53b7be, #51b8be, #4fbabe, #4dbcbe, #4bbdbe, #49bfbe);
}
.diagram-item_after:before {
   background: url(../img/diagram-item_before.png) no-repeat;
}
.diagram-x {
   color: #323440;
   font-weight: 400;
   line-height: 6.01px;
   position: relative;
   padding-top: 5px;
}
.diagram-x:after,
.diagram-x__item:after {
   content: "";
   position: absolute;
   background: #d0d0d0;
}
.diagram-x:after {
   left: 3px;
   width: 98%;
   height: 1px;
   bottom: 20px;
}
.diagram-x__item {
   font-size: 14px;
   text-align: right;
   position: relative;
}
.diagram-x__item:after {
   width: 1px;
   height: 215px;
   bottom: 15px;
   right: 3px;
}
.diagram-x__item span {
   position: relative;
   right: -30px;
}
.diagram-legend {
   margin-top: 50px;
}
.diagram-legend__item_after:after,
.diagram-legend__item_before:after {
   content: "";
   position: absolute;
   border-radius: 50%;
   width: 25px;
   height: 25px;
   left: 0;
   top: 50%;
   margin-top: -13px;
}
.diagram-legend__item {
   color: #323440;
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 15px;
   position: relative;
   padding-left: 30px;
}
.diagram-legend__item_after:after {
   border: 5px solid #4dcdd9;
}
.diagram-legend__item_before:after {
   border: 5px solid #323440;
}
.section-1 {
   background: url(../img/section-1.jpg) no-repeat;
   background-size: cover;
   padding: 60px 0 0;
}
.section-1__left {
   max-width: 940px;
   padding-bottom: 120px;
}
.doctor {
   position: absolute;
   bottom: 0;
   right: -215px;
   max-width: 430px;
}
.garant {
   padding-bottom: 160px;
}
.garant__img {
   width: 100px;
}
.garant__text {
   color: white;
   font-size: 28px;
   text-transform: uppercase;
   font-weight: 300;
   width: calc(100% - 100px);
   padding-left: 20px;
}
.section-1__content {
   max-width: 360px;
}
.product-1 {
   position: absolute;
   right: -400px;
   top: 50%;
   margin-top: -160px;
   z-index: 2;
   width: 500px;
}
.product-2 {
   width: 575px;
}
.garant__big {
   font-weight: 900;
   font-size: 43px;
}
.section-2__wrap,
.section-6 .h1 {
   margin-top: 100px;
}
.section-2__left {
   max-width: 500px;
}
.salah img,
.section-2__title {
   position: relative;
}
.section-2__title:before {
   content: "";
   width: 100%;
   position: absolute;
   height: 2px;
   background: #ff7739;
   left: -1000px;
   top: 25px;
}
.section-3 {
   margin-top: 155px;
   background-image: url("../img/background6.jpg");
   background-repeat: repeat;
   background-size: cover;
}
.molecula {
   font-size: 20px;
   font-weight: 400;
   position: relative;
}
.molecula_1,
.molecula_2 {
   position: relative;
}
.molecula_1::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 15px;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: url(../img/molecula-2.jpg) no-repeat;
   background-size: cover;
}
.molecula_2::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 15px;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: url(../img/molecula-2.jpg) no-repeat;
   background-size: cover;
}
.molecula__text {
   color: #fff;
   padding: 15px 15px 15px 45px;
   position: relative;
   z-index: 2;
}
.section-4,
.section-5 {
   margin-top: 155px;
   color: white;
}
.section-4__content h2,
.section-5 h2 {
   color: white;
}
.salah {
   position: relative;
   text-align: center;
}
.molecula:after,
.salah:before,
.section-6__doctor:before {
   content: "";
   position: absolute;
   background-size: cover;
}
.salah:before {
   height: 450px;
   width: 1068px;
   left: -585px;
   bottom: 0;
}
.salah img {
   z-index: 2;
}
.section-4__content {
   max-width: 310px;
   margin: 0 auto;
}
.section-4__content p {
   margin-bottom: 30px;
}
.section-5 {
   margin-top: 200px;
   margin-bottom: 100px;
}
.section-6 {
   background: #e9eae5;
   overflow: hidden;
   margin-top: 0;
}
.section-6 p {
   line-height: 36px;
}
.section-6__content {
   max-width: 430px;
   position: relative;
   margin-left: calc(100% - 430px);
}
.section-6__position {
   z-index: 4;
}
.section-6__doctor {
   padding: 0 0 100px;
}
.section-6__doctor:before {
   background: url(../img/doc.png) no-repeat;
   width: 974px;
   height: 655px;
   left: -872px;
   bottom: 0;
   background-size: cover;
}
.section-6-mobile {
   background: #e9eae5;
}
.section-7,
footer {
   background-size: cover;
}
.section-7 {
   background: black url(../img/review-bg.jpg) no-repeat;
   padding: 80px 0;
   background-size: cover;
}
footer {
   background: url(../img/footer.jpg) no-repeat;
   padding: 115px 0 50px;
   background-size: cover;
}
.footer-text {
   font-size: 36px;
   line-height: 43px;
   margin-top: 70px;
}
.slick-list,
.slick-slider {
   position: relative;
   display: block;
}
.slick-slider {
   box-sizing: border-box;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
}
.slick-list {
   overflow: hidden;
   margin: 0;
   padding: 0;
}
.slick-list:focus {
   outline: 0;
}
.slick-list.dragging {
   cursor: pointer;
   cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
.slick-track {
   position: relative;
   left: 0;
   top: 0;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.slick-track:after,
.slick-track:before {
   content: "";
   display: table;
}
.slick-track:after {
   clear: both;
}
.slick-loading .slick-track {
   visibility: hidden;
}
.slick-slide {
   float: left;
   height: 100%;
   min-height: 1px;
   display: none;
}
[dir="rtl"] .slick-slide {
   float: right;
}
.slick-initialized .slick-slide,
.slick-slide img {
   display: block;
}
.slick-slide.dragging img {
   pointer-events: none;
}
.slick-loading .slick-slide {
   visibility: hidden;
}
.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
   display: none;
}
.slick-loading .slick-list {
   background: #fff url(../img/ajax-loader.gif) center center no-repeat;
}
.slick-next,
.slick-prev {
   position: absolute;
   display: block;
   height: 20px;
   width: 20px;
   line-height: 0;
   font-size: 0;
   cursor: pointer;
   background: 0;
   color: transparent;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   padding: 0;
   border: 0;
   outline: 0;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
   outline: 0;
   background: 0;
   color: transparent;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
   opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
   opacity: 0.25;
}
.slick-prev {
   left: -25px;
}
[dir="rtl"] .slick-prev {
   left: auto;
   right: -25px;
}
.slick-prev:before {
   content: "←";
}
.slick-next:before,
[dir="rtl"] .slick-prev:before {
   content: "→";
}
.slick-next {
   right: -25px;
}
[dir="rtl"] .slick-next {
   left: -25px;
   right: auto;
}
[dir="rtl"] .slick-next:before {
   content: "←";
}
.slick-dotted.slick-slider {
   margin-bottom: 30px;
}
.slick-dots {
   position: absolute;
   bottom: -50px;
   list-style: none;
   display: block;
   text-align: center;
   padding: 0;
   margin: 0;
   width: 100%;
}
.slick-dots li {
   position: relative;
   display: inline-block;
   height: 20px;
   width: 20px;
   margin: 0 15px;
   padding: 0;
   cursor: pointer;
}
.slick-dots li button {
   background: 0;
   display: block;
   height: 20px;
   width: 20px;
   outline: 0;
   line-height: 0;
   font-size: 0;
   color: transparent;
   padding: 5px;
   cursor: pointer;
   border: 2px solid #fff;
   border-radius: 50%;
}
.slick-active button {
   background: #fff !important;
}
.review {
   max-width: 780px;
   margin: 0 auto;
}
.review-item {
   max-width: 400px;
   padding: 0 10px;
}
.user-extra {
   font-size: 0;
}
.user-extra__ava {
   vertical-align: bottom;
}
.user-extra__info {
   font-weight: 400;
   color: #d0d0d0;
   margin-left: 10px;
   width: calc(100% - 70px - 10px);
   font-size: 18px;
}
.user-extra__info b {
   color: #fff;
}
.ava-img,
.user-text {
   border: 1px solid #fff;
}
.ava-img {
   width: 70px;
   height: 70px;
   border-radius: 50%;
}
.user-text {
   color: #fff;
   font-weight: 400;
   line-height: 26px;
   border-radius: 6px;
   padding: 20px;
   margin-top: 20px;
   vertical-align: bottom;
}
.user-text,
.user-text p {
   font-size: 16px;
}
.user-text__extra {
   margin-bottom: 5px;
}
.dbl {
   display: block;
   margin: 0 auto;
}
.up {
   text-transform: uppercase;
}
.m7 {
   max-width: 70%;
   margin: 50px auto 0;
   display: block;
   padding: 50px;
}
.on {
   width: 140px;
}
.tw {
   width: 192px;
}
.th {
   width: 192px;
}
.fo {
   width: 243px;
}
.si {
   width: 292px;
}
.quote {
   color: #fff;
   font-size: 72px;
   font-weight: 400;
   padding-top: 26px;
   line-height: 0;
   margin-right: 10px;
}
@media screen and (max-width: 991px) {
   .main-title {
      font-size: 30px;
      margin-bottom: 10px;
   }
   .section-1__left {
      padding-bottom: 0;
   }
   .zxc {
      border: 0;
   }
   .h1 {
      font-size: 36px;
   }
   .h3 {
      font-size: 20px;
   }
   .section-6__position {
      background-color: rgba(255, 255, 255, 0.5);
      padding: 10px;
   }
   p {
      font-size: 16px;
   }
   .bg-text,
   h2 {
      font-size: 24px;
   }
   .wrapper {
      width: 320px;
   }
   .col-12-mob {
      width: 100%;
   }
   .col-7-mob {
      width: 58.33333333%;
   }
   .col-5-mob {
      width: 41.66666667%;
   }
   .mb-4 {
      margin-bottom: 20px;
   }
   .mt-4 {
      margin-top: 20px;
   }
   .hide-mob {
      display: none;
   }
   .visible-mob {
      display: block;
   }
   .slogan {
      padding: 10px 0;
   }
   .logo {
      width: 100%;
      font-size: 22px;
      line-height: 33.49px;
   }
   .header-text {
      width: 100%;
      font-size: 15px;
      text-align: left;
      letter-spacing: 3px;
   }
   .list {
      font-size: 14px;
      padding-bottom: 10px;
   }
   .list__item {
      padding-left: 25px;
      margin: 0 0 10px;
   }
   .list__item:before {
      width: 17px;
      height: 13px;
      background-size: cover;
      margin-top: -7px;
   }
   .order {
      padding: 16px;
   }
   .order_footer {
      padding: 20px;
      margin-top: 0;
   }
   .order-text {
      font-size: 22px;
      margin-top: 10px;
   }
   .order-text:before {
      display: none;
   }
   .price_footer {
      padding-left: 0;
      margin-top: 10px;
   }
   .price__old {
      font-size: 18px;
   }
   .price__new {
      font-size: 29px;
   }
   .timer__item {
      width: 63px;
      height: 46px;
   }
   .timer__int {
      line-height: 46px;
      font-size: 28px;
   }
   .btn_footer {
      margin-top: 20px;
   }
   .btn {
      font-size: 18px;
      padding: 10px;
   }
   .diagram-wrap {
      margin-left: 0;
   }
   .diagram-x__item span {
      right: 0;
   }
   .diagram-legend__item {
      font-size: 14px;
   }
   .section-1 {
      padding: 20px 0 0;
   }
   .doctor {
      max-width: 180px;
      right: -45px;
   }
   .garant {
      padding-bottom: 20px;
   }
   .garant__img {
      width: 36px;
   }
   .garant__text {
      font-size: 14px;
      width: calc(100% - 36px);
      padding-left: 10px;
   }
   .product-1 {
      position: relative;
      right: 0;
      margin: 0;
      width: 191px;
      bottom: -5px;
      margin-bottom: 115px;
   }
   .garant__big {
      font-size: 14px;
   }
   .section-2__wrap {
      margin-top: 65px;
   }
   .section-3 {
      margin-top: 55px;
   }
   .molecula {
      font-size: 16px;
   }
   .molecula__text {
      padding: 15px 15px 15px 45px;
   }
   .section-4 {
      margin-top: 55px;
   }
   .salah {
      margin-bottom: 10px;
   }
   .salah:before {
      height: 244px;
      left: -847px;
   }
   .salah img {
      max-width: 280px;
      padding: 0 20px;
      border: 5px solid #323440;
      border-radius: 5px;
   }
   .section-5 {
      margin-top: 50px;
      margin-bottom: 0;
   }
   .section-5__right {
      margin-top: 20px;
   }
   .section-5__right img {
      max-width: 265px;
      margin: 0 auto;
      display: table;
   }
   .section-6 {
      background: 0;
   }
   .section-6 p {
      line-height: inherit;
   }
   .section-6__content {
      margin-left: 0;
   }
   .section-6__doctor {
      padding: 0 0 50px;
   }
   .section-6__doctor:before {
      display: none;
   }
   .section-6-mobile__img {
      max-width: 375px;
      margin: 20px auto 0;
      display: table;
   }
   .section-7 {
      padding: 40px 0 60px;
   }
   footer {
      padding: 25px 0;
   }
   footer .main-title {
      font-size: 25px;
   }
   footer .price__old {
      color: #256c87;
   }
   .footer-text {
      font-size: 18px;
      line-height: inherit;
      margin-top: 30px;
      position: relative;
      padding-right: 165px;
   }
   .footer-text img {
      position: absolute;
      width: 188px;
      top: 0;
      right: 0;
   }
   .slick-dots li {
      margin: 0 10px;
   }
}
@media screen and (max-width: 780px) {
   .wrapper {
      padding-left: 10px;
      padding-right: 10px;
   }
}
.ac_footer {
   position: relative;
   top: 10px;
   height: 0;
   text-align: center;
   margin-bottom: 70px;
   color: #a12000;
}
.ac_footer a {
   color: #a12000;
}
.ac_footer p {
   text-align: center;
}
img[height="1"],
img[width="1"] {
   display: none !important;
}