@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
  font-family: 'Montserrat', sans-serif;
}

.wrapper {
  max-width: 420px;
  margin: 0 auto;
  overflow: hidden;
}

header {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: -1px 1px 8px 0px #00000026;
          box-shadow: -1px 1px 8px 0px #00000026;
}

.logo {
  background: url("../img/logo.png") center center/contain no-repeat;
  width: 200px;
  height: 50px;
}

.header_text {
  padding: 5px 20px;
  font-size: 12px;
}

main {
  background: url("../img/bg.jpg") center center/cover no-repeat;
  min-height: 500px;
  position: relative;
  text-align: center;
}

.h1 {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
}

.main_text {
  position: relative;
}

.main_h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.h1_2 {
  color: #ffc000;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 30px;
}

.pink_t {
  background: #ff7c8f;
  color: #fff;
  font-weight: 800;
  font-size: 18px;
  margin: 5px;
  padding: 2px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
}

.h1_3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.border_1 {
  position: absolute;
  left: 0;
  height: 80%;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
}

.border_1::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
}

.border_1::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 1px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
}

.border_2 {
  position: absolute;
  right: 0;
  height: 80%;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
}

.border_2::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
}

.border_2::before {
  content: "";
  position: absolute;
  width: 40px;
  right: 0;
  height: 1px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
}

.block {
  padding: 15px;
}

.sale {
  position: absolute;
  left: 0;
  bottom: 20px;
  display: inline-block;
  -webkit-box-shadow: -1px 1px 8px 0px #00000026;
          box-shadow: -1px 1px 8px 0px #00000026;
  border-radius: 0 15px 15px 0;
}

.sale_2 {
  background: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 0 0 15px 0;
}

.sale_2_p {
  color: #ff7c8f;
  font-weight: 700;
}

.sale_1 {
  font-size: 30px;
  font-weight: 800;
  border-radius: 0 15px 0 0;
  text-align: center;
  color: #fff;
  padding: 5px;
  background: #f2a365;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#f2a365), to(#f4818e));
  background: linear-gradient(to right, #f2a365, #f4818e);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.check_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 15px 0;
}

.check_img {
  background: url("../img/check.png") center center/contain no-repeat;
  padding: 10px;
  margin-right: 10px;
}

.main_checks {
  position: relative;
  z-index: 10;
  -webkit-box-shadow: -1px 1px 8px 0px #00000026;
          box-shadow: -1px 1px 8px 0px #00000026;
}

.block_form {
  background: #fff5f6;
}

.prod_img {
  background: url("../img/prod.png") center center/contain no-repeat;
  padding: 100px;
  margin: 10px 0;
}

.block_form_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block_form_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  text-align: center;
}

.block_form_img {
  padding: 40px;
  margin-bottom: 10px;
}

.block_form_img_1 {
  background: url("../img/img1_1.png") center center/contain no-repeat;
}

.block_form_img_2 {
  background: url("../img/img1_2.png") center center/contain no-repeat;
}

.block_form_img_3 {
  background: url("../img/img1_3.png") center center/contain no-repeat;
}

.timer {
  background: #fff;
  padding: 10px;
  border-top: 1px dashed #ff7c9048;
  border-bottom: 1px dashed #ff7c9048;
  margin: 10px auto;
}

.tac {
  text-align: center;
}

.ttu {
  text-transform: uppercase;
}

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  -webkit-box-shadow: -1px 1px 20px 0px #00000018;
          box-shadow: -1px 1px 20px 0px #00000018;
  margin: 5px 10px;
  padding: 5px;
  width: 100%;
  border-radius: 50px;
}

.price_old {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.oldproductsum {
  font-size: 21px;
  font-weight: bold;
  text-decoration: line-through;
}

.productsum {
  font-weight: 800;
}

.price_old_p {
  font-size: 12px;
  text-align: center;
  width: 100%;
}

.price_now {
  background: #ff7c8f;
  width: 55%;
  height: 50px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 23px;
  color: #fff;
  font-weight: bold;
}

.form_title {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}

.form_text {
  padding: 0 15px 15px 15px;
}

.form_p {
  text-align: center;
}

#form, #form2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.field {
  width: 100%;
  margin: 5px 10px;
  height: 60px;
  font-size: 14px;
  outline: none;
  border-radius: 50px;
  padding: 10px;
  text-align: center;
  background: #fff !important;
  border: 1px solid #ff7c9048;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  border: 1px solid #69696947;
  align-items: center;
}

.nice-select.wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 60px;
  list-style: none;
  min-height: 60px;
  outline: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
  -webkit-box-shadow: 1px 13px 20px 7px #0000001f;
          box-shadow: 1px 13px 20px 7px #0000001f;
}

#form .last_prod, #form2 .last_prod {
  margin: 0 auto;
  margin: 20px auto;
  font-size: 14px;
}

.ajax_loader {
  display: none;
}

