@charset "utf-8";

.clear {
  clear: both;
}

.clrfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  width: 0;
  visibility: hidden;
}

b, strong, .bold {
  font-weight: bold;
}

i {
  font-style: italic;
}

u {
  text-decoration: underline;
}

a {
  color: #222;
  text-decoration: underline;
  outline: none;
}

a:hover, a:active {
  text-decoration: none;
}

input, button {
  padding: 0;
  margin: 0;
  line-height: normal;
  outline: none;
  border: none;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

button {
  cursor: pointer;
}

.wrap ::-webkit-input-placeholder {
  color: #a1a1a1;
}

.wrap ::-moz-placeholder {
  color: #a1a1a1;
}

.wrap :-moz-placeholder {
  color: #a1a1a1;
}

.wrap :-ms-input-placeholder {
  color: #a1a1a1;
}

.wrap :focus::-webkit-input-placeholder {
  color: transparent;
}

.wrap :focus::-moz-placeholder {
  color: transparent;
}

.wrap :focus:-moz-placeholder {
  color: transparent;
}

.wrap :focus:-ms-input-placeholder {
  color: transparent;
}

.wrap :focus {
  outline: none;
}

body {
  position: relative;
  background: #555;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #222;
}

.none {
  display: none;
}

.wrap {
  width: 480px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
}

h2.title {
  font-size: 24px;
  font-weight: 700;
  color: #3b3b3b;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}

h2.title span {
  display: block;
  font-size: 34px;
  color: #000000;
}

h2.title i {
  display: block;
  font-style: normal;
}

.btn {
  position: relative;
}

.button-m {
  position: relative;
  display: block;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 700;
  color: rgb(0, 0, 0);
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  height: 67px;
  line-height: 67px;
  letter-spacing: 1.8px;
  background: #f2d503;
  -webkit-box-shadow: 0 5px 0 0 #c17b00, 0 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 0 0 #c17b00, 0 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 0 0 #c17b00, 0 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 5px;
}

.button-m:active {
  top: 1px;
  -webkit-box-shadow: 0 3px 0 0 #c17b00, 0 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 0 0 #c17b00, 0 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 0 0 #c17b00, 0 3px 8px rgba(0, 0, 0, 0.2);
}

input.field {
  display: block;
  width: 100%;
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-align: left;
  padding: 19px 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gray {
  background-color: #ffffff;
}

.dark {
  background-color: #000000;
}

.video-container {
  position: relative;
  width: 100%;
  height: 270px;
  overflow: hidden;
  margin: 0 auto 30px;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.image {
  display: block;
  margin: 0 auto 20px;
  border: 8px solid #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

section {
  padding-top: 25px;
}

/*   time circles   */

.time_circles {
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
}

.time_circles > div {
  position: absolute;
  text-align: center;
}

.time_circles > div > h4 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.time_circles > div > span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  padding: 7px 0 10px;
}

/*   offer   */

.offer {
  background: #000000;
    padding-top: 0;
}

.offer h1 {
  position: relative;
  background: #000000;
  color: #ffe000;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 24px 0;
}

.offer h1:before,
.offer h1:after {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  display: block;
  width: 32px;
  height: 30px;
  background: url("../images/title-icon.png") 0 0 no-repeat;
  content: '';
}

.offer h1:before {
  left: 17px;
}

.offer h1:after {
  right: 17px;
}

.offer .bg {
  position: relative;
  height: 419px;
}

.offer .bg:after {
  position: absolute;
  left: 0;
  bottom: -53px;
  display: block;
  width: 480px;
  height: 53px;
  background: url("../images/shadow.png") 0 0 no-repeat;
  content: '';
}

.offer .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 36px;
  padding-top: 25px;
}

.offer h2 {
  font-size: 36px;
  color: #fff;
}

.offer .text p {
  font-size: 22px;
  color: #fde21c;
}

.offer .kit {
  display: inline-block;
  position: absolute;
  left: 180px;
  top: 138px;
  font-size: 17px;
  font-weight: 700;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
  -moz-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.offer .kit span {
  display: block;
}

.offer .plus {
  background: #f2d503;
  padding: 5px 20px;
}

.offer .plus ul {
  position: relative;
  z-index: 5;
  padding-bottom: 5px;
}

.offer .plus li {
  position: relative;
  font-size: 17px;
  line-height: 18px;
  color: #1f1c10;
  font-weight: 500;
  padding: 20px 0 20px 57px;
}

.offer .plus li:before {
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: url("../images/line.png") 50% 100% no-repeat;
  content: '';
}

.offer .plus li:last-child:before {
  display: none;
}

.offer .plus li:nth-child(1) {
  background: url("../images/icon-1.png") 0 50% no-repeat;
}

.offer .plus li:nth-child(2) {
  background: url("../images/icon-2.png") 0 50% no-repeat;
}

.offer .plus li:nth-child(3) {
  background: url("../images/icon-3.png") 6px 50% no-repeat;
}

.offer .info {
  padding: 20px 0 35px 0;
}

.offer .price {
  color: #fff;
  background: url("../images/arrow-right.png") 50% 50% no-repeat;
  margin-bottom: 20px;
}

.offer .price .sale,
.offer .price .cost {
  float: left;
  width: 50%;
  font-size: 18px;
  line-height: 32px;
}

.offer .price .sale {
  text-transform: uppercase;
  text-align: right;
  padding-right: 37px;
}

.offer.bottom .price .sale {
  color: #fde00c;
}

.offer .price .sale b {
  font-size: 48px;
}

.offer .price .cost {
  padding-left: 37px;
}

.offer .price .old span {
  text-decoration: line-through;
}

.offer .price .new {
  font-weight: 700;
  font-size: 44px;
  color: #f2d503;
}

.offer .price .new span {
  font-size: 34px;
}

.offer .timer {
  padding-bottom: 15px;
}

.offer .timer h3 {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 5px;
}

.offer .timer .el-timer {
  width: 340px;
  margin: 0 auto;
}

/*   form order   */

.form_order {
  width: 360px;
  margin: 0 auto;
  padding: 5px 0 10px;
}

.form_order h3 {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.form_order p {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  padding-bottom: 20px;
}

.form_order .field {
  margin-bottom: 20px;
}

.form_order .button-m {
  letter-spacing: 0;
}

/*   description   */

.description {
  padding-bottom: 35px;
}

.description .text {
  padding-bottom: 5px;
  line-height: 30px;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}

.description .text b {
  color: #f25203;
}

.description .text p {
  padding: 0 15px 20px;
}

.description .text .full_img {
  display: block;
  width: 480px;
  margin-bottom: 15px;
}

/*   list-check-v1   */

.list-check-v1 {
  padding: 30px 0 0 0;
}

.list-check-v1 li {
  position: relative;
  display: table;
  width: 100%;
  min-height: 25px;
  padding: 5px 0 15px 50px;
}

.list-check-v1 li:before {
  position: absolute;
  left: 0;
  top: 7px;
  display: block;
  width: 32px;
  height: 25px;
  background: url("../images/check-icon.png") 0 0 no-repeat;
  content: '';
}

/*   list-check-v2   */

.list-check-v2 {
  padding-top: 10px;
}

.list-check-v2 li {
  position: relative;
  color: #fff;
  min-height: 36px;
  padding: 0 0 20px 60px;

}

.list-check-v2 li:before {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 42px;
  height: 36px;
  background: url("../images/check2-icon.png");
  content: '';
}

/*   benefits   */

.benefits h2.title {
  font-size: 26px;
}

.benefits .item {
  padding: 0 15px 25px;
}

.benefits .item:last-child {
  padding-bottom: 15px;
}

.benefits .item h4 {
  font-size: 18px;
  line-height: 22px;
  color: rgb(255, 251, 0);
  text-align: center;
  padding: 15px 0;
  background: #000000;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  text-transform: uppercase;
}

.benefits .item h4 span {
  display: block;
}

.benefits .item .pic {
  position: relative;
}

.benefits .item .pic img {
  display: block;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}

.benefits .item .pic:after {
  position: absolute;
  left: 0;
  bottom: -28px;
  display: block;
  width: 450px;
  height: 28px;
  background: url("../images/shadow-pic.png") 0 0 no-repeat;
  content: '';
}

/*   why   */

.why {
  padding: 30px 15px 20px;
}

.why h2.title {
  color: #fff;
}

.why h2.title span {
  color: #f2d503;
}

.why .text {
  background: #fff;
  padding-bottom: 1px;
  margin-bottom: 20px;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.why .text img {
  display: block;
  /* margin: 0 auto 20px; */
}

.why .text p {
  padding: 0 25px 25px;
}

/*   full image   */

.full_image {
  position: relative;
  padding: 0;
}

.full_image:after {
  position: absolute;
  left: 0;
  bottom: -27px;
  display: block;
  width: 100%;
  height: 27px;
  background: url("../images/shadow-full.png") 50% 0 no-repeat;
  content: '';
}

.full_image img {
  display: block;
  width: 100%;
}

/*   specialist   */
.specialist {
    padding-top: 35px;
}
.specialist .item {
  position: relative;
  background: #fff;
  height: 190px;
  padding-left: 20px;
  margin-bottom: 20px;
}

.specialist .item:before {
  position: absolute;
  top: 50%;
  left: 190px;
  right: 0;
  display: block;
  height: 106px;
  background: #eaeaea;
  margin-top: -53px;
  content: '';
  z-index: 1;
}

.specialist .item:after {
  position: absolute;
  left: 0;
  bottom: -20px;
  display: block;
  width: 480px;
  height: 60px;
  background: url("../images/line-comment.png") 0 0 no-repeat;
  content: '';
  z-index: 10;
}

.specialist .item img {
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 0 25px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.specialist .item p {
  width: 250px;
  position: absolute;
  left: 230px;
  top: 65px;
  color: #666;
  z-index: 10;
}

.specialist .item p b {
  display: block;
  font-size: 18px;
  color: #f25203;
  padding-bottom: 4px;
}

.specialist .item p:after {
  position: absolute;
  bottom: -75px;
  right: 20px;
  display: block;
  width: 115px;
  height: 71px;
  background: url("painting.png") 0 0 no-repeat;
  content: '';
}

.specialist .text {
  padding: 0 20px 25px 20px;
  line-height: 30px;
  color: #363636;
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #ebebeb 100%);
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #ebebeb 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ebebeb', GradientType=0);
}

.specialist .text p {
  padding: 12px 0;
}

.specialist .text b {
  color: #f25203;
}

.specialist .text img {
  margin-top: 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/*   reviews   */

.reviews {
  background: url("") 50% 0 no-repeat #000000;
  padding-bottom: 30px;
}

.reviews h2.title {
  color: #fff;
  line-height: 38px;
}

.reviews h2.title span {
  color: #fde00c;
  font-size: 44px;
}

/*   slider   */

.slider .item {
  color: #fff;
  padding: 0 30px;
}

.slider .avatar {
  text-align: center;
  padding-bottom: 15px;
}

.slider .avatar img {
  display: block;
  margin: 0 auto 15px;
  border: 4px solid #eeff00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.slider h4 {
  text-transform: uppercase;
  font-size: 18px;
  padding-bottom: 5px;
}

.slider .text {
  line-height: 30px;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}

.slider .slick-prev,
.slider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: -7px;
  display: block;
  width: 27px;
  height: 51px;
  padding: 0;
  cursor: pointer;
  /* color: transparent; */
  border: none;
  outline: none;
  background: url("../images/arrow-slider.png") 0 0 no-repeat;
  z-index: 3;
}

.slider .slick-prev {
  left: 55px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slider .slick-next {
  right: 55px;
}

.slider .slick-dots {
  padding: 25px 0 0;
  text-align: center;
}

.slider .slick-dots button {
  display: none;
}

.slider .slick-dots li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 7px;
  border-radius: 50%;
  background: #f3f3f3;
}

.slider .slick-dots li.slick-active {
  background: #fde00c;
}

/*   order info   */

.order_info {
  padding: 0 30px;
}

.order_info li {
  position: relative;
  padding: 30px 0 30px 105px;
  border-bottom: 1px dashed #cdcdcd;
}

.order_info li b {
  color: #000000;
}

.order_info li:nth-child(1) {
  background: url("../images/delivery-icon.png") 10px 50% no-repeat;
}

.order_info li:nth-child(2) {
  background: url("../images/payment-icon.png") 15px 50% no-repeat;
}

.order_info li:nth-child(3) {
  background: url("../images/guarantees-icon.png") 25px 50% no-repeat;
}

/*   footer   */

footer {
  background: #000000;
  padding: 25px 0;
  font-size: 14px;
  text-align: center;
}

footer img {
  display: block;
  margin: 0 auto 10px auto;
}

footer a {
  color: #fff;
}