@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; color: #000; font-family: 'Roboto', sans-serif; font-size:14px;}
img{vertical-align: middle; max-width:100%;}
.main{position:relative; margin:0 auto; width:980px;}
ol,ul{padding:0 0 0 0px;}
ul li{list-style:none;list-style-image:none;}
table{border-collapse:collapse;	border-spacing:0;}
h1,h2,h3,h4,h5,p,a{margin:0px; font-weight:400; font-family: 'Roboto', sans-serif;}
.wrapper{margin:0 auto; min-width:1000px;}
.row{overflow:hidden;}

label {position:relative;}
label.red input, label.red textarea {border: 1px solid #f00 !important;}


*{
    outline: none;
}
.clear{
    clear: both;
}
.text {
	font: bold 23px 'Roboto', sans-serif;
	text-align: center;
	color: #1267ab;
}
.green_btn{
	cursor:pointer;
	width:292px;
	margin:0 auto;
	display:block;
}
.green_btn img{
	display:block;
	cursor:pointer;
	width:292px;
	margin:0 auto;
}

.header{
	background:url(../images/bg-osn.jpg) no-repeat center top;
	width:100%;
	height:1094px;
}
.logo{
	width:400px;
	float:left;
	font:bold 32px 'Roboto', sans-serif;
	color:#000;
	padding-top:30px;
}
.logo span{
	font:bold 32px 'Roboto', sans-serif;
	color:#287fc4;
}
.phone{
	width:261px;
	float:right;
	padding-top:10px;
}
.phone{
	font:400 26px 'Roboto', sans-serif;
	color:#000;
	text-align:right;
}
.phone p span{
	font:bold 32px 'Roboto', sans-serif;
	color:#1267ab;
}
.example2{
	width:261px;
	height:28px;
	display:block;
	background:url(../images/zvon-btn.png) no-repeat center;
	cursor:pointer;
}
.header h1{
	background:url(../images/lenta.png) no-repeat center;
	width:928px;
	height:82px;
	display:block;
	margin:40px auto 0px;
	font:bold 27px 'Roboto', sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	line-height:65px;
}
.header h2{
	font:400 23px 'Roboto', sans-serif;
	color:#1968a7;
	text-align:center;
	text-transform:uppercase;
}
.vanna{
	background:url(../images/vanna.png) no-repeat center;
	width:735px;
	height:349px;
	display:block;
	margin:40px auto 40px;
}
.akc{
	background:url(../images/skidka.png) no-repeat center top;
	width:432px;
	min-height:276px;
	float:left;
	margin-left:65px;
	margin-top:30px;
}
.vnim{
	font:bold 30px 'Roboto', sans-serif;
	color:#1968a7;
	text-align:center;
	padding:30px 0px 20px;
}
.akc table{
	width:310px;
	margin-left:50px;
}
.akc table tr td:first-child{
	padding-right:10px;
}
.za{
	font:400 17px 'Roboto', sans-serif;
	color:#000;
	text-align:right;
}
.nomer-top{
	font:400 26px 'Roboto', sans-serif;
	color:#000;
	text-align:center;
	padding-top:50px;
}
.nomer-top span{
	font:bold 32px 'Roboto', sans-serif;
	color:#1267ab;
}
.rub{
	font:bold 31px 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	background:#679ac9;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0px 10px 4px;
}
.forma{
	background:url(../images/form-white.png) no-repeat center;
	width:350px;
	height:359px;
	float:right;
	margin-right:65px;
}
.forma2{
	background:url(../images/form-white.png) no-repeat center;
	width:350px;
	height:359px;
}
.zakazat{
	font:500 27px/30px 'Roboto', sans-serif;
	color:#1968a7;
	text-align:center;
	padding:33px 0px 0px; 
}
.ostav{
	font:300 16px/19px 'Roboto', sans-serif;
	text-align:center;
	padding:10px 0px 20px;
}

form input.name{
	background-color:#fff;
	background-image:url(../images/user-form.png);
	background-repeat:no-repeat;
	background-position:10px 13px;
	width:278px;
	border:none;
	height:38px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: inset 0 0 3px #999;
	-moz-box-shadow: inset 0 0 3px #999;
	box-shadow: inset 0 0 3px #999;
	padding-left:32px;
	color:#000;
	font:300 15px/38px 'Roboto', sans-serif;
	display:block;
	margin:0 auto 10px;
}
form input.phoneform{
	background-color:#fff;
	background-image:url(../images/phone-form.png);
	background-repeat:no-repeat;
	background-position:10px 13px;
	width:278px;
	border:none;
	height:38px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: inset 0 0 3px #999;
	-moz-box-shadow: inset 0 0 3px #999;
	box-shadow: inset 0 0 3px #999;
	padding-left:32px;
	color:#000;
	font:300 15px/38px 'Roboto', sans-serif;
	display:block;
	margin:0 auto 20px;
}

form button{
	background:url(../images/ost-btn.png) no-repeat center;
	width:292px;
	height:55px;
	display:block;
	margin:0 auto;
	border:none;
}


.primeri{
	width:100%;
	height:510px;
}
.primeri h2{
	font:bold 30px 'Roboto', sans-serif;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	padding-top:40px;
	padding-bottom:10px;
}
.primeri .main .row .flex-container .flexslider .slides p{
	text-align:center;
	text-transform:uppercase;
	font:400 italic 18px 'Roboto', sans-serif;
	padding-top:10px;
}

.stoit{
	background:url(../images/bg-osn.jpg) no-repeat center top;
	width:100%;
	height:364px;
}
.stoit h2{
	font:bold 24px 'Roboto', sans-serif;
	color:#1968a7;
	text-align:center;
	text-transform:uppercase;
	padding:35px 0px 20px;
}
.stoit table tr td:first-child{
	width:188px;
	vertical-align:middle;
}
.stoit table tr td p{
	font:300 14px 'Roboto', sans-serif;
	padding-left:33px;
}
.stoit table tr td p span{
	font:bold 15px 'Roboto', sans-serif;
	color:#1968a7;
}


.problem h2{
	font:bold 24px 'Roboto', sans-serif;
	color:#cd2f26;
	text-align:center;
	text-transform:uppercase;
	padding:35px 0px 30px;
}
.problem h2 span{
	text-decoration:underline;
}
.problem table{
	margin-bottom:30px;
}
.problem table tr td:first-child{
	width:45px;
	vertical-align:top;
	padding-right:25px;
}
.problem table tr td h3{
	font:bold 18px 'Roboto', sans-serif;
	text-transform:uppercase;
	padding:0px 0px 3px;
}
.problem table tr td p{
	font:300 14px 'Roboto', sans-serif;
	padding:0px 0px 20px;
}



.recom{
	background:url(../images/bg-osn.jpg) no-repeat center top;
	width:100%;
	padding:40px 0px 30px;
}
.recom h2{
	font:bold 30px 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding:10px 0px;
	background:#1968a7;
	width:658px;
	display:block;
	margin:0px auto 30px;
}
.recom table tr td:first-child{
	width:45px;
	vertical-align:top;
	padding-right:25px;
}
.recom table tr td h3{
	font:bold 18px 'Roboto', sans-serif;
	text-transform:uppercase;
	padding:0px 0px 3px;
}
.recom table tr td p{
	font:300 14px 'Roboto', sans-serif;
	padding:0px 0px 20px;
}
.recom h4{
	font:bold 18px 'Roboto', sans-serif;
	color:#1968a7;
	text-align:center;
	text-transform:uppercase;
}


.attent{
	background:url(../images/bg-blue.jpg) no-repeat center top;
	width:100%;
	height:421px;
	padding-top:60px;
}
.attent .nomer-top, .attent .nomer-top span{
	color:#fff !important;
	text-shadow:0px 0px 3px #333;
}


.work{
	background:url(../images/bg3.gif) repeat;
	width:100%;
	padding-bottom:60px;
}
.work h2{
	font:400 28px 'Roboto', sans-serif;
	color:#000;
	text-align:center;
	padding:40px 0px 20px;
}
.video{
	width:830px;
	display:block;
	margin:0 auto;
}


.shag{
	padding:30px 0px 60px;
}
.shag h2{
	font:bold 36px 'Roboto', sans-serif;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	padding:20px 0px 30px;
}
.shag-bg{
	background:#fff url(../images/how-work.jpg) no-repeat center top;
	width:100%;
	height:694px;
}

.otz{
	background:url(../images/bg3.gif) repeat;
	width:100%;
	padding-bottom:40px;
}
.otz h2{
	font:bold 36px 'Roboto', sans-serif;
	color:#1968a7;
	text-align:center;
	text-transform:uppercase;
	padding:40px 0px 40px;
}



.footer{
	background:url(../images/bg-osn.jpg) no-repeat center top;
	width:100%;
	height:130px;
}
.footer .logo{
	width:300px;
	float:left;
	font:bold 29px 'Roboto', sans-serif;
	color:#000;
	padding-top:35px;
}
.copy{
	font:300 italic 13px 'Roboto', sans-serif;
	width:320px;
	float:left;
	text-align:center;
	margin-left:30px;
	padding-top:25px;
}
.footer .logo span{
	font:bold 29px 'Roboto', sans-serif;
	color:#287fc4;
}
.example1 {
	width:261px;
	height:28px;
	display:block;
	background:url(../images/zvon-btn.png) no-repeat center;
	cursor:pointer;
	margin-top:4px;
}

.flexslider .col-md-6{
	float:left;
	width:480px;
}
.flexslider img{
	display:block;
	margin:0 auto;
	max-width:430px;
}
.padb50{
	padding-top:20px;
}
.padt20{
	padding-top:20px;
}

.flexslider2 .col-md-5{
	float:left;
	width:158px;
	border:1px solid #999;
	margin-right:20px;
}
.flexslider2 .col-md-6{
	float:left;
	width:435px;
	margin-left:35px;
}
.flexslider2 .col-md-7{
	float:left;
	width:255px;
}
.flexslider2 img{
	display:block;
	margin:0 auto;
	max-width:158px;
}


.count{
	margin-left: 54px;
	float:left;
	margin-top:20px;
}
.do-konca{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#696969;
	text-align:center;
	padding-bottom:5px;
}

.countbox
{
	color: #555;
	font-family: 'Roboto', sans-serif;
	font-size: 35px;
	height: 65px;
	line-height: 45px;
	padding: 0;
	background:url(../images/count.png) no-repeat center top;
	width:320px;
	height:56px;
	padding-top:3px;
}

.countbox .countbox-num
{
	float: left;
}
.countbox .countbox-space
{
	float: left;
	height: 10px;
	width: 1px;
}
.countbox-days1,.countbox-hours1,.countbox-mins1,.countbox-secs1,.countbox-days2,.countbox-hours2,.countbox-mins2,.countbox-secs2
{
	background-repeat: no-repeat;
	float: left;
	height: 1px;
	margin: 0 1px 0 0;
	text-align: center;
	width: 37px;
	z-index: 1;
}
.countbox-days1{
	margin-left:4px;
}
.countbox-hours1{
	margin-left:2px;
}
.countbox-mins1{
	margin-left:2px;
}
.countbox-secs1{
	margin-left:2px;
}
.countbox-days-text,.countbox-hours-text,.countbox-mins-text,.countbox-secs-text
{
	background-position: center;
	background-repeat: no-repeat;
	height: 14px !important;
	margin-top: 35px;
	position: absolute;
	color:#696969 !important;
	font-family: 'Roboto', sans-serif;
}
.countbox-days-text
{
	color:#696969;
	font-weight:normal;
	font-size:13px;
	margin-left:27px;
}
.countbox-hours-text{
	color:#696969;
	font-weight:normal;
	font-size:13px;
	margin-left:23px;
}
.countbox-mins-text{
	color:#696969;
	font-weight:normal;
	font-size:13px;
	margin-left:20px;
}
.countbox-secs-text{
	color:#696969;
	font-weight:normal;
	font-size:13px;
	margin-left:20px;
}
.countbox-days1 span, .countbox-days2 span, .countbox-hours1 span, .countbox-hours2 span, .countbox-mins1 span, .countbox-mins2 span, .countbox-secs1 span, .countbox-secs2 span
{
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	position: absolute;
	width: 40px;
}

/* global */
.g-hidden { display: none; }
.g-line { zoom: 1; }
.g-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #fff;
    max-width: 600px;
    width: 25%;
	height: auto;
    margin: 5% auto;
	text-align: center;
	padding: 30px 20px 30px 20px;
	position: relative;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -15px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -15px;
    width: 24px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: #ffba00;
}
.pole {
	padding: 5px;
	width: 80%;
	border: 2px solid #d1d1d1;
	border-radius: 20px;
	height: 35px;
	font-family: a_FuturaRound;
	font-size: 17px;
}
.pole:focus {
	border: 2px solid #ffba00;
}
.mainButton_form {
  border: none;
  padding: 9px 15px;
  background: #ffba00;
  border-radius: 40px;
  box-shadow: 0 0 5px rgba(206, 57, 57, 0.5);
  color: #fff;
  text-decoration: none;
  font: 17px 'a_FuturaRound', sans-serif;
}
.mainButton_form:hover {
  background: #ffd35c;
  border-radius: 10px;
}
.bg_btn {
	background: url('../images/ost-btn.png');
	border: none;
	height: 55px;
}