@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, p, span, label, input, textarea{ margin:0; padding:0;}

body{ background:url(../img/blueBg.jpg) repeat left top; font-family:"Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; display:block; }
a{text-decoration:none;}
img{ border:none;}
h1{ font-size:60px; font-weight:bold; color:#fff;}
h2{font-size:40px; font-weight:bold; color:#fff;}
h3{font-size:30px; font-weight:bold; }
h4{font-size:25px; font-weight:bold; color:#646464;}
h5{font-size:20px; font-weight:bold; color:#3c3c3c;}
h6{font-size:18px; font-weight:bold;}

p{font-size:16px; font-weight:normal; color:#000; line-height:24px;}
p span{}
p a{}

p.white{font-size:20px; font-weight:normal; color:#fff; padding:5px 0; line-height:30px;}

.col1{ width:100%; float:left;}
.col2{ width:75%; float:left;}
.col3{ width:50%; float:left;}
.col4{ width:25%; float:left;}
.col5{ width:33.3%; float:left;}
.center{ text-align:center;}

#container{ width:100%; height:100%;float:left;}
.wrapper{ width:100%; height:auto; margin:0 auto;}
.content{ width:100%; height:auto; margin:0 auto;}
header{background:#1670AC; float:left; padding:20px 0 0 0; border-top:solid 4px #F0F0F0;}
.logo{ width:300px; height:auto; float:left;}
nav{ width:870px; height:auto; float:left;}
nav ul{ list-style:none; float:right;}
nav ul li{ float:left; line-height:20px;}
nav ul li a{ padding:0 20px; font-weight:bold;  font-size:16px; color:#ffffff;}
nav ul li a:hover{ text-decoration:underline;}
nav ul li a.active{ text-decoration:underline;}
.phone{ font-size:16px; font-weight:bold; color:#ffffff; float:right; margin-right:20px; background:#76afc5; padding:7px 12px; border-radius:5px;}

.padLnR{ padding:0 15px;}
.padL{ padding-left:15px;}
.padR{ padding-right:15px;}
.padB{ padding-bottom:15px;}

.padTnB{ padding:50px 0;}
.padT{ padding-top:50px;}
.padB{ padding-bottom:50px;}
.txtCntr{text-align:center;}

.bannerarea{ /*background:#0e90be;*/ float:left;  padding:80px 0 100px 0;}
.bannerarea h3{ color:#fff;}
.how-we-works{ background:#fff; float:left;}
.how-we-works h3{ font-size:40px; font-weight:bold; color:#646464; margin-bottom:35px;}
.how-we-works .fa{ font-size:100px; display:block; color:#646464;}


.hPortfolio{ width:100%; background:#92ac61; float:left; }

.testimonial{ background:url(../img/testimonial.jpg) top center no-repeat;
float: left;
    width: 100%;
}


.project{ background:#fff;
float: left;
    width: 100%;
}
.we-clr{}

.we-clr h2{font-size:44px; font-weight:normal; color:#646464;}

.we-clr h2 a {
    background: none repeat scroll 0 0 #1670ac;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 12px;
}

.flt-lft{ float:left;}

.flt-lft1{float:left; margin:13px 15px 0 0;}


.white-1 { margin:5px 0 0 0;
    color: #fff;
    font-size:19px; text-transform:uppercase;
    font-weight: bold;
}

.about-us {
    float: left;
    padding: 52px 0 21px;
}

.crt-portfolio{ background:url(../img/portfolio.png) top center no-repeat;
float: left;
    width: 100%;
}


.abt-txt{
border-bottom:solid 1px #eeeeee;	
	
	}
	
	
.inp {
    border: 1px solid #d7dbdd;
    border-radius: 5px;
    color: #646464;
    font-size: 18px;
    line-height: 46px;
    margin: 0 0 20px;
    padding: 0 16px;
    width: 313px;
}
	
.inp:focus{
color:#333
; box-shadow:0 0 3px #ccc;	
		}	


.text-area{min-width:1093px; min-height:196px;
	border:solid 1px #d7dbdd; padding:0 16px; color:#646464; font-size:18px; border-radius: 5px; margin:0 0 20px 0;}
	
.text-area:focus{
color:#333;
-moz-box-shadow:0 0 3px #ccc;	
-webkit-box-shadow:0 0 3px #ccc;
-o-box-shadow:0 0 3px #ccc;	
-ms-box-shadow:0 0 3px #ccc;	
box-shadow:0 0 3px #ccc;	



}	
	
.submit{
    background: none repeat scroll 0 0 #1670ac;
    border-radius: 5px; border:none; float:right;
    color: #ffffff; cursor:pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 12px;
	 margin:0 44px 0 0;
}		
	
	
.p-text{
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    padding: 0 73px 0 7px;
}	

.h-padd{display: flex;
	  padding: 0 0 0 7px;	
		}