*{
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}

body, input{
	font-size:17px;
	font-family:'RobotoRegular';
	line-height:24px;
}

body{
	color:#111;
	line-height:24px;
}

ul{
	list-style:none;
}

input[type="text"]{
	display:block;
	width:315px;
	height:45px;
	padding:0 20px;
	font-size:14px;
	font-family:'RobotoRegular';
	background-color:#fff;
	border:none;
}

input[type="submit"], .button, .more{
	position:relative;
	display:block;
	width:205px;
	height:45px;
	line-height:43px;
	padding:0 20px;
	font-family:'RobotoRegular';
	text-align:center;
	color:#fff;
	background-color:#F0842B;
	border:none;
	border-radius:10px;
	z-index:2;
}

.more{
	color:#111;
	background-color:#fff;
	border:1px solid #F0842B;
}

input[type="submit"]:hover, .button:hover{
	color:#F0842B;
	background-color:#fff;
	border:1px solid #F0842B;
	cursor:pointer;
}

.more:hover{
	cursor:pointer;
	color:#fff;
	background-color:#F0842B;
	border:none;
}

form input[type="submit"]:hover, form .button:hover, #about .button:hover{
	background:none;
}

input:focus{
	outline:none;
}

.clear:after{
	content:'';
	display:block;
	clear:both;
}

a{
	text-decoration:none;
}

.container{
	margin:0 auto;
	padding:0 70px;
}

.container.links{
	position:relative;
	height:0;
}

#links{
	display:block;
	position:absolute;
	top:-444px;
	left:-100px;
	width:153px;
	height:444px;
	padding-top:40px;
	z-index:4;
}

#links > img{
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}

#links > ul{
	position:relative;
	z-index:1;
}

#links .close{
	position:absolute;
	top:0;
	right:0;
	width:32px;
	height:32px;
	background:url(../images/closelinks.png) 50% 50% no-repeat;
	z-index:2;
}

#links .close:hover{
	cursor:pointer;
}

#links ul li a{
	display:block;
	height:120px;
}

nav{
	position:fixed;
	top:0;
	width:100%;
	height:60px;
	background-color:#231F1A;
	z-index:4;
}

#menu{
	display:none;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-50px;
	width:100px;
	height:40px;
	background:url(../images/menu.png) 50% 50% no-repeat;
}

nav .phone{
	display:none;
	float:right;
	color:#fff;
	font-size:18px;
	line-height:60px;
}

nav .phone .color{
	color:#F0842B;
}

nav .container{
	padding-left:192px;
	position:relative;
}

nav .container.mini{
	background:url(../images/logo-mini.png) 70px 50% no-repeat;
}

nav .logo{
	position:absolute;
	top:20px;
	left:70px;
	display:block;
	z-index:1;
}

nav ul{
	position:relative;
	z-index:2;
}

nav ul > li{
	color:#fff;
	font-size:18px;
	float:left;
	line-height:60px;
	margin-right:44px;
}

nav ul .number{
	font-size:26px;
	margin-right:0;
}

nav ul .number img{
	display:block;
	height:30px;
	margin:15px 10px 0 0;
	float:left;
}

nav ul > li .color{
	color:#f0842b;
}

nav ul > li > a{
	font-size:16px;
	color:#fff;
	display:block;
	line-height:60px;
}

nav ul > li > a:hover{
	text-decoration:underline;
}

nav ul > li .active{
	color:#f0842b;
}

header{
	margin-top:60px;
	position:relative;
	background:url(../images/header.jpg) 70% 50% no-repeat #1A1917;
	background-color: #1A1917;
}

header .container{
	padding-bottom:100px;
}

header .short{
	float:left;
	color:#fff;
	padding-top:140px;
	text-transform:uppercase;
	opacity:0;
	transition:none;
}

header h1,
header .short p{
	padding-left:20px;
}

header h1{
	font-size:44px;
	font-family:"RobotoLight";
	line-height:44px;
}

header h1 > span{
	display:block;
	font-size:62px;
	font-family:"RobotoBold";
	line-height:70px;
}

header .short p{
	font-size:22px;
	line-height:30px;
	padding-top:20px;
	margin-bottom:20px;
}

header .short form{
	display:block;
	float:left;
	padding:20px;
	background-color:rgba(26,25,23,0.8);
	border:1px solid #fff;
}

