/*
@autor: Viktor Kosinov
url: http://vkosinov.ru/

*/
* {
	margin: 0;
	padding: 0;
}
  @font-face {
    font-family: "Roboto-Black";
    src: url("fonts/Roboto-Black.ttf"); /* Путь к файлу со шрифтом */
   }
   @font-face {
    font-family: "Roboto-Bold";
    src: url("fonts/Roboto-Bold.ttf"); /* Путь к файлу со шрифтом */
   }
   @font-face {
    font-family: "Roboto-Light";
    src: url("fonts/Roboto-Light.ttf"); /* Путь к файлу со шрифтом */
   }
   @font-face {
    font-family: "Roboto-Regular";
    src: url("fonts/Roboto-Regular.ttf"); /* Путь к файлу со шрифтом */
   }
  @font-face {
    font-family: "Roboto-Thin";
    src: url("fonts/Roboto-Thin.ttf"); /* Путь к файлу со шрифтом */
   }
body {

}

.wrapper {
	width: 960px;
	margin: 0 auto;
}
#header{
    background-image:url(img/header.jpg);
	background-position:center;
    background-repeat:x-repeat;
	height:1007px;
}
#logo{
    margin-top:40px;
    float:left;
 }
#telephon{
    font-family: "Roboto-Light";
	font-size:16px;
	color:#5d5e86;
	text-align:right;
	padding-top:50px;
}
#telephon span{
    font-family: "Roboto-Bold";
    font-size:36px;
	color:#5d5e86;
	font-weight:100;
    letter-spacing:-1.5px;
}

#telephon span a{
	color:#5d5e86;
	text-decoration: none;
}

#battom1{
    padding-top:5px;
}
#zag h1{
    font-family: "Roboto-Bold";
	font-size:36px;
	color:#567843;
	text-align:center;
	padding-top:20px;
}
#zag  h2{
    font-family: "Roboto-Bold";
	font-size:30px;
	color:#3b3d3e;
	text-align:center;
	padding-top:10px;
}
.trime h3{
    font-family: "Roboto-Light";
	font-size:24px;
	color:#000000;
	text-align:center;
	padding-top:10px;
	letter-spacing:-1.5px;
}
.akciay{
    width:480px;
	height:446px;
	margin-top:50px;
    background-image:url(img/akciya.png);
	background-repeat:no-repeat;
	position:absolute;
}
.akciay_zag{
    font-family: "Roboto-Bold";
	font-size:34px;
	color:#fff;
	text-align:center;
	padding-top:35px;
	padding-left:7px;
	letter-spacing:1.5px;
}
.akciya_content{
    font-family: "Roboto-Light";
	font-size:26px;
	color:#fff;
	text-align:center;
	padding-top:33px;
	padding-left:3px;
    letter-spacing:-0.0px;
	line-height:23px;
}
.akciya_content span{
    font-family: "Roboto-Bold";
	font-size:23px;
}
.akciya_content p{
  font-size:23px;
}
.akciya_timer_zag{
    font-family: "Roboto-Light";
	padding-top:10px;
	font-size:18px;
	color:#fff;
	text-align:center;
}
/*Taimer*/
#clock{
    font-family: "Roboto-Bold";
	font-size:36px;
	margin-left:110px;
	margin-top:11px;
	color:#333333;
}
#min,#sec,#hour {
	float:left;
	padding-left:8px;
	width:58px;
	height:49px;
	position:relative;
	display:block;
	background-image:url(img/timer.png);
    background-repeat:no-repeat;
    color:#333333;
}
#day {
	float:left;
	padding-left:7px;
	width:58px;
	height:49px;
	position:relative;
	display:block;
	background-image:url(img/timer1.png);
    background-repeat:no-repeat;
    color:#333333;
}

