.px8{font-size:8px}.px9{font-size:9px}.px10{font-size:10px}.px11{font-size:11px}.px12{font-size:13px}.px14{font-size:14px}.px15{font-size:15px}.px16{font-size:16px}.px17{font-size:17px}.px18{font-size:18px}.px19{font-size:19px}.px20{font-size:20px}.px21{font-size:21px}.px22{font-size:22px;}.px23{font-size:23px}.px24{font-size:24px}.px25{font-size:25px}.px26{font-size:26px}.px27{font-size:27px}.px28{font-size:28px}.px29{font-size:29px}.px30{font-size:30px}.px31{font-size:31px}.px32{font-size:32px}.px33{font-size:33px}.px34{font-size:34px}.px35{font-size:35px}.px36{font-size:36px}.px37{font-size:37px}.px38{font-size:38px}.px39{font-size:39px}.px40{font-size:40px}.px41{font-size:41px}.px42{font-size:42px}.px43{font-size:43px}.px44{font-size:44px}.px45{font-size:45px}.px46{font-size:46px}.px47{font-size:47px}.px48{font-size:48px}.px49{font-size:49px}.px50{font-size:50px}.px51{font-size:51px}.px52{font-size:52px}.px53{font-size:53px}.px54{font-size:54px}.px55{font-size:55px}.px56{font-size:56px}.px57{font-size:57px}.px58{font-size:58px}.px59{font-size:59px}.px60{font-size:60px}.px61{font-size:61px}.px62{font-size:62px}.px63{font-size:63px}.px64{font-size:64px}.px65{font-size:65px}.px66{font-size:66px}.px67{font-size:67px}.px68{font-size:68px}.px69{font-size:69px}.px70{font-size:70px}.px71{font-size:71px}.px72{font-size:72px}.px73{font-size:73px}.px74{font-size:74px}.px75{font-size:75px}.px76{font-size:76px}.px77{font-size:77px}.px78{font-size:78px}.px79{font-size:79px}.px80{font-size:80px}.px81{font-size:81px}.px82{font-size:82px}.px83{font-size:83px}.px84{font-size:84px}.px85{font-size:85px}.px86{font-size:86px}.px87{font-size:87px}.px88{font-size:88px}.px89{font-size:89px}.px90{font-size:90px}.px91{font-size:91px}.px92{font-size:92px}.px93{font-size:93px}.px94{font-size:94px}.px95{font-size:95px}.px96{font-size:96px}.px97{font-size:97px}.px98{font-size:98px}.px99{font-size:99px}.px100{font-size:100px}.px112{font-size:112px}.px124{font-size:124px}.px128{font-size:128px}.px132{font-size:132px}


