@charset "utf-8";
/* CSS Document */
*{margin:0 0 0 10px; padding:0; text-decoration:none; border:none; font-family: 'Open Sans', sans-serif;}

* a {
    color:#26b8d7;
}
.wraper{
	width:100%;
}
.inerwraper{
	max-width:700px;
	position:relative;
	margin:auto;
}
#desktop{
}
#mobile{
	display:none;
}
/***Header******/
.header{
	float:left;
	width:100%;
	position:relative;
	padding:25px 0px 0px 0px;
	z-index:100;
}
.logo{
	/*float:left;*/
	width:500px;
}
.logo img{
	width:500px;
}
.nav{
	float:right;
	position:relative;
}
.nav ul{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}
.nav li{
	float:left;
	padding:15px 10px;
}
.nav a{
	color:#26b8d7;
	font-size:16px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:700;
}
.nav li:hover{
	background:#26b8d7;
}
.nav li:hover a{
	color:#fff;
}
.active {
    background: #26b8d7;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
}
.active a {
    color: #fff;
}

.menu{
	float:right;
	cursor:pointer;
	display:none;
}

/************** Banner ***************/
.banner{
	position:relative;
	float:left;
	width:100%;
	margin-top:-16px;
}
.banner img{
	width:100%;
}
.build{
	position:absolute;
	bottom:-16px;
	width:100%;
}
.build img{
	width:100%;
}
.mobile-banner{
	float:left;
	position:relative;
	width:100%;
	margin-top:-10px;
}
.mobile-banner img{
	width:100%;
}

/***Footer***/
.footer{
	float:left;
	width:100%;
	clear:both;
	border-top:1px solid #e4e3e2;
	margin-top:50px;
	padding:20px 0px;
}
.footer h1{
	font-size:24px;
	color:#4b403a;
	font-weight:800;
	text-align:left;
	float:left;
}
.footer-right{
	float:right;
	width:63%;
	text-align:left;
	padding-top:10px;
}
.footer-iner{
	float:left;
	width:33%;
}
.footer-iner p{
	color:#4b403a;
	font-size:14px;
}
.footer-iner a{
	color:#4b403a;
}
.footer-span{
	font-weight:800;
}
/**Mobile footer***/
.inerwraper2{
	padding:0px 20px;
}
.mobile-footer{
	float:left;
	width:100%;
	background:url(../images/footer-bg.png) no-repeat;
	background-size:cover;
	padding:10px 0px 40% 0px;
}
.mobile-logo{
	float:left;
	width:186px;
}
.mobile-logo img{
	width:100%;
}
.adress{
	float:left;
	clear:both;
	padding-left:49px;
}
.adress-iner{
	float:left;
}
.adress-iner p{
	font-size:12px;
	font-weight:400;
	color:#FFF;
	padding:10px 0px;
}
.request3{
	cursor:pointer;
	padding:12px 0px;
	background:#26b8d7;
	float:left;
	clear:both;
	margin:10px 0px 20px 0px;
	width:260px
}
.request3 p{
	font-size:14px;
	font-weight:700;
	color:#FFF;
	text-align:center;
}
.social{
	float:left;
	clear:both;
	margin-left:20px;
}
.social p{
	float:left;
	font-size:11px;
	font-weight:400;
	color:#FFF;
	text-transform:uppercase;
	padding:0px 10px 0px 0px;
}
.social img{
	float:left;
	margin-right:5px;
}
.copy{
	float:left;
	clear:both;
	padding:50px 0px 0px 0px;
}
.copy{
	font-size:12px;
	font-weight:400;
	color:#FFF;
	text-transform:uppercase;
}
@media (max-width:768px){
.inerwraper{
	width:100%;
}
/**Header***/
.header{
	width:94%;
	padding:0px 3%;
}
.nav a{
	font-size:14px;
}
/***Footer***/
.footer-iner2{
	padding:0px 20px;
}
.footer h1{
	font-size:18px;
}
.footer-right{
	float:left;
	width:100%;
	clear:both;
}
.footer-iner{
	float:left;
	width:50%;
}
.footer-iner:nth-child(3){
	width:100%;
	clear:both;
	margin-top:20px;
	text-align:center !important;
}
}

@media (max-width:670px){

}
@media (max-width:639px){
/**nav**/
.nav{
	clear:both;
	width:100%;
	display:none;
	position:relative;
}
.nav ul{
	text-align:center;
}
.nav li{
	padding:10px 0px;
	width:100%;
}
.menu{
	display:table;
	margin-top:20px;
}
.logo{
	width:340px;
}
}
@media (max-width:480px){
#desktop{
	display:none;
}
#mobile{
	display:block;
}
/**header*/
.logo{
	width:340px;
}
}

@media (max-width:414px){
	.request3{
		width:210px;
	}
}