@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
    font-family: 'OptimaC';
    /* src: url('optima-cyr.woff') format('woff'); */
    src: url('Optimalc.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
html{scroll-behavior: smooth;}
*{margin: 0; padding: 0; box-sizing: border-box;}
h1,h2{font-weight: 400;}
/* body{font-family: 'Inter', sans-serif;} */
body{font-family: 'OptimaC';color:#fff;font-weight: 400;}
a{text-decoration: none;}
.container{max-width: 1110px;margin: 0 auto;}
header{padding: 24px 0 22px;position: fixed;top: 0;left: 0;width: 100%;z-index: 100;background-color: #C679AF;}
.hamburger{display: none;}
header .container{display: flex;justify-content: space-between;align-items: center;height: 33px;}
.hmenu{list-style: none;display: flex;gap: 25px;margin: 0 115px 0 50px;}
.hmenu a{color:#fff;font-size: 15px;line-height: 1;}
search{position: relative;}
.hsearch-input{position: absolute;display: none;}
.hbtn{margin-left: 24px;height: 33px;line-height: 33px;font-size: 15px;padding: 0 23px;border-radius: 33px;}
.hsearch{cursor: pointer;}
main{background-color: #072f5f;padding: 210px 0 160px;background-image: url(../img/mainbg.jpg);background-size: cover;position: relative;}
.main__video{height: 100%;}
main video{position: absolute;top: 35px;right: 75px;height: 100%;mix-blend-mode: lighten;}
.red-btn{color: #fff;background-color:#e83c4c}
main h2{background-color: #fff;font-size: 17px;color:#e83c4c;height: 40px;line-height: 40px;padding: 0 11px;margin-bottom: 28px;width: max-content;text-transform: uppercase;}
main h1{font-size: 44px;line-height: 1.2;margin-bottom: 16px;}
main h1 span{color:#FF7474}
.main__content{max-width: 700px;}
main p{font-family: Inter;font-size: 17px;line-height: 1.49;font-weight: 100;max-width: 500px;}
.main__btns{margin-top: 35px;display: flex;gap: 11px;width: max-content;}
.main__btn{height: 44px;line-height: 44px;border-radius: 44px;}
.main__btn.red-btn{padding: 0 28px;}
.main__btn.opacity-btn{padding: 0 38px;border: 1px solid #fff;color:#fff}

.new__items{display: flex;}
.new__item:nth-child(1){background-color: #361e55;}
.new__item:nth-child(2){background-color: #ef4855;}
.new__item:nth-child(3){background-color: #994f78;}
.new__item{padding: 38px 55px 40px;flex:1;display: flex;justify-content: center;}
.new p{font-size: 17px;line-height: 1.49;max-width: 370px;font-family: Inter;}
.new h2{font-size: 32px;margin-bottom: 10px;color: #fff;}
.new__sub{font-size: 15px;margin-bottom: 20px;line-height: 1;}

h2,.three h1{color:#3f0c53;font-size: 48px;line-height: 1.2;margin-bottom: 15px;}
h2 span,.three h1 span{color:#ef4855}

.dry{padding-top: 80px;}
.dry__sub{background-color: #ef4855;height: 49px;line-height: 49px;padding: 0 14px;font-size: 16px;margin-bottom: 40px;width: max-content;text-transform: uppercase;}
.dry h3{font-size: 32px;line-height: 1.2;color:#3f0c53;margin-bottom: 10px;font-weight:500;}
.dry p{color:#333;font-size: 17px;line-height: 1.49;margin-bottom: 32px;font-family: Inter;font-weight: 300;}
.dry__flex{display: flex;gap: 20px;}
.dry__left{max-width: 540px;}
.dry__right{position: relative;}
.dry__img{position: absolute;}

.three{padding-top: 80px;}
.three h1,.three h2,.three .sub{text-align: center;}
.three .sub{font-family: Inter;font-size: 17px;font-weight: 300;color: #424242;margin-bottom: 40px;}
.three__items{display: flex;gap: 2px;justify-content: center;}
.three__item{height: 655px;width: 477px;position: relative;padding: 34px 24px 34px 28px;}
.three__content{display: flex;flex-direction: column;justify-content: flex-end;position: relative;z-index: 2;height: 100%;}
.three__item h3{font-size: 32px;line-height: 1.2;color:#3f0c53;margin-bottom: 10px;}
.three__item:nth-child(1){background-image: url(../img/fi1.jpg);}
.three__item:nth-child(2){background-image: url(../img/fi2.jpg);}
.three__item:nth-child(3){background-image: url(../img/fi3.jpg);}
.three__grad{position: absolute;left: 0%;right: 0%;top: 56.15%;bottom: 0%;z-index: 1;}
.three__item:nth-child(1) .three__grad{background: linear-gradient(360deg, #FF3F50 -21.02%, rgba(255, 63, 80, 0) 96.4%);}
.three__item:nth-child(2) .three__grad{background: linear-gradient(360deg, #3F0c53 -21.02%, rgba(255, 63, 80, 0) 96.4%);}
.three__item:nth-child(3) .three__grad{background: linear-gradient(360deg, #c27ca7 -21.02%, rgba(255, 63, 80, 0) 96.4%);}
.three h3{color:#fff;height: 40px;line-height: 40px;padding:0 11px;margin-bottom: 11px;width: max-content;font-size: 19px;text-transform: uppercase;}
.three__item:nth-child(1) .three__content h3{background-color: #FF3F50;}
.three__item:nth-child(2) .three__content h3{background-color: #3F0c53;}
.three__item:nth-child(3) .three__content h3{background-color: #c27ca7;}
.three p{font-size: 22px;line-height: 1.2;margin-bottom: 44px;}
.three__line p{line-height: 1;margin-bottom: 0;}
.three__line{display: flex;justify-content: space-between;align-items: center;}
.three__line svg{cursor: pointer;}
@keyframes pulse {0%{transform:scale(1);}50%{transform:scale(1.12);}100%{transform:scale(1);}}
.three svg:hover{animation: pulse 0.8s infinite ease-in-out;}
.three__video{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 3;display: none;}
.three__video video{width: 100%;height: 100%;object-fit: cover;}

.benefits{padding-top: 100px;}
.benefits .container{text-align: center;}
.benefits .container p{font-size: 17px;color:#424242;line-height: 1.49;max-width: 1000px;margin-bottom: 16px;}
.benefits__items{max-width: 1318px;display: flex;gap: 8px;margin: 0 auto;}
.benefits__item{flex:1;padding: 40px 40px 75px 75px;background-position: bottom right;background-repeat: no-repeat;background-size: contain;background-blend-mode: lighten;}
.benefits__item:nth-child(1){background-color: #FF3F50;background-image: url(../img/adv1.png);}
.benefits__item:nth-child(2){background-color: #361e55;background-image: url(../img/adv2.png);}
.benefits__item:nth-child(3){background-color: #bf7ba4;background-image: url(../img/adv3.png);}
.benefits h3{position: relative;font-size: 32px;height: 76px;font-weight:300;}
.benefits img{position: absolute;top: 5px;left: -47px;}
.benefits__item p{margin-top: 19px;font-family: Inter;font-size: 17px;font-weight: 200;line-height: 1.49;}
.benefits__footer{max-width: 979px;margin: 19px auto 0;color:#361e55;font-family: Inter;font-size: 17px;line-height: 1.49;text-align: center;padding: 15px 33px;border:2px solid #3f0c53;border-radius: 25px;background: #F7EFFA;box-shadow: 0px 32px 24.1px -10px rgba(215, 116, 255, 0.25);}

.rule{padding-top: 80px;}
.rule .container{text-align: center;}
.rule .container p{font-size: 17px;font-family: Inter;color:#424242;line-height: 1.49;margin-bottom: 25px;}
.rule__item{margin: 0 auto;width: 1120px;align-items: center;display: flex;margin: 0 auto;column-gap: 25px;}
.flac{height: 26px;line-height: 26px;font-family: Inter;text-transform: uppercase;width: max-content;padding: 0 12px;font-size: 12px;margin-bottom: 20px;}
.violet .flac{color:#3f0c53;border:1px solid #3f0c53;}
.pink .flac{color:#FF3F50;border:1px solid #FF3F50;}
.straw .flac{color:#994F78;border:1px solid #994F78;}
.rule__item h3{font-size: 30px;line-height: 1.2;}
.violet.rule__item h3{color:#80309f}
.pink.rule__item h3{color:#FF3F50}
.straw.rule__item h3{color:#994F78}
.rule__prodd p{font-family: Inter;font-size: 15px;line-height: 1.49;color:#161616;font-weight: 300;margin-bottom: 15px;opacity: .4;}
.rule__detail{font-size: 20px;width: 250px;margin-bottom: 23px;}
.rule__item video{position: absolute;width: 175px;top: -60px;left: 0;}
.rule__video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.rule__img{position: relative;top: 52px;}
.rule__media{position: relative;padding-left: 66px;height: 280px;}
.violet .rule__detail{color:#80309f}
.pink .rule__detail{color:#FF3F50}
.straw .rule__detail{color:#994F78}
.rule__more{height: 38px;line-height: 38px;border-radius: 38px;padding: 0 10px 0 20px;display: flex;color:#fff;align-items: center;justify-content: space-between;width: 144px;}
.violet .rule__more{background-color: #80309f;}
.pink .rule__more{background-color: #E83C4C;}
.straw .rule__more{background-color: #994F78;}
.prodg__ttl{font-size: 14px;display: flex;justify-content: space-between;margin-bottom: 3px;}
.violet .prodg__ttl{color:#3f0c53;}
.pink .prodg__ttl{color:#AA5656;}
.straw .prodg__ttl{color:#994F78;}
.prodg__bar{height: 5px;border-radius: 5px;width: 254px;position: relative;}
.violet .prodg__bar{background-color: #F5E8FA;}
.pink .prodg__bar{background-color: #FFDDDD;}
.straw .prodg__bar{background-color: #EBDAE4;}
.prodg__value{position: absolute;left: 0;top: 0;height: 5px;border-radius: 5px;width: 0%;transition: width 1.5s ease;}
.prodg__value.low.visible{width: 33.3%;}
.prodg__value.medium.visible{width: 66.6%;}
.prodg__value.high.visible{width: 100%;}
.violet .prodg__value{background-color: #3f0c53;}
.pink .prodg__value{background-color: #FF3F50;}
.straw .prodg__value{background-color: #994F78;}
.prodg__name{margin: 3px 0 10px;font-family: Inter;font-size: 14px;line-height: 1.49;text-align: right;text-transform: uppercase;}
.violet .prodg__name{color:#DFD1E4}
.pink .prodg__name{color:#FFC3C3}
.straw .prodg__name{color:#CEB8C5}
.rule__prodt{font-family: Inter;font-size: 16px;line-height: 1.44;}
.rule__prodt p:not(:last-child){margin-bottom: 20px;}
.violet .rule__prodt{color:#3F0C53}
.pink .rule__prodt{color:#AA5656}
.straw .rule__prodt{color:#994F78}
.rule__line{width: 100%;height: 1px;background-color: #161616;margin: 40px 0;box-sizing: border-box;opacity: .1;}

.unic{background-color: #BF7BA4;padding: 55px 0 75px;position: relative;overflow: hidden;}
.unic__bg{position: absolute;right: -1px;top: -12px;}
.unic h2{color:#fff;margin-bottom: 12px;}
.unic__accent{padding: 22px 25px;background-color: #fff;color: #5E1F45;font-size: 18px;font-family: Inter;line-height: 1.49;margin-bottom: 30px;position: relative;}
.unic__items{display: flex;justify-content: space-between;gap: 25px;}
.unic__item{width: 33%;padding: 36px 30px 30px 36px;border: 1px solid rgba(255,255,255,.2);height: 390px;position: relative;transition: .3s ease-in-out;}
.unic h3{font-size: 24px;line-height: 1.2;margin-bottom: 20px;font-weight: 100;}
.unic p{font-family: Inter;font-size: 17px;line-height: 1.49;font-weight: 300;position:relative;z-index: 9;}
.unic__img{position: absolute;right: 0;bottom: 0;background: transparent;transition: filter .3s ease-in-out;}
.unic__item:hover{border-color: #fff;}
.unic__item:hover .unic__img{filter:sepia(1)}

.formula{height: 653px;padding: 150px 0 160px;background-image: url(../img/formulabg.jpg);background-size: cover;position: relative;}
.formula__label{background-color: #FF3F50;text-transform: uppercase;height: 30px;line-height: 30px;position: absolute;bottom: 135px;left: 73px;padding: 0 9px;}
.formula__video{position: absolute;top: 0;height: 100%;left: 260px;mix-blend-mode: lighten;}
.formula__video video{height: 100%;}
.formula1s{position: absolute;top: 44px;left: -260px;}
.formula2s{position: absolute;top: 185px;left: -205px;}
.formula3s{position: absolute;top: 393px;left: 314px;}
.formula h2{font-size: 32px;color:#fff;margin-bottom: 40px;}
.formula h2 span{color:#FF3F50}
.formula__content{margin-left: auto;max-width: 565px;position: relative;position: relative;}
.formula h3{display: flex;gap: 10px;font-size: 16px;align-items: center;text-transform: uppercase;margin-bottom: 5px;}
.formula i{font-style: normal;}
.formula h3 span{background-color: #FF3F50;height: 30px;line-height: 30px;padding: 0 10px;}
.formula h3 span.white{background-color: #fff;color: #FF3F50;}
.formula p{font-size: 17px;line-height: 1.49;max-width: 550px;}
.formula p:not(:last-child){margin-bottom: 25px;}

.derma{position: relative;padding: 90px 0;background-color: rgba(234, 187, 215,.1);}
.derma__bg{position: absolute;right: 0;bottom: 0;}
.derma__pre{height: 41px;line-height: 41px;background-color: #FF3F50;font-size: 16px;text-transform: uppercase;width: max-content;padding: 0 12px;margin-bottom: 27px;}
.derma__content{max-width: 731px;margin-right: auto;font-size: 17px;line-height: 1;}
.derma h2{color:#994F78;max-width: 700px;margin-bottom: 32px;}
.derma h2 span{color:#FF3F50}
.derma__flex{display: flex;gap: 10px;}
.derma__el1,.derma__el6{background: #FFF;border: 2px solid #FF3F50;box-shadow: 0px 28px 21px -9px rgba(232, 60, 76, 0.15);border-radius: 120px;padding: 15px 35px 15px;color:#FF3F50;}
.derma__el2,.derma__el3,.derma__el5{border: 1px solid rgba(153, 79, 120,.3);border-radius: 120px;color:#994F78;padding: 15px 30px;}
.derma__el3{padding: 15px 20px;width: max-content;margin: 18px 0;}
.derma__el4{background: #3F0C53;border: 2px solid #FFD0D5;box-shadow: 0px 23px 21px -10px rgba(35, 3, 48, 0.25);border-radius: 120px;padding: 13px 25px;max-width: 535px;line-height: 1.2;margin-bottom: 18px;}
.derma__el4 span{color:#FF8791}
.derma__el5,.derma__el6{padding: 13px 25px;}
.derma__el6{border:1px solid rgba(255, 63, 80, .3);background: none;}

.mech{position: relative;padding-top: 80px;}
.mech h2{text-align: center;margin-bottom: 40px;}
.mech__items{display: flex;}
.mech__item{flex:1;padding: 75px 33px;}
.mech__item:nth-child(1){background-color: #ef4855;}
.mech__item:nth-child(2){background-color: #361e55;}
.mech__item:nth-child(3){background-color: #994f78;}
.mech__top{display: flex;gap: 8px;align-items: center;font-size: 22px;font-family: Inter;line-height: 1.49;font-weight: 700;}
.mech__sub{font-size: 14px;font-family: Inter;line-height: 1.49;font-weight: 300;margin-bottom: 78px;opacity: .77;}
.mech h3{font-size: 27px;line-height: 1.2;height: 96px;margin-bottom: 20px;max-width: 390px;font-weight: 300;}
.mech p{font-size: 16px;line-height: 1.49;font-family: Inter;font-weight: 300;opacity: .77;max-width: 440px;}
.mech__magic{display: flex;flex-direction: column;gap: 50px;justify-content: space-between;height: 100%;}
.mech__do{font-size: 26px;line-height: 1.2;margin-bottom: 14px;}
.mech__doitem{background-color: #FFF;border-radius: 120px;height: 38px;line-height: 38px;padding: 0 20px;width: max-content;margin-bottom: 6px;}
.mech__doitem span{opacity: .77;}
.mech__item:nth-child(1) .mech__doitem{color:#FF3F50}
.mech__item:nth-child(2) .mech__doitem{color:#361E55}
.mech__item:nth-child(3) .mech__doitem{color:#7D335F}

.study{padding: 70px 0 115px;position: relative;}
.study h2,.study__top{text-align: center;}
.study h2{margin-bottom: 0;}
.study__top{color:#424242;opacity: .77;margin-bottom: 20px;font-size: 17px;line-height: 1.49;font-family: Inter;}
.study form,.study .container,.study .wpcf7{position: relative;z-index: 1;}
.study form p{display: flex;gap: 11px;margin: 0 auto;width: max-content;}
.study form p:first-of-type{flex-wrap: wrap;justify-content: center;width: 100%;max-width: 740px;}
.study form p:first-of-type .wpcf7-form-control-wrap{flex: 1 1 calc(50% - 11px);min-width: 240px;}
.study form p:first-of-type .wpcf7-form-control-wrap input{width: 100%;box-sizing: border-box;}
.study input[type="submit"]{margin-left: 14px;color:#fff;background-color: #E83C4C;text-align: center;line-height: normal;border:none;cursor: pointer;}
.study form p:first-of-type input[type="submit"]{flex: 1 1 100%;width: 100%;max-width: 100%;margin-left: 0;}
.study input{height: 45px;line-height: 45px;font-size: 15px;font-family: Inter;font-weight: 300;color:#686868;padding: 11px 20px 12px;border: 1px solid #AFAFAF;border-radius: 45px;}
.study form p:last-of-type{color:#424242}
[data-name="your-agree"] label{display: flex;align-items: center; gap: 10px;margin-top: 20px;}
.study__video{position: absolute;bottom: 0;width: 550px;left: 50%;transform: translateX(-50%);height: 313px;overflow: hidden;}
.study__video video{width: 100%;position: relative;top: -20px;}

/* Прячем стандартный чекбокс, но сохраняем его доступность */
.rq__agree {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Создаем контейнер-рамку (внешний квадрат 18x18) */
.rq__agree + span {
  position: relative;
  padding-left: 28px; /* Отступ для текста, чтобы не налезал на чекбокс */
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  min-height: 18px;
}

/* Внешняя рамка чекбокса */
.rq__agree + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 1px solid #FF3F50;
  border-radius: 4px;
  box-sizing: border-box; /* Чтобы рамка входила в размер 18x18 */
}

/* Внутренний закрашенный квадрат (12x12) */
.rq__agree + span::after {
  content: "";
  position: absolute;
  left: 3px; /* Центрируем внутри рамки: (18 - 12) / 2 = 3px */
  top: 50%;
  transform: translateY(-50%) scale(0); /* Изначально скрыт (размер 0) */
  width: 12px;
  height: 12px;
  background-color: #FF3F50;
  border-radius: 3px;
  transition: transform 0.15s ease-in-out; /* Плавное появление */
}

/* Показываем внутренний квадрат при клике */
.rq__agree:checked + span::after {
  transform: translateY(-50%) scale(1);
}

/* Стили для состояния фокуса (улучшает доступность с клавиатуры) */
.rq__agree:focus-visible + span::before {
  outline: 2px solid #000000;
  outline-offset: 2px;
}


.base{background-color: #FDF8FB;padding: 60px 0 100px;}
.base h2{text-align: center;margin-bottom: 24px;}
.base__items{display: flex;gap: 30px;max-width: 1103px;margin: 0 auto;}
.base__item{flex:1;padding: 45px 35px 40px;border-radius: 25px;}
.base__item:nth-child(1){color:#FF3F50;border:2px solid rgba(255, 63, 80,.2);background-color: rgba(255, 227, 232,.2)}
.base__item:nth-child(2){color:#3F0C53;border:2px solid rgba(63, 12, 83,.4);background-color: #F7EFFA;box-shadow: 0px 32px 24.1px -10px rgba(215, 116, 255, 0.25);}
.base__item:nth-child(3){color:#994F78;border:2px solid #DCD0DC;background-color: #F4E9EF}
.base__item h3{margin: 10px 0 24px;font-size: 25px;line-height: 1.2;height: 60px;font-weight: 300;}
.base__download{height: 39px;line-height: 39px;padding: 0 27px;font-size: 15px;border-radius: 25px;width: max-content;}
.base__item.is-soon{cursor: default;}
.base__item.is-soon .base__download{cursor: default;}
.base__item:nth-child(1) .base__download{border:1px solid #E83C4C}
.base__item:nth-child(2) .base__download{border:1px solid #3F0C53}
.base__item:nth-child(3) .base__download{border:1px solid #994F78}

.opinion{padding: 75px 0 85px;}
.opinion h2,.opinion__top{text-align: center;}
.opinion h2{color:#3F0C53;}
.opinion__top{opacity: .77;font-size: 17px;line-height: 1.49;margin-bottom: 24px;color:#424242;font-family: Inter;font-weight: 300;}
.opinion__items{display: flex;margin: 0 auto;gap: 20px;max-width: 1234px;align-items: stretch;}
.opinion__item{padding: 20px 18px 28px 22px;border-radius: 25px;border:2px solid rgba(220, 220, 220,.34);box-shadow: 0px 32px 24.1px -10px rgba(215, 116, 255, 0.25);background-color: rgba(247, 239, 250,.34);flex:1;min-width:0;display: flex;flex-direction: column;justify-content: space-between;}
.opinion__item-top{display: flex;align-items: center;gap: 12px;margin-bottom: 10px;}
.opinion__item-name{font-size: 18px;line-height: 1.2;color:#3F0C53;flex:1;min-width:0;}
.opinion__item:nth-child(even){background-color: rgba(247, 239, 250,.4);}
.opinion__item:nth-child(1){box-shadow: 0px 32px 24.1px -10px rgba(232, 60, 76, 0.15);}
.opinion__item-titul{font-family: Inter;font-size: 14px;line-height: 1.49;font-weight: 300;color:#161616;opacity: .4;margin-bottom: 12px;}
.opinion__item p{font-family: Inter;line-height: 1.49;color:#161616;opacity: .77;font-size: 15px;font-weight: 400;margin: 0;}
.opinion__item-botom{display: flex;gap: 12px;align-items: center;margin-top: 24px;}
.opinion__item-brand{height: 20px;line-height: 20px;background-color: #3F0C53;text-transform: uppercase;font-family: Inter;font-size: 10px;padding: 0 6px;}
.opinion__item--nova .opinion__item-brand{background-color: #FF3F50;}
.opinion__item--eyes .opinion__item-brand{background-color: #994F78;}
.opinion__item--hydro .opinion__item-brand{background-color: #3F0C53;}
.opinion__item-location{display: flex;align-items: center;gap: 6px;}
.opinion__item-location span{font-family: Inter;font-size: 13px;font-weight: 300;color:#161616;opacity: .4;}
.opinion__item-foto{flex-shrink:0;width:56px;height:56px;border-radius:50%;border:1px solid #3F0C53;overflow:hidden;box-sizing:border-box;}
.opinion__item-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;padding:4px;border-radius:50%;}
.opinion__item--nova .opinion__item-foto{border-color: #FF3F50;}
.opinion__item--eyes .opinion__item-foto{border-color: #994F78;}
.opinion__item--hydro .opinion__item-foto{border-color: #3F0C53;}

.question{background-color: #fdf9fb;padding: 65px 0 47px;}
.question h2{text-align: center;}
.question__top{text-align: center;opacity: .77;font-size: 17px;line-height: 1.49;margin-bottom: 38px;color:#424242;font-family: Inter;font-weight: 300;}
.question__flex{display: flex;gap: 30px;}
.question__left{max-width: 444px;}
.question__monitoring{border-radius: 26px;border:1px solid rgba(189, 189, 189,.3);background-color: #fff;padding: 35px 50px 35px 40px;margin-top: 23px;}
.question__monitoring p{color:#424242;opacity: .77;font-size: 15px;font-family: Inter;line-height: 1.49;font-weight: 300;margin-bottom: 20px;}
.question__monitoring-btn{height: 44px;line-height: 44px;border-radius: 44px;background-color: #E83C4C;padding: 0 20px;display: flex;gap: 10px;width: max-content;color:#fff;align-items: center;}
.question__monitoring-btn img{height: 15px;}
.question__item{background-color: #fff;border-radius: 26px;border:1px solid rgba(189, 189, 189,.3);margin-bottom: 12px;}
.question__item-top{height: 66px;line-height:1.2; color:#3F0C53;display: flex;align-items: center;justify-content: space-between;padding: 0 20px 0 30px;}
.question__drop{cursor: pointer;transition: .2s ease-in;}
.question__item:not(.active) .question__item-bottom{display: none;}
.question__item-bottom{padding: 0 65px 30px 30px;}
.question__item-bottom p{font-family: Inter;font-size: 15px;font-weight: 300;line-height: 1.49;color:#161616;opacity: .77;}
.question__item-bottom p:not(:last-of-type){margin-bottom: 15px;}
.question__item.active .question__drop{transform: rotate(180deg);}

footer{position: relative;background-color: #814669;padding: 65px 0 3px;}
footer .hlogo{height: 31px;margin-bottom: 15px;}
.footer__top{display: flex;justify-content: space-between;margin-bottom: 45px;font-family: Inter;font-size: 16px;gap: 35px;opacity: .77;}
.footer__top1 p{line-height: 1.49;font-weight: 300;margin-bottom: 55px;}
.footer__top1{width: 219px;}
.footer__social{display: flex;gap: 11px;}
.footer__top-title{text-transform: uppercase;font-size: 18px;font-weight: bold;margin-bottom: 15px;}
button.footer__top-title{appearance: none;-webkit-appearance: none;border: 0;background: transparent;color: inherit;font-family: inherit;line-height: inherit;padding: 0;width: auto;text-align: inherit;cursor: default;border-radius: 0;}
.footer__accordion-icon{display: none;}
.footer__link{display: block;color:#fff;line-height: 1.92;white-space: nowrap;font-weight: 300;}
.footer__safety{max-width: 205px;}
.footer__report{font-weight: 300;margin: 5px 0 30px;line-height: 1.49;opacity: .33;color:#fff;display: block;}
.footer__monitoring{font-weight: bold;line-height: 1.49;color:#fff;display: block;}
.footer__other p{line-height: 20px;margin-bottom: 10px;}
.collost{color: #fff;font-size: 18px;font-weight: bold;}
.footer__contacts{max-width: 185px;}
.footer__contacts a{color:#fff}
.footer__flex{display: flex;gap: 10px;align-items: center;margin-bottom: 10px;}
.footer__bio{border-top:1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);padding: 17px 9px 12px;}
.footer__bio-line1{display: flex;align-items: center;gap: 25px;}
.footer__bio-line1 p{font-family: Inter;font-size: 14px;line-height: 1.49;opacity: .77;font-weight: 200;}
.footer__bio-line2{font-size: 15px;opacity: .77;font-family: Inter;line-height: 1.49;display: flex;justify-content: space-between;margin-top: 23px;font-weight: 300;}
.footer__bio a{color:#fff}
.footer__disclaimer{line-height: 1.5;text-transform: uppercase;opacity: .6;font-family: Inter;font-size: 25px;text-align: center;margin-top: 4px;font-weight: 200;}
.footer__bg{position: absolute;left: 0;bottom: 7px;}
.scroll-top{position:fixed;right:calc(24px + env(safe-area-inset-right, 0px));bottom:calc(24px + env(safe-area-inset-bottom, 0px));z-index:40;width:56px;height:56px;padding:0;border:0;border-radius:50%;background-color:#e83c4c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);box-shadow:0 16px 28px -10px rgba(232, 60, 76, .28);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,box-shadow .3s ease,filter .3s ease;}
.scroll-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}

.active .question__item-top{color:#FF3F50}
form .agree a{color:#3f0c53}

/* .hydrobody .header{padding-bottom: 90px;background:linear-gradient(180deg,rgba(0,0,0,1) -127.7%,rgba(0,0,0,0.32336) -58.36%,rgba(0,0,0,0.21956) 8.13%,rgba(0,0,0,0) 100%);} */
.hydrobody .three{padding-bottom: 5px;padding-top: 0;}
.hydrobody footer{background-color: #60497D;}
.hydrobody header{background-color: #7B629C;}
.hydro__video{height: 680px;position: absolute;bottom: 0;right: -150px;}
.hydro video{height: 100%;}
.hydro{background-image: url(../img/hydrobg.jpg);background-size: cover;height: 745px;padding: 170px 0 50px;position: relative;overflow: hidden;}
.hydro .container{position: relative;}
.hydro h1{display: flex;gap: 10px;margin-bottom: 12px;}
.hydro h1 span{text-transform: uppercase;height: 40px;line-height: 40px;padding: 0 12px;font-size: 17px;background-color: #361E55;margin-top: -4px;}
.hydro h2{display: flex;gap: 20px;align-items: center;}
.hydro .hydro__h2{color:#3F0C53;font-size: 70px;}
.hydro__vline{background-color: #3f0c53;width: 1px;height: 60px;}
.hydro__5ml-top{font-size: 30px;color:#60497d;margin-bottom: 3px;}
.hydro__5ml-bottom{color:#60497d;opacity: .77;font-family: Inter;font-size: 14px;line-height: 1.49;}
.hydro h3{color:#333;font-size: 26px;line-height: 1.2;font-weight: 300;max-width: 600px;margin: 17px 0 10px;}
.hydro h3 span{text-transform: uppercase;}
.hydro p{font-family: Inter;font-weight: 300;font-size: 16px;line-height: 1.49;max-width: 600px;color:#333;opacity: .77;}
.hydro__btns{display: flex;align-items: flex-start;gap: 10px;margin: 18px 0 35px;}
.hydro__btn{height: 44px;line-height: 44px;border-radius: 44px;font-size: 15px;text-align: center;}
.hydro__btn.red{background-color: #e83c4c;width: 163px;color:#fff}
.hydro__btn.opacity{color:#e83c4c;border:1px solid #e83c4c;padding: 0 35px;}
.hydro__btn-wrap{display: flex;flex-direction: column;align-items: center;}
.hydro__btn-soon{margin-top: 6px;font-family: Inter, sans-serif;font-size: 12px;line-height: 1.25;color: #e83c4c;opacity: .7;}
.hydro__docs{display: flex;gap: 20px;margin-bottom: 70px;max-width: 450px;}
.hydro__docs a{color:#7B629C;text-decoration: none;line-height: 1;border-bottom: 1px dashed #7B629C;font-size: 14px}
.hydro__disclaimer{display: flex;gap: 5px;font-family: Inter;font-size: 15px;opacity: .77;line-height: 1.49;color: #7b7b7b;max-width: 590px;font-weight: 300;}

.second__items{display: flex;}
.second__item{flex:1;padding: 44px 54px 55px 43px;position: relative;}
.second__item:nth-child(1){background-color: #60497D;}
.second__item:nth-child(2){background-color: #7B629C;}
.second__item:nth-child(3){background-color: #9A80BC;}
.second__item img{position: absolute;bottom: 0;right: 0;}
.second h2{color:#fff;font-size: 32px;line-height: 1.2;margin-bottom: 22px;max-width: 383px;}
.second p{font-family: Inter;font-size: 17px;line-height: 1.49;font-weight: 300;opacity: .77;}

.recover{padding: 60px 0 95px;background-image: url(../img/hydrotxt.png);background-position: top right;background-repeat: no-repeat;overflow: hidden;}
.recover h2{margin-bottom: 10px;}
.recover__flex{display: flex;gap: 100px;}
.recover video{position: absolute;left: 0;top: 0;width: 424px;top: -170px;}
.recover__img{position: absolute;top: 163px;right: 0;}
.recover__left{width: 521px;position: relative;}
.recover__text{flex:1}
.recover .container{max-width: 1270px;}
.recover p{font-family: Inter;font-size: 16px;font-weight: 200;color:#333;opacity: .77;max-width: 560px;}
.recover__items{display: flex;}
.recover__item{width: calc((100% - 45px)/2);border:1px solid rgba(63, 12, 83,.4);border-radius: 25px;transition: .2s ease-in-out;}
.recover__item p{color:#333;opacity: .77;font-size: 15px;line-height: 1.33;font-weight: 400;font-family: Inter}
.recover__item h3{font-size: 26px;margin-bottom: 7px;}
.recover__item:hover{box-shadow: 0px 32px 24.1px -10px rgba(215, 116, 255, 0.25);background-color: #F7EFFA;}

.recover2v{padding: 60px 0;overflow: hidden;}
.recover2v .rule__item{display: block;}
.recover2v .recover__items{margin-top: 3px;gap: 15px;max-width: 688px;}
.recover2v__cont{color:#80309F;font-size: 30px}
.recover2v .recover__item h3{font-size: 16px;height: auto;}
.recover2v .recover__item{padding: 25px 5px 30px 15px;}
.recover2v .flac{height: 38px;line-height: 38px;font-size: 18px;font-weight: 700;margin-bottom: 14px;}
.recover2v .rule__item h3{font-size: 68px;color:#3F0C53;font-weight: 400;}
.recover2v .recover__item h3{font-size: 27px;}
.recover2v .rule__prodd p{font-size: 22px;margin-bottom: 29px;}
.recover2v .rule__detail{font-size: 32px;width: auto;}
.recover2v .rule__detail strong{font-size: 43px;font-weight: 400;}
.recover2v .violet .rule__detail strong{color:#3F0C53}
.recover2v__bottom{margin-top: 50px;}
.recover2v__bottom p{font-family: Inter;font-size: 16px;line-height: 1.44;color:#3F0C53;font-weight: 200;opacity: .77;}
.recover2v__btn{background-color: #80309F;height: 38px;line-height: 38px;padding: 0 17px;text-transform: uppercase;margin-top: 25px;color:#fff;display: block;border-radius: 38px;width: max-content;font-family: Inter;font-size: 12px;font-weight: bold;}
.recover__top,.recover__bottom{display: flex;}
.recover__bottom{column-gap: 70px;align-items: flex-end;}
.recover__top{justify-content: space-between;margin-bottom: 58px;}
.recover2v .rule__media{padding: 0;}
.recover2v .rule__img{top: 0;}
.recover2v .rule__item video{width: 297px;top: -150px;left: unset;right: 0;}
.recover2v .rule__prodg{width: 100%;max-width: 350px;}
.recover2v .prodg__ttl p:first-of-type{font-weight: 700;}
.recover2v .prodg__bar{width: 100%;}
.recover2v .prodg__ttl{font-family: Inter;}
.recovery__bar{padding: 35px 40px 45px;border:1px solid #D7CDE4;border-radius: 25px;margin-top: 10px;}
.recovery__bar p{font-family: Inter;color:#333;opacity: .77;font-size: 17px;line-height: 1.33;font-weight: 400;}
.recovery__bar-flex{display: flex;gap: 12px;}
.recover2v__btn.invert{color:#80309F;background-color: #fff;border:1px solid #80309F}

.etap{position: relative;}
.etap h2{color:#60497D;text-align: center;}
.etap__items{display: flex;}
.etap__item{flex:1;padding: 84px 25px 108px 44px;background-color: #60497D;}
.etap__item:nth-child(2){background-color: #7B629C;}
.etap__item:nth-child(3){background-color: #9A80BC;}
.etap__item-top{display: flex;align-items: center;gap: 11px;font-size: 22px;font-family: Inter;margin-bottom: 38px;font-weight: bold;}
.etap__faza{font-family: Inter;font-size: 14px;font-weight: 300;opacity: .77;margin-bottom: 9px;}
.etap h3{font-size: 27px;line-height: 1.2;font-weight: 300;max-width: 420px;}
.etap__effekt{font-size: 16px;font-family: Inter;line-height: 1.49;margin: 36px 0 12px;opacity: .77}

.rben{padding: 45px 0;}
.rben .benefits__footer{max-width: 824px;padding: 30px 78px 40px;}
.rben .h2{font-size: 47px;text-align: center;margin-bottom: 12px;line-height: 1.2;color:#60497D;font-weight: 300;}
.rben p{font-size: 24px;line-height: 1.2;color:#3F0C53}

.wpcf7-list-item-label.agree,
.wpcf7-acceptance .wpcf7-list-item-label{color:#6b447b}
.wpcf7-list-item-label.agree a,
.wpcf7-acceptance .wpcf7-list-item-label a{color:#ff6b78;text-decoration: underline;}

.zones{background-color: #f7f6f8;padding-top: 66px;}
.zones h2{text-align: center;margin-bottom: 34px;}
.zones__items{display: flex;}
.zones__item{flex: 1;}
.zones__item img{display: block;width: 100%;}

.pok{padding: 60px 0;}
.pok h2{font-size: 33px;color:#60497D;line-height: 1.2;margin-bottom: 21px;}
.pok__flex{display: flex;gap: 120px;justify-content: space-between;}
.pok__diff{font-size: 15px;line-height: 1.2;padding: 12px 16px 12px 23px;border:1px solid rgba(63, 12, 83,.3);border-radius: 60px;margin-bottom: 12px;color:#3F0C53}
.pok__diff.pd1{box-shadow: 0px 28px 21px -9px rgba(215, 116, 255, 0.1);border-width: 2px;width: 503px;border-color:#3F0C53;}
.pok__items1{display: flex;gap: 12px;width: 536px;}
.pok__diff.pd2,.pok__diff.pd3{width: 262px;}
.pok__diff.pd4{width: 230px;}
.pok__items2{display: flex;gap: 8px;width: 536px;}
.pok__diff.pd5{width: 298px;color:#fff;background-color: #3F0C53;}
.pok__items3{display: flex;gap: 2px;width: 520px;}
.pok__diff.pd6{width: 256px;}
.pok__diff.pd7{width: 266px;}
.pok__diff.pd8{width: 387px;}
.pok__use{border:1px solid rgba(63, 12, 83,.3);border-radius: 25px;padding: 19px 20px 17px 23px;margin-bottom: 18px;}
.pok__use:first-of-type{box-shadow: 0px 28px 21px -9px rgba(215, 116, 255, 0.1);background-color: rgba(247, 239, 250,.4);}
.pok__use span{color:#3F0C53;font-size: 15px;line-height: 1.2;margin-bottom: 3px;}
.pok__use p{color:#60497D;font-size: 26px;line-height: 1.2;font-weight: bold;}

.tech{padding: 60px 0 90px;}
.tech__flex{display: flex;gap: 55px;justify-content: space-between;}
.tech__video{width: 477px;height: 509px;object-fit: cover;}
.tech h2{font-size: 33px;color:#60497D;line-height: 1.2;margin-bottom: 13px;}
.tech h2 span{color:#FF7474}
.tech p{color:#333;opacity: .77;font-size: 17px;line-height: 1.49;margin-bottom: 40px;max-width: 560px;}
.tech__items{display: flex;gap: 10px;width: max-content;}
.tech__item{border:1px solid #FF7474;padding: 12px 20px 12px 25px;color:#FF3F50;text-align: center;font-size: 15px;border-radius: 45px;margin-bottom: 15px;width: max-content;}
/* .tech__text{padding-top: 53px;} */

.after{background-color: #FBFAFD;padding: 85px 0 75px;position: relative;}
.afterbg{position: absolute;right: 0;top: 0;max-height: 100%;pointer-events: none;}
.after h2{text-align: center;margin-bottom: 30px;}
.after__item img{border-radius: 44px;overflow: hidden;}

.after__prev,.after__next{width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;border:1px solid rgba(220, 220, 220,.4)}
.after__nav{display: flex;gap: 20px;margin-top: 65px;justify-content: center;}
.after__next{transform: rotate(180deg);}
.after__prev:hover,.after__next:hover{box-shadow: 0 0 5px #dcdcdc;}

.hydrobody .unic{background-color: #7B629C;}

.three__item:nth-child(1){order:3}
.three__item:nth-child(2){order:1}
.three__item:nth-child(3){order:2}

.eyesbody .hydro h1 span{background-color: #E83C4C;}
.eyesbody .hydro .hydro__h2,.eyesbody .hydro__5ml-top,.eyesbody .hydro__5ml-bottom,.eyesbody .hydro__docs a,.eyesbody .straw .flac,
.eyesbody .recover2v .rule__item h3,.eyesbody .recover2v .rule__detail strong,.eyesbody .pok h2,.eyesbody .tech h2,
.eyesbody .after h2{color: #6C2B4A;}
.csoon{height: 66px;line-height: 66px;border: 1px solid #9F4973;color:#9F4973;font-size: 29px;padding: 0 22px;margin-bottom: 25px;width: max-content;}
.eyesbody .hydro{padding-top: 110px;}
.second p:first-of-type{margin-bottom: 15px;}
.eyesbody .second__item:nth-child(1),.eyesbody .etap__item:nth-child(1){background-color: #6C2B4A;}
.eyesbody .second__item:nth-child(2),.eyesbody .etap__item:nth-child(2){background-color: #9F4973;}
.eyesbody .second__item:nth-child(3),.eyesbody .etap__item:nth-child(3){background-color: #BF7BA4;}
.eyesbody .recover2v .rule__img{top: 60px;}
.eyesbody .etap h2,.eyesbody .zones h2,.eyesbody .recover2v__cont,.eyesbody .pok__diff{color:#994F78}
.eyesbody .pok__diff{border: 1px solid #9F4973;}
.eyesbody .pok__diff.pd5{color:#fff;background-color: #9F4973;}
.eyesbody .pok__diff.pd1{border-color:#9F4973;box-shadow: 0px 28.8269px 21.7103px -9.00841px rgba(159, 73, 115, 0.1);border-width: 2px;}
.zones p{text-align: center;color:#333;opacity: .77;font-size: 17px;font-family: Inter;position: relative;top: -25px;}
.eyesbody .pok__use{border: 1px solid #E2B1C9;}
.eyesbody .pok__use:first-of-type{border: 1px solid #9F4973;box-shadow: 0px 32px 24.1px -10px rgba(215, 116, 255, 0.25);}
.eyesbody .pok__use span,.eyesbody .pok__use p{color:#9F4973}
.eyesbody .tech__text{padding-top: 0;}
.eyesbody .tech p{margin-bottom: 25px;}
.eyesbody .unic{background-color: #9F4973;}
.eyesbody .three{padding-top: 0;}

.novabody .hydro{background: linear-gradient(93.57deg, #ECDFD6 41.01%, #ECDFD6 87.44%, rgba(236, 223, 214, 0) 95.18%);padding-top: 110px;}
.hydrobody .hydro{background: linear-gradient(90deg, #e9e9e9 77.39%, rgba(241, 241, 245, 0) 97.98%);}
.eyesbody .hydro{background: linear-gradient(90deg, #FFFFFF 77.39%, rgba(255, 255, 255, 0) 97.98%);}
.novabody .hydro__video{right: 0;}
.eyesbody .hydro__video{right: 0;}
.novabody .csoon{border-color:#FF3F50;color:#E83C4C}
.novabody .recover2v .rule__item h3{color:#87121C}
.novabody .hydro h1 span{background-color: #E83C4C;}
.novabody .hydro .hydro__h2,.novabody .hydro__5ml-top,.novabody .hydro__5ml-bottom{color:#87121C}
.novabody .hydro__docs a{color:#FF3F50;border-color: #FF3F50;}
.novabody .second__item:nth-child(1),.novabody .etap__item:nth-child(1){background-color: #87121C;}
.novabody .second__item:nth-child(2),.novabody .etap__item:nth-child(2){background-color: #E83C4C;}
.novabody .second__item:nth-child(3),.novabody .etap__item:nth-child(3){background-color: #FF6B78;}
.novabody .recover2v .rule__detail strong,.novabody .recover2v .recover__item h3{color: #87121C;}
.novabody .recover2v__cont{color:#FF3F50}
.novabody .recover2v .recover__item,.novabody .recovery__bar{border-color:#ffd5d9;}
.novabody .etap h2,.novabody .zones h2,.novabody .pok h2{color:#AA5656}
.novabody .pok__diff,.novabody .pok__use{color:#AA5656;border-color: #AA5656;}
.novabody .pok__diff.pd1{border-color: #87121C;}
.novabody .pok__diff.pd5{color:#fff;background-color:#87121C;}
.novabody .tech h2,.novabody .pok__use span,.novabody .pok__use p{color: #AA5656;}
.novabody .tech__text{padding-top: 0;}
.novabody .unic{background-color: #E83C4C;}

.spec header{background-color: #7B629C;}
.spec__main{padding-top: 80px;background: linear-gradient(93.57deg, #eae5ef 41.01%, #F4F1F8 69.47%, rgba(244, 241, 248, 0) 95.18%);position: relative;height: 745px;}
.spec__main video{position: absolute;bottom: 0;right: 0;}
.spec__main .container{position: relative;}
.spec__prof{margin: 150px 0 17px;height: 40px;line-height: 40px;padding: 0 12px;background-color: #EF4855;text-transform: uppercase;font-size: 17px;width: max-content;}
.spec__main h1{color:#3F0C53;font-size: 47px;margin-bottom: 10px;}
.spec__main h1 span{color:#FF3F50}
.spec__main p{color: #333;font-size: 22px;line-height: 1.3;max-width: 515px;}
.spec__main-btns{display: flex;flex-wrap: wrap;gap: 10px;max-width: 440px;margin-top: 35px;}
.spec__main-btn{color:#994F78;border:1px solid #994F78;height: 48px;line-height: 48px;padding: 0 28px;font-size: 17px;border-radius: 48px;transition: .2s ease-in-out;}
.spec__main-btn:hover{border-width: 1px;border-color: #FF3F50;background-color: #fff;box-shadow: 0px 28.9862px 21.8302px -9.05819px rgba(232, 60, 76, 0.15);}
.whb,.whb:hover{color:#fff;background-color: #FF3F50;}

.spec__prot{padding-top: 55px;}
.spec__prot h2{text-align: center;margin-bottom: 5px;}
.spec__prot-sub{text-align: center;color:#333;opacity: .77;margin-bottom: 23px;font-family: Inter;font-size: 17px;}
.spec__prot-items{display: flex;}
.spec__prot-item{width: 33.33%;padding: 80px 40px 65px 35px;}
.spec__prot-item:nth-child(1){background-color: #361E55;}
.spec__prot-item:nth-child(2){background-color: #EF4855;}
.spec__prot-item:nth-child(3){background-color: #994F78;}
.spec__prot-sup{background-color: #fff;height: 31px;line-height: 31px;text-transform: uppercase;font-size: 13px;padding: 0 9px;width: max-content;margin-bottom: 21px;font-weight: 600;}
.spec__prot-item:nth-child(1) .spec__prot-sup{color:#361E55}
.spec__prot-item:nth-child(2) .spec__prot-sup{color:#EF4855}
.spec__prot-item:nth-child(3) .spec__prot-sup{color:#994F78}
.spec__prot h3{margin-top: 10px;display: flex;gap: 16px;font-size: 60px;font-weight: 300;align-items: center;}
.spec__prot-line{width: 2px;height: 52px;background-color: #fff;}
.spec__prot-h3t{font-size: 26px;width: 100%;}
.spec__prot-h3b{font-size: 14px;font-family: Inter;width: 100%;}
.spec__prot h3 div{display: flex;flex-wrap: wrap;gap: 3px;}
.spec__prot ul{padding: 38px 0 54px;list-style: none;}
.spec__prot li{position: relative;line-height: 2.5;font-size: 17px;font-weight: 100;padding-left: 25px;}
.spec__prot li::before{content: '.';position: absolute;left: 10px;top: -5px;}
.spec__prod-download{display: flex;gap: 12px;align-items: center;}
.spec__prod-download a{height: 48px;line-height: 48px;padding: 0 30px;width: max-content;font-size: 17px;background-color:#FF3F50;border-radius: 48px;color: #fff;}
.spec__prot-item:nth-child(2) .spec__prod-download a{background-color:unset;border: 2px solid #fff;}
.spec__prod-download span{text-transform: uppercase;font-size: 13px;}
.spec__prod-download.is-soon{flex-direction: column;align-items: flex-start;gap: 8px;}
.spec__prod-download a.is-static{cursor: default;pointer-events: none;}
.spec__prod-download .spec__prod-soon{text-transform: none;font-size: 13px;line-height: 1.3;opacity: .75;font-family: Inter, sans-serif;font-weight: 400;}
.filter__item{transition: .2s ease-in-out;padding: 0 30px;font-size: 18px;border: 2px;border-color: transparent;border-radius: 53px;height: 53px;line-height: 53px;cursor: pointer;}
.filter{display: flex;align-items: center;justify-content: center;margin-bottom: 50px;}
.f-all{color:#FF3F50}
.f-hydro{color:#3F0C53}
.f-nova{color:#FF3F50}
.f-eyes{color:#6C2B4A}
.filter__item.active{border:2px solid #FF3F50;box-shadow: 0px 32.0056px 24.1042px -10.0018px rgba(232, 60, 76, 0.15);}
.spec__video{padding: 65px 0 55px;}
.spec__video h2,.spec__pub h2{text-align: center;}
.spec__video-items{display: flex;gap: 30px;justify-content: space-between;flex-wrap: wrap;}
.spec__video-item{width: calc((100% - 60px)/3);padding: 50px 40px 25px 30px;border-radius: 25px;display: flex;flex-direction: column;justify-content: space-between;background-color: #E83C4C;}
.spec__video-item--nova{background-color: #E83C4C;}
.spec__video-item--hydra{background-color: #361E55;}
.spec__video-item--eyes{background-color: #994F78;}
.owl-item:nth-child(3n+1) .spec__pub-item{background-color: #E83C4C;}
.owl-item:nth-child(3n+2) .spec__pub-item{background-color: #994F78;}
.owl-item:nth-child(3n) .spec__pub-item{background-color: #361E55;}
.spec__video h4{font-size: 16px;font-weight: 100;}
.spec__video h3{font-size: 26px;font-weight: 300;margin: 10px 0 20px;flex:1}
.spec__video-tag{background-color: #fff;height: 27px;line-height: 27px;padding: 0 18px;width: max-content;border-radius:27px;color:#000;mix-blend-mode: screen;}
.spec__video a,.spec__pub a{color:#fff}

.spec__pub{padding: 40px 0 0;}
.spec__pub-items{max-width: 811px;margin: 0 auto;}
.spec__pub-item{padding: 55px 18px 25px 23px;border-radius: 13px;display: flex;flex-direction: column;justify-content: space-between;}
.spec__pub h3{min-height: 58px;font-size: 24px;margin-bottom: 30px;font-weight: 100;}
.spec__pub p{font-family: Inter;font-size: 16px;line-height: 1.5;font-weight: 200;flex:1;opacity: .77;}
.spec__pub-det{display: flex;justify-content: space-between;align-items: center;margin-top: 43px;}
.spec__pub-date{font-weight: 100;font-family: Inter;font-size: 14px;opacity: .77;}
.owl-item:nth-child(3n+2) path{stroke:#994F78;}
.owl-item:nth-child(3n) path{stroke:#361E55;}
.owl-nav{display: none;}

.studybody header{background-color: #BF7BA4;}
.calendar__header{padding: 170px 0 67px;background: linear-gradient(93.57deg, #F4F1F8 41.01%, #F4F1F8 69.47%, rgba(244, 241, 248, 0) 95.18%);}
.calendar__sup{height: 40px;line-height: 40px;background-color: #EF4855;text-transform: uppercase;padding: 0 12px;width: max-content;}
.calendar h1{color:#FF3F50;font-size: 47px;margin: 17px 0 10px;}
.calendar p{color:#333;font-size: 22px;line-height: 1.3;max-width: 980px;}
.calendar__filter{display: flex;gap: 15px;align-items: center;margin: 42px 0;font-weight: 700;}
.calendar__filter p{font-size: 18px;}
.calendar__date{background-color: #FF3F50;height: 48px;line-height: 48px;font-size: 18px;width: 260px;padding: 0 22px;border-radius: 48px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.calendar__oo{display: flex;font-size: 18px;height: 48px;line-height: 48px;align-items: center;border-radius: 48px;background-color: #FFE6E9;color:#FF3F50}
.calendar__oo>div{border:2px solid transparent;height: 42px;line-height: 42px;border-radius: 42px;padding: 0 26px;cursor: pointer;transition: .2s ease-in-out;}
.calendar__oo>div.active{background-color: #fff;border-color: #FF3F50;}
.calendar__date:hover { box-shadow: 0 4px 15px rgba(255, 63, 80, 0.4); }
.calendar__date svg { flex-shrink: 0; }
#datepicker-input { display: none; }
.ui-datepicker { background: #ffffff !important; border: none !important; border-radius: 24px !important; padding: 20px !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important; width: 300px !important; font-family: system-ui, -apple-system, sans-serif !important; margin-top: 8px !important; }
.ui-datepicker-header { background: transparent !important; border: none !important; padding: 0 0 16px 0 !important; border-radius: 0 !important; position: relative !important; }
.ui-datepicker-title { color: #FF3F50 !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.4 !important; }
.ui-datepicker-prev, .ui-datepicker-next { border: none !important; background: transparent !important; cursor: pointer !important; top: 4px !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; transition: background 0.2s ease !important; position: absolute !important; }
.ui-datepicker-prev { left: 4px !important; }
.ui-datepicker-next { right: 4px !important; }
.ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: #fff0f2 !important; }
.ui-datepicker-prev span, .ui-datepicker-next span { display: none !important; }
.ui-datepicker-prev:before, .ui-datepicker-next:before { font-size: 24px !important; color: #FF3F50 !important; line-height: 32px !important; text-align: center !important; display: block !important; width: 100% !important; height: 100% !important; font-weight: 300 !important; }
.ui-datepicker-prev:before { content: "‹" !important; font-size: 32px !important; }
.ui-datepicker-next:before { content: "›" !important; font-size: 32px !important; }
.ui-datepicker-calendar { width: 100% !important; border-collapse: separate !important; border-spacing: 2px !important; }
.ui-datepicker-calendar thead th { color: #999 !important; font-size: 13px !important; font-weight: 600 !important; padding: 8px 0 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border: none !important; }
.ui-datepicker-calendar td { padding: 2px !important; border: none !important; }
.ui-datepicker-calendar td a, .ui-datepicker-calendar td span { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; aspect-ratio: 1/1 !important; border-radius: 50% !important; border: none !important; background: transparent !important; color: #333 !important; font-size: 15px !important; font-weight: 500 !important; text-align: center !important; text-decoration: none !important; transition: all 0.2s ease !important; line-height: 1 !important; }
.ui-datepicker-calendar td a:hover { background: #fff0f2 !important; color: #FF3F50 !important; }
.ui-datepicker-calendar td a.ui-state-active { background: #FF3F50 !important; color: #ffffff !important; font-weight: 600 !important; box-shadow: 0 4px 12px rgba(255, 63, 80, 0.3) !important; }
.ui-datepicker-calendar td a.ui-state-highlight { background: #fff0f2 !important; color: #FF3F50 !important; font-weight: 600 !important; border: 2px solid #FF3F50 !important; }
.ui-datepicker-calendar td.pcoll-event-future a:not(.ui-state-active),
.ui-datepicker-calendar td.pcoll-event-past a:not(.ui-state-active) { font-weight: 600 !important; }
.ui-datepicker-calendar td.pcoll-event-future a:not(.ui-state-active) { background: #fff0f2 !important; color: #FF3F50 !important; box-shadow: inset 0 0 0 2px #FF3F50 !important; }
.ui-datepicker-calendar td.pcoll-event-past a:not(.ui-state-active) { background: #f4f1f8 !important; color: #994F78 !important; box-shadow: inset 0 0 0 2px #c4b0cc !important; }
.ui-datepicker-calendar td.pcoll-event-future a.ui-state-highlight:not(.ui-state-active),
.ui-datepicker-calendar td.pcoll-event-past a.ui-state-highlight:not(.ui-state-active) { border: none !important; }
.ui-datepicker-calendar td.ui-datepicker-other-month a, .ui-datepicker-calendar td.ui-datepicker-unselectable span { color: #ddd !important; cursor: default !important; }
.ui-datepicker-calendar td.ui-datepicker-unselectable span { background: transparent !important; }
.ui-datepicker-trigger { display: none !important; }
.ui-datepicker { animation: fadeIn 0.25s ease; }
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.ui-icon{background-image: none !important;}

@media (max-width: 380px) {
    .ui-datepicker {
        width: 280px !important;
        padding: 16px !important;
    }
    .calendar__date {
        width: 100%;
        max-width: 260px;
    }
}
.calendar__month h2 span{color:#212121;font-size: 22px;line-height: 1.3;padding-right: 10px;background-color: #fff;position: relative;}
.calendar__month h2{position: relative;font-size: 22px;}
.calendar__month h2::before{content:'';width: 100%;height: 1px;background-color: #bcbcbc;position: absolute;top: 50%;}
.calendar__month-item{display: flex;align-items: flex-start;gap: 23px;width: 100%;}
.calendar__month-item + .calendar__month-item{margin-top: 28px;}
.c__date{border-radius: 25px 25px 0 0;display: block;height: 60px;text-align: center;line-height: 60px;}
.c__month{border-radius: 0 0 25px 25px;display: block;height: 60px;text-align: center;line-height: 60px;}
.calendar__month-date{border-radius: 25px;width: 97px;min-width: 97px;max-width: 97px;flex: 0 0 97px;height: 124px;box-sizing: border-box;}
.pink .calendar__month-date{border: 2px solid #fad8db}
.pink .c__date{color:#FF3F50;font-size: 36px;background-color: #fffdfd;}
.pink .c__month{color:#FF3F50;font-size: 20px;background-color: #fff9fa;}
.violet .calendar__month-date{border: 2px solid #d9cedd}
.violet .c__date{color:#3F0C53;font-size: 36px;background-color: #fefcff;}
.violet .c__month{color:#3F0C53;font-size: 20px;background-color: #fdf8ff;}
.calendar__month{margin-bottom: 30px;}
.calendar__month-event{border-radius: 25px;padding: 33px 20px 39px 40px;flex: 1 1 0;min-width: 0;width: 100%;box-sizing: border-box;}
.pink .calendar__month-event{border: 2px solid #fad8db;background-color: #FFFdfd;}
.violet .calendar__month-event{border: 2px solid #d9cedd;}
.calendar__month-header{display: flex;gap: 16px;align-items: center;margin-bottom: 34px;}
.calendar__month-type{height: 33px;line-height: 33px;font-size: 15px;width: max-content;padding: 0 15px;text-transform: uppercase;}
.pink .calendar__month-type{background-color: #EF4855;}
.violet .calendar__month-type{background-color: #3F0C53;}
.calendar__month-loc span{color:#777;font-size: 17px;margin-left: 3px;}
.calendar__month h3{font-size: 22px;color: #212121;margin-bottom: 20px;}
.calendar__month p{font-family: Inter;font-size: 18px;line-height: 1.51;color:#333;opacity: .7;}
.calendar__month-facts{list-style: none;margin: 18px 0 0;padding: 0;display: grid;gap: 8px;font-family: Inter, sans-serif;font-size: 16px;line-height: 1.4;color: #333;}
.calendar__month-facts span{color: #777;margin-right: 4px;}
.calendar__month-facts a{color: #E83C4C;text-decoration: none;}
.calendar__month-facts a:hover{text-decoration: underline;}
.calendar__month-btn{margin-top: 25px;background-color: #FF3F50;height: 48px;line-height: 48px;width: max-content;padding: 0 36px;font-size: 17px;cursor: pointer;border-radius: 48px;}

.mfbody header{background-color: transparent;transition: background-color .3s ease, box-shadow .3s ease;}
.mfbody header.is-scrolled{background-color: #994F78;box-shadow: 0 10px 24px -12px rgba(63, 12, 83, .35);}
.mf__main{background-image: url(../img/manufacturerbg.jpg);background-size: cover;padding: 204px 0 166px;}
.mf__logo{margin: 15px 0 26px;display: flex;gap: 25px;align-items: center;}
.mfvline{width: 1px;height: 98px;background-color: #fff;}
.mf__logo span{font-size: 31px;line-height: 1.3;max-width: 260px;}
.mf__main p{font-size: 22px;line-height: 33px;max-width: 625px;}
.mf__main-btns{display: flex;gap: 10px;margin-top: 24px;}
.mf__main-btn{height: 48px;line-height: 48px;border-radius: 48px;background-color: #fff;color:#FF3F50;border:1px solid #FF3F50;padding: 0 28px;}
.mf__main-btn.cnone{background-color: transparent;color:#fff;border-color: #7b7a79;}
.mf__main-flex{display: flex;justify-content: space-between;align-items: center;}
.mf__main-item{width: 224px;height: 123px;padding: 15px 25px 22px 25px;border-radius: 21px;border:1px solid rgba(255,255,255,.23);margin-bottom: 9px;}
.mf__main-item:last-child,.pioner p:last-child{margin-bottom: 0;}
.mf__main-digit{font-size: 39px;line-height: 1.3;margin-bottom: 3px;}
.mf__main-dd{font-size: 14px;line-height: 1.25;}

.pioner{padding: 45px 0 65px;}
.pioner__content{display: flex;justify-content: space-between;gap: 60px;margin-top: 63px;}
.pioner h1{color:#994F78;font-size: 47px;line-height: 1.3;margin-top: 18px;}
.pioner h1 span{color:#FF3F50}
.pioner p{font-size: 17px;font-family: Inter;color:#333;opacity: .77;line-height: 1.51;margin-bottom: 20px;}
.cert{position: relative;padding: 70px 0 77px;background-color: #f9f9f9;}
.certbg{position: absolute;right: 0;bottom: 0;}
.cert.container{position: relative;}
.cert h2{color:#994F78;margin-bottom: 23px;}
.cert__item{margin-top: 14px;width: max-content;height: 40px;line-height: 40px;border-radius: 40px;display: flex;justify-content: space-between;align-items: center;font-size: 15px;gap: 17px;padding: 0 20px 0 23px;}
.cert__item:nth-of-type(1){color:#AA5656;border:1px solid #994F78}
.cert__item:nth-of-type(2){color:#AA5656;border:1px solid #e1c8cb}
.cert__item:nth-of-type(3){color:#994F78;border:1px solid #af9ab7}
.cert__item:nth-of-type(4){color:#fff;background-color: #87121C;box-shadow: 0px 20.741px 19.6656px -9.87668px rgba(35, 3, 48, 0.25);}
.control{padding: 85px 0;}
.control__flex{display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.control__item{border-radius: 25px;padding: 30px 30px 30px 25px;font-size: 22px;line-height: 1.3;margin-top: 13px;}
.control h2{color:#994F78;margin-bottom: 28px;}
.control__item:nth-of-type(1){color:#AA5656;border:1px solid #cfa0a4;box-shadow: 0px 32px 24.1px -10px rgba(255, 63, 80, 0.15);}
.control__item:nth-of-type(2){color:#3F0C53;border:1px solid #b295b2;}
.control__item:nth-of-type(3){color:#994F78;border:1px solid #b29eba;}
.control__item:nth-of-type(4){color:#AA5656;border:1px solid #f3e0e0;}
.mis__items{display: flex;}
.mis__item{width: 33.33%;padding: 95px 50px 115px 55px;}
.mis h3{background-color: #fff;height: 41px;line-height: 41px;width: max-content;text-transform: uppercase;font-size: 16px;padding: 0 13px;}
.mis h2{color:#fff;font-size: 32px;line-height: 1.3;margin:27px 0 22px;}
.mis p{font-size: 17px;font-family: Inter;line-height: 1.49;opacity: .77;}
.mis__item:nth-child(1){background-color: #361E55;}
.mis__item:nth-child(2){background-color: #EF4855;}
.mis__item:nth-child(3){background-color: #994F78;}
.mis__item:nth-child(1) h3{color: #361E55;}
.mis__item:nth-child(2) h3{color: #EF4855;}
.mis__item:nth-child(3) h3{color: #994F78;}
.stay{padding: 110px 0 90px;}
.stay__flex{display: flex;align-items: center;justify-content: space-between;gap: 50px;}
.stay__top{display: flex;align-items: center;gap: 22px;}
.stay__slogan{text-transform: uppercase;color:#994F78;font-size: 17px;}
.stay h2{color:#994F78;margin: 16px 0 24px;}
.stay__item{margin-top: 19px;border-radius: 25px;padding: 20px 15px 25px 30px;font-size: 17px;line-height: 1.3;font-weight: 100;}
.stay h3{font-size: 24px;margin-bottom: 11px;}
.stay__item:nth-of-type(2){border:1px solid #FF3F50;color:#994F78;box-shadow: 0px 28.9862px 21.8302px -9.05819px rgba(232, 60, 76, 0.15);}
.stay__item:nth-of-type(2) h3{color:#FF3F50}
.stay__item:nth-of-type(3){border:1px solid #e1c7d3;color:#994F78}
.stay__item:nth-of-type(3) h3{color:#994F78}
.stay__item:nth-of-type(4){color:#fff;background-color: #3F0C53;box-shadow: 0px 23.0241px 21.8302px -10.9638px rgba(35, 3, 48, 0.25);}
.gallery{overflow: hidden;padding-bottom: 50px;}
.gallery h2{text-align: center;color:#994F78}
.gallery p{font-family: Inter;font-size: 17px;color:#333;opacity: .77;margin: 18px 0 26px;text-align: center;}
.gallery__item{width: 315px;overflow: hidden;border-radius: 24px;}
.gallery__item a{display: block;cursor: pointer;}
.gallery__item img{border-radius: 24px;width: 315px;height: 470px;object-fit: cover;object-position: center;display: block;}
.gallery .after__nav{margin-top: 25px;}

@media(max-width:1700px){
    main video{right: 0;}
    .formula__video{left: 180px;}
    .hydro__video{right: -250px;}
    .eyesbody .hydro__video,.novabody .hydro__video{height: 660px;}
    .stay{padding-top: 90px;}
}
@media(max-width:1500px){
    main{padding: 120px 0;}
    .unic .container{position: relative;}
    .unic__bg{top: -100px;}
    .formula{height: 500px;}
    .formula{padding: 80px 0;}
    .formula__video{left: 120px;}
    .formula__label{left: 50px;bottom: 50px;}
    .formula3s{top: 325px;left: 300px;}
    .derma{padding: 80px 0;}
    .derma__bg{height: 100%;}
    .etap h2{width: max-content;}
    .zones__item{flex: none;width: 25%;}
    .hydro__video{height: 670px;}
    .hydrobody .etap h2,.eyesbody .etap h2,.novabody .etap h2{width: auto;}
    .eyesbody .hydro__video,.novabody .hydro__video{height: 640px;}
}
@media(max-width:1400px){
    main{padding: 100px 0;}
    .base{padding: 60px 0 80px;}
    .footer__bio,footer__top{position: relative;}
    .hydro__video{height: 660px;}
    .recover{background-size: 50%;}
    .eyesbody .hydro__video,.novabody .hydro__video{height: 590px;}
    .mf__main{padding: 140px 0;}
    .stay{padding: 80px 0;}
}
@media(max-width:1300px){
    main{padding: 80px 0 60px;}
    .formula{height: 440px;padding: 40px 0;}
    .formula__label{left: 40px;bottom: 30px;}
    .formula__video{left: 90px;}
    .formula3s{top: 290px;left: 260px;}
    .derma{padding: 70px 0;}
    .mech__item{width: 33.3%;}
    .diff{width: auto;height: auto;line-height: 1.2;padding-top: 7px;padding-bottom: 7px;}
    .opinion__items{gap: 15px;margin: 0 15px;}
    .three p:not(.sub){max-width: 270px;}
    .mech__sub{height: 42px;margin-bottom: 50px;}
    .hydro{padding: 140px 0 40px;height: 730px;}
    .hydro__video{height: 630px;}
    .recover__text{margin-right: 15px;}
    .eyesbody .hydro__video,.novabody .hydro__video{height: 540px;}
    .spec__main video{right: -40px;}
    .spec__main{overflow: hidden;}
    .mf__main{padding: 120px 0;}
    .mis__item{padding: 80px 40px 90px 50px;}
    .stay{padding: 60px 0;}
}
@media (max-width: 1500px) and (min-width: 1141px) {
    .hydro h3 {
        max-width:500px;
    }
}
@media(max-width:1200px){
    main{padding: 80px 0 40px;}
    .dry{padding-top: 70px;}
    .benefits{padding-top: 80px;}
    .derma{padding: 60px 0;}
    .dry__img{height: 113%;}
    .mech__item{padding: 70px 25px;}
    .mech__sub{margin-bottom: 30px;}
    .mech h3{font-size: 23px;height: 90px;}
    .study{padding-top: 60px;}
    .opinion{padding: 70px 0 80px;}
    .hydro{padding: 121px 0 40px;height: 690px;}
    .hydro__video{height: 600px;}
    .second__item{padding: 40px 40px 50px 40px;}
    .afterbg{width: 50%;}
    .eyesbody .hydro__video,.novabody .hydro__video{height: 510px;}
    .spec__main p{font-size: 21px;max-width: 490px;}
    .spec__prot-item{padding: 60px 20px;}
    .spec__prot h3{gap: 15px;font-size: 45px;}
    .spec__video-items{gap: 20px;}
    .spec__video-item{width:calc((100% - 40px) / 3);}
}
@media(max-width:1140px){
    html,body{overflow-x: hidden;max-width: 100%;overflow-wrap: break-word;}
    .container{margin: 0 15px;}
    h2,.three h1,.mech h2{font-size: 42px;}
    .dry,.three,.benefits,.rule,.mech{padding-top: 60px;}
    .dry h3{font-size: 30px;}
    .dry__img{height: 100%;left: -130px}
    .dry__sub{margin-bottom: 30px;}
    .dry p{max-width: 440px;}
    main h1{font-size: 33px;}
    main h2{font-size: 16px;height: 38px;line-height: 38px;margin-bottom: 25px;}
    header .container{flex-wrap: wrap;row-gap: 10px;}
    header nav{width: 100%;}
    header search{position: absolute;top: 33px;right: 160px;}
    .hbtn{position: absolute;top: 25px;right: 15px;}
    main{padding: 110px 0 30px;overflow: hidden;}
    .hmenu{margin: 0;gap: 20px;}
    main video{right: -30px;}
    .new__item{padding: 30px 40px 40px;}
    .three__item{height: 500px;background-size: cover;}
    .benefits__item{padding: 40px 30px 75px 40px;}
    .benefits img{left: -40px;}
    .benefits h3{font-size: 26px;transform: translateX(20px);}
    .benefits__footer{margin: 19px 15px 0 15px;}
    .rule__item{width: auto;column-gap: 15px;}
    .rule__media{padding-left: 0;}
    .rule__item h3{font-size: 26px;}
    .rule__detail{width: 225px;}
    .prodg__bar{width: 160px;}
    .rule__items{padding-bottom: 40px;margin: 0 15px;}
    .unic__accent{width: 100%;}
    .formula h2{font-size: 28px;margin-bottom: 30px;}
    .formula{height: 400px;}
    .formula__content{max-width: 480px;}
    .formula__video{left: 0;}
    .formula1s{width: 195px;left: -200px;}
    .formula2s{width: 145px;left: -150px;}
    .formula__label{left: 20px;bottom: 20px;}
    .formula3s{left: 20px;width: 115px;}
    .derma h2{max-width: 590px;font-size: 32px;margin-bottom: 25px;}
    .derma__pre{margin-bottom: 20px;}
    .derma__el1, .derma__el6,.derma__el2, .derma__el3, .derma__el5{padding: 10px 25px;}
    .derma__el3{margin: 10px 0;}
    .derma__el4{margin-bottom: 10px;}
    .derma{padding: 40px 0;}
    .derma .container{position: relative;}
    .derma__el6,.derma__el2{background: #fff;}
    .mech__item{padding: 60px 20px;}
    .diff2{width: auto;height: auto;line-height: 1.2;padding-top: 7px;padding-bottom: 7px;}
    .study form p{width: 100%;}
    form p span:not(.agree){width: 100%;max-width: 100%;}
    form p input:not([type="checkbox"]){width: 100%;}
    .wpcf7-list-item,.wpcf7-list-item-label,.wpcf7-form-control-wrap{max-width: 100%;min-width: 0;box-sizing: border-box;}
    [data-name="your-agree"] label{justify-content: center;}
    .base__item h3{font-size: 24px;}
    .opinion{padding: 60px 0;}
    .opinion__item{padding-left: 15px;}
    .opinion__items{gap: 10px;}
    .opinion__item p{font-size: 14px;}
    .question{padding-top: 60px;}
    .question__left{max-width: 400px;}
    .question__left img{max-width: 100%;}
    .question__flex{gap: 20px;}
    footer{padding-top: 60px;}
    footer .hlogo{height: auto;}
    .footer__top{gap: 20px;}

    .hydro h1 img{width: 250px;}
    .hydro h1 span{font-size: 16px;height: 38px;line-height: 38px;}
    .hydro .hydro__h2{font-size: 60px;}
    .hydro h3,.etap h3,.pok__use p{font-size: 24px;}
    .hydro__docs{margin-bottom: 30px;}
    .hydro{height: 640px;}
    .hydro__video{height: 530px;}
    .hydro__disclaimer{max-width: 450px;}
    .hydro__btns{margin: 15px 0 25px;}
    .second h2{font-size: 28px;}
    .second__item{padding: 40px 20px;flex: none;width: 28%;}
    .second__item:nth-child(2){width: 44%;}
    .recover__flex{gap: 50px;}
    .recover__left{width: 400px;}
    .recover,.tech,.after{padding: 60px 0;}
    .recover__items{gap: 15px;}
    .recover__item{padding: 15px;height: auto;}
    .recover__item h3{font-size: 24px;}
    .recover2v .rule__item{margin: 0 15px;}
    .recover2v .rule__item h3{font-size: 54px;}
    .recover2v .rule__img{width: 100%;}
    .recover2v .rule__detail{font-size: 27px;}
    .recover2v .recover__item h3{font-size: 26px;}
    .recover2v .recover__items{gap: 10px;}
    .recover2v .recover__item{padding: 15px 5px 20px 10px;}
    .recover__bottom{gap: 30px;}
    .etap__item{padding: 160px 20px 70px 30px;}
    .etap__item-top{font-size: 20px;}
    .zones{padding-top: 60px;}
    .pok__flex,.tech__flex{gap: 50px;}
    .pok__diff.pd1{width: 490px;}
    .pok{padding-bottom: 0;}
    .after__prev, .after__next{width: 60px;height: 60px;}
    .after__nav{margin-top: 40px;}
    header{padding-bottom: 40px;}
    .eyesbody .hydro__video,.novabody .hydro__video{height: 420px;}
    .csoon{height: 50px;line-height: 50px;font-size: 24px;}
    .eyesbody .hydro h3,.novabody .hydro h3{font-size: 20px;}
    .spec__main{height: 650px;}
    .spec__prof{margin-top: 120px;}
    .spec__main video{height: 70%;}
    .spec__prot-items{flex-wrap: wrap;}
    .spec__prot-item{width: 50%;}
    .spec__prot-item:nth-child(3){width: 100%;}
    .spec .after{overflow: hidden;}
    .afterbg{right: -30px;}
    .calendar__filter{flex-wrap: wrap;row-gap: 30px;justify-content: center;}
    .calendar__month-event{flex: 1;}
    .pioner img{max-width: 100%;}
    .mf__main{padding: 100px 0 50px;}
    .pioner h1{font-size: 42px;}
    .cert .container{position: relative;}
    .certbg{width: 44%;}
    .control__item{font-size: 20px;padding: 25px 20px 25px 25px;}
    .mis__item{padding: 50px 20px 60px 25px;}
    .mis h2{font-size: 30px;}
    .stay__slogan,.stay .calendar__sup{font-size: 13px;}
    .stay h2{font-size: 40px;}
    .stay__item{padding: 15px 15px 20px 20px;}
}
@media(max-width:920px){
    header .container{flex-wrap: nowrap;height: auto;gap: 8px;align-items: center;}
    .hamburger{font: inherit;display: inline-block;overflow: visible;margin: 0 0 0 auto;padding: 0;cursor: pointer;transition-timing-function: linear;transition-duration: .15s;transition-property: opacity, filter;text-transform: none;color: inherit;border: 0;background-color: transparent;position: static;flex-shrink: 0;z-index: 12;}
    header search{position: static;top: auto;right: auto;flex-shrink: 0;}
    .hbtn{position: static;top: auto;right: auto;margin-left: 0;flex-shrink: 0;}
    header nav{position: absolute;left: -100%;top: 100%;background: #ef4855;padding: 25px;transition: .2s ease-in-out;width: 100%;z-index: 11;box-sizing: border-box;}
    header nav.show{left: 0;}
    .hmenu{flex-direction: column;align-items: center;}
    .hmenu a{font-size: 18px;line-height: 2;}
    header{padding-bottom: 22px;}
    main{padding-top: 100px;}
    main h2 {font-size: 14px;height: 36px;line-height: 36px;margin-bottom: 20px;background: #e83c4c;color: #fff;}
    main h1 {font-size: 30px;max-width: 460px;}
    .main__btns{margin-top: 20px;}
    main video{right: -150px;}
    .new h2{font-size: 30px;}
    .new__item{padding: 20px 20px 30px;}
    .new__sub{margin-bottom: 15px;}
    .dry, .three, .benefits, .rule,.mech{padding-top: 40px;}
    h2, .three h1, .mech h2{font-size: 36px;}
    .dry__sub{height: 40px;line-height: 40px;margin-bottom: 20px;}
    .dry h3{font-size: 24px;}
    .dry__img {height: 95%;left: -205px;}
    .three .sub{margin-bottom: 30px;}
    .three__item{height: 420px;}
    .three h3{font-size: 16px;}
    .three p{font-size: 18px;margin-bottom: 0;}
    .three__line svg{width: 40px;}
    .benefits h3{font-size: 20px;}
    .benefits__item {padding: 30px 20px 75px 30px;}
    .benefits__footer{font-size: 16px;}
    .rule__items{margin: 0 15px;}
    .rule__item{flex-wrap: wrap;row-gap: 15px;justify-content: center;}
    .rule__prodd{width: 33%;}
    .prodg__bar{width: 220px;}
    .unic__item{padding: 30px 20px;gap: 15px;}
    .unic h3{font-size: 18px;}
    .unic__img{max-width: 70%;}
    .formula{height: 340px;padding: 20px 0;}
    .formula h2{font-size: 24px;margin-bottom: 20px;}
    .formula h3{font-size: 15px;}
    .formula p:not(:last-child){margin-bottom: 20px;}
    .formula__content{max-width: 390px;}
    .formula1s {width: 150px;left: -160px;}
    .formula2s {width: 125px;left: -130px;}
    .formula p{font-size: 14px;}
    .formula3s{top: 220px;}
    .derma__el3{background-color: #fff;}
    .mech__item {padding: 50px 15px 40px;}
    .mech__items{flex-wrap: wrap;}
    .mech__item:nth-child(1),.mech__item:nth-child(2){width: 50%;}
    .mech__item:nth-child(3){width: 100%;padding-top: 40px;}
    .diff{width: max-content;}
    .mech__item:nth-child(2) .diff{width: auto;}
    .mech__sub{margin-bottom: 10px;}
    .mech h3{height: 50px;font-size: 24px;}
    .mech__do{font-size: 24px;}
    .mech .mech__item:nth-child(3) h3,.mech .mech__item:nth-child(3) p{max-width: unset}
    .base{padding: 60px 0;}
    .base__item h3{font-size: 18px;height: 50px;}
    .base__item{padding: 40px 30px;}
    .base__items{gap: 20px;}
    .opinion__items{flex-wrap: wrap;gap: 30px 15px}
    .opinion__item{width: calc(50% - 15px);flex: none;}
    .question__top{margin-bottom: 30px;}
    .question__flex{gap: 15px;}
    .question__left{max-width: 300px;}
    .question__monitoring{padding: 30px 15px;}
    .footer__top{flex-wrap: wrap;gap:30px 15px;justify-content: space-around;}
    .footer__disclaimer{font-size: 22px;}
    .footer__bio-line2{font-size: 14px;}
    .footer__bio-line1 p{font-size: 13px;}
    
    .hydro h1 img{width: 200px;}
    .hydro h1 span{font-size: 15px;}
    .hydro .hydro__h2{font-size: 45px;}
    .hydro h3, .etap h3, .pok__use p{font-size: 20px;}
    .hydro__video{height: 440px;}
    .hydro__disclaimer{max-width: 400px;}
    .second h2{font-size: 24px;}
    .recover__left{width: 270px;}
    .recover video{max-width: 110%;}
    .recover__img{width: 90%;top: 170px;right: -20px;}
    .benefits__footer{margin-left: 15px;margin-right: 15px;}
    .zones h2{margin-bottom: 20px;}
    .pok__flex, .tech__flex{gap: 30px;}
    .pok__diff.pd1{width: 390px;}
    .pok__items1,.pok__items2,.pok__items3{flex-wrap: wrap;gap: 0;}
    .pok__left{width: 50%;}
    .pok__diff.pd7{width: 400px;}
    .pok__diff.pd6{width: 320px;}
    .pok__diff.pd4{width: 240px;}
    .pok__diff.pd2, .pok__diff.pd3{width: 270px;}
    .pok h2{font-size: 30px;}
    .tech__text{padding-top: 0;width: 51%;}
    .tech p{margin-bottom: 25px;}
    .tech h2{margin-bottom: 10px;}
    .tech__items{flex-wrap: wrap;width: 100%;gap: 0;}
    .after__slider{padding: 0 10px;}
    .after__nav{margin-top: 20px;}
    .rben .h2{font-size: 36px;}
    .rben p{font-size: 20px;}
    .recover2v .rule__prodd{width: 48%;}
    .recover2v .rule__item{width: 100%;padding: 0 15px;justify-content: space-between;margin: 0;}
    .recover2v .prodg__bar{width: auto;}
    .recover2v .rule__img{width: 100%;}
    .recover2v .flac{height: 34px;line-height: 34px;font-size: 16px;}
    .recover2v .rule__item h3{font-size: 50px;}
    .recover2v .rule__detail strong{font-size: 40px;}
    .recover2v .rule__detail{font-size: 24px;}
    .recover__bottom{flex-wrap: wrap;}
    .recover2v .rule__prodg{max-width: none;}
    .recover2v .recover__item h3{font-size: 24px;}
    .recovery__bar{padding: 30px 20px 40px;}
    .rq__agree + span{display: block;}
    .csoon{height: 40px;line-height: 40px;font-size: 20px;}
    .eyesbody .hydro__video,.novabody .hydro__video{right: -120px;height: 400px;}
    .spec__main{height: 560px;}
    .spec__prof{margin-top: 80px;}
    .spec__main p{max-width: 350px;font-size: 18px;}
    .spec__main video{right: -50px;}
    .spec__main-btn{padding: 0 25px;}
    .spec .after h2{margin-left: 15px;text-align: left;}
    .spec .after .filter{margin-left: 0;justify-content: flex-start;margin-left: 15px;}
    .calendar__header{padding: 160px 0 60px;}
    .calendar__filter p,.custom-select,.calendar__date,.calendar__oo{font-size: 16px;}
    .mf__logo img{width: 220px;}
    .mf__logo{gap: 25px;}
    .mf__logo span{font-size: 24px;}
    .mf__main p{font-size: 18px;max-width: 510px;}
    .mf__main-item{width: 210px;height: 110px;}
    .pioner__content{margin-top: 40px;gap: 30px;}
    .pioner h1{font-size: 40px;}
    .cert{padding:60px 0 180px;}
    .control{padding: 60px 0;}
    .control__flex{flex-wrap: wrap;justify-content: center;}
    .control__img{order:3}
    .mis__items{flex-wrap: wrap;}
    .mis__item{width: 50%;}
    .mis__item:nth-child(3){width: 100%;}
    .stay__flex{flex-wrap: wrap;gap: 30px;justify-content: center;}
    .stay__slogan, .stay .calendar__sup{font-size: 14px;}
}
@media(max-width:768px){
    html,body{overflow-x: hidden;max-width: 100%;overflow-wrap: break-word;}
    .new__items{flex-wrap: wrap;flex-direction: column;}
    main{padding-top: 80px;}
    .main__content{padding: 50px 0;}
    main h1{background: #042c5f;}
    main .container{position: relative;z-index: 2;}
    main video{z-index: 1;}
    .dry__flex,.unic__items{flex-wrap: wrap;flex-direction: column-reverse;}
    .dry__left{max-width: 100%;}
    .dry__right{width: 100%;}
    .dry__img{position: static;display: block;width: 100%;max-width: 100%;height: auto;left: auto;object-fit: contain;}
    .three__items,.benefits__items{flex-wrap: wrap;}
    .three__items{gap: 15px;}
    .three__item{height: 550px;width: 93%;max-width: 93%;}
    .rule__prodd{width: 48%;}
    .rule__prodg,.prodg__bar{width: 100%;}
    .unic__img{width: 30%;}
    .unic__item{width: auto;flex: auto;height: auto;min-height: 220px;}
    .formula1s,.formula2s,.formula3s{display: none;}
    .formula__content{max-width: 370px;}
    .formula__video{left: -200px;}
    .formula{height: 380px;}
    .derma__pre{font-size: 13px;}
    .derma__el3{width: auto;}
    .derma{padding: 0 0 40px;}
    .derma__bg{position: static;display: block;width: 100%;height: auto;max-height: none;object-fit: unset;}
    .derma .container{padding-top: 30px;}
    .mech__item{width: 100%!important;padding-top: 40px;}
    .mech h2,.study__video{width: 100%;}
    .mech h2{font-size: 28px;}
    .mech__item:nth-child(3), .mech__item:nth-child(2){padding-top: 40px;}
    h2,.three h1{font-size: 32px;}
    .study form p{flex-wrap: wrap;justify-content: center;}
    .study form p:first-of-type .wpcf7-form-control-wrap{min-width: 100%;flex-basis: 100%;}
    .study form p:first-of-type input[type="submit"]{width: 100%;}
    .study input[type="submit"]{margin-left: 0;}
    [data-name="your-agree"] label{margin-top: 10px;}
    .base__items{flex-wrap: wrap;flex-direction: column;}
    .base__item{padding: 20px 30px;}
    .base__item h3{margin: 5px 0 10px;}
    .opinion__top{margin: 0 15px 20px 15px;}
    .question__flex{flex-wrap: wrap;}
    .question__left{display: flex;gap: 10px;max-width: unset;}
    .question__left img{width: 50%;}
    .question__monitoring{width: 50%;}
    .question__monitoring-btn{line-height: 1.1;width: auto;height: auto;padding: 10px 20px;}
    .study form p:last-of-type{font-size: 14px;}
    .footer__top{gap:30px 10px}
    .footer__accordion{flex: 1 1 100%;width: 100%;max-width: 100%;text-align: left;}
    .footer__contacts{flex: 1 1 100%;width: 100%;max-width: 100%;text-align: left;}
    button.footer__top-title{width: 100%;cursor: pointer;}
    .footer__accordion .footer__top-title{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 0;padding: 8px 0;}
    .footer__accordion-icon{display: block;width: 8px;height: 8px;flex-shrink: 0;margin-top: -4px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg);transition: transform .2s ease;}
    .footer__accordion.is-open .footer__accordion-icon{transform: rotate(225deg);margin-top: 2px;}
    .footer__accordion:not(.is-open) .footer__accordion-body{display: none;}
    .footer__accordion.is-open .footer__accordion-body{padding-top: 12px;}

    .etap__items,.recover__flex,.second__items,.pok__flex, .tech__flex{flex-wrap: wrap;}
    .hydro{height: 1070px;}
    .hydro__video{right: unset;left: 50%;transform: translateX(-50%);}
    .tech__video{width: 100%;max-width: 100%;height: auto;}
    .after{overflow: hidden;}
    .pok__diff{max-width: 100%;box-sizing: border-box;}
    .zones__item{width: 50%;}
    .mech__doitem{max-width: 100%;white-space: normal;height: auto;line-height: 1.3;padding: 8px 16px;}
    .study form p{width: 100%;max-width: 100%;}
    form p span:not(.agree){width: 100%;}
    .spec__prot-item svg{max-width: 100%;height: auto;}
    .filter{flex-wrap: wrap;row-gap: 10px;}
    .select-wrapper{width: 100%;max-width: 280px;}
    .footer__link{white-space: normal;}
    .question__item-top{gap: 10px;}
    .new p{max-width: 100%;}
    .second__item{width: 100%!important}
    .recover__left{width: 100%;height: 410px;}
    .recover__img{width: 50%;right: 0;}
    .recover video{max-width: 330px;}
    .recover{background-position: top 540px right 0;}
    .etap h2{width: 66%;text-align: center;}
    .etap__item:nth-child(3){padding-top: 40px;}
    .tech__text{width: 100%;}
    .afterbg{width: 18%;}
    .pok__left,.pok__right{width: 100%;}
    .pok__items1,.pok__items2,.pok__items3{width: 100%;}
    .recover2v .rule__prodd{width: 100%;}
    header{padding-bottom: 22px;}
    .recover2v .rule__item video{width: 93%;}
    .recover__top{flex-wrap: wrap;justify-content: center;}
    .recover2v .rule__media{order: -1;width: 80%;height: auto;overflow: hidden;padding-bottom: 50px;}
    .recover2v .rule__item video{top: -140px;}
    .recover2v{padding: 50px 0;}
    .recover__top{margin-bottom: 20px;}
    .recover2v .recover__items{max-width: none;}
    .recovery__bar-flex{flex-wrap: wrap;justify-content: center;}
    .recover2v__btn.invert{margin-top: 0;height: auto;padding:0 10px;}
    .eyesbody .hydro__video,.novabody .hydro__video{width: 100%;right: 0;transform: none;left: auto;}
    .eyesbody .hydro video,.novabody .hydro video{width: 100%;height: auto;}
    .eyesbody .hydro,.novabody .hydro{height: 1020px;}
    .spec__prof{margin-top: 20px;}
    .spec__main video{position: static;order: 5;}
    .spec__main{display: flex;flex-direction: column;height: unset;}
    .spec__prot-item{width: 100%;padding: 40px 20px;}
    .spec__prot ul{padding: 20px 0 40px;}
    .spec__prot li{line-height: 2;}
    .spec__video-item{padding: 30px 10px 20px 20px;}
    .spec__video{padding-top: 60px;}
    .spec__video-items{flex-wrap: wrap;justify-content: center;}
    .spec__video-item{width: 47%;}
    .spec__video h3{font-size: 17px;}
    .spec__video h4{font-size: 14px;}
    .calendar__header{padding-top: 150px;}
    .calendar h1{font-size: 44px;}
    .calendar__month-item{gap: 15px;}
    .calendar__month-date{width: 90px;min-width: 90px;max-width: 90px;flex-basis: 90px;}
    .calendar__month-event{padding: 25px 15px 30px 30px;}
    .pioner__content{flex-wrap: wrap;}
    .cert__item{width: auto;height: auto;line-height: 1.2;padding: 12px 20px 15px 23px;}
    .mf__main-flex{flex-wrap: wrap;gap: 20px;}
    .mf__main-right{display: flex;gap: 8px;justify-content: center;}
    .mf__main-digit{font-size: 30px;}
    .mf__main-item{width: 32%;padding: 10px 15px 20px 15px;}
    .pioner h1{font-size: 38px;}
    .mis__item{width: 100%;}
    .mis__item{padding: 40px 20px 50px 25px;}
}
@media(max-width:500px){
    .scroll-top{width:48px;height:48px;right:calc(16px + env(safe-area-inset-right, 0px));bottom:calc(16px + env(safe-area-inset-bottom, 0px));}
    .gallery__item,.gallery__item img{width: 260px;height: 390px;}
    .hlogo{width: 132px;}
    .hbtn{padding: 0 12px;font-size: 14px;}
    main h1{font-size: 23px;padding: 10px; border-radius: 10px;}
    .main__btns{flex-wrap: wrap;width: 100%;max-width: 100%;}
    main video{right: -260px;}
    main p{max-width: 280px;}
    .main__btns{gap: 10px;}
    .main__btn.opacity-btn,.main__btn.red-btn{padding: 0 20px;}
    .new h2{font-size: 26px;}
    h2,.three h1{font-size: 30px;}
    .dry h3{font-size: 22px;}
    .three__item{height: 480px;}
    .benefits h3{height: auto;}
    .benefits__footer{margin: 20px 15px;}
    .rule__prodd, .rule__img,.rule__detail{width: 100%;}
    .derma__pre{width: auto;height: auto;padding: 10px 12px;line-height: 1.3;}
    .formula__content{max-width: 290px;}
    .formula__video{left: -280px;}
    .formula__label{left: 0;bottom: 0;display: none;}
    /* .formula{height: 390px;overflow: hidden;} */
    .formula{height: auto;overflow: hidden;padding: 40px 0;}
    .derma__flex{flex-wrap: wrap;}
    .mech h2{width: 100%;}
    .mech__sub,.mech h3,.base__item h3{height: auto;}
    .diff{width: auto;}
    .question__left img,.question__monitoring,.opinion__item{width: 100%;}
    .question__left{flex-wrap: wrap;}
    .question__monitoring-btn img{width: auto;}
    .question__item-top{height: auto;padding: 10px 10px 10px 20px;}
    .question__item-bottom p{font-size: 14px;}
    .study{padding-top: 40px;overflow: hidden;}
    .study__video{bottom: -80px;}
    .footer__top1{width: auto;}
    .footer__top1 p{margin-bottom: 30px;}
    .footer__social{justify-content: center;}
    .footer__bio,.footer__top{text-align: center;}
    .footer__accordion,.footer__contacts{text-align: left;}
    .footer__safety{max-width: unset;}
    .footer__bio-line1{flex-wrap: wrap;}
    .footer__bio-line1 img{margin: 0 auto;}
    .footer__bio-line2{flex-wrap: wrap;gap: 15px;}
    .footer__disclaimer{font-size: 18px;}
    .study form p:last-of-type{font-size: 13px;}

    .hydro h1{flex-wrap: wrap;row-gap: 15px;justify-content: center;}
    .hydro .hydro__h2{font-size: 40px;}
    .hydro__5ml-top{font-size: 28px;}
    .hydro__btns,.hydro__docs{flex-wrap: wrap;justify-content: center;}
    .hydro{display: flex;flex-wrap: wrap;height: auto;padding-top: 100px;}
    .hydro__video{width: 100%;order: 2;position: relative;left: 0;height: 400px;transform: none;overflow: hidden;}
    .hydro video{width: 100%;height: 100%;object-fit: cover;object-position: center;}
    .hydro h1 img{width: auto;max-width: min(200px, 100%);}
    .hydro h2{flex-wrap: wrap;justify-content: center;row-gap: 8px;}
    .pok__diff,.pok__diff.pd1,.pok__diff.pd2,.pok__diff.pd3,.pok__diff.pd4,.pok__diff.pd5,.pok__diff.pd6,.pok__diff.pd7,.pok__diff.pd8{width: 100%;}
    .pok__items1,.pok__items2,.pok__items3{flex-direction: column;width: 100%;}
    .hydro__disclaimer{margin-bottom: 15px;}
    .pok__diff.pd1,.pok__diff.pd8,.recover__item{width: 100%;}
    .etap h2{top: 20px;}
    .etap__item:nth-child(2){padding-top: 40px;}
    .etap__item{padding: 40px;}
    .after__prev, .after__next{width: 50px;height: 50px;}
    .rben .h2{font-size: 32px;}
    .rben p{font-size: 18px;}
    .rben .benefits__footer{padding: 20px;}
    .recover2v .rule__img, .recover2v .rule__prodd, .recover2v .rule__prodg, .recover2v__new{width: 100%;}
    .recover2v__bottom{padding: 15px 0 0 0;}
    .recover2v .rule__item video{top: -100px}
    .recover2v .rule__item h3{font-size: 38px;}
    .recover2v .recover__item h3,.recover2v .rule__detail{font-size: 22px;}
    .recover2v .rule__detail strong{font-size: 34px;}
    .recover2v .recover__items{flex-wrap: wrap;}
    .recover2v__btn.invert{line-height: 1.5;padding: 10px 15px;text-align: center;}
    .csoon{margin: 0 auto 25px;max-width: 100%;box-sizing: border-box;text-align: center;line-height: 1.2;height: auto;padding: 10px 16px;}
    .hydro h3{text-align: center;}
    .tech__item{max-width: 100%;}
    .eyesbody .hydro,.novabody .hydro{height: auto;}
    .calendar__oo>div{padding: 0 16px;}
    .calendar__date{width: 100%;max-width: 100%;}
    .spec__prot h3{flex-wrap: wrap;font-size: 32px;}
    .spec__prot-line{display: none;}
    .mf__main-item{height: auto;}
    .stay__slogan, .stay .calendar__sup{font-size: 13px;}

    .spec__prof{font-size: 14px;}
    .spec__main h1{font-size: 38px;}
    .spec__main p,.spec__prot-sub{font-size: 16px;}
    .spec__main-btns{margin: 20px 0;justify-content: space-around}
    .spec__prot h3{flex-wrap: wrap;font-size: 32px;}
    .spec__prot-h3b{font-size: 13px;}
    .filter__item{padding: 0 20px;height: 40px;line-height: 40px;}
    .spec__video-item{width: 95%;}
    
    .calendar__header{padding: 130px 0 50px;}
    .calendar h1{font-size: 33px;}
    .calendar p{font-size: 18px;}
    .calendar__month-item{flex-wrap: wrap;}
    .c__date,.c__month{height: 50px;line-height: 50px;}
    .calendar__month-date{height: 104px;}
    .calendar__month-event{flex: 1 1 100%;width: 100%;}

    .mfvline{height: 50px;}
    .mf__logo img{width: 160px;}
    .mf__logo{gap: 15px;}
    .mf__logo span{font-size: 18px;}
    .mf__main p{font-size: 16px;line-height: 1.5;}
    .mf__main-right{flex-wrap: wrap;}
    .mf__main-item{width: 48%;height: auto;min-height: 90px;text-align: center;}
    .pioner__content{margin-top: 30px;}
    .pioner{padding-bottom: 50px;}
    .certbg{width: 52%;}
    .control__item{font-size: 18px;}
    .control__img,.stayimg{max-width: 100%;}
    .stay__slogan, .stay .calendar__sup{font-size: 13px;}
    .stay__top{gap: 15px;}
    .stay h2{font-size: 33px;}
}
@media(max-width:380px){
    .hlogo{width: 108px;}
    .hbtn{padding: 0 10px;font-size: 13px;}
    .main__btns{flex-direction: column;align-items: stretch;width: 100%;}
    .main__btn{text-align: center;}
    .hydro .hydro__h2{font-size: 34px;}
    .spec__main h1{font-size: 32px;}
    .calendar__oo{flex-wrap: wrap;height: auto;justify-content: center;}
}