@font-face {
  font-family: "Font";
  src: url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.woff) format("woff"),
    url(../fonts/fontawesome-webfont.woff2) format("woff2");
}
@font-face {
  font-family: "OpenSans";
  src: url(../fonts/OpenSansRegular.ttf) format("truetype");
}
@font-face {
  font-family: "OpenSansB";
  src: url(../fonts/OpenSansBold.ttf) format("truetype");
}
@font-face {
  font-family: "OpenSansSamiB";
  src: url(../fonts/OpenSansSemiBold.ttf) format("truetype");
}

html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.wrapper {
  min-width: 1170px;
  overflow: hidden;
  background: #75a0bd url(../img/bg.jpg) no-repeat 0px 3215px;
}
.container-fluid {
  max-width: 1170px;
  min-width: 1170px;
}
.row div {
  padding: 0px;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.for_768,
.for_320 {
  display: none;
}
.h3 {
  display: block;
  font-size: 25px;
  text-transform: uppercase;
  color: #010101;
  font-family: "OpenSansB";
}
span {
  font-family: "OpenSans";
}

/* ---header--- */

.header {
  position: fixed;
  background: #9ebfda;
  height: 80px;
  width: 100%;
  z-index: 9999;
}
.header .row {
  height: 80px;
}
.menu {
  display: none;
}
.menu {
  text-align: right;
}
.menu_icon {
  display: none;
  width: 45px;
  height: 35px;
  position: relative;
  cursor: pointer;
}
.menu_links-item {
  display: inline-block;
  color: #fff;
  line-height: 30px;
  padding: 0 10px;
  text-decoration: none;
}
.menu_links-item:hover {
  color: #71a800;
  text-decoration: none;
}
.menu.menu_state_open .menu_links {
  display: block;
}
.nav ul {
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nav ul li {
  margin-right: 120px;
}
.nav ul li a {
  color: #fff;
  font-size: 16px;
  font-family: "OpenSansB";
}
.nav ul li a:hover {
  color: #29247e;
}

/* ---section order--- */

.order {
  padding-top: 125px;
  background: url(../img/bg_top.png) no-repeat -60px 0px;
}
.h1 {
  display: block;
  margin-bottom: 5px;
  margin-left: 400px;
  margin-top: 100px;
  font-size: 28px;
  color: #29247e;
  font-family: "OpenSansB";
}
.h2 {
  display: block;
  margin-left: 400px;
  font-size: 17px;
  line-height: 21px;
  color: #333333;
}
.order_product {
  display: block;
  margin-left: 400px;
  margin-top: 15px;
}
.order_form {
  max-width: 370px;
  margin-left: 20px;
}
.top_order_form {
  position: relative;
  background: #ffff3a;
  margin-bottom: 10px;
  border: 3px dashed #000;
}
.top_order_form::before {
  content: "";
  position: absolute;
  top: -15px;
  display: block;
  width: 40px;
  height: 30px;
  background-image: url(../img/scissors.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.price_holder {
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 130px;
  top: 5px;
  left: -180px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 19px 21px 81px -12px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 19px 21px 81px -12px rgba(0, 0, 0, 0.14);
  box-shadow: 19px 21px 81px -12px rgba(0, 0, 0, 0.14);
}
.new_price {
  font-size: 58px;
  color: #d31211;
  margin-bottom: -20px;
}
.new_price .wv_currency {
  margin-right: -10px;
}
.order_form .new_price span {
  display: inline-block;
  font-family: "OpenSansB";
}
.new_price sup {
  font-size: 24px;
  position: relative;
  top: -23px;
}
.old_price {
  font-size: 36px;
  color: #8f8f8f;
  position: relative;
}
.old_price:after {
  content: "";
  position: absolute;
  height: 30px;
  width: 84px;
  top: 15px;
  left: -3px;
  background: url(../img/lign.png) no-repeat 0px 0px;
}
.old_price .wv_currency {
  margin-right: -5px;
}
.order_form .old_price span {
  display: inline-block;
  font-family: "OpenSans";
}
.old_price sup {
  font-size: 18px;
  position: relative;
  top: -12px;
}
.order_form span {
  display: block;
}
.discount {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  color: red;
  padding-top: 13px;
  margin-bottom: -5px;
  font-family: "OpenSansB";
}
.finish {
  font-size: 16px;
  color: red;
  text-align: center;
}
.timer span {
  display: inline-block;
}
.countdown-container {
  text-align: center;
}
.countdown-container .time {
  font-size: 28px;
  font-family: "OpenSansB";
  text-align: center;
  border-radius: 5px;
  color: red;
}
.countdown-container .dots {
  font-size: 28px;
  color: red;
  margin-left: 5px;
  margin-right: 5px;
}
.time_under {
  text-align: center;
}
.time_under span {
  font-size: 13px;
  text-transform: uppercase;
  color: red;
  margin-right: 15px;
  margin-bottom: 25px;
}
.time_under span.sec {
  margin-right: 0px;
}
.wv_order-form {
  background: #fff;
  padding: 15px 35px 0px 35px;
}
.wv_order-form span {
  font-size: 15px;
  color: #919191;
  font-family: "OpenSans";
  margin-bottom: 2px;
  margin-top: 5px;
}
.wv_order-form select {
  display: block;
  height: 40px;
  width: 300px;
  border: 1px solid #d6d6d6;
  font-size: 16px;
  padding-left: 20px;
  font-family: "OpenSans";
}
.wv_order-form input {
  display: block;
  height: 40px;
  width: 300px;
  border: 1px solid #d6d6d6;
  font-size: 16px;
  padding-left: 20px;
  font-family: "OpenSans";
}
.button {
  display: block;
  width: 300px;
  height: 60px;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  line-height: 60px;
  margin-top: 20px;
  margin-bottom: 15px;
  border: none;
  background: linear-gradient(to top, #ce1111, #f91818);
  cursor: pointer;
  color: #fff;
  -webkit-box-shadow: 0px 5px 77px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 77px -16px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 77px -16px rgba(0, 0, 0, 0.3);
  font-family: "OpenSansB";
}
.button:hover {
  color: #fff;
}
.wv_order-form .rest {
  font-size: 15px;
  text-align: center;
  color: #000;
  font-family: "OpenSansSamiB";
}
.wv_order-form .protection {
  font-size: 15px;
  text-align: center;
  padding-bottom: 35px;
}
.fa-lock {
  font-size: 20px;
  color: #c5c5c5;
  margin-right: 3px;
}
.row .short_inf {
  background: url(../img/short_inf_bg.png) no-repeat -34px -31px;
  height: 196px;
  margin-top: -12px;
  margin-bottom: 75px;
  -webkit-box-shadow: -2px 17px 81px -12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px 17px 81px -12px rgba(0, 0, 0, 0.3);
  box-shadow: -2px 17px 81px -12px rgba(0, 0, 0, 0.3);
}
.short_inf .row {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.short_inf_item {
  color: #000;
  font-size: 14px;
  line-height: 15px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.short_inf_item span {
  text-align: center;
  font-family: "OpenSansB";
}
.short_inf_item1 {
  background: url(../img/short_inf1.png) no-repeat 30px 25px;
}
.short_inf_item2 {
  background: url(../img/short_inf2.png) no-repeat 30px 25px;
}
.short_inf_item3 {
  background: url(../img/short_inf3.png) no-repeat 30px 25px;
}

/* ---section restoring--- */

.restoring .h3 {
  text-align: center;
  color: #fff;
  font-size: 30px;
  margin-bottom: 45px;
}
.content {
  max-width: 1080px;
  margin: auto;
}
.content .row {
  margin: 0px;
}
.content .row div {
  background-color: #eff4f8;
}
.content .text {
  display: block;
  width: 85%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 22px;
  font-family: "OpenSansB";
  margin-top: 20px;
  margin-bottom: 50px;
}

/* ---section what_is---- */

.what_is {
  position: relative;
}
#what_is {
  position: absolute;
  top: -80px;
}
.what_is .container-fluid {
  max-width: 1080px;
  min-width: 1080px;
  background-color: #fff;
}
.what_is_img img {
  display: block;
  margin-top: -19px;
  margin-left: -62px;
}
.row .what_is_text {
  padding-left: 15px;
  padding-right: 50px;
  overflow: hidden;
}
.what_is_text .h3 {
  margin-top: 45px;
  margin-bottom: 25px;
}
.what_is_text p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
  font-family: "OpenSans";
}

/* ---section change--- */

.change .container-fluid {
  max-width: 1080px;
  min-width: 1080px;
  padding-top: 35px;
  background-color: #fff;
}
.change .bg {
  position: relative;
}
.change .bg:before {
  content: "";
  position: absolute;
  height: 700px;
  width: 500px;
  top: 0px;
  left: -499px;
  background: url(../img/bg_center.png) no-repeat 70px 0px;
}
.change_img .for_768 {
  display: none;
}
.row .change_text {
  padding-left: 50px;
  padding-right: 50px;
  overflow: hidden;
}
.change_text .h3 {
  line-height: 36px;
  margin-bottom: 60px;
}
.list_item span {
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  width: 380px;
}
.list_item i {
  display: inline-block;
  font-size: 20px;
  color: #70a800;
  margin-right: 15px;
  vertical-align: top;
}
.list_item {
  margin-bottom: 25px;
}
.change_btn {
  width: 400px;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  margin-top: 125px;
}
.change_img img {
  display: block;
  margin-top: -15px;
}

/* ---section how_work--- */

.how_work {
  position: relative;
}
#how_work {
  position: absolute;
  top: -80px;
}
.how_work .container-fluid {
  max-width: 1080px;
  min-width: 1080px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  overflow: hidden;
}
.how_work_img img {
  display: block;
  margin-top: -17px;
  margin-left: -61px;
}
.row .how_work_list {
  padding-left: 45px;
}
.how_work_list .h3 {
  margin-top: 95px;
  padding-right: 200px;
  margin-bottom: 35px;
}
.how_work .list_item {
  margin-bottom: 30px;
}

/* ---section why--- */

.why {
  position: relative;
}
#why {
  position: absolute;
  top: -80px;
}
.why .container-fluid {
  max-width: 1080px;
  min-width: 1080px;
  background: linear-gradient(to right, #fff, #f7f7f8);
}
.why .h3 {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 60px;
}
.why_list {
  margin-bottom: 50px;
}
.why_list img {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
}
.why_list .list_item {
  width: 730px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.why_list .list_item .text {
  width: 670px;
}

/* ---section composition--- */

.composition {
  position: relative;
}
#composition {
  position: absolute;
  top: -80px;
}
.composition .bg {
  position: relative;
}
.composition .bg:before {
  content: "";
  position: absolute;
  height: 700px;
  width: 500px;
  top: 0px;
  right: -1400px;
  background: url(../img/bg_center_2.png) no-repeat -435px 0px;
}
.composition .container-fluid {
  max-width: 1080px;
  min-width: 1080px;
  background: #fff;
}
.composition .h3 {
  text-align: center;
  margin-top: 65px;
  margin-bottom: 45px;
  line-height: 36px;
}
.composition_item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.composition_item span {
  display: block;
  width: 318px;
  margin-left: auto;
  margin-right: auto;
}
.composition_item .name {
  font-size: 17px;
  font-family: "OpenSansB";
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #82a9c3;
}
.composition_item .text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 40px;
  font-family: "OpenSans";
}
.no_analog {
  display: block;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  font-family: "OpenSansB";
  margin-top: 20px;
  margin-bottom: 80px;
}

/* ---footer--- */

.footer .order {
  padding-top: 65px;
  background: url(../img/bg_bottom.png) no-repeat 0px 0px;
}
.row .bottom_order_form {
  background: #fff;
  padding: 15px 35px 0px 35px;
}
.footer .new_price {
  text-align: center;
  margin-bottom: -10px;
}
.footer .old_price {
  text-align: center;
}
.footer .old_price:after {
  left: 108px;
}
.footer .rest {
  text-align: center;
  font-size: 16px;
  font-family: "OpenSansSamiB";
  margin-top: 30px;
  margin-bottom: 15px;
}
.footer .protection {
  font-size: 15px;
  text-align: center;
  padding-bottom: 35px;
}
.row .policy {
  margin-top: -30px;
  margin-bottom: 50px;
  font-size: 16px;
  text-align: center;
  font-family: "OpenSansB";
}