#hour0,#min0,#sec0,#day0,#hour11,#day11,#min11,#sec11{
	float:left;
}
#podpis{
    width:300px;
    margin-top:9px;
	margin-left:110px;
	color:#fff;
}
.podpis{
    font-family: "Roboto-Light";
	font-size:14px;
	color:#fff;
	float:left;
	padding-left:20px;
	padding-top:5px;
}
/*Taimer*/
/*Форма*/
.form{
    width:291px;
	height:426px;
	margin-left:669px;
	margin-top:68px;
	position:absolute;
	background-image:url(img/fom.png);
    background-repeat:no-repeat;
}
.zag_form{
    font-family: "Roboto-Thin";
	font-size:24px;
	color:#fff;
	text-align:center;
	margin-top:25px;
	line-height:23px;
}
.zag_form span{
    padding-left:3px;
    margin-top:5px;
    font-family: "Roboto-Bold";
	font-size:24px;
	color:#fff;
}
 .eloy{
    padding-top:10px;
	padding-left:20px;
    font-family: "Roboto-Light";
	font-size:18px;
	color:#ffed76;
}
.eloy p{
    padding-top:0px;
	padding-left:95px;
    font-family: "Roboto-Light";
	font-size:18px;
	color:#ffed76;
}
.name{
    border-color:#577946;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:3px;
	margin-top:15px;
	margin-left:20px;
	padding-left:10px;
	width:242px;
	height:47px;
	font-size:14px;
	color:#000;
	font-family: "Roboto-Light";
	font-size:18px;
	box-shadow: inset 0px 2px 7px rgba(1,3,5,0.3);
}
.tel{
    margin-top:8px;
	border-width:1px;
	border-color:#577946;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:3px;
	margin-left:20px;
	padding-left:10px;
	width:242px;
	height:47px;
	font-size:14px;
	color:#000;
	background-image:url(img/input.png);
    background-repeat:no-repeat;
	font-family: "Roboto-Light";
	font-size:18px;
	box-shadow: inset 0px 2px 7px rgba(1,3,5,0.3);
}
.otp{
    width:255px;
	height:50px;
	border-style:solid;
	border-width:0px;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:3px;
	background-image:url(img/zakazat.png);
    background-repeat:no-repeat;
	cursor:pointer;
    margin-left:20px;
    margin-top:8px;
	background: linear-gradient(to top,#bfbfbf);
	box-shadow: 3px 2px 7px rgba(1,3,5,0.3);
	font-family: "Roboto-Bold";
	font-size:18px;
	color:#7e7e7e;
	text-shadow: 1px 1px 1px rgba(1,3,5,0.3);
}
.confed{
    font-family: "Roboto-Light";
	font-size:12px;
    color:#fff;
	text-align:center;
	padding-top:12px;
}
/*форма*/

.none{
    display:none;
	transition: all 400ms linear;

}
.on{
  display:none;
  z-index:2;
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: fixed;
  top: 0;
  width: 100%;
}
#zvv{
    text-align:center;
	font-family: "Roboto-Bold";
	font-size:18px;
	padding-top:30px;
}

