@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900&subset=latin,cyrillic);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
td {vertical-align:top;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* css reset ends */
*{
	margin: 0;
	padding: 0;
}

body{
    font-family: 'Roboto', sans-serif;
    color:#000;
    font-size:18px;
	background:#fff;
}
a{color:#f0c514;text-decoration:underline;}
a:hover{text-decoration:none;}
p{line-height:22px;margin-bottom:10px;}
.title{font-size:36px;margin-bottom:20px;text-align:center;text-transform:uppercase;font-weight:700;}

.wrap{
	margin:0 auto;
	width:1000px;
}
.bar{position:fixed;background:#351700;width:100%;height:55px;}
.wrap-header{position:relative;margin:0 auto;width:1000px;padding-bottom:90px;z-index:1002;}
.header{overflow:hidden;position:fixed;height:45px;padding-top:18px;width:1000px;}
.header .logo{float:left;color:#fff;font-size:18px;text-transform:uppercase;font-weight:900;}
.header .menu{float:right;}
.header .menu ul li{float:left;}
.header .menu ul li a{font-size:18px;text-decoration:underline;color:#f0c514;margin-left:20px;text-transform:uppercase;font-weight:700;}
.header .menu ul li a:hover{text-decoration:none;}

#home{background:url(img/bg1.jpg) top center no-repeat;padding:95px 0 40px 0;}
#home .content{background:url(img/opa2.png) repeat;color:#fff;padding:20px;text-align:center;font-size:20px;}
#home .content .btn{margin:0 auto;margin-top:20px;display:block;width:200px;background:#f0c514;color:#333;padding:10px;text-decoration:none;font-weight:700;}
#home .content .btn:hover{background:#e0b813;}

#about{padding:40px 0;overflow:hidden;}

#why{overflow:hidden;padding:30px 0;background:url(img/bg2.jpg) bottom center no-repeat;color:#fff;}
#why .why1{float:left;width:300px;text-align:center;}
#why .r{margin-left:50px;}
#why .why1 p{margin-top:10px;margin-bottom:30px;}

.bg{background:url(img/bg.png) repeat;}

#work{overflow:hidden;padding:30px 0;}
#work .etap{float:left;width:235px;text-align:center;margin-top:15px;}
#work .etap p{margin-top:10px;}
#work .r{margin-left:20px;}
#work .etap span{margin:0 auto;display:block;font-size:50px;font-weight:900;color:#f0c514;background:#351700;width:70px;height:60px;border-radius:35px;text-align:center;padding-top:10px;}

#contact{padding:40px 0 0 0;}
#contact p{text-align:center;font-size:30px;line-height:36px;font-weight:700;}
#contact .form{margin:0 auto;width:700px;background:url(img/bg-mail.jpg) 0 0 repeat;border-radius:5px;padding:5px;margin-top:20px;}
#contact .form .inner-form{background:#fff;padding:20px;text-align:center;}
#contact .fb, .fb2, .fbt, .fbb{font-size:16px;font-family: 'Roboto', sans-serif;}
#contact .fb, .fb2{float:left;width:286px;padding:11px;border:1px solid #aaaaaa;}
#contact .fb2{margin-left:40px;}
#contact .fbt{padding:10px;width:638px;height:150px;margin-top:20px;resize:none;}
#contact .fbb{margin-top:20px;padding:10px;cursor:pointer;}
label.error{font-size:0px;}
#contact .fb.error, .fb2.error{border:1px solid #ff0000;}

.footer{overflow:hidden;padding:40px 0 30px 0;color:#333;font-size:14px;/*background:#351700;*/font-weight:700;}
.footer .left{float:left;}
.footer .right{float:right;}
.footer a{color:#333;}