@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&subset=cyrillic");
body {
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden; }

::-webkit-input-placeholder {color:#00D1C0;}
::-moz-placeholder          {color:#00D1C0;}/* Firefox 19+ */
:-moz-placeholder           {color:#00D1C0;}/* Firefox 18- */
:-ms-input-placeholder      {color:#00D1C0;}

.wrapper {
  overflow: hidden;
}

.desktop-only,
.item img.desktop-only {
  display: none; }

.block1 {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
  padding-bottom: 15px;
  background: url("../index_files/mobile-block1-bg.jpg") no-repeat top;
  background-size: cover; }

.block-heading {
  color: #FF85B1;
  font-size: 60px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 5px 0 0; }

.block1-subheading {
  color: #00D1C0;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0; }

.block1-list {
  padding: 0 0px 0 25px;
  margin: 0;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase; }
.block1-list li {
    color: #FF85B1; }

.product {
  float: left;
  width: 35%;
  position: relative;
  font-weight: 800; }
  .product img {
    position: relative;
    top: 80px;
    right: 5px;
    width: 160px; }

.block1-girl {
  position: relative;
  left: 40px;
  top: 4px; }

.clearfix {
  content: " ";
  clear: both;
  visibility: hidden;
  height: 0; }

.old-price {
  top: 0;
  text-decoration: line-through;
  right: -70px;
  position: absolute;
  color: #00D1C0;
  border: 3px solid #00D1C0;
  border-radius: 50%;
  font-size: 20px;
  box-shadow: 2px 2px 10px #000;
  width: 55px;
  height: 55px;
  background: #fff;
  padding-top: 17px;
  box-sizing: border-box;
  font-size: 15px;
  text-align: center; }

.new-price {
  position: absolute;
  color: #FF85B1;
  border: 3px solid #FF85B1;
  border-radius: 50%;
  font-size: 25px;
  box-shadow: 2px 2px 10px #000;
  width: 80px;
  height: 80px;
  top: 40px;
  right: -48px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  font-size: 17px;
  padding-top: 20px; }

.order-form {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 6px 0px #d3d3d3;
  padding: 10px 15px 20px;
  margin: 0 auto;
  width: 80%;
  position: relative;
  z-index: 2; }

.field {
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px;
  border: 1px solid #92E3DA;
  background-color: #E8FEFB;
  color: #00D1C0;
  display: block;
  width: 100%;
  margin-top: 10px;
  outline: none; }
select.field{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: url("../index_files/select.png") no-repeat 97% center #E8FEFB;
}
.order-button {
  background-color: #FFCD4C;
  border: none;
  border-radius: 15px;
  width: 100%;
  padding: 0 5px 5px;
  margin-top: 10px;
  outline: none;
  font-size: 37px;
  transition: all .4s ease;
  cursor: pointer; }

.order-button:hover{
  box-shadow: 2px 2px 10px #000; }

.button-text {
  background: #000;
  color: transparent;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.99);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  font-weight: 900;
  text-transform: uppercase; }

.block2 {
  background: url("../index_files/mobile-block2-bg.jpg") no-repeat center;
  background-size: cover; }

.mob-only-heading {
  background-color: #00D1C0;
  color: #fff;
  box-shadow: 0px 9px 17px 0px #d3d3d3;
  font-size: 19px;
  padding: 10px 0;
  text-align: center;
  margin: 0px 0 15px; }

.item img {
  width: 28%;
  vertical-align: super; }

.item img:nth-child(odd) {
  margin-right: 10px; }

.item img,
.item p {
  display: inline-block; }

.item p {
  width: 65%; }

.item-heading {
  text-transform: uppercase;
  color: #FF85B1; }
.block2 .tablet-container,
.block3 .tablet-container{
  padding: 0 10px;
  box-sizing: border-box; }

.doc-ava {
  margin: 0 auto;
  padding: 65px 15px;
  background: url("../index_files/mobile-man-doctor-border.png") no-repeat center;
  background-size: 76%;
  text-align: center; }

.doc-woman {
  background-image: url("../index_files/mobile-woman-doctor-border.png"); }

.doc-name {
  color: #00D1C0;
  font-size: 1em;
  font-style: italic; }
  .doc-name strong {
    border-top: 2px solid #00D1C0;
    font-style: normal; }

.pink-big,
.pink-small {
  color: #fff;
  background-color: #FF85B1;
  border-radius: 10px;
  box-shadow: 2px 10px 10px 0 #d3d3d3;
  text-align: center;
  text-transform: uppercase;
  padding: 5px;
  margin: 10% auto;
  width: 90%; }

.pink-big {
  font-size: 40px;
  font-weight: 900;
  padding: 20px 10px; }

.pink-small {
  font-size: 20px;
  font-weight: 700; }

.advantage {
  position: relative;
  width: 180px;
  text-align: center;
  margin: 0 auto; }

.adv-head,
.percents {
  font-weight: 900;
  position: absolute; }

.adv-head {
  font-size: 13px;
  text-transform: uppercase; }

.a-h1 {
  top: 42px;
  left: 62px; }

.a-h2 {
  top: 45px;
  left: 59px; }

.a-h3 {
  left: 55px;
  top: 47px; }

.a-h4 {
  top: 50px;
  left: 29px; }

.percents {
  font-size: 30px;
  top: 75px; }

.perc1 {
  left: 67px; }

.perc2 {
  left: 49px; }

.perc3 {
  left: 65px; }
.h-w-shipment, .hidden-window .h-w-main .h-w-right .h-w-form .h-w-text-total:nth-of-type(4) {
display: none !important
}
.perc4 {
  left: 50px; }

.adv-text {
  font-size: 14px;
  color: #797979; }

.block5 .mob-only-heading {
  background-color: #FF85B1; }

.mob-slider li {
  background-color: #00D1C0;
  color: #fff;
  border-radius: 10px;
  padding: 10px; }

.desktop-slider {
  display: none; }

.review-name {
  font-style: italic; }
  .review-name strong {
    font-style: normal;
    border-top: 2px solid #fff;
    text-transform: uppercase; }

.block5-6-bg {
  background: url("../index_files/mobile-block5-bg.jpg") no-repeat center;
  background-size: cover; }

.block6 {
  overflow-x: hidden;
  overflow-y: visible;
  padding: 0px 0 20px; }
  .block6 .order-form{
  width: 70%; }
.bottom-girl {
  float: left;
  position: relative;
  top: 9px; }

.bottom-product {
  position: relative;
  float: right;
  width: 35%;
  font-weight: 800; }
  .bottom-product img {
    position: relative;
    top: 85px;
    right: 55px;
    width: 160px; }
  .bottom-product .old-price {
    right: 75px;
    top: -20px; }
  .bottom-product .new-price {
    right: 90px;
    top: 15px; }

    .item-gift {
    margin: 10px 0;
    font-weight: 900;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 1px #0000008c;
}
.item-gift {
    display: none;
    margin: 10px 0;
    font-weight: 900;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    color: #FF85B1;
    /*text-shadow: 2px 2px 2px #9a393a;*/
}

@media screen and (min-width: 400px) {
  .block1-girl {
    top: 4px;
    left: 80px; }
  .product img {
    width: 195px; }
  .doc-ava {
    background-size: 61%; }
  .bottom-girl {
    top: 10px; } }

@media screen and (min-width: 413px) {
  .tablet-container {
    width: 412px;
    margin: 0 auto; } }

@media screen and (min-width: 1000px) {
  body {
    background-image: url("../index_files/desktop-page-bg.jpg");
    background-repeat: no-repeat; }
  .desktop-slider {
    display: block; }
  .mob-only,
  .mob-slider {
    display: none !important; }
  img.desktop-only {
    display: inline; }
  .tablet-container,
  .container {
    width: 1000px;
    margin: 0 auto; }
  .mob-only-heading {
    width: 100%;
    border-radius: 30px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    font-size: 30px; }
  .block1 {
    background-image: none;
    overflow: visible; }
    .block1 .clearfix {
      display: none; }
    .block1 .block-heading {
      font-size: 170px;
      line-height: 125px;
      padding-left: 70px; }
    .block1 .container {
      position: relative; }
    .block1 .order-form{
      left: -30px; }
  .block1-subheading {
    font-size: 37px; }
  .block1-top {
    width: 400px;
    margin: 0 auto; }
  .product {
    margin-bottom: -150px; }
    .product img {
    width: 308px;
    right: 0;
    top: 105px; }
    .product .old-price {
      right: 45px;
      text-decoration: line-through;
      width: 80px;
      height: 80px;
      padding-top: 25px;
      font-size: 22px; }
    .product .new-price {
      right: 100px;
      width: 120px;
      height: 120px;
      padding-top: 30px;
      font-size: 26px; }
  .block1-list {
    padding-left: 88px;
    font-size: 34px;
    line-height: 1; }
  .order-form {
    width: 250px; }
  .block1-girl {
    position: absolute;
    right: -90px;
    left: inherit;
    top: 25px; }
    .block1-girl img {
      width: 440px; }
  /*--------------block2-----------*/
  .block2 {
    background-image: none; }
    .block2 .desktop-only {
      vertical-align: top;
      position: relative; }
      .block2 .desktop-only img {
            position: absolute;
    left: -30px;
    top: 110px;
    width: 350px; }
    .block2 .tablet-container {
      text-align: center;
      margin-top: 25px; }
      .block2 .tablet-container > div {
        display: inline-block;
        width: 32%;
        vertical-align: top; }
  .item {
    position: relative;
    z-index: 6; }
    .item > p {
      text-align: left;
      width: 100%;
      font-size: smaller; }
    .item img.desktop-only {
      display: block;
      position: absolute;
      width: 33%; }
  .item-heading {
    display: block; }
  .item1 {
    left: 45px; }
    .item1 p {
      padding-right: 40px;
      box-sizing: border-box; }
  .ingr1 {
    left: -110px; }
  .item2 {
    padding-top: 70px;
    right: 20px;
    padding-bottom: 35px;
    margin-top: 35px; }
  	.item2 p{
      margin-top: 25px;
    }
  .ingr2 {
    top: 5px; }
  .item3{
   padding-top: 17px; }
  .ingr3 {
    right: 10px;
    top: -45px; }
  .item4 {
    top: 20px;
    padding-bottom: 10px; }
  .ingr4 {
    right: 15px;
    top: -45px; }
  .item5 {
    padding-top: 65px;
    left: 35px; }
  .ingr5 {
    right: 10px;
    top: 0px; }
  .ingr6 {
    right: 75px;
    top: 0; }
  .item6 {
    padding-top: 53px;
    padding-left: 20px; }
  .sostav4-6 {
    margin-top: 20px; }
  /*------------block3---------*/
  .block3 {
    position: relative; }
    .block3 .mob-only-heading{
      margin-bottom: 40px;
      width: 75%; }
    .block3 * {
      z-index: 6; }
    .block3 .desktop-only {
      display: block; }
    .block3 img.desktop-only {
      display: inline;
      position: absolute; }
    .block3 .doc-bg {
      background: #fff;
      position: absolute;
      z-index: 1;
      width: 150%;
      height: 555px;
      transform: rotate(-16deg);
      top: -37px;
      left: -200px;
      box-shadow: -1px 4px 4px 0 grey; }
  .doctor {
    position: relative; }
  .doc-says {
    border-radius: 10px;
    padding: 20px 15px 35px;
    width: 52%;
    box-shadow: -2px -2px 15px 0 gray;
    position: absolute;
    background-color: #fff; }
  .doc-text {
   font-size: 17px; }
  .doc-name{
  margin: 45px 0 15px; }
  .man-says {
    top: 30px;
    right: 20px; }
    .man-says .doc-name {
      float: right; }
    .man-says:after {
      display: block;
      clear: both;
      content: " ";
      visibility: hidden;
      height: 0; }
  .wom-says {
    bottom: 80px;
    left: 120px; }
    .wom-says .doc-name {
      color: #FF85B1;
      text-align: center;
      float: right;
      margin-right: 30px;
      font-size: large; }
      .wom-says .doc-name strong {
        border-color: #FF85B1; }
    .wom-says .desktop-only {
      bottom: -55px;
      left: -75px; }
  .doctor-pic-man {
    overflow: hidden;
    transform: rotate(-16deg);
    height: 640px;
    padding-left: 0px;
    position: relative;
    top: -199px;
    margin-left: -30px; }
    .doctor-pic-man img {
      transform: rotate(16deg);
      width: 450px; }
  .doctor-pic-woman {
    text-align: right;
    margin-top: -200px; }
    .doctor-pic-woman img{
      position: relative;
      bottom: -20px;
      left: -25px; }
  /*----------block4-----------*/
  .block4 {
    padding-bottom: 20px; }
    .block4 .mob-only-heading{
      position: relative;
      z-index: 7; }
    .block4 .top-left,
    .block4 .top-right {
      display: inline-block;
      width: 49%;
      vertical-align: top;
      margin: 20px 0; }
    .block4 .desktop-only {
      display: block; }
    .block4 .container {
      position: relative; }
  .pink-big, .pink-small {
    margin: 15px auto;
    border-radius: 25px;
    max-width: 70%; }
  .pink-small {
    padding: 10px; }
  .small-desktop-15{
    font-size: 15px;
  }
  .advantage {
    display: inline-block;
    vertical-align: text-top;
    width: 210px;
    position: relative;
    z-index: 1; }
  .a-h1 {
    left: 75px; }
  .perc1 {
    left: 80px; }
  .a-h2 {
    left: 75px; }
  .perc2 {
    left: 63px; }
  .a-h3 {
    left: 69px; }
  .perc3 {
    left: 81px; }
  .a-h4 {
    left: 43px; }
  .perc4 {
    left: 65px; }
  .block4-girl {
    position: absolute;
    bottom: -180px;
    right: -275px;
    background: url("../index_files/desktop-block4-girl-bg.png") no-repeat bottom center;
    background-size: 75%;
    z-index: 3;
    background-position: 43px 248px;
    padding: 0 0 110px 50px; }
  /*----------block5------------*/
  /*.block5-6-bg {
    background-image: none; } */
  .block5 .mob-only-heading {
    position: relative;
    z-index: 4;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 35px; }
  .rewiev {
    background-color: #00D1C0;
    color: #fff;
    border-bottom-right-radius: 100px;
    box-sizing: border-box;
    padding: 5px 10px 5px 120px;
    position: relative;
    z-index: 6;
    margin-left: 110px;
    height: 190px; }
  .rewiev.last-review{
    border-bottom-left-radius: 30px;
    height: 200px;
  }
    .rewiev .review-text {
      font-size: 14px; }
  .pink-rew {
    background-color: #FF85B1;
    color: #fff;
    border-bottom-left-radius: 100px;
    box-sizing: border-box;
    padding: 5px 120px 5px 10px;
    margin-right: 110px;
    height: 190px;
    position: relative; }
    .pink-rew .review-name {
      text-align: right;
      margin-right: 70px; }
    .pink-rew .review-text {
      font-size: 14px; }
  .desktop-slider .review-text {
    margin-top: 3px; }
  .desktop-slider .review-name {
    margin-bottom: 10px; }
  .desktop-slider li div {
    margin-bottom: 20px; }
  .review-left-ava {
    position: absolute;
    top: -13px;
    left: -105px;
    border: 2px solid #00D1C0;
    padding: 5px;
    border-radius: 50%; }
    .review-left-ava img {
      max-width: 100%;
      border-radius: 50%; }
  .review-right-ava {
    position: absolute;
    top: -13px;
    right: -105px;
    border: 2px solid #FF85B1;
    padding: 5px;
    border-radius: 50%; }
    .review-right-ava img {
      max-width: 100%;
      border-radius: 50%; }
  /*-------------block6-----------*/
  .block6 {
    overflow: hidden;
    padding: 0;
    max-height: 526px;
  	padding-bottom: 54px; }
    .block6 .container {
      position: relative; }
    .block6 .tablet-container{
      padding-top: 100px;
      box-sizing: border-box; }
    .block6 .order-form {
      position: absolute;
      left: 365px;
      bottom: 75px;
      width: 335px; }
    .block6 .block-heading {
      position: absolute;
      font-size: 110px;
      top: 0px;
      left: 200px; }
  .bottom-girl {
    top: 7px;
    left: -70px; }
  .bottom-product img {
        width: 300px;
    right: -65px; }
  .bottom-product .new-price {
    right: 155px;
    top: 60px;
    width: 105px;
    height: 105px;
    font-size: 23px;
    padding-top: 25px; }
  .bottom-product .old-price {
    text-decoration: line-through;
    right: 155px;
    top: 0px;
    width: 75px;
    height: 75px;
    padding-top: 23px;
    font-size: 20px;
  } }

@media screen and (min-width: 1100px){
  .doctor-pic-man{
    top: -191px;
  }
}
@media screen and (min-width: 1280px){
  .doctor-pic-man{
    top: -178px;
  }
}
@media screen and (min-width: 1366px){
  .doctor-pic-man{
    top: -176px;
  }
}
@media screen and (min-width: 1440px){
  .doctor-pic-man{
    top: -167px;
  }
}
@media screen and (min-width: 1600px){
  .doctor-pic-man{
    top: -155px;
  }
}
@media screen and (min-width: 1680px){
  .doctor-pic-man{
    top: -149px;
  }
}
@media screen and (min-width: 1800px) {
  .block1 .block1-girl {
        right: -70px;
    top: 222px; }
  .doctor-pic-man {
    top: -133px;
    padding-left: 36px; }
  .block3 .doc-bg{
    height: 647px;
    top: -130px;
  } 
}