.zakv{
    position:absolute;
	margin-top:-45px;
	margin-left:320px;
	cursor:pointer;
}
#battom1{
    cursor:pointer;
}
/*------О нас --------*/
#o_nas{
    height:570px;
}
#o_nas_verh{
    height:275px;
}
#o_nas figure{
    font-family: "Roboto-Light";
	font-size:18px;
    text-align:center;
    color:#3b3d3e;
	float:left;
	margin-left:110px;
	margin-top:60px;
}
#o_nas span{
    font-family: "Roboto-Light";
	font-size:18px;
    text-align:center;
    color:#3b3d3e;
	float:left;
	margin-left:50px;
	margin-top:60px;
}
#o_nas_niz span{
    font-family: "Roboto-Light";
	font-size:18px;
    text-align:center;
    color:#3b3d3e;
	float:left;
	margin-left:300px;
	margin-top:30px;
}
#o_nas_niz figure{
    font-family: "Roboto-Light";
	font-size:18px;
    text-align:center;
    color:#3b3d3e;
	float:left;
	margin-left:110px;
	margin-top:30px;
}
#tip_resh{
    background-image:url(img/tip_resh.jpg);
    background-position:center;
    background-repeat:x-repeat;
	height:1126px;
}
#tip_resh h2{
    font-family: "Roboto-Thin";
	font-size:36px;
	color:#fff;
	text-align:center;
	padding-top:40px;
}
#tip_resh_verh{
    margin-top:50px;
	height:400px;
}
#tip_resh_verh figure{
    text-align:center;
	float:left;
	margin-left:70px;
}
#tip_resh_verh span{
    text-align:center;
	float:left;
	margin-left:40px;
}
#tip_resh figure p{
    font-family: "Roboto-Light";
	font-size:18px;
	color:#fff;
	padding-top:10px;
}
#tip_resh span p{
    font-family: "Roboto-Light";
	font-size:18px;
	color:#fff;
	padding-top:10px;
}
#tip_resh_niz{
    margin-top:40px;
	height:400px;
}
#tip_resh_niz figure{
    text-align:center;
	float:left;
	margin-left:70px;
}
#tip_resh_niz span{
    text-align:center;
	float:left;
	margin-left:40px;
}
#tip_resh_niz figure p{
    font-family: "Roboto-Light";
	font-size:18px;
	color:#fff;
	padding-top:10px;
}
#tip_resh span p{
    font-family: "Roboto-Light";
	font-size:18px;
	color:#fff;
	padding-top:10px;
}
#batton_ind{
    display:block;
	margin:0 auto;
	cursor:pointer;
	margin-top:30px;
}
.battom1{
    padding-top:20px;
    cursor:pointer;
}
#nashi_raboti{
    height:910px;
}
#nashi_raboti h2{
    font-family: "Roboto-Thin";
	font-size:36px;
	color:#3b3d3e;
	text-align:center;
	padding-top:40px;
}
#nashi_raboti img{
    height:200px;
	width:200px;
}
#nashi_raboti a{
    position:relative;
	margin-left:35px;
}
#nashi_raboti span{
    background-image:url(img/zoom.png);
    background-repeat:no-repeat;
	width:100%;
	height:200px;
	display:none;
    position:absolute;
	left:0px;
	top:-185px;
	margin-left:0px;
}
#nashi_raboti_verh{
    margin-top:50px;
}
#nashi_raboti_sred{
    margin-top:50px;
}
#nashi_raboti_niz{
    margin-top:50px;
}
#batton_hoch{
    cursor:pointer;
    display:block;
    margin:0 auto;
}
/*  АКЦИЯ 2*/
#akciya2{
    background-image:url(img/akciya2.jpg);
    background-position:center;
    background-repeat:x-repeat;
	height:522px;
	margin-top:50px;
}
/*  НАШИ ПРЕИМУЩЕСТВА*/
#nash_prem{
    height:670px;
}
#nash_prem h2{
    font-family: "Roboto-Thin";
	font-size:36px;
	color:#3b3d3e;
	text-align:center;
	padding-top:40px;
}
#nash_prem figure{
    text-align:center;
	float:left;
	margin-left:80px;
}
#nash_prem figure p{
    text-align:center;
	font-family: "Roboto-Light";
	font-size:18px;
	color:#3b3d3e;
	padding-top:10px;
}
#nash_prem_verh{
    padding-top:70px;
	height:200px;
}
#nash_prem_niz{
    padding-top:50px;
}
#akciya3{
    background-image:url(img/akciya3.jpg);
    background-position:center;
    background-repeat:x-repeat;
	height:523px;
	margin-top:0px;
}
/*  ОТЗЫВЫ  */
#otzivi{
    height:560px;
}
#otzivi h2{
    font-family: "Roboto-Thin";
	font-size:36px;
	color:#3b3d3e;
	text-align:center;
	padding-top:40px;
}
#otzivi img{
    float:left;
	height:124px;
	width:124px;
	padding-top:10px;
}
#otzivi figure{
    float:left;
	margin-left:30px;
	width:450px;
}
#otzivi_verh {
    margin-top:50px;
	height:150px;
}
#otzivi_niz{
    margin-top:50px;
}
#otzivi_verh p{
    font-family: "Roboto-Light";
	font-size:18px;
	color:#3b3d3e;
	padding-top:10px;
	padding-left:140px;
	width:290px;
}
#otzivi_verh b{
    font-family: "Roboto-Bold";
	font-size:18px;
	color:#3b3d3e;
	padding-top:10px;
	margin-left:15px;
	white-space: nowrap;
	word-wrap: normal;
}
#otzivi_niz p{
    font-family: "Roboto-Light";
	font-size:18px;
	color:#3b3d3e;
	padding-top:10px;
	padding-left:140px;
	width:300px;
}
#otzivi_niz b{
    font-family: "Roboto-Bold";
	font-size:18px;
	color:#3b3d3e;
	margin-top:20px;
	margin-left:140px;
}
/*  НАШИ   */
#partner{
    height:385px;
    background-color:#e2e2e0;
}
#partner img{
    float:left;
	margin-left:0px;
}
#partner_verh{
   margin-top:30px;
   height:100px;
}
#partner_niz{
    margin-top:30px;
}