.button {
  background: #ffbf00;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf00), to(#ffaf00));
  background: linear-gradient(to bottom, #ffbf00, #ffaf00);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 100px;
  width: 100%;
  height: 60px;
  margin: 15px 10px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  -webkit-box-shadow: 0 0 0px 10px #ffbf0044;
          box-shadow: 0 0 0px 10px #ffbf0044;
}

.button_a {
  background: #ffbf00;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbf00), to(#ffaf00));
  background: linear-gradient(to bottom, #ffbf00, #ffaf00);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 100px;
  width: 90%;
  height: 70px;
  margin: 15px 10px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  -webkit-box-shadow: 0 0 0px 10px #ffbf0044;
          box-shadow: 0 0 0px 10px #ffbf0044;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.button_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 20px;
}

.button_field a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.last_prod_num {
  background: #f7ada1;
  width: 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px;
  margin: 0 2px;
}

.gif {
  padding: 100px;
}

.gif_1 {
  background: url("../src/gif1.gif") center center/cover no-repeat;
}

.gif_2 {
  background: url("../src/gif2.gif") center center/cover no-repeat;
}

.gif_3 {
  background: url("../src/gif3.gif") center center/cover no-repeat;
  border-radius: 5px;
}

.pink_text {
  color: #ff7c8f;
}

.h2 {
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
}

.responsive_bg {
  background-position: center top;
  background-size: 100% auto;
}

.block_2 {
  position: relative;
  padding-bottom: 80px;
}

.b_info {
  text-align: center;
  background: #fff;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 90%;
  margin: 0 auto;
  right: 0;
  padding: 10px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 13px 20px 7px #0000001f;
          box-shadow: 1px 13px 20px 7px #0000001f;
  border-bottom: 2px solid #ffbf00;
}

.b_info_m {
  text-align: center;
  background: #fff;
  position: relative;
  top: -50px;
  left: 0;
  width: 90%;
  margin: 0 auto;
  right: 0;
  font-size: 14px;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 13px 20px 7px #0000001f;
          box-shadow: 1px 13px 20px 7px #0000001f;
  border-bottom: 2px solid #ffbf00;
}

.slide {
  padding: 120px;
  background-position: center top;
  background-size: 100% auto;
}

.slide1 {
  background: url("../img/1.jpg") center center/cover no-repeat;
}

.slide2 {
  background: url("../img/2.jpg") center center/cover no-repeat;
}

.slide3 {
  background: url("../img/3.jpg") center center/cover no-repeat;
}

.slide4 {
  background: url("../img/4.jpg") center center/cover no-repeat;
}

.owl-nav {
  position: absolute;
  top: 100px;
  width: 100%;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
  padding: 20px !important;
}

.owl-carousel .owl-prev {
  left: 0;
  position: absolute;
  background: url("../img/arrow.png") center center/contain no-repeat !important;
  padding: 5px !important;
}

.owl-carousel .owl-prev span {
  display: none;
}

.owl-next {
  right: 0;
  position: absolute;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url("../img/arrow.png") center center/contain no-repeat !important;
  padding: 5px !important;
}

.owl-next span {
  display: none;
}

.owl-dots {
  display: none;
}

.block_3 {
  position: relative;
}

.block_2_img {
  background: url("../img/bg2.png") center center/cover no-repeat;
}

.block_nozzle_img {
  background: url("../img/bg4.png") center center/cover no-repeat;
}

.block_3_img {
  background: url("../img/bg3.png") top center/contain no-repeat;
}

.block_4_img {
  background: url("../img/img2.jpg") top center/contain no-repeat;
  padding: 200px;
}

.b_info_2 {
  bottom: 0;
}

.b_info_3 {
  bottom: -30px;
}

.img_item {
  background: url("../img/img3.png") center center/contain no-repeat;
  padding: 100px;
  margin-bottom: 20px;
}

.reasons, .steps, .reviews {
  background: #5c53a2;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#5c53a2), to(#60408d));
  background: linear-gradient(to bottom, #5c53a2, #60408d);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.reason_img {
  background: url("../img/img4.png") top center/contain no-repeat;
  padding: 115px;
}

.steps_img {
  background: url("../img/bg5.png") top center/cover no-repeat;
  padding: 115px;
}

.yellow_text {
  color: #ffc000;
}

.white {
  color: #fff;
}

.reasons_imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.reasons_img {
  padding: 90px 50px;
  margin: 5px;
}

.reasons_img1 {
  background: url("../img/reason_1.jpg") top center/contain no-repeat;
}

.reasons_img2 {
  background: url("../img/reason_2.jpg") top center/contain no-repeat;
}

.reasons_img3 {
  background: url("../img/reason_3.jpg") top center/contain no-repeat;
}

.reasons_img4 {
  background: url("../img/reason_4.jpg") top center/contain no-repeat;
}

.w50 {
  width: 50%;
}

.reasons_block {
  background: #fff;
  -webkit-box-shadow: 1px 13px 20px 7px #0000001f;
          box-shadow: 1px 13px 20px 7px #0000001f;
  padding: 20px;
  border-radius: 10px;
  border-bottom: 3px solid #ffbf00;
}

.reason_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.reason_img_2 {
  background: url("../img/revlon.png") center center/contain no-repeat;
  padding: 50px 100px;
}

.block_principle {
  position: relative;
}

.b_info_4 {
  bottom: -50px;
}

.block_nozzle {
  position: relative;
  top: -30px;
}

.b_info_6 {
  bottom: -100px;
}

.prod_img_2 {
  background: url("../img/img5.png") top center/cover no-repeat;
  padding: 150px;
  margin-top: 70px;
}

.steps_items {
  background: #fff;
  -webkit-box-shadow: 1px 13px 20px 7px #0000001f;
          box-shadow: 1px 13px 20px 7px #0000001f;
  padding: 20px;
  border-radius: 10px;
  border-bottom: 3px solid #ffbf00;
}

.step_img {
  padding: 90px;
}

.step_img1 {
  background: url("../img/step1.png") center center/contain no-repeat;
  background-position: center bottom;
}

.step_img2 {
  background: url("../img/step2.png") center center/contain no-repeat;
  background-position: center bottom;
}

.step_img3 {
  background: url("../img/step3.png") center center/contain no-repeat;
  background-position: center bottom;
}

.step_img4 {
  background: url("../img/step4.png") center center/contain no-repeat;
  background-position: center bottom;
}

.step_text {
  margin: 10px 0;
  text-align: center;
}

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}

.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.cert_main {
  background: url("../img/crt_img.png") bottom center/contain no-repeat;
  padding: 150px;
  -webkit-box-shadow: 0px 20px 20px 0px #00000029;
          box-shadow: 0px 20px 20px 0px #00000029;
  border-bottom: 2px solid #fff;
}

.cert_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}

.cert_item {
  padding: 10px;
}

.cert_img {
  padding: 90px 70px;
}

.cert_img1 {
  background: url("../img/cert1.png") center center/contain no-repeat;
}

.cert_img2 {
  background: url("../img/cert2.png") center center/contain no-repeat;
}

.cert_text {
  text-align: center;
  margin-top: 20px;
}

.img_2 {
  background: url("../img/bg6.jpg") bottom center/contain no-repeat;
  padding: 100px;
}

.journal_block {
  background: #fff5f6;
  position: relative;
}

.journal {
  background: url("../img/journal.png") center left/contain no-repeat;
  padding: 60px;
  display: inline-block;
  margin: 20px 0;
  position: relative;
  z-index: 10;
}

.journal_text {
  background: #fff;
  padding: 10px 4px 10px 100px;
  position: absolute;
  max-width: 93%;
  border-radius: 10px;
  font-size: 13px;
  -webkit-box-shadow: 5px 4px 18px 0px #00000042;
          box-shadow: 5px 4px 18px 0px #00000042;
  border-right: 2px solid #ff7c8f;
}

.j_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.jcc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.yellow_bold {
  background: #ffd800;
  font-weight: 700;
  line-height: 20px;
  display: inline;
}

.limit_text {
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.last_prod {
  font-size: 14px;
}

.limit_add {
  background: #fff;
  border-radius: 50px;
  max-width: 300px;
  text-align: center;
  font-size: 13px;
  padding: 10px;
  border: 1px solid #ff7c902c;
}

.tech_img {
  background: url("../img/img6.png") center center/contain no-repeat;
  padding: 140px;
  margin: 20px 0;
}

.tech_list {
  padding-bottom: 10px;
}

.tech_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  padding: 10px;
}

.tech_item:nth-child(odd) {
  background: #f4f1f7;
}

.tech_l {
  font-weight: 600;
  margin-right: 10px;
}

.tech_r {
  text-align: right;
}

.review_img {
  padding: 40%;
}

.review_img1 {
  background: url("../img/rev1.jpg") center center/cover no-repeat;
  background-position: center bottom;
}

.review_img2 {
  background: url("../img/rev2.jpg") center center/cover no-repeat;
  background-position: center bottom;
}

.review_img3 {
  background: url("../img/rev3.jpg") center center/cover no-repeat;
  background-position: center bottom;
}

.rev_rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stars {
  background: url("../img/star.png") left center/contain no-repeat;
  padding: 10px 40px;
  margin-left: 10px;
}

.rev_name_p {
  display: inline;
  font-size: 14px;
  margin-left: 19px;
}

.review_head {
  margin: 20px 0;
}

.review_head * {
  font-size: 14px;
}

.reviews .steps_items {
  margin: 15px 0;
}

.how_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.how_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.how_img {
  padding: 100px;
  margin-bottom: 20px;
}

.how_img1 {
  background: url("../img/how1.png") center center/contain no-repeat;
}

.how_img2 {
  background: url("../img/how2.png") center center/contain no-repeat;
}

.how_img3 {
  background: url("../img/how3.png") center center/contain no-repeat;
}

.how_text {
  background: #fff;
  text-align: center;
  padding: 10px;
  top: -50px;
  position: relative;
  max-width: 260px;
  font-size: 14px;
  border-radius: 10px;
  border-bottom: 2px solid #ffaf00;
  -webkit-box-shadow: -1px 1px 8px 0px #00000026;
          box-shadow: -1px 1px 8px 0px #00000026;
}

.how_title {
  font-weight: bold;
  color: #ff7c8f;
  margin: 5px;
}
/*# sourceMappingURL=style.css.map */