input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;
}
body{
	margin: 0;
	padding: 0;
	color: #000;
}
header{
	width: 100%;
	height: 110px;
	background-color: #fff;
	text-align: center;
	background-image: url(../img/hbg.png);
}
.logo{
	
	
	
}


.discription{
	text-align: center;
	font-style: italic;
	font-family: RobotoBold, sans-serif;
}
.block1{
	width: 30%;
	display: inline-block;
	margin: 10px 10px;
}
.block2{
	width: 30%;
  display: inline-block;
  margin: 30px 10px 15px;
  vertical-align: top;
}
.block3{
	width: 30%;
	display: inline-block;
	margin: 22px 10px;
	font-family: RobotoBold, sans-serif;
	font-size: 20px;
	vertical-align: top;
	color: #777;
}
.block3 p{
	font-size: 14px;
	margin: 0;
	padding: 0;

}
.block3 span {
	font-size: 16px;
	color: blue;
}
.block3 strong {
	font-size: 16px;
	color: #fff;
	text-shadow: blue 1px 0px, blue 1px 1px, blue 0px 1px, blue -1px 1px, blue -1px 0px, blue -1px -1px, blue 0px -1px, blue 1px -1px, blue 0 0 3px, blue 0 0 3px, blue 0 0 3px, blue 0 0 3px, blue 0 0 3px, blue 0 0 3px, blue 0 0 3px, blue 0 0 3px;
	font-size: 20px;
}
.ph_img{
	display: inline-block;
	position: relative;
	top: 3px;
}
.ph_txt{
	display: inline-block;

}

.body_page{
	width: 100%;
	height: 800px;
	background-image: url(../img/bg5.png);
	background-repeat: no-repeat;
	background-size: cover;
	
}
.body_page .wrap{
	text-align: center;
}
.body_page .wrap h1{
	font-family:  RobotoBold, sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	background-color: #fff;
	display: inline-block;
	padding: 0 30px;
	margin-top: 150px;
	margin-bottom: 10px;
}

.body_page .wrap h2{
	font-family:  RobotoBold, sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	background-color: #fff;
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 10px;
	margin-top: 0;
}

.body_page2{
	width: 100%;
	background-image: url(../img/bg4.png);
	-webkit-background-size: cover;
	background-size: cover;
	padding-bottom: 100px;
	
	
}
.body_page3{
	height: 600px;
	width: 100%;
	background-image: url(../img/bg2.png);
	background-repeat: repeat;
	padding-bottom: 100px;
	
	
}
.about{
	
	width: 80%;
	margin: 100px auto 0;
	font-size: 18px;
	font-family: RobotoRegular, sans-serif;
}
.klining{
	width: 80%;
	margin: 100px auto 0;
	font-size: 18px;
	font-family: RobotoRegular, sans-serif;
}
.work{
	width: 80%;
	margin: 100px auto 0;
	font-size: 18px;
	font-family: RobotoRegular, sans-serif;
}
.contacts{
	width: 80%;
	text-align: center;
	margin: 100px auto 0;
	font-size: 18px;
	font-family: RobotoRegular, sans-serif;
}
.map{
	margin-top: 40px;

}.clients{
	font-family: RobotoRegular, sans-serif;
	text-align: center;
}