header .short input[type="text"]{
	font-size:18px;
	width:400px;
	margin-bottom:20px;
}

.big-arrow{
	position:absolute;
	bottom:0;
	width:100%;
	height:0;
	background:url(../images/arrow.png) 50% no-repeat;
	background-size:cover;
	z-index:1;
}

.advant{
	padding:100px 0;
}

.advant > li{
	float:left;
	width:16.66%;
	text-align:center;
	opacity:0;
}

.advant .icon{
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	margin:0 auto 20px;
}

.advant .icon img{
	vertical-align:middle;
}

#about{
	position:relative;
	color:#fff;
	height:450px;
	padding-top:40px;
	text-align:center;
	font-family:"RobotoLight";
	background:url(../images/products.jpg)  no-repeat;
}

#about .title{
	display:table;
	margin:0 auto;
	padding:15px 30px;
	margin-bottom:40px;
	font-size:36px;
	text-transform:uppercase;
}

#about p{
	color:#575853;
	line-height:30px;
	margin-bottom:60px;
}

#about .button{
	margin:0 auto;
}

#products{
	padding-top:70px;
	padding-bottom:50px;
}

#products .item{
	padding:30px 0;
	border:0 solid #E6E6E6;
	opacity:0;
}

#products > div:nth-child(2n){
	border:0 solid #474747;
}

#products .image{
	float:left;
	width:380px;
	margin:0 20px;
	overflow:hidden;
}

#products > div:nth-child(2n) .image{
	float:right;
}

#products .image img{
	width:100%;
}

#products .desc{
	margin-left:420px;
	padding:0 20px;
	font-size:14px;
	line-height:21px;
}

#products > div:nth-child(2n) .desc{
	margin:0 420px 0 0;
}

#products .desc h3.ttl,
#products .desc p{
	margin-bottom:20px;
}

#products .desc h3.ttl{
	font-size:20px;
	font-family:"RobotoLight";
}

#products .desc span.ttl{
	display:block;
	font-family:"RobotoBold";
}

#products .desc .bold{
	display:block;
	padding:0 20px;
	margin-bottom:20px;
	font-size:14px;
	font-family:"RobotoBold";
}

#products ol{
	list-style-position:inside;
}

.full{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:60px 20px;
	background-color:rgba(26,25,23,0.9);
	z-index:10;
}

.full .desc,
#products .full .desc{
	position:relative;
	font-size:16px;
	font-family:"RobotoLight";
	line-height:26px;
	margin:0 auto !important;
	height:90%;
	padding:40px 60px;
	background-color:#fff;
	border-radius:5px;
	overflow:auto;
}

.full .close{
	position:absolute;
	top:40px;
	right:20px;
	width:40px;
	height:40px;
	background:url(../images/close.png) 50% 50% no-repeat;
}

.full .close:hover{
	cursor:pointer;
}

.full .bold{
	font-size:16px;
	display:inline;
	padding:0;
}

.full p.bold{
	display:block;
}

.full .title{
	color:#999;
	font-size:18px;
	line-height:40px;
	padding-bottom:30px;
}

.full.policy-text .title{
	color:#111;
	font-family:'RobotoRegular';
	padding-bottom:10px;
}

.full .title.big{
	color:#111;
	font-size:24px;
}

.full.policy-text p{
	font-size:14px;
	margin-bottom:10px;
}

.full .desc > img{
	float:left;
	margin-right:40px;
	margin-bottom:20px;
}

.full ul, .full ol{
	padding:0 20px;
	margin-bottom:20px;
}

.full ul{
	list-style:disc;
	list-style-position:inside;
}

#products .buttons{
	clear:both;
	padding-top:20px;
}

#products .buttons > div{
	padding:0 20px;
	margin-left:420px;
}

#products .buttons > div:first-child{
	float:left;
	width:420px;
	margin:0;
}

#products > div:nth-child(2n) .buttons > div{
	margin:0 420px 0 0;
}

#products > div:nth-child(2n) .buttons > div:first-child{
	margin:0;
	float:right;
}

#products .buttons > div > div{
	margin:0 auto;
}

#products > div:nth-child(2n) .buttons > div:first-child{
	float:right;
}

#products > div .buttons .more{
	float:right;
}

#products > div:nth-child(2n) .buttons .more{
	float:left;
}

#tguarant{
	color:#fff;
	height:780px;
	background:url(../images/guarantee-bg.jpg) no-repeat;
	background-size:cover;
}

