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

body {font-family:'Open Sans', Verdana, Geneva, sans-serif; margin:0px;}
a {text-decoration:none;}
.box-sizing {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

a {text-decoration:none; color:#f2f2f2; border:none;}
p {color:#f2f2f2; font-size:15px; margin:0px;}
p.dark {color:#777; margin-bottom:0px;}
p.map {font-size:14px;}
p.footer {font-size:11px; color:#fff; line-height:28px;}
#map-caption {width:80%; height:auto; margin:auto; padding-top:25px; line-height:18px;} 
h1 {color:#f2f2f2; font-size:32px; margin:0px;}
h2 {color:#ebebeb; font-size:20px; margin:0px; font-weight:300;}
h1.dark {color:#333; font-size:32px; margin:0px;}
h1.blue {color:#00aeef; font-size:32px; margin:0px;}
h2.dark {color:#555; font-size:20px; margin:0px; font-weight:300;}
input, select, textarea{
    width:40%;
    
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box; 
}

.quote-form {margin-top:50px;}
.text-field {padding:10px; margin:15px 5px 0px 5px; font-size:16px; font-family:'Open Sans'; border-radius:5px; border:none; outline:none; width:250px;}
.text-area {padding:10px; margin:15px 0px 0px 0px; font-size:16px; font-family:'Open Sans'; border-radius:5px; border:none; outline:none; width:778px;}
.quote-form-button {width:210px; height:50px;  background: #f2f2f2; display:inline-block; text-align:center; line-height:50px; padding:0px 12px 0px 12px; color:#444; font-weight:bold; margin-top:80px; border-radius:15px; font-size:14px; outline:none; border:none; cursor:pointer;}

#header {width:100%; height:auto; padding:15px 130px 15px 130px; float:left;
 background: #00aeef; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #0165ae, #00aeef); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #0165ae, #00aeef); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #0165ae, #00aeef); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #0165ae, #00aeef); /* Standard syntax */moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

#main-icon-container {width:90%; height:auto; margin:auto;}
.main-icon {width:33.33%; height:auto; float:left; text-align:center; margin-top:80px;}
.main-icon-circle {width:160px; height:160px; background-color:#f2f2f2; display:inline-block; border-radius:3000px; font-size:90px; color:#00aeef; line-height:148px; border: #00aeff 4px solid; }
.main-icon-title {font-size:20px; font-weight:bold; margin-top:25px; color:#f2f2f2;  text-shadow:#555 1px 1px 1px;}
.main-icon-title-dark {font-size:20px; font-weight:bold; margin-top:25px; color:#00aeef;  }

#logo {width:auto; height:auto; float:left;}
#logo img {width:59px; height:60px;}
#slogan {width:auto; height:auto; float:left; line-height:60px; padding-left:15px; color:#fff; font-size:16px; font-weight:bold; }
.footer-container-l {width:60%; height:auto; float:left; line-height:60px; }
.footer-container-l img {margin-right:15px;}
.footer-container-r {width:40%; height:auto; float:right;text-align:right; line-height:60px; }
.footer-container-r img {margin-left:15px;}
#nav {width:auto; height:auto; float:right; text-align:right; color:#f2f2f2; line-height:60px; font-size:14px; font-weight:bold; }
ul {list-style:none; margin:0px;}
li {display:inline; padding:0px 10px 0px 10px; margin:0px;}


#main {width:100%; height:710px; text-align:center; float:left; background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#aboutus-main {width:100%; height:420px; text-align:center; float:left; background: url(images/aboutus-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#latestwork-main {width:100%; height:420px; text-align:center; float:left; background: url(images/latestwork-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#main-caption {width:80%; height:auto; text-align:center; color:#f2f2f2; padding-top:90px; margin:auto; font-size:32px; text-shadow:#444 1px 1px 1px; font-weight:bold;}
.main-button {width:210px; height:50px;  background: #00aeef; display:inline-block; text-align:center; line-height:50px; padding:0px 12px 0px 12px; color:#f2f2f2; font-weight:bold; margin-top:80px; border-radius:15px; font-size:14px;}
.main-button-dark {width:210px; height:50px;  background: #444; display:inline-block; text-align:center; line-height:50px; padding:0px 12px 0px 12px; color:#f2f2f2; font-weight:bold; margin-top:50px; border-radius:15px; font-size:14px;}
.main-button2 {width:210px; height:50px;  background: #f2f2f2; display:inline-block; text-align:center; line-height:50px; padding:0px 12px 0px 12px; color:#444; font-weight:bold; margin-top:50px; border-radius:15px; font-size:14px;}

#badges {width:90%; height:auto;  background: #f2f2f2; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #f2f2f2, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #f2f2f2, #fff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #f2f2f2, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #f2f2f2, #fff); /* Standard syntax */ text-align:center; margin:auto;}
.badges-container {width:20%; height:auto; display:inline-block; float:left; padding:15px 0px 15px 0px;}

.section {width:100%; height:auto;  background: #00aeef; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #0165ae, #00aeef); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #0165ae, #00aeef); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #0165ae, #00aeef); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #0165ae, #00aeef); /* Standard syntax */
   float:left; padding:60px 0px 90px 0px;}
.section-white {width:100%; height:auto;  background: #f2f2f2; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #f2f2f2, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #f2f2f2, #fff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #f2f2f2, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #f2f2f2, #fff); /* Standard syntax */
   float:left; padding:60px 0px 90px 0px;}

.section-quote {width:100%; height:auto; background: #666; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #666, #555); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #666, #555); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #666, #555); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #666, #555); /* Standard syntax */ float:left; padding:60px 0px 110px 0px;}
.section-quote-content {width:800px; height:auto; margin:auto; text-align:center;}
.section-content {width:80%; height:auto; margin:auto; text-align:center;}
.content-split-l {width:25%; height:auto; margin:50px 0px 0px 0px; float:left;text-align:justify;}
.content-split-r {width:75%; height:auto; margin:50px 0px 0px 0px; float:left;text-align:justify;}
.content-split-l img {float:left; margin:0px 0px 0px 0px;}



#icon-container {width:100%; height:auto;}
.icon {width:14.28%; height:auto; float:left; text-align:center; margin-top:50px;}
.icon-circle {width:110px; height:110px; background-color:#f2f2f2; display:inline-block; border-radius:100px; line-height:104px;}
.icon-title {width:auto; height:auto; padding:10px 0px 0px 0px; color:#f2f2f2; font-size:14px;}

#footer {width:100%; height:auto; padding:15px 130px 15px 130px; float:left; 
 background: #00aeef; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #0165ae, #00aeef); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #0165ae, #00aeef); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #0165ae, #00aeef); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #0165ae, #00aeef); /* Standard syntax */ 
 
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

#areas {width:100%; margin-left:auto; margin-right:auto; font-weight:500; color:#ccc; font-size:16px; line-height:30px; word-spacing:1px; font-style:italic;}
  #map { width: 100%; height: 440px;margin-top:50px; margin-bottom:0px; border-radius:10px;}
  #map img {width:100%; height:440px;}