@charset "utf-8";
body { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:18px; line-height:30px; text-align:left; }
ul {margin:5px; padding:5px; }
li{ line-height:26px; margin:0px; padding:0px;}
img { border:0px;}
#wrapper{ width:100%; overflow:hidden;}
#container{width:1200px; overflow:hidden;  margin:auto; padding:10px;}
.fullwidth{width:100%!important; }
#header{ width:1200px; height:55px; background-color:#257ecb; margin:auto;}
.logo{height:181px; width:245px; float:left; z-index:10;  position:absolute;   margin-left: 28px;
-webkit-box-shadow: -1px 2px 5px 3px rgba(0,0,0,0.33);
-moz-box-shadow: -1px 2px 5px 3px rgba(0,0,0,0.33);
box-shadow: -1px 2px 5px 3px rgba(0,0,0,0.33);}
.callus{height:167px; width:436px; float:left; color:#FFFFFF; font-family: 'Open Sans', sans-serif; padding-top:30px; padding-left:55px;}
.callus h1 { font-size:48px; margin:0px; padding:0px; }
.callus h3 {font-size:30px; margin:0px; padding:0px; }
h1 { font-size:45px; text-transform:;  }
h3 { font-size:30px; text-transform:uppercase;  }
h1, h2, h3, h4, h5, h6 { font-family: 'Exo', sans-serif; margin:0px; padding:20px 0px 20px 0px; }
.social{height:50px; width:305px; float:right; text-align:right; padding-right:20px;color:#FFFFFF; }
.social h1 { color:#FFFFFF; font-size:15px; padding:10px 0px 0px 0px; font-weight:bold; }
.banner{ width:1200px; height:616px; background-image:url(../images/banner.jpg); background-position:top; background-repeat:no-repeat; background-size:cover; margin:auto; }
.section{ width:100%; overflow:hidden; padding:2% 0 2% 0;} 
.section .container{width:1200px; margin:auto;}
.white{ }
.dark{ background-image:url(../images/section001-bg.jpg); background-repeat:no-repeat; background-size:cover; color:#FFFFFF;}
.dark h1 {  color:#FFFFFF;  }
.dark h2 { color:#FFFFFF; font-size:35px; font-style:italic; background-image:url(../images/underline.png); background-repeat:no-repeat; background-position:bottom left; line-height:60px; margin-bottom:40px;}

.contact h1 {  color:#874589; text-align:center; }

.red{ background-color:#a23232; color:#ffffff;}
.red .col2-2 h5{ font-size:60px; color:#f6e80d;}
.footer{ background-color:#257ecb; overflow:hidden; color:#FFFFFF;}
.footer a { color:#FFFFFF;}
.footer a:hover { color:#f6e80d;}
.col1{ width:92%; padding:4%;}
.col2-3{ width:58.66%; padding:4%; float:left;}
.col1-3{width:25.33%; padding:4%; float:left;}
.col2-2{ width:42%; padding:4%; float:left;}

.align-Left{ text-align:left;}
.align-right{ text-align:right;}

.hands-bg { background-image:url(../images/section002-bg.jpg); background-repeat:no-repeat; background-position:bottom ; text-align:center;}
.testimonials { background-image:url(../images/section003-bg.gif); background-repeat:no-repeat; background-position:top ; text-align:center; height:357px;}

input { width:92%; background-color:#d2d3d5; font-family: 'Exo', sans-serif; color:#000000; height:50px; line-height:50px; margin:10px 0px 10px 0px; border:0px; padding:0px 4% 0px 4%;}
textarea { width:92%; background-color:#d2d3d5; font-family: 'Exo', sans-serif; color:#000000; height:120px; line-height:50px; margin:10px 0px 10px 0px; border:0px; padding:0px 4% 0px 4%;}

.button { width:100px; float:right;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}

@media only screen and (max-width: 768px) {
body { text-align:center; }	
img { width:100%; max-width:600px;}
	
#wrapper{ width:100%; overflow:hidden;}
#container{width:100%; }
#header{ width:100%; height:150px;  position:relative; left: auto;  margin-left: auto; overflow:hidden;}
.logo{height:auto; width:30.33%; float:left;}
.logo img {width:200px; margin:auto;}
.callus{height:auto; width:30.33%; float:left; padding:2%; }
.callus h1 { font-size:16px;  }
.callus h3 {font-size:16px;  }
h1 { font-size:15px;   }
h3 { font-size:15px;   }
h1, h2, h3, h4, h5, h6 {padding:5px 0px 5px 0px; text-align:center; }
.social{height:auto; width:30.33%; float:left; color:#FFFFFF; }
.social img { width:48px; height:auto;}
.banner{ display:none; }
.section{ width:100%; overflow:hidden; padding:2% 0 2% 0;} 
.section .container{width:100%; }

.dark h2 { font-size:24px; }
.red .col2-2 h5{ font-size:30px; }
.col1{ width:96%; padding:2%;}
.col2-3{ width:96%; padding:2%; float:none;}
.col1-3{width:96%; padding:2%; float:none;}
.col2-2{ width:96%; padding:2%; float:none;}

.align-Left{ text-align:center;}
.align-right{ text-align:center;}		
	
	 }
	 
 @media only screen and (max-width: 480px) {
	 
	 
	 .logo{height:auto; width:100%; float:none; position:relative; margin:0px;}
	 .callus{height:auto; width:46%; float:left; padding:2%; text-align:center; display:none;}
	 .social{height:auto; width:46%; float:left; }
	 
	 .callus h1 { font-size:24px; text-align:center;  }
	 .callus h3 {display:none; }
	 .social { width:100%; float:none; color:#FFFFFF;}
	 .social img { float:right; margin:2%;}
	 
 }