/*============ WRAPPER ============*/
body {background: #323f4a;}
.block {background: #121e29; color:#fff; 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;}

.button {
  display: block;
  width: 250px;
  height: 51px;
  line-height: 51px;
  border-radius: 10px;
  background-color: #7e00ff;
  border-bottom: 3px solid #171b26;
  font-family: 'Open Sans', sans-serif!important;
  font-weight: 700!important;
  text-transform: uppercase!important;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}


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

/*============ BLOCK'S ============*/
.block1 {padding: 30px 0; background: #152838;}
.block1 .wrap {text-align: left;}
.block1 .wrap:before {content: ''; display: block; width: 100%;margin-bottom: -28px;}
.block1 .wrap:after {content: ''; display: inline-block; zoom: 1; width: 100%;}
.block1 .inline-b {vertical-align: middle; position: relative; top: 24px; padding-right: 15px;}
.block1 .inline-b span { display: inline-block; width: 50px; height: 50px; font-weight: 700; color: #000; line-height: 53px; text-align: center; background: url(../img/list.png) no-repeat 0px 0px; margin-right: 8px;}
.block1 .inline-b:last-child {padding-right: 0; margin-left: 45px;}
.block1 .inline-b img, .block1 .inline-b p {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.block1 .inline-b img {margin: 0  8px 0 0;}
.block1 p {padding: 0; font-size: 11px;}

.block2 {background: #121e29;}
.block2 .head {padding: 20px 0 10px;}
.block2 .wrap {padding: 0 20px;}
.block2 .desc {background: url('../img/underline.png') no-repeat 400px 106px;}
.product-pack {padding-top: 40px; position: relative; margin-left: 90px;}
.product-pack p{ box-sizing: border-box; text-align: center; position: absolute; bottom: 220px; right: 80px; height: 144px; width: 137px; padding: 27px 35px 0px 35px; background: url('../img/stik_1rur.png') no-repeat 0px 0px; font-weight: 400; font-size: 14px;}
.product-pack p b{ display: block; font-size: 34px; margin-top: 8px; }
.product-pack p b b{ display: inline-block; }

ul {max-width: 530px; margin: 0 auto;}
ul li {padding: 14px 0 14px 65px; background: url('../img/li.png') no-repeat 0 50%;}

.remained-container {display: inline-block; background-color: #2e323b; padding: 14px 20px; border-radius: 8px; margin-top: 30px; box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.12);}
.remained-container p {font-family: 'SFUIDisplay-Bold', sans-serif; font-size: 18px; padding: 0;}
.remained-container .left-box {display: inline-block; width: 50px; height: 50px; margin: 0 4px; line-height: 50px; font-size: 20px; text-align: center; background-color: #ef1650; border-radius: 25px;}

.form-container {width: 530px; padding: 0 24px 24px; box-sizing: border-box; position: relative; background: #fff; border-radius: 8px; margin: 70px auto 0;}
.wv_currency{ margin-left: -5px; }
.action-valid {width: 100%; background-color: #009bd1; color: #ffffff; height: 50px; line-height: 50px; text-align: center; font-family: 'SFUIDisplay-Bold', sans-serif; font-size: 28px; border-radius: 8px; margin-top: 20px;}
.price, .action-price {margin: 12px 0 4px 0;}
.price {width: 220px;}
.action-price {width: calc(100% - 226px);}
.price p, .action-price p {padding: 3px 0; text-align: center;}
.price-lt:after {content: url('../img/lt.png'); position: absolute; top: 3px; right: 25px;}
.lp-text {padding: 18px 0 0;}
.left-pack {background: #ef1650; display: inline-block; width: 60px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; font-weight: bold; border-radius: 5px; color: #fff; margin: 0 8px;}
.buy-pack {background: #009bd1; display: inline-block; width: 70px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; font-weight: bold; border-radius: 5px; color: #fff; margin: 0 8px;}

.shit {font-family: 'SFUIDisplay-Bold', sans-serif; font-size: 12px; padding-left: 30px; padding-right: 20px; background: url('../img/shit.png') no-repeat 0 50%; margin-left: 20px; color: #8a8a8a;}

.block3 .head {padding: 20px 0 20px;}
.block3 .circle-container {margin-top: 60px;}
.circle-container div {display: inline-block; zoom: 1; *display: inline; vertical-align: top; text-align: center;}
.block3 .circle-container div {max-width: 190px; margin: 0;}
.block3 .circle-container div p { padding-top: 24px; text-align: left;}

.block4 {padding-bottom: 35px;}
.block4 .head {padding: 40px 0 40px;}
.block4 .inline-b {vertical-align: middle; width: 33.2%; margin: 20px 0 20px -0.16em;}
.block4 .inline-b p {font-size: 23px; font-family: 'SFUIDisplay-Bold', sans-serif; padding-top: 20px;}
.block4 .inline-b:nth-child(5) {width: 49%;}
.block4 .inline-b:nth-child(6) {width: 49%;}

.block5 {overflow: hidden; padding-bottom: 20px;}
.block5 .title {padding-bottom: 50px;}
.block5 .inline-b {width: 291px; height: 291px; vertical-align: top; box-sizing: border-box; border-radius: 12px; padding: 20px; margin-bottom: 6px;}
.block5 .inline-b p:first-child {font-size: 20px; padding: 5px 0;}
.block5 .inline-b p:last-child {font-size: 15px; padding: 5px 0;}
.block5 .ing div:nth-child(2n+1) {margin-right: 2px;}
.block5 .ing div:nth-child(1) {background: url(../img/ing1.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(2) {background: url(../img/ing2.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(3) {background: url(../img/ing3.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(4) {background: url(../img/ing4.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(5) {background: url(../img/ing5.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(6) {background: url(../img/ing6.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(7) {background: url(../img/ing7.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(8) {background: url(../img/ing8.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(9) {background: url(../img/ing9.jpg) no-repeat 0 0;}
.block5 .ing div:nth-child(10) {background: url(../img/ing10.jpg) no-repeat 0 0;}
.block5 .ing .bot {padding-top: 170px; box-sizing: border-box;}

.block6 {background: #fff; padding: 30px 0 50px;}
.block6 .title {padding-bottom: 38px;}
.block6 .inline-b {vertical-align: middle; width: 33.2%; margin: 20px 0 20px -0.16em;}
.block6 .inline-b p {font-size: 23px; font-family: 'SFUIDisplay-Bold', sans-serif; padding-top: 20px; color:#152838;}

.info-block {margin-top: 30px; width: 100%; box-sizing: border-box; padding: 35px 50px; background: #0e1821; border-radius: 10px; }
.info-block .text {padding-left: 175px; background: url(../img/att.png) no-repeat 0 10px;}
.info-block .btn {display: block; width: 100%;  height: 84px;  line-height: 84px;  margin-top: 35px;  border-radius: 8px;  background-color: #7e00ff;  border-bottom: 5px solid #171b26;  font-family: 'Open Sans', sans-serif!important;  font-weight: 700!important;  text-transform: uppercase!important;  text-align: center;  color: #ffffff;  cursor: pointer; transition: all 0.2s;}
.info-block .btn:hover {opacity: 1;  -webkit-filter: contrast(140%); /* Safari */   filter: contrast(140%);   -webkit-filter: brightness(120%); /* Safari */   filter: brightness(110%);}

.zavod-container {background: #0c283a; padding-bottom: 30px;}
.zavod-container .info-block {margin-top: -25px;}
.zavod-container .info-block .text {padding: 10px 0 10px 175px;}
.zavod-container .info-block p {padding: 15px 0; }
.zavod-container .head3 {padding-top: 40px;}
.zavod-container .img {margin: 35px 0 0 -25px;}
.zavod-container .contact {padding-top: 38px; width: 340px;}
.logo { font-size: 28px; font-weight: 700; }
.logo span{ box-sizing: border-box; margin-left: 10px; display: inline-block; position: relative; top: -17px; color: #B7B8BA;}
.zavod-container .inline-b {vertical-align: top; margin: 125px 10px 100px 0;} 
.zavod-container .inline-b.mid {margin: 125px 30px 85100 15px;}

.guaranty {right: 0px; top: 710px; width: 256px; height: 380px; box-sizing: border-box; padding: 78px 50px 0 30px; background: url(../img/guaranty.png) no-repeat 0 0; color: #0c283a;}

.block7 {background: #fff; padding: 50px 0;}
.block7 .title {padding-bottom: 50px;}
.block7 .inline-b {width: 48%;}
.block7 ul li {padding: 14px 0 14px 80px; background: url('../img/li2.png') no-repeat 0 50%;}
.block7 ul li:last-child {margin-top: 15px;}

.block8 {background: #0c283a; padding: 30px 0 0; height: auto;}
.block8 p {color: #b6b7b8;}
.block8 ul {max-width: 520px;}
.block8 ul li {display: inline-block; vertical-align: top; color: #b6b7b8; background: none; padding:0;}
.block8 ul.list li {display: block; padding: 12px 0 14px 70px;}
.block8 ul.list li:nth-child(1) {background: url(../img/ico4.png) no-repeat 0 50%;}
.block8 ul.list li:nth-child(2) {background: url(../img/ico5.png) no-repeat 0 50%;}
.block8 ul.list li:nth-child(3) {background: url(../img/ico6.png) no-repeat 0 50%; }
.block8 .hotline {padding-left: 30px;}
.block8 ul li.foot  {margin: 30px 0;}
.block8 .footer {background: #03111c; padding: 15px 0 10px;}
.block8 .title {padding-bottom: 25px;}
.block8 .adr {padding: 0px 0 16px;}

.block9 {background: #121e29; padding-bottom: 35px;}
.block9 .head {padding: 44px 0 32px;}
.block9 .wrap {padding: 0 20px;}
.block9 .product-pack {padding-top: 50px; position: relative;}
.block9 .product-container {margin-top: -10px;}
.block9 .product-container .title {padding-bottom: 40px;}
/*============ FOOTER ============*/