#tguarant > .container{
	min-height:546px;
	padding-top:145px;
	background:url(../images/lines.png) 50% 0 no-repeat;
}

#tguarant .ttl{
	font-size:20px;
	line-height:40px;
	font-family:"RobotoLight";
	text-align:center;
	text-transform:uppercase;
	margin-bottom:125px;
}

#tguarant ul{
	display:table;
	margin:0 auto;
}

#tguarant ul li{
	width:226px;
	float:left;
	text-align:center;
	font-size:18px;
	margin:0 120px;
	opacity:0;
}

#tguarant ul li:first-child{
	color:#F0842B;
}

#tguarant ul li img{
	margin-bottom:20px;
}

#contacts{
	position:relative;
}

#contacts > .container{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-585px;
}

#contacts .info{
	position:absolute;
	top:-20px;
	right:70px;
	padding:40px;
	width:400px;
	height:520px;
	background-color:#fff;
	border-top:20px solid #F0842B;
	border-bottom:10px solid #F0842B;
	z-index:2;
}

#contacts .title,
#contacts .street{
	margin-bottom:20px;
}

#contacts .title{
	font-size:28px;
	text-transform:uppercase;
}

#contacts .number,
#contacts .phone > span{
	font-size:28px;
	line-height:30px;
}

#contacts .phone{
	padding:30px 0;
	margin-bottom:30px;
	border-top:1px solid #F0842B;
	border-bottom:1px solid #F0842B;
}

#contacts .phone > span{
	line-height:30px;
	display:block;
	margin-bottom:15px;
}

#contacts > .map{
	position:relative;
	z-index:1;
}

#contacts .social .ttl{
	font-size:18px;
	margin-bottom:30px;
	text-transform:uppercase;
}

#contacts .social .list{
	width:296px;
	height:30px;
	background:url(../images/social.jpg) no-repeat;
}

#contacts .social a{
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-right:8px;
}

#contacts .social a:last-child{
	margin-right:0;
}

footer{
	padding-bottom:20px;
	background-color:#231F1A;
}

footer .container .info{
	float:left;
}

footer .logo-f{
	float:left;
	margin:40px 100px 0 0;
	height:158px;
}

footer .logo-f > img{
	display:block;
	height:100%;
	margin-bottom:40px;
}

footer .drafts{
	float:left;
	width:250px;
	padding-top:40px;
}

footer .drafts .ttl{
	color:#F0842B;
}

footer .drafts li{
	margin-bottom:10px;
}

footer .drafts a{
	display:block;
	font-size:14px;
	line-height:22px;
	color:#fff;
}

footer .drafts a:hover{
	text-decoration:underline;
}

footer .form{
	color:#fff;
	width:400px;
	padding:40px;
	font-family:"RobotoLight";
	float:right;
}

footer .ttl{
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:20px;
}

footer .ttl span{
	display:block;
	font-size:28px;
	line-height:30px;
}

footer p{
	margin-bottom:30px;
}

footer input[type="text"]{
	width:100%;
	margin-bottom:10px;
}

footer .button{
	width:100%;
}

footer .policy{
	color:#999;
	font-size:13px;
	padding:10px;
	text-align:center;
	text-decoration:underline;
	clear:both;
}

footer .policy:hover{
	cursor:pointer;
	text-decoration:none;
}

#feedback{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(26,25,23,0.9);
	z-index:10;
}

#feedback .form{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:360px;
	height:360px;
}

.thankyou{
	padding-top:188px;
	min-height:300px;
	color:#fff;
	text-align:center;
	background:url(../images/logo.png) 50% 0 no-repeat;
}

.form-number .thankyou{
	padding-top:0;
	width:250px;
	min-height:auto;
	color:#F0842B;
	text-align:left;
	background:none;
}

#feedback .close{
	position:absolute;
	top:0;
	right:-60px;
	width:32px;
	height:32px;
	background:url(../images/close.png) 50% no-repeat;
}

#feedback .close:hover{
	cursor:pointer;
}

#feedback .title{
	color:#fff;
	text-align:center;
	margin-bottom:20px;
}

#feedback .title span{
	display:block;
}

#feedback .form input{
	width:100%;
	margin-bottom:20px;
}

input.err{
	transition:none;
	border:2px solid #cc0000;
}

#feedback .form input[name="product"]{
	color:#999;
	background-color:#eee;
}