/*============ CSS BEGIN ============*/
/* Geniral style */
* {padding: 0; margin: 0;}
header, nav, section, article, aside, footer {display: block;}
html, body {height: auto; max-height: 100%;}
body {position: relative;z-index:999999999999999999;background-color: #ffffff; font-family:'Fira Sans', sans-serif; font-size: 22px; color: #004e63; /*-webkit-font-smoothing: antialiased;*/}
p {padding: 10px 0;}
fieldset {border: none; margin: 0; padding: 0;}
body, p, span {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

/* Colors style */
.gray {color: #3b3b3b;}
.blue {color: #004e63;}
.yellow {color: #ffd64b;}
.green {color: #02923a;}
.orange {color: #f68b1f;}
.red {color: #d90404;}
.white {color: #ffffff;}
.black {color: #000000;}

/* Link Style */
a, a[href^=tel] {color:inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
a:hover {/*text-decoration: underline;*/}

/* Font family style */
.ari {font-family: 'Arial', sans-serif;}
.tah {font-family: 'Tahoma', sans-serif;}
.fsl {font-family: 'Fira Sans', sans-serif; font-weight: 300; line-height: 100%;}
.fsm {font-family: 'Fira Sans', sans-serif; font-weight: 500; line-height: 100%;}
.fsb {font-family: 'Fira Sans', sans-serif; font-weight: 700; line-height: 100%;}
.fsh {font-family: 'Fira Sans', sans-serif; font-weight: 900; line-height: 100%;}

/* Text & font style */
.fnorm {font-weight: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.center {text-align: center;}
.alleft {text-align: left;}
.alright {text-align: right;}
.upp {text-transform: uppercase;}
.ttnone {text-transform: none;}
.under {text-decoration: underline;}
.line-th {text-decoration: line-through;}
.no-padding {padding: 0;}
.flleft {float: left;}
.flright {float: right;}

/* Display style */
.inline-b {display: inline-block; zoom: 1; *display: inline;}
/* Positon's style */
.rel {position: relative;}
.abs {position: absolute;}
.fix {position: fixed;}
/* Clear */
.clearfix:after {content: ""; display: table; clear: both; *zoom: 1;}
/* Preloader */
#preloader {position: absolute; top: 5px; left: 5px;}
/* To top */
#to-top {position: fixed; z-index: 4; bottom: 15px; right: 15px; display: none; cursor: pointer; color: #bbcf15; font-size: 40px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.53);}
/* My fix's */
.currency {font-family: 'PT Sans', sans-serif;}

/*============ FORM ============*/

input, select, textarea {
  display: inherit;
  width: 100%;
  max-width: 436px;
  height: 68px;
  line-height: 68px;
  margin: 12px auto!important;
  border: 2px solid transparent;
  border-radius: 6px;
  outline: none;
  text-indent: 78px;
  color: #004e63;
  box-sizing:content-box;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

input,
input[type='tel'],
input[type='text'],
input[type='number'],
textarea, select {
  font-size: 22px!important;
  line-height: 22px;
  font-weight: normal;
  color: #004e63;
}

/* placeholder style */
::-webkit-input-placeholder {
  font-size: 22px;
  color: #004e63;
}
:-moz-placeholder { /* older Firefox*/
  font-size: 22px;
  color: #004e63;
}
::-moz-placeholder { /* Firefox 19+ */ 
  font-size: 22px;
  color: #004e63; 
} 
:-ms-input-placeholder { 
  font-size: 22px;
  color: #004e63;
}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

input.name {background: #ffffff url('../img/input_name.png') no-repeat 20px center;}
input.phone {background: #ffffff url('../img/input_phone.png') no-repeat 16px center;}

/* Validation form */
label.error {
  display: none!important;
}

input.error, textarea.error {
  border: 2px solid #d90404;
}

input.valid, textarea.valid {
  border: 2px solid #02923a;
}

/* Form button & custom button style */
button {background: none; outline: none; border: none;}

button, .button {
  display: block;
  width: 440px;
  height: 77px;
  margin: 0 auto;
  text-align: center;
  font: 700 30px/77px 'Fira Sans', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 6px;
  background: #02923a;
  border-bottom: 6px solid #005d24;
  cursor: pointer;
}

/*============ ANIMATIONS ============*/

/* Button animation */

button, .button {
  position: relative;
  transition: 0.1s ease all 0s;
  -webkit-transition: 0.1s ease all 0s;
  -moz-transition: 0.1s ease all 0s;
  -o-transition: 0.1s ease all 0s;
  -ms-transition: 0.1s ease all 0s;
}

button, .button:hover {
  /*transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);*/
}

button:active, .button:active {
  top: 6px;
  /*transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);*/
  border-bottom: none;
}

.button:focus {
  
}

.button-wrapper {width: 440px; margin: 0 auto; position: relative;}
/*.button-wrapper::after {
  content: "* —  при заказе 2 упаковок";
  position: absolute;
  bottom: -26%;
  font-size: 14px;
  width: 100%;
  left: 0;
  color: #005d24;
  text-align: right;
  margin-left: -6px;
}*/

/* END MAIN CSS */


/*============ WRAPPER ============*/
header, .block {max-width: 580px; margin: 0 auto; padding: 0 30px;}
.wrap {position: relative; min-width: 580px; max-width: 580px; /*padding: 0 20px;*/ margin: 0 auto;}

/*============ BLOCK'S ============*/
.block1 {height: 69px; background: url('../img/bg1.jpg') no-repeat center top;}
.block1 p {padding: 17px 0; text-align: right; margin-right: 75px;}

.block2 {height: 920px; background: url('../img/bg2.jpg') no-repeat center top; position: relative;}
.block2 .top-text {padding: 55px 0 240px 255px;}
.block2 .top-text p {line-height: 120%;}
.block2 .ul {margin: 54px 0 0 30px;}
.block2 .tick {font: 300 25px/130% 'Fira Sans Light', sans-serif; background: url('../img/tick.png') no-repeat center left; padding: 15px 0 15px 80px; margin: 15px 0; color: #27617b;}
.block2 .action {width: 210px; position: absolute; top: 400px; left: -48px; text-align: center;}
.block2 .action p {padding: 0; margin: 0; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; color: #ffffff; text-shadow: 1px 1px 2px #13522b;}
.block2 .action p:first-child {font-size: 16px; padding-bottom: 10px;}
.block2 .action p:first-child span {font-size: 18px; font-weight: 700;}
.block2 .action p:last-child {font-size: 20px;}
.block2 .action p:last-child span {font-size: 24px; font-weight: 700;}

.block3 {height: 847px; background: url('../img/bg3_2.jpg') no-repeat center top;}
.block3 .form-container {padding: 268px 30px 0;}
.form-container .hc {padding-left: 152px; font-size: 20px; line-height: 160%; display: none;}
.form-container .price {padding: 15px 0; margin: 12px 0 16px;}
.form-container .price .inline-b {vertical-align: middle; margin-left: 48px;}
.form-container .price .new-price {text-align: center;}
.form-container .last-packages {margin: 27px 0 10px 40px;}
.form-container .last-packages .inline-b { vertical-align: middle;}
.form-container .left-pack-container {background: #004e64; padding: 8px 15px; margin-left: 12px; border-radius: 6px;}

.block4 {height: 628px; background: url('../img/bg4.jpg') no-repeat center top;}
.block4 .wrap {padding: 20px 0 0 0;}
.block4 p {padding: 16px 0;}
.block4 .padd-right {padding-right: 260px;}

.block5 {height: 951px; background: url('../img/bg5.jpg') no-repeat center top;}
.block5 .wrap p:first-child {padding: 270px 0 390px;}

.block6 {height: 764px; background: url('../img/bg6.jpg') no-repeat center top;}
.block6 .container {padding: 33px 40px;}
.block6 .tick2 {font: 300 25px/100% 'Fira Sans Light', sans-serif; background: url('../img/tick2.png') no-repeat center left; padding: 15px 0 15px 70px; margin: 10px 0; color: #3b3b3b;}
.block6 .ari {padding: 95px 0 31px 100px;}

.block7 {height: 1460px; background: url('../img/bg7.jpg') no-repeat center top;}
.block7 .wrap p:first-child {padding: 55px 20px 0 20px;}
.block7 .container {padding: 30px 0 30px 30px;}
.block7 .container p {line-height: 120%; margin: 0;}
.block7 .container p:nth-child(1) {padding: 20px 0 0 180px;}
.block7 .container p:nth-child(2) {padding: 75px 180px 0 0;}
.block7 .container p:nth-child(3) {padding: 120px 20px 0 190px;}
.block7 .container p:nth-child(4) {padding: 115px 206px 0 0;}


.block8 {height: 475px; background: url('../img/bg8.jpg') no-repeat center top;}
.block8 a {display: inline-block; margin: 60px 0 0 224px;padding: 14px 0;}
.block8 .container {padding: 0 0 0 40px;}
.block8 .container .ul {margin: 50px 0 65px 20px;}
.block8 .container p {line-height: 180%;}
.block8 .bldot {font: 700 22px/100% 'Fira Sans Light', sans-serif; background: url('../img/blue_dot.png') no-repeat center left; padding: 15px 0 15px 40px; margin: 4px 0; color: #000000;}

.block9 {height: 845px; background: url('../img/bg9.jpg') no-repeat center top;}
.block9 .wrap p:first-child {padding: 452px 0 60px;}
.block9 .wrap p:last-child {padding: 40px 40px 0;}

.block10 {height: 729px; background: url('../img/bg10_2.jpg') no-repeat center top;}
.block10 .wrap > p:first-child {padding: 14px 0 0;}
.block10 .form-container {padding: 44px 30px 0;}

.block11 {height: 505px; background: url('http://instaflex.ru/2448/img/bg11.jpg') no-repeat center top;}

.zvezda {font-size: 20px; position: relative; top: -17px;}

/* STYLE CSS END */

@media only screen and (max-width: 1160px) {
  
}

@media only screen and (max-width: 1080px) {
  
}

@media only screen and (max-width: 1000px) {
  
}

@media only screen and (max-width: 920px) {
  
}

@media only screen and (max-width: 840px) {
  
}

@media only screen and (max-width: 760px) {

}

@media only screen and (max-width: 700px) {
  
}

@media only screen and (max-width: 640px) {
  
}

@media only screen and (max-width: 580px) {
  
}

@media only screen and (max-width: 520px) {
  
}

@media only screen and (max-width: 460px) {

}

@media only screen and (max-width: 380px) {

}

@media only screen and (max-width: 320px) {

}

/* For devices */
@media only screen and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) {

}

@media only screen and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) {

}

.errorMessage{
    box-sizing: border-box;
    position: absolute;
    z-index: 100000;
    font-size: 16px;
    background: #DC3434;
    color: #fff;
    margin-top: 20px;
    text-align: center;
    line-height: 12px;
    padding: 12px 12px;
}
.copyright { font-size: 14px;text-align: center; padding:20px 0;color: #6C6E6F;}
.copyright p { width: 100%; text-align: center; padding: 0; margin: 0; }
.copyright br { display: none; }
.copyright img { margin: 10px auto!important; }
.copyright img:first-child { display: block!important; }
.copyright a {color: #6C6E6F; text-decoration: none;}
.copyright a:hover { color:#FF0069; text-decoration: none; }

#country {
    background:#ffffff url('http://v63.sustavitin.site/img/input_country.png') no-repeat 20px center;
}


#bottom-pop-up {
    display: none !important;
}