#partner h2{
    font-family: "Roboto-Thin";
	font-size:36px;
	color:#3b3d3e;
	text-align:center;
	padding-top:40px;
}
#footer{
    background-image:url(img/footer.jpg);
    background-position:center;
    background-repeat:x-repeat;
	height:705px;
	margin-top:0px;
}
#footer_niz{
    padding-top:520px;
}
#ipe{
    font-family: "Roboto-Light";
	font-size:18px;
	color:#fff;
	float:left;
}
#nom{
    font-family: "Roboto-Light";
	font-size:18px;
	color:#fff;
	text-align:right;
	margin-left:490px;
}
#nom span{
    font-family: "Roboto-Bold";
	font-size:36px;
}
#nom span a {
color: #fff;
text-decoration: none;
}
#battom_niz{
    margin-top:10px;
    cursor:pointer;
}
#nicemarketing{
    position:absolute;
	text-align:center;
	margin-left:150px;
	margin-top:20px;
}
.sps{
    font-family: "Roboto-Bold";
	font-size:18px;
    z-index:1000;
    text-align:center;
    width:742px;
	height:171px;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
	background-image:url(img/sps.png);
    background-position:center;
    background-repeat:no-repeat;
	position:fixed;
	background-color:#fff;
	margin-top:100px;
	padding-top:50px;
	margin-left:20%;
    display:none;
}
.sps span {
    font-family: "Roboto-Light";
 }
.on1{
  z-index:9;
  background-color:#000;
  height: 100%;
  left:0;
  opacity: 0.50;
  position: fixed;
  top: 0;
  width: 100%;
  display:none;
}
.zv{
    display:none;
    width:310px;
	height:310px;
	background-image:url(img/zv_form.png);
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
	position: fixed;
    z-index:1000;
	margin-left:40%;
	margin-top:10%;
	}
.kn{
    display:none;
    width:310px;
	height:310px;
	background-image:url(img/zv_form.png);
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
	position: fixed;
    z-index:1000;
	margin-left:40%;
	margin-top:10%;
	}
.ind{
    display:none;
    width:310px;
	height:430px;
	background-image:url(img/ind.png);
    background-repeat:no-repeat;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
	position: fixed;
    z-index:1000;
	margin-left:40%;
	margin-top:10%;
	}
.ind #zvv{
     font-size:20px;
}
.kn span{
    font-size:19px;
}
#zvv{
    text-align:center;
	font-family: "Roboto-Light";
	font-size:24px;
	padding-top:30px;
	color:#333333;
}
.zv_name, .zv_tel{
    border-width:1px;
	border-color:#bbbbbb;
	border-style:solid;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
	margin-top:20px;
	margin-left:63px;
	padding-left:10px;
	width:192px;
	height:41px;
	color:#000;
	background-repeat:no-repeat;
	font-family: "Roboto-Light";
	font-size:15px;
	box-shadow: inset 0px 2px 7px rgba(1,3,5,0.3);
	}
.otp_zv{
    width:218px;
	height:51px;
	border-style:none;
    font-family: "Roboto-Bold";
	font-size:18px;
	color:#fff;
	cursor:pointer;
    margin-left:53px;
    margin-top:10px;
	}
.zakv{
    position:absolute;
	margin-top:-45px;
	margin-left:320px;
	cursor:pointer;
}
input
{
	outline: none transparent!important;
	box-shadow: none;
	-moz-outline: none!important;
}