@font-face {
    font-family: 'bebas_neue_cyrillicregular';
    src: url('../fonts/bebas_neue_cyrillic-webfont.eot');
    src: url('../fonts/bebas_neue_cyrillic-webfont.eot-#iefix') format('embedded-opentype'),
         url('../fonts/bebas_neue_cyrillic-webfont.woff') format('woff'),
         url('../fonts/bebas_neue_cyrillic-webfont.ttf') format('truetype'),
         url('../bebas_neue_cyrillic-webfont.svg#bebas_neue_cyrillicregular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'pf_din_text_comp_proregular';
    src: url('../fonts/pfdintextcomppro-regular-webfont.eot');
    src: url('../fonts/pfdintextcomppro-regular-webfont.eot-#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro-regular-webfont.woff') format('woff'),
         url('../fonts/pfdintextcomppro-regular-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro-regular-webfont.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@charset "utf-8";
html, body { margin: 0; font-family: 'Arial', sans-serif; font-weight: normal;}
	.globalWrapper {
	width: 100%;
	max-width: 1920px;
	min-width: 1024px;
	position: relative;
	margin: 0 auto;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
  overflow: hidden;
}
.resize {position: relative; width: 1000px; height: 100%; margin: 0 auto; }
.cf:after, .cf:before {content: ''; display: table;}
.cf:after {clear: both;}  
.cf {zoom: 1;}
.ul-center, .text-center {text-align: center; }
.ul-right, .text-right {text-align: right; }
.ul-left, .text-left {text-align: left; }
.ul-inline li { display: inline-block; *display: inline; *zoom: 1; }


.time {display: block; float: right; margin-top: -71px;}
.time *{vertical-align: top;}
.time .etitle{position: absolute;width: 110px;text-align: center;left: 50%;margin-left: -50px;top: 51px;font-weight: 300; font-size:13px; color: #fff;}
.c-block{display: inline-block;*display: inline; margin-right: 9px; padding: 4px 0 0 3px;position: relative;}
.c-block:before{content: '';position: absolute;left: 100%;top: 0;width: 31px;height: 60px;}
.bl-inner{position: relative;margin-right: -10px;height: 48px;background: transparent url('../img/sprites.png') no-repeat -5px -48px; zoom: 0.9;}
.bl-inner span{display: none;font-size: 46px;color: #fff;line-height: 46px;margin-left: 2px;}
.bl-inner:before{content: '';position: absolute;left: 100%;top: 0;background: transparent url('../img/sprites.png') no-repeat -122px -48px;height: 48px;}
.c-block-1{width: 18px;}
.c-block-2{width: 42px;}
.c-block-3{width: 67px;}

/*...........GlobalWrapper............*/
.headWrapper {height: 96px; background: url('../img/bg1.jpg') center center no-repeat;}
.headWrapper .headBlock {height: 96px;}
.headWrapper .headBlock img {display: block; float: left; margin-top: 10px;}
.headWrapper .headBlock p {display: block; float: left;font-size: 16px; margin-top: 25px; margin-left: 17px;}
.headWrapper .headBlock .infoPhone {float: right; width: 257px;}
.headWrapper .headBlock .infoPhone h2 {font-family: 'pf_din_text_comp_proregular'; font-size: 38px; text-align: right; margin-top: 5px; margin-bottom: -6px;}
.headWrapper .headBlock .infoPhone a {font-family: 'bebas_neue_cyrillicregular'; font-size: 24px; color: #fff;
 width: 263px; height: 44px; display: block; position: relative; text-align: center; text-decoration: none; margin: 0; padding: 0; padding-top: 1px;
 text-shadow: 1px 0 0 rgba( 0, 0, 0, 0.16);}
 


.headerWrapper {height: 556px; background: url('../img/bg2.jpg') center center no-repeat;}
.headerWrapper .shadow {position: relative; background: rgba(0, 0, 0, 0.75); width: 1920px; height: 117px; text-align: center; left: 50%; margin-left: -960px;}
.headerWrapper .shadow h2 {font-family: 'bebas_neue_cyrillicregular'; font-size: 51px; color: #fff; text-align: center; padding-top: 16px;}
.headerWrapper .shadow h3 {font-size: 21px; color: #fff; text-align: center; text-transform: uppercase; margin-top: 6px;}
.headerWrapper .headerBlock {height: 656px;}
.headerWrapper .headerBlock .tab {display: block; float: right; margin-top: 60px; width: 352px; height: 318px; background: url('../img/tab.png') center center no-repeat;}
.headerWrapper .headerBlock .tab h4 {font-family: 'bebas_neue_cyrillicregular'; font-size: 24px; color: #fff; text-align: center; display: block; margin-top: 32px; margin-bottom: 34px;}
.headerWrapper .headerBlock .tab h4 span {color: #ffd800;}
.tab input[type=text], .tab input[type=tel] {position: relative; display: block; width: 255px; height: 47px; line-height: 40px; padding-left: 41px; outline: none; 
 margin: 1% auto; font-family: 'Arial', sans-serif; font-size: 16px; color: #333333; background: url('../img/area.png') center center no-repeat; border: none;}

.tab input[type=submit] {display: block; margin: 0; padding: 0; width: 258px; height: 47px; border: none; outline: none; cursor: pointer; margin: 13px auto; font-family: 'bebas_neue_cyrillicregular'; 
 font-size: 25px; background: url('../img/button.png') center center no-repeat; color: #fff; text-shadow: 1px 0 0 rgba( 0, 0, 0, 0.16); line-height: 8px; text-transform: uppercase;}
.tab input[type=submit]:hover {background: url('../button-hover.png') center center no-repeat;}
.headerWrapper .headerBlock h5 {font-size: 21px; text-align: center; margin-top: 93px;}


.timerWrapper {height: 190px; background: url('../img/bg3.jpg') center center no-repeat;}
.timerWrapper .timerBlock {height: 190px; position: relative;}
.timerWrapper .timerBlock:after {position: absolute; display: block; content: '';  height: 3px; width: 600px; top: 100px; left: 0;}
.timerWrapper .timerBlock h1 {font-family: 'bebas_neue_cyrillicregular'; font-size: 64px; color: #fff; margin-top: 5px; margin-right: 15px;}
.timerWrapper .timerBlock h2 {font-family: 'bebas_neue_cyrillicregular'; font-size: 25px; color: #fff; margin-top: 8px;}
.timerWrapper .timerBlock h3 {font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase;}
.timerWrapper .timerBlock .tab2 {display: block; margin-top: 15px; width: 1000px; height: 60px;}
.timerWrapper .timerBlock .tab2 h4 {font-family: 'bebas_neue_cyrillicregular'; font-size: 28px; color: #fff; float: left; margin-top: 10px;}

.tab2 input[type=text], .tab2 input[type=tel] {position: relative; display: inline-block; margin: 0; padding: 0; width: 275px; height: 47px; line-height: 40px; text-indent: 15px; outline: none; 
 float: left; font-family: 'Arial', sans-serif; font-size: 16px; color: #333333; background: url('../img/area-1.png') center center no-repeat; border: none; margin-left: 3px;}

.tab2 input[type=submit] {display: inline-block; width: 252px; height: 46px; border: none; outline: none; cursor: pointer;  font-family: 'bebas_neue_cyrillicregular'; margin-top: 3px;
 font-size: 24px; background: url('../img/button-2.png') center center no-repeat; color: #fff; text-shadow: 1px 0 0 rgba( 0, 0, 0, 0.16); padding-bottom: 6px;text-transform: uppercase;
 float: right;}
.tab2 input[type=submit]:hover {background: url('../img/button-hover-2.png') center center no-repeat;}


.whyWrapper {height: 534px; background: url('../img/bg4.jpg') center center no-repeat;}
.whyWrapper .whyBlock {height: 834px; position: relative;}
.whyWrapper .whyBlock h2 {font-family: 'bebas_neue_cyrillicregular'; font-size: 48px; text-align: center; margin-top: 60px;}
.whyWrapper .whyBlock h3 {font-size: 18px;  text-align: center; margin-top: 20px;}
.whyWrapper .whyBlock ul {display: block; width: 313px; float: left; margin-top: 50px;}
.whyWrapper .whyBlock ul li {display: block; height: 100px; margin: 15px 0;}
.whyWrapper .whyBlock ul li >p {font-family: 'bebas_neue_cyrillicregular'; font-size: 23px; color: #333333; line-height: 1.1; display: block; float: left; margin-top: 26px;}
.whyWrapper .whyBlock ul li >img {display: block; float: right;}
.whyWrapper .whyBlock .leftBlock {float: right; width: 325px;}
.whyWrapper .whyBlock .leftBlock li {}
.whyWrapper .whyBlock .leftBlock li p {float: right; text-align: right;}
.whyWrapper .whyBlock .leftBlock li img {display: block; float: left; position: relative; left: 38px; top: 13px;}


.modalWrapper {height: 427px; background: url('../img/bg5.jpg') center center no-repeat;}
.modalWrapper .modalBlock {height: 427px; position: relative;}
.modalWrapper .modalBlock h2 {font-family: 'bebas_neue_cyrillicregular'; font-size: 43px; text-align: center; margin-top: 50px;}
.modalWrapper .modalBlock .modal {display: block; width: 1000px; height: 2113px; margin-top: 60px; background: #fff; text-align: center; position: relative;}
.modalWrapper .modalBlock .modal:after {position: absolute; display:  block; content: ''; width: 1000px; height: 18px; background: url('../img/shadow.png') center center no-repeat;
 top: 0; left: 0;}
 .modalWrapper .modalBlock .modal:before {position: absolute; display:  block; content: ''; width: 1000px; height: 40px; background: url('../img/shadow2.png') center center no-repeat;
 bottom: -40px; left: 0;}
.modalWrapper .modalBlock .modal .modalUp {display: inline-block; width: 316px; height: 2041px; margin: 0; padding: 0; position:  relative; vertical-align: top;}
.modalWrapper .modalBlock .modal .modalUp h3 {font-family: 'bebas_neue_cyrillicregular'; position: relative; font-size: 28px; color: #333333; text-align: center; margin-top: 30px;}
.modalWrapper .modalBlock .modal .modalUp h3 span {color: #ff113e; font-size: 44px;}
.modalWrapper .modalBlock .modal .modalUp h3 >i {font-size: 14px; font-family: 'Arial', sans-serif; font-weight: bold; color: #323038; font-style: normal; display: block; margin-bottom: -17px;}
.modalWrapper .modalBlock .modal .modalUp h3:after {position: absolute; display: block; content: ''; width: 175px; height: 1px; background: #000; top: 100px; left: 71px;}
.modalWrapper .modalBlock .modal .modalUp h4 {font-family: 'bebas_neue_cyrillicregular'; font-size: 30px; color: #ff113e; text-align: center; margin-top: 25px;}
.modalWrapper .modalBlock .modal .modalUp h4 span {; font-size: 21px;  color: #323038; text-decoration: line-through;}
.modalWrapper .modalBlock .modal .modalUp h4 strong {; font-size: 21px;  color: #323038; font-weight: normal;}
.modalWrapper .modalBlock .modal .modalUp img {text-align: center; margin-top: 33px; zoom: 0.9;}
.modalWrapper .modalBlock .modal .modalUp h5 {font-family: 'bebas_neue_cyrillicregular'; font-size: 23px; color: #333333; text-align: left; margin-top: 31px; margin-left: 16px;}
.modalWrapper .modalBlock .modal .modalUp ul {display: block; height: 1350px; margin: 0; padding: 0; margin-bottom: 30px;}
.modalWrapper .modalBlock .modal .modalUp ul li {display: block; margin: 0; padding: 0; margin: 30px auto; width: 280px; font-size: 14px; text-align: left; margin-left: 30px; position: relative;}
.modalWrapper .modalBlock .modal .modalUp ul li:after {position: absolute; display: block; content: ''; width: 17px; height: 14px;  margin: 0; padding: 0;
 background: url('../img/icon-1.png') center center no-repeat; top: 3px; left: -21px;}
.modalWrapper .modalBlock .modal .modalUp a {font-family: 'bebas_neue_cyrillicregular'; margin: 0; padding: 0; font-size: 24px; color: #fff; background: url('../img/button-1.png') center center no-repeat;
 width: 263px; height: 44px; display: block; position: absolute; text-align: center; text-decoration: none; margin: 0 auto; padding-top: 11px; vertical-align: bottom;
 text-shadow: 1px 0 0 rgba( 0, 0, 0, 0.16); bottom: -30px; left: 24px;}
 .modalWrapper .modalBlock .modal .modalUp a:hover { background: url('../img/button-hover-1.png') center center no-repeat;}
.modalWrapper .modalBlock h1 {font-family: 'bebas_neue_cyrillicregular'; font-size: 43px; color: #ff113e; text-align: center; margin-top: 80px;}
.modalWrapper .modalBlock h1 span {font-size: 34px;}
.modalWrapper .modalBlock h5 {font-size: 20px;  text-align: center; margin-top: 30px;}
.modalWrapper .modalBlock h5 span {color: #ff113e;}
.modalWrapper .modalBlock h6 {font-size: 18px; font-weight: bold;  text-align: center; margin-top: 30px; text-transform: uppercase;}
.modalWrapper .modalBlock h6 span {font-family: 'bebas_neue_cyrillicregular'; font-size: 39px; color: #4cbe00;}


.problemWrapper {height: 524px; background: url('../img/bg6.jpg') center center no-repeat;}
.problemWrapper .problemBlock {height: 524px; position: relative;}
.problemWrapper .problemBlock h2 {font-size: 24px; font-weight: bold; color: #fff; text-align: center; margin-top: 70px;}
.problemWrapper .problemBlock ul {display: block; margin-top: 80px;}
.problemWrapper .problemBlock ul li {display: inline-block; width: 200px; position: relative; vertical-align: top;}
.problemWrapper .problemBlock ul li img {display: block; margin: 0 auto;}
.problemWrapper .problemBlock ul li h3 {font-size: 15px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; margin-top: 30px;}
.problemWrapper .problemBlock ul li p {font-size: 14px; color: #fff; text-align: left; margin-top: 15px; width: 195px; padding-left: 5px; letter-spacing: 0.3px;}


.happyWrapper {height: 779px; background: url('../img/bg7.jpg') center center no-repeat;}
.happyWrapper .happyBlock {height: 779px;}
.happyWrapper .happyBlock h2 {font-family: 'bebas_neue_cyrillicregular'; font-size: 44px; text-align: center; margin-top: 75px;}
.happyWrapper .happyBlock ul {display: block; margin-top: 50px; text-align: center;}
.happyWrapper .happyBlock ul li {display: inline-block; width: 480px; position: relative; vertical-align: top; height: 160px; margin: 10px; margin-top: 30px;}
.happyWrapper .happyBlock ul li >img {float: right; display: block; margin: 5px 10px 55px 20px;}
.happyWrapper .happyBlock ul li >h3 {display: block; font-family: 'bebas_neue_cyrillicregular'; font-size: 25px; color: #43a700; text-align: right; margin-bottom: 15px;}
.happyWrapper .happyBlock ul li >p {display: block; text-align: right;}
.happyWrapper .happyBlock ul .rightSide img {float: left; display: block; margin: 5px 20px 55px 10px;}
.happyWrapper .happyBlock ul .rightSide h3 {display: block; font-family: 'bebas_neue_cyrillicregular'; font-size: 25px; color: #43a700; text-align: left; margin-bottom: 15px;}
.happyWrapper .happyBlock ul .rightSide p {display: block; text-align: left;}


.whatWrapper {height: 214px; background: url('../img/bg8.jpg') center center no-repeat;}
.whatWrapper .whatBlock {height: 214px;}
.whatWrapper .whatBlock h2 {font-family: 'bebas_neue_cyrillicregular'; font-size: 40px; text-align: center; margin-top: 20px; color: #fff; margin-bottom: 25px;}
.whatWrapper .whatBlock .tab3 {display: block; margin-top: 15px; width: 1000px; height: 60px; text-align: center;}
.tab3 input[type=text], .tab3 input[type=email] {position: relative; margin: 0; padding: 0; display: inline-block; width: 255px; height: 42px; line-height: 40px; text-indent: 15px; outline: none; 
 float: left; font-family: 'Arial', sans-serif; font-size: 16px; color: #333333; background: url('../img/area-2.png') center center no-repeat; border: none; margin-left: 3px;}

.tab3 input[type=submit] {display: inline-block; width: 247px; height: 42px; border: none; outline: none; cursor: pointer;  font-family: 'bebas_neue_cyrillicregular'; margin-top: 3px;
 font-size: 24px; background: url('../img/button-3.png') center center no-repeat; color: #fff; text-shadow: 1px 0 0 rgba( 0, 0, 0, 0.16); padding-bottom: 6px;text-transform: uppercase;
 float: right; margin-right: 110px; margin-left: -120px;}
.tab3 input[type=submit]:hover {background: url('../img/button-hover-3.png') center center no-repeat;}


.responWrapper {height: 1100px; background: url('../img/bg9.jpg') center center no-repeat;}
.responWrapper .responBlock {height: 1100px;}
.responWrapper .responBlock h2 {font-family: 'bebas_neue_cyrillicregular'; font-size: 44px; text-align: center; margin-top: 50px;}
.responWrapper .responBlock ul {display: block; margin-top: 30px; text-align: center;}
.responWrapper .responBlock ul li {display: inline-block; width: 480px; position: relative; vertical-align: top; height: 375px; margin: 10px; margin-top: 30px;}
.responWrapper .responBlock ul li img {float: left; display: block; margin: 18px 5px;}
.responWrapper .responBlock ul li div {float: right; background: #fff; width: 305px; padding-bottom: 20px;}
.responWrapper .responBlock ul li div h3 {display: block; font-size: 18px; color: #ff6600; text-align: left; margin: 10px 0; margin-left: 10px;}
.responWrapper .responBlock ul li div p {display: block; text-align: left; font-size: 14px; letter-spacing: 0.4px; line-height: 1.4; margin-left: 10px;}
.responWrapper .responBlock ul li div h4 {display: block; text-align: left; margin-left: 10px; font-family: 'bebas_neue_cyrillicregular'; font-size: 20px; color: #333333;margin-top: 18px;}

.howWrapper {height: 380px; background: #fff; position: relative;}
.howWrapper:after {position: absolute; display: block; content: ''; width: 1920px; height: 19px; background: url('../img/shadow-1.png') center center no-repeat; top: 0; left: 0;}
.howWrapper .howBlock {height: 380px;}
.howWrapper .howBlock h2 {font-family: 'bebas_neue_cyrillicregular'; font-size: 44px; text-align: center; margin-top: 50px;}
.howWrapper .howBlock ul {display: block; margin-top: 30px; text-align: center;}
.howWrapper .howBlock ul li {display: inline-block; width: 166px; position: relative; vertical-align: top;}
.howWrapper .howBlock ul li img {display: block; margin: 8px auto;}
.howWrapper .howBlock ul li p {display: block; font-size: 16px; text-align: center;}
.howWrapper .howBlock ul .arrow:after {position: absolute; display: block; content: ''; width: 32px; height: 9px; background: url('../img/arrow.png') center center no-repeat; 
 top: 60px; right: -16px}

.footerWrapper {height: 389px; background: url('../img/bg10.jpg') center center no-repeat;}
.footerWrapper .footerBlock {height: 389px;}

.footerWrapper .footerBlock .tab4 {display: block; float: left; margin-top: 82px; width: 352px; margin-left: 170px;}
.footerWrapper .footerBlock .tab4 h4 {font-family: 'bebas_neue_cyrillicregular'; font-size: 44px; color: #fff; text-align: center; display: block;}
.tab4 input[type=text], .tab4 input[type=tel] {position: relative; display: block; width: 324px; height: 49px; line-height: 40px; padding-left: 41px; outline: none; 
 margin: 3% auto; font-family: 'Arial', sans-serif; font-size: 16px; color: #333333; background: url('../img/area-3.png') center center no-repeat; border: none;}

.tab4 input[type=submit] {display: block; margin: 0; padding: 0; width: 333px; height: 53px; border: none; outline: none; cursor: pointer; margin: 13px auto; font-family: 'bebas_neue_cyrillicregular'; 
 font-size: 25px; background: url('../img/button-4.png') center center no-repeat; color: #fff; text-shadow: 1px 0 0 rgba( 0, 0, 0, 0.16); line-height: 8px; text-transform: uppercase;}
.tab4 input[type=submit]:hover {background: url('../img/button-hover-4.png') center center no-repeat;}