/*============ WRAPPER ============*/
.block {max-width: 640px; margin: 0 auto;}
.wrap {width: 640px; padding: 0 25px; box-sizing: border-box;  margin: 0 auto;}
.wrap:after, .wrap:before {content: " "; display: table; clear: both;}
ul {list-style-type: none;}
html{
  scroll-behavior: smooth;
}
.button {
  display: block;
  margin: 0 auto;
  width: 480px;
  height: 85px;
  line-height: 85px;
  border-radius: 8px;
  background-color: #1d81c2;
  border-bottom: 3px solid #0d5565;
  font-family: 'Open Sans', sans-serif!important;
  font-size: 25px;
  font-weight: 700!important;
  text-transform: uppercase!important;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.link {border-bottom: 1px solid;}

/*============ TIMERS ============*/

.clock-wrap {
  border: 2px dashed #000;
  position: relative;
  background: #fff000;
  color: #ff0000;
  font-size: 0;
  text-align: center;
  box-shadow: 0 25px 30px rgba(0, 0, 0, 0.07);
  margin-bottom: 52px;
}
.clock-wrap::before{
  content: '';
  position: absolute;
  top: -14px;
  left: 5px;
  display:block;
  width: 40px;
  height: 30px;
  background-image: url(../img/scissors.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.clock {
  padding: 5px 0 0px;
  font-family: "RobotoRegular", sans-serif; }

.time__title {
  text-transform: uppercase;
  font-size: 24px;
  font-family: "RobotoLight", sans-serif;
  padding: 10px 5px 0px;
}
.timer_name{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
  margin-bottom: 10px;
}
.timer_name span{
  font-size: 16px;
  margin-right: 32px;
}
.timer_name span:last-child{
  margin-right: 6px;
}

.countdown-container {
  display: flex;
  justify-content: center;
  font-size: 40px;
}
.timer__wrapp{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 10px;
}

.timer__text {
  font-size: 14px;
}

form {
  --form-border: #333;
  --form-check-border-checked: #1d81c2;
  --form-check-bg-checked: #1d81c2;
  --form-check-yes-checked: #1d81c2;
}

.form__checkbox {
  position: relative;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  font-size: 16px;
  line-height: 14px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #000;
  width: 100%;
}

.form__checkbox a {
  text-decoration: underline;
  color: #000;
}

.form__checkbox-mark {
  width: 20px;
  height: 20px;
  border: 1px solid var(--form-border);
  background-color: #fff;
  border-radius: 3px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  cursor: pointer
}

.form__checkbox-mark:after {
  position: relative;
  content: "";
  display: none;
  width: 80%;
  height: 80%;
  top: 2px;
  left: 1px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.823 2.774A.5.5 0 0 0 10 2.392V.91a.5.5 0 0 0-.823-.382l-5.422 4.58a.5.5 0 0 1-.637.007L.815 3.246A.5.5 0 0 0 0 3.634v1.503a.5.5 0 0 0 .185.389l2.933 2.38a.5.5 0 0 0 .637-.007l6.068-5.125z' fill='%23fff'/%3E%3C/svg%3E")
}

.form__checkbox-mark:hover {
  border-color: var(--form-check-border-hover);
  background: hsla(0,0%,100%,.9)
}

.form__checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  z-index: -10;
  background-color: var(--form-bg)
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark:after {
  display: block
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark {
  border-color: var(--form-check-border-checked);
  background-color: var(--form-check-bg-checked)
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark:after {
  border-color: var(--form-check-yes-checked)
}

.form__checkbox input[type=checkbox]:active~.form__checkbox-mark,.form__checkbox input[type=checkbox]:focus~.form__checkbox-mark {
  border-color: var(--form-check-border-checked)
}

/*============ BLOCK'S ============*/
.form-container {width: 530px;  margin: 20px auto; padding: 25px; box-sizing: border-box; position: relative; background: #fff; border-radius: 8px; border: 3px solid #40d6e9;}
.form-container .px40 {padding: 26px 0;}
.action-valid {width: 100%; line-height: 180%; background-color: #231f20; color: #ffffff; text-align: center; font-family: 'SFUIDisplay-Bold', sans-serif; border-radius: 8px;}
.price, .action-price {margin: 12px 0 12px 0;}
.price {width: 220px;}
.action-price {width: calc(100% - 226px);}
.price p, .action-price p {padding: 3px 0;}
.price-lt:after {content: url('../img/lt.png'); position: absolute; top: 6px; right: 18px;}
.lp-text {padding: 18px 0 0;}
.left-pack {background: #ef1650; display: inline-block; width: 78px; height: 38px; line-height: 38px; text-align: center; vertical-align: middle; font-weight: bold; border-radius: 5px; color: #fff; margin: 0 8px;}
.buy-pack {background: #231f20; display: inline-block; width: 90px; height: 38px; line-height: 38px; text-align: center; vertical-align: middle; font-weight: bold; border-radius: 5px; color: #fff; margin: 0 8px;}
.form-container .warranty {margin: 25px 0 10px;}
.form-container .warranty * {vertical-align: middle;}
.form-container .warranty img {margin-right: 16px;}
.form-container .warranty p {width: 88%;}
.form-container .decimal {font-size: 23px; position: relative; bottom: 13px; left: -10px;}
.form-container .decimal .wv_currency {margin-left: 1px;}

.header {height: 1200px; background: url('../img/prod1.jpg') no-repeat center bottom;}
.header .wrap {height: 100%; padding: 0 54px;}
.header .blue-background {position: relative; background-color: #1d81c2; padding: 25px; border-radius: 8px; margin-top: 25px;}
.header .blue-background:after {content: url('../img/cert.png'); position: absolute; right: -30px; top: -14px;}
.header .header-icons {margin: 35px 0 20px;}
.header .header-icons div, .header .header-icons img, .header .header-icons p {display: inline-block; vertical-align: middle;}
.header .header-icons img {margin-right: 20px;}
.header .header-icons .icon1 {margin-right: 38px;}
.header .mint-bg {background-color: #49cec4; padding: 4px 10px; border-radius: 10px; margin-top: 20px;}
.header .label {bottom: 10px; right: 10px;}
.header .abs.px12 {bottom: 30px;}

.block1 .wrap {padding: 0 54px;}
.steps {margin: 40px 0;}
.step {height: 85px; padding: 16px 16px 16px 80px; border-radius: 10px; margin: 16px 0;}
.step.one {background: #f1faf9 url('../img/1.png') no-repeat top left;}
.step.two {background: #f1faf9 url('../img/2.png') no-repeat top left;}
.step.three {background: #f1faf9 url('../img/3.png') no-repeat top left;}

.block2 {height: 1164px; background: url('../img/bg2.jpg') no-repeat center bottom; margin-top: -330px; position: relative; z-index: -1;}
.block2 .wrap {padding: 0;}
.block2 .px28 {padding: 350px 0 40px;}
.block2 .inline-b {width: 32%; margin: 0 3px; vertical-align: top;}
.block2 .inline-b:first-child {margin-left: 0;}
.block2 .inline-b:last-child {margin-right: 0;}
.block2 .inline-b img {margin-bottom: 24px; display: none;}
.block2 .inline-b > div {background: url('../img/rl.jpg') no-repeat top left; padding-left: 14px; margin-left: 10px;}
.block2 .inline-b .red2 {padding-top: 0;}
.block2 .inline-b p {text-align: left;}

.block3 .wrap {padding: 0 54px;}
.block3 .px50 {padding: 35px 0;}
.block3 ul li {padding: 30px 0 30px 130px; font-family: 'SFUIDisplay-Light', sans-serif; font-size: 22px;}
.block3 ul li span {font-family: 'SFUIDisplay-Bold', sans-serif;}
.block3 ul li:nth-child(1) {background: url('../img/ico1.png') no-repeat 0 50%;}
.block3 ul li:nth-child(2) {background: url('../img/ico2.png') no-repeat 0 50%;}
.block3 ul li:nth-child(3) {background: url('../img/ico3.png') no-repeat 0 50%;}
.block3 ul li:nth-child(4) {background: url('../img/ico4.png') no-repeat 0 50%;}
.block3 .product-img {margin: 40px 0 30px -54px;}
.block3 .button-container {padding: 20px 0 46px;}

.block4 {background: #eff3f2 url('../img/caps.jpg') no-repeat center top;}
.block4 .wrap {padding: 0 36px;}
.block4 .px40 {padding: 35px 0;}
.block4 .green-background {position: relative; background-color: #49cec4; padding: 16px 30px; border-radius: 8px;}
.block4 .green-background:after {content: url('../img/qg.png'); position: absolute; left: 160px; top: 100%;}
.block4 .inline-container {margin: 340px 0 20px 0;}
.block4 .inline-b {width: 172px; margin: 0 0px 0 17px; vertical-align: top;}
.block4 .inline-b:nth-child(3) {margin-right: 0;}
.block4 .inline-b img {margin: 16px 0 20px;}
.block4 .inline-b p {text-align: left;}

.block5 {background: #eff3f2 url('../img/gradbg.jpg') no-repeat center 200px;}
.block5 .wrap {padding: 0 35px;}
.block5 .doc-list {height: 630px; background: #ffffff; padding: 30px; margin: 30px 0; box-shadow: -1px 16px 8px -6px rgba(0, 0, 0, 0.42);
    margin: 30px 0;}
.block5 .doc-list .doc {margin: 0 25px 30px 0;}
.block5 .doc-list p {color: #152838; font-size: 18px; line-height: 160%; padding: 0 0 30px 0;}
.block5 .doc-list .docname {bottom: 15px;}
.block5 .doc-list.one .docname:after {content: url('../img/doc1p.jpg'); position: absolute; top: -90%; left: 114%;}
.block5 .doc-list.two .docname:after {content: url('../img/doc2p.jpg'); position: absolute; top: -90%; left: 114%;}

.block6 .wrap {padding: 0 40px;}
.block6 .cir3 {margin: 40px 0 40px -40px;}

.block7 .wrap {padding: 0;}
.block7 .px50 {padding: 40px 0 30px;}
.block7 .product {margin: 30px 0;}
.block7 .button-container {padding: 20px 0 46px;}
.block7 .result { padding-top: 130px; background: url(../img/result.jpg) no-repeat 0px 0px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; }
.block7 .result span { display: block; }
.result_item { flex: 42%; color: #256277; font-size: 14px; padding-left: 43px; padding-top: 73px; font-weight: 900;}
.result_item span { margin-bottom: 33px; }
.prostolife { flex: 25%; color: #fff;}
.prostolife span { margin-bottom: 54px; padding-left: 38px; font-size: 16px;}
.prostolife span:nth-child(2){ padding-left: 32px; }
.prostolife span:first-child{ font-size: 17px; font-weight: 900; padding-top: 10px; padding-left: 2px;}
.other { flex: 25%; color: #fff;}
.other span { margin-bottom: 54px; padding-left: 35px; font-size: 16px;}
.other span:nth-child(2){ padding-left: 34px; }
.other span:nth-child(5){ padding-left: 39px; }
.other span:first-child{ font-size: 15px; font-weight: 900; padding-top: 0px; padding-left: 0px; margin-bottom: 44px;}

.block8 {padding: 0 0 40px;}
.block8 .px40 {padding: 30px 0;}
.block8 .reviews-block {margin-bottom: 20px;}
.block8 .ava {margin-bottom: 20px;}
.block8 .text {padding: 12px 25px; border-radius: 8px; position: relative; max-width: 380px; margin-left: 40px;}
.block8 .text.one {background-color: #ecfbfd;}
.block8 .text.one:after {content: url('../img/qr1.png'); position: absolute; right: 100%; top: 30px;}
.block8 .text.two {background-color: #fdfbec;}
.block8 .text.two:after {content: url('../img/qr2.png'); position: absolute; right: 100%; top: 30px;}
.block8 .text.three {background-color: #e9f0fa;}
.block8 .text.three:after {content: url('../img/qr3.png'); position: absolute; right: 100%; top: 30px;}
.block8 .text p {padding: 0; line-height: 140%; text-indent: 20px;}
.block8 .text p:before {content: url('../img/qt.png'); position: relative; right: 10px; top: 4px;}
.block8 .text p:after {content: url('../img/qb.png'); position: relative; left: 10px; top: 4px;}
.block8 .px14 {padding: 6px 0;}
.block8 .stars5 {float: left; margin: 25px;}
.block8 .hashtags {margin: 13px 0 0 60px;}

.block9 {background: #eff3f2; padding: 30px 0 60px 0;}
.block9 .title {padding: 0 0 45px;}
.block9 .wrap {position: relative;}
.block9 .logo {width: 100%;}
.block9 .guaranty {position: absolute; top: 30px; right: 10px;}
.block9 .zavod-container {position: relative; width: 100%;}
.block9 .zavod {width: 100%; max-width: 810px;}
.block9 .zavod-container .inline-b{display: inline-block; vertical-align:top;margin:60px 35px 0 54px;}
.block9 .zavod-container .inline-b p {padding-top: 20px;}

.block10 .px40 {padding: 40px 0;}
.block10 .inline-container .inline-b {width: 252px; vertical-align: top; margin: 0 20px;}
.block10 .inline-container .inline-b img {margin-bottom: 35px;}
.block10 .inline-container .inline-b .rel:after {content: url('../img/gal.png'); position: absolute; right: -16px; bottom: 30px;}
.block10 .inline-container .inline-b .grl {background: url('../img/gradl.png') no-repeat top left; padding-left: 25px;}
.block10 .inline-container .inline-b p {text-align: left;}

.fake {height: 491px; background: url('../img/prod4.jpg') no-repeat top center;}
.fake .text {padding: 110px 20px 0 280px;}
.fake .button {width: 320px; height: 50px; line-height: 50px; margin: 10px 0!important;}
.fake .px12 {padding-left: 60px;}
.fake .decimal {font-size: 15px; position: relative; bottom: 7px;}

.block11 {height: 2150px; background: url('../img/prod1.jpg') no-repeat center 270px;}
.block11 .wrap {height: 100%; padding: 0 54px;}
.block11 .blue-background {position: relative; background-color: #1d81c2; padding: 25px; border-radius: 8px; margin-top: 25px;}
.block11 .blue-background:after {content: url('../img/cert.png'); position: absolute; right: -30px; top: -14px;}
.block11 .header-icons {margin: 35px 0 20px;}
.block11 .header-icons div, .block11 .header-icons img, .block11 .header-icons p {display: inline-block; vertical-align: middle;}
.block11 .header-icons img {margin-right: 20px;}
.block11 .header-icons .icon1 {margin-right: 38px;}
.block11 .mint-bg {background-color: #49cec4; padding: 6px 10px; border-radius: 10px; margin: 20px 0 670px;}
.block11 .label {top: 620px; right: 10px;}
.label_item { box-sizing: border-box; height: 164px; width: 164px; text-align: center; color: #fff; margin: 0px; padding: 0px; border-radius: 100px;}
.label_item1 { background: linear-gradient(to bottom right, #8491F2, #00DAEB); padding-top: 50px;}
.label_item1 b{ font-size: 34px; text-transform: uppercase; margin-top: 10px;}
.label_item b { display: block; }
/*.label_item2 {  background: linear-gradient(to bottom right, #F31BFF, #7275F5); padding-top: 25px; position: absolute; top: 95px; left: -100px;}*/
.label_item2 {  background: #fff000; padding-top: 10px; position: absolute; top: 95px; left: -100px; color: #ff0000;}
.label_item2 .decimal {font-size: 25px; position: relative; bottom: 12px; left: -10px;}
.label_item2 .decimal .wv_currency {margin-left: 1px;}
.label_item2 b{ font-size: 40px; text-transform: uppercase; margin-top: 5px; font-weight: 400;}
.block11 .abs.px12 {top: 830px;}
.block3 .decimal, .block7 .decimal {font-size: 20px; position: relative; bottom: 20px;}
.old-price { font-size: 30px; line-height: 30px; position: relative; }
.mr { margin-right: 10px; }
.new-price { line-height: 45px; }
.old-price::after {
  content: '';
  height: 2px;
  width: 60px;
  background-color: #ff0000;
  display: block;
  position: absolute;
  top: 17px;
  left: -2px;
  transform: rotate(-19deg);
}
    
/*============ FOOTER ============*/
.footer {background: #0c283a; color: #fff; margin-top: 290px;}
.footer .wrap {padding: 30px 54px;}
.footer ul.list {padding-bottom: 30px;}
.footer ul.list li {display: block; padding: 18px 0 18px 80px;}
.footer ul.list li:nth-child(1) {background: url('../img/footer_ico1.png') no-repeat 0 50%;}
.footer ul.list li:nth-child(2) {background: url('../img/footer_ico2.png') no-repeat 0 50%;}
.footer ul.list li:nth-child(3) {background: url('../img/footer_ico3.png') no-repeat 0 50%;}

.footer2 {background: #03111c; color: #fff;}
.footer2 .wrap {padding: 18px 50px;}
.footer .title {padding-bottom: 25px;}
.footer .mag {padding: 10px 0;}
.footer .line {padding: 22px 0;}
.footer2 .adr {padding: 3px 0 16px;}
.footer2 .vam {position: relative; top: 4px;}

.logo_green span{ color: #72B100; font-size: 26px; font-weight: 900; position: relative; top: -20px;}
.logo_green img{ margin-right: 10px; }
.logo_gray span{ color: #B6B7B8; font-size: 24px; font-weight: 900; position: relative; top: -20px;}
.logo_gray img{ margin-right: 10px; }

.wv_currency{ margin-left: -3px; }
.label_item .wv_currency{ margin-left: -13px; }
.country_select{ font-size: 30px; }
button{ z-index: 100; }
.end-action{ text-align: left; }
.currency-new {margin-left: 0 !important;}