.uslugi2{
	width: 70%;
	height: 400px;
	margin: 100px auto 0;
	font-size: 18px;
	font-family: RobotoRegular, sans-serif;
}
.uslugi2 span{
	text-decoration: underline;
}
.us_container{
	width: 100%;
	text-align: center;
}
.us_content{
	display: inline-block;
	width: 270px;
	padding: 15px;
	background-color: #fff;
	margin: 20px 10px;
	font-family: RobotoRegular, sans-serif;

}
.us_content img{
	margin-top: 20px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 5px 3px #000;
}
.us_content img:hover{
	box-shadow: 0px 0px 5px 3px #00f;
}
// h2{
// 	font-family: RobotoBOld, sans-serif;
// 	font-size: 30px;
// 	text-align: center;
// 	width: 70%;
// 	margin: 30px auto;

}
.menu{
	/*width: 500px;*/
	background:#ff9e16;
	background:-moz-linear-gradient(top,#ffe116 0,#f2f767 50%,#fae604 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff9e16),color-stop(50%,#ffa411),color-stop(100%,#ff7800));
	background:-webkit-linear-gradient(top,#ffe116 0,#ffa411 50%,#fae604 100%);
	background:-o-linear-gradient(top,#ffe116 0,#ffa411 50%,#fae604 100%);
	background:-ms-linear-gradient(top,#ffe116 0,#ffa411 50%,#fae604 100%);
	background:linear-gradient(to bottom,#ffe116 0,#f2f767 50%,#fae604 100%);
	display: inline-block;
}
.menu ul{
	
	margin: 0 0;
	padding: 0;

}
.menu ul li{
	list-style: none;
	display: inline-block;
	padding: 10px 0;
	position: relative;

	border-right: 1px solid #1e28ef;
}

.menu ul li:last-child{
	border-right: none;
}
.menu ul li a{
	color: #00f;
	text-transform: uppercase;
	text-decoration: none;
	font-family: RobotoRegular, sans-serif;
	padding:0 10px;
	display: inline-block;
	font-size: 14px;
}
.menu ul li a:hover{
	text-decoration: underline;
}
.menu ul ul{
	display: none;
	list-style: i
}
.menu ul li:hover > ul{
	display: block;
}
.proposal{
	width: 400px;
	background-color: rgba(0,0,0,.7);
	border-radius: 3px;
	margin: 250px 50px;
}
.proposal li{
	list-style: none;
	padding: 3px;

}
.proposal a{
	text-decoration: none;
	color: #000;
	font-family: RobotoRegular, sans-serif;
	font-style: italic;

}
.proposal a:hover{
	color: #ff0;
}
.form2{
	width: 700px;
	background: rgba(2,2,2,.7);
  	padding: 7px 30px 20px;
  	margin: 200px auto 0;
  	text-align: center;
}
.form2 span{
	text-transform: uppercase;
	font-family: RobotoRegular, sans-serif;
	text-align: center;
	color: #f00;
}
.form2 input{
	padding: 5px 20px;
  	margin-right: 20px;
  	box-shadow: 0px 0px 7px rgba(85,80,80,.4);
  	border: 2px solid rgba(255,255,255,.1);
}
.button{
	width: 210px;
  	border: 1px solid #ffc200;
  	background: transparent;
  	padding: 7px 10px;
  	text-transform: uppercase;
 	color: #fff;
 	margin-left: 1px;
}
.button2{
	width: 210px;
  	border: 1px solid #ffc200;
  	background: transparent;
  	padding: 7px 10px;
  	text-transform: uppercase;
 	color: #fff;
 	margin: auto;
 	text-align: center;
}
.button:hover{
	background-color: #fdca55
}
.jobs{
	width: 100%;
	height: 350px;
	text-align: center;
	margin: auto;
	/*background-image: url(../img/bg3.png);*/
}
.j_ex{
	display: inline-block;
	width: 270px;
	padding: 15px;
	background-color: #fff;
	margin: 50px 10px;
	font-family: RobotoRegular, sans-serif;

	

}
.j_ex img{
	text-align: center;
	margin: 20px 0;
	background-color: #fff;
	box-shadow: 0px 0px 5px 3px #000;

}

footer{
	background-image: url(../img/podval.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-color: #fff;
	width: 100%;
	height: 180px;
	text-align: center;

}
.f_logo{
	display: inline-block;
	margin: auto;
	width: 278px;
	text-align: center;
}
.adress{
	display: inline-block;
	color: #fff;
	float: left;
	font-family: RobotoBold, sans-serif;
	padding-left: 150px;
	padding-top: 74px;
	font-size: 20px;
	text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px;
}
.phone{
	display: inline-block;
	color: #fff;
	float: right;
	font-family: RobotoBold, sans-serif;
	padding-right: 150px;
	padding-top: 74px;
	font-size: 20px;
	text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px;
}
.cl_content{
	width: 900px;
	margin: auto;
	text-align: center;
	font-family: RobotoRegular, sans-serif;
}
.element{
	display: inline-block;
	margin: 30px 10px;
}
.cl_text{
	font-family: RobotoRegular, sans-serif;
	text-align: center;
}
.o_item p{
	color: #000;
}
.o_item span {
  font-family: RobotoBold;
  font-style: italic;
  color: #000;
 }
 .owl-prev {
  display: inline-block;
  height: 140px;
  margin: 10px;
  background-image: url(../img/arow.png);
  background-repeat: no-repeat;
  background-position: 3px 0;
  width: 40px;
  float: left;
  opacity: .7;
}
.rec_call{
	text-align: center;
}
.hidden{
	display: none;
}
.form{
	width:350px;
	position: relative;
	background: #fff;
	margin: auto;
	text-align: center;
}
.form p{
	font-family: RobotoBold, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	padding-top: 20px;
}
.form input {
  margin: 40px 0 0;
  padding: 10px 20px;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
  border: none;
  border: 2px solid rgba(250,250,255,0.1) ;
 }
 .form .button-form{
 	margin: 40px 0 32px;
 }
 .form_txt{
 	width: 166px;
 	margin: 40px 0 0;
  padding: 10px 20px;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
  border: 2px solid rgba(250,250,255,0.1);
 }
 .rec_bt{
 	width: 200px;
 	text-transform: uppercase;
 	margin: 40px 0 20px;
 	border: 2px solid rgba(250,250,255,0.1);
 	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
 	padding: 10px 20px;
 	background-color: #fdca55
 }
 .rec_bt:hover{
 	background-color: #FDCB1B
 }
 .rec_call a{
 	text-transform: uppercase;
 	font-family: RobotoRegular, sans-serif;
 	text-decoration: none;
 	color: #000;
 	border: 1px solid #000;
 	padding: 10px;
 }
 .rec_call a:hover{
 	background-color: #fff;
 }
 .bp_wrap{
 	width: 100%;
 	height: 600px;
 	margin-bottom: 40px;
 }
 .bp_img{
 	float: left;
 	width:20% ;
 }
 .bp_txt{
 	float: right;
 	width:80% ;
 }
.facts{
	width: 640px;
  padding-left: 17px;
  height: 136px;
  margin: 0 auto;
  position: relative;
  margin-top: 25px;
  background: url(../img/splash.png) center top no-repeat;
  -webkit-background-size: 80%;
  background-size: 80%;
  font-size: 50px;
  font-family: PTSansNarrowBold, sans-serif;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  letter-spacing: -1px;
  padding-top: 30px;
}
article{
	width: 100%;
	color: #3d3d3d;
	margin: auto;
	text-align: center;
	
}
.figures{
	width: 100%;
	margin: auto;
	text-align: center;
}
.bl{
	display: inline-block;	width: 150px;
	margin: 5px 15px;
	background: rgba(245,198,8,1);
	background: -moz-linear-gradient(-45deg, rgba(245,198,8,1) 0%, rgba(252,240,8,1) 58%, rgba(245,214,10,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(245,198,8,1)), color-stop(58%, rgba(252,240,8,1)), color-stop(100%, rgba(245,214,10,1)));
	background: -webkit-linear-gradient(-45deg, rgba(245,198,8,1) 0%, rgba(252,240,8,1) 58%, rgba(245,214,10,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(245,198,8,1) 0%, rgba(252,240,8,1) 58%, rgba(245,214,10,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(245,198,8,1) 0%, rgba(252,240,8,1) 58%, rgba(245,214,10,1) 100%);
	background: linear-gradient(135deg, rgba(245,198,8,1) 0%, rgba(252,240,8,1) 58%, rgba(245,214,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c608', endColorstr='#f5d60a', GradientType=1 );
	padding: 50px 0px;
}
.blwrap{
	width: 200px;
	text-align: center;
	display: inline-block;
	margin: -19px 0 50px;
}

.mid{
	width: 1000px;
	margin: 0 auto;
}

.number{
	font-size: 2em;
	text-align: center;
	font-weight: bold;
	font-family: RobotoRegular, sans-serif;
}
.text{
	text-align: center;
	font-family: RobotoBold, sans-serif;
	display: inline-block;
	text-transform: uppercase;

}



.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.services{
	width: 80%;
	margin: auto;

}
.services h2{
	text-transform: uppercase;
	color: #0829a1
}
.list_services{
	width: 30%;
	display: inline-block;
	vertical-align: top;
}
.list_services li{
	list-style: none;
	margin: 5px;
}
.list_services a{
	text-decoration: underline;
	color: #000;
	font-family: RobotoRegular, sans-serif;
}
.list_services a:hover{
	text-decoration: none;
}
.services_txt{
	width: 60%;
	margin: auto;
	display: inline-block;
	text-align: left;
	font-family: RobotoRegular, sans-serif;
}
.services_txt p{
	text-align: center;
}
.services_txt li{
	list-style: none;
	margin: 10px;
}
.services_txt img{
	padding-right: 10px;
}
.services_txt ul{
	margin-left: 60px;
}
.services_txt p{
	text-align: center;
}
.services_txt table{
	margin: auto;
	position: relative;
}
table{
	border-collapse:collapse;
	
}
table tr{
	
}
table td{
	border: 1px solid #000;
	width: 200px;
	text-align: center;
	background-color: #fff;
	margin: 0;

}
.set_img{
	margin: 70px auto;
	text-align: center;
}
.set_img img{
	margin: 10px;

}
.set_img img:hover{
	box-shadow: 1px 1px 9px 3px;;
}
.set_img a{
	color: #000;
}