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


@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-reg-webfont.eot');
    src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-reg-webfont.woff2') format('woff2'),
         url('fonts/lato-reg-webfont.woff') format('woff'),
         url('fonts/lato-reg-webfont.ttf') format('truetype'),
         url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bol-webfont.eot');
    src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bol-webfont.woff2') format('woff2'),
         url('fonts/lato-bol-webfont.woff') format('woff'),
         url('fonts/lato-bol-webfont.ttf') format('truetype'),
         url('fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AgencyFBRegular';
    src: url('fonts/agencyr.eot');
    src: url('fonts/agencyr.eot') format('embedded-opentype'),
         url('fonts/agencyr.woff2') format('woff2'),
         url('fonts/agencyr.woff') format('woff'),
         url('fonts/agencyr.ttf') format('truetype'),
         url('fonts/agencyr.svg#AgencyFBRegular') format('svg');
}


@font-face {
    font-family: 'AgencyFBBold';
    src: url('fonts/agencyb.eot');
    src: url('fonts/agencyb.eot') format('embedded-opentype'),
         url('fonts/agencyb.woff2') format('woff2'),
         url('fonts/agencyb.woff') format('woff'),
         url('fonts/agencyb.ttf') format('truetype'),
         url('fonts/agencyb.svg#AgencyFBBold') format('svg');
}




*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; list-style:none; text-decoration:none; margin:0; padding:0; outline:none;}
.transition, .transition:before, .transition:after, .transition:hover {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; outline:none; vertical-align:middle; }
a:hover{ color:#009740; text-decoration:underline; }
a, a:focus{ outline:none;}
body{ padding-top:108px; background:#FFF; margin:0; font-family: 'latoregular';}
a{ font-weight:normal;  color:#34495e; text-decoration:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
h1{ color:#005d99; font-size:40px; font-family: 'AgencyFBBold';}
h2{}
h3{}
p{ color:#454545; font-size:18px; line-height:30px; padding-bottom:30px;}
.clear{ clear:both;}
div, input, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box;  }



.main-wrapper { margin-right: auto; margin-left: auto; max-width:1280px; width:100%;  }
.main-wrapper:before,
.main-wrapper:after { content: " "; display: table;}
.main-wrapper:after { clear: both;}

.toggleMenu { display:  none;  background: #005d99; font-family: "AgencyFBRegular"; text-transform:uppercase; font-size:20px;  padding: 10px 20px;  color: #fff;}
.nav {  list-style: none; *zoom: 1;  }
.nav:before,
.nav:after { content: " ";  display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none;  width: 9em;}
.nav a {  padding: 16px 25px; color:#fff; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.nav li {  position: relative;}
.nav > li { padding-left:1px; background:url(../images/sep.png) no-repeat left; float: left;  }
.nav > li:first-child{ background:none;}
.nav > li > .parent {  background-image: url(../images/downArrow.png); background-repeat: no-repeat;background-position: right;}
.nav > li > a { border-top:2px solid transparent; border-bottom:2px solid transparent; display: block; color:#005d99; font-family: 'AgencyFBRegular'; font-size:24px; }
.nav > li > a:hover, .nav > li > a:focus/*, .nav > li > a.current*/{ border-bottom:2px solid #005d99; text-decoration:none;}
.nav li  ul {  position: absolute; left: -9999px;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul { left: 100%;  top: 0;}
.nav li li a {  display: block;background: #1d7a62; position: relative;z-index:100;   border-top: 1px solid #175e4c;}
.nav li li li a { background:#249578;  z-index:200;  border-top: 1px solid #1d7a62;}

.header{ border-bottom:1px solid #f7f6f6; top:0; left:0; z-index:1; position:fixed; width:100%; padding:12px 0 8px 0; float:left; background:#fff;}
.logo{ float:left;}
.header-right{  float:right;}
.header-menu{ padding-top:10px; float:left; padding-right:150px; }
.header-right-side{ float:right; width:190px; text-align:center;}
.phone-number{ text-align:right; display:block;  color:#005d99; font-size:30px; font-family: 'AgencyFBBold';}

ul.social-link{ width:100%; text-align:right; padding-top:10px; }
ul.social-link li{ display:inline-block; .float:left; padding:0 0 0 10px;}
ul.social-link li a{color:#005d99; font-size:22px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;} 
ul.social-link li a:hover, ul.social-link li a:focus{ color:#818285;}
.section{ width:100%; float:left;}
.banner{ float:left; width:100%; position:relative;}
.banner-pic{ width:100%;}
.banner-pic img{ width:100%;}
.banner-dec{ position:absolute; width:100%; left:0; top:228px;}
.banner-dec p{ color:#fff; font-size:36px; font-family: 'AgencyFBRegular'; padding-left:25px;}
.banner-bottom{ position:absolute; bottom:0; left:0; width:100%; }
.banner-bottom img{ width:100%;}

.section-one{ padding-bottom:120px; width:100%; float:left; padding-top:126px;}
.main-heading{ width:100%; float:left;}
.about-construplane{ float:left; width:100%; float:left; padding-top:80px;}
.about-construplane-left{ float:left; width:37%;}
.about-construplane-right{ float:right; width:61%;}
.about-construplane-right p{ text-align:center;}

.section-two{ padding-top:176px; width:100%; float:left; background:url(../images/pic2.jpg) center top; background-attachment:fixed; height:889px;}
.key-feature-left{ padding-top:33px; text-align:center; float:left; width:39%;}
.key-feature-main{ float:left; width:100%;}
.key-feature-main h2{ text-transform:uppercase; color:#fff; font-size:32px; font-family: 'AgencyFBBold';}

ul.feature-link{ padding-top:60px; width:100%; text-align:center;}
ul.feature-link li{ padding-bottom:45px;}
ul.feature-link li a{ color:#86d0ff; font-size:20px; line-height:30px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.feature-link li a i{ padding-right:10px;}
ul.feature-link li a:hover{ text-decoration:none; color:#ff8a00;}
.key-feature-middle{ float:left; text-align:center; width:22%;}
.key-feature-right{padding-top:33px; text-align:center; float:right; width:39%;}

.section-three{ width:100%; float:left; background:url(../images/pic3.jpg) no-repeat center bottom; padding-bottom:90px;  background-attachment:fixed; height:722px; padding-top:100px;}
.bussiness-pic{ padding-top:76px; text-align:center; width:100%; float:left;}
.main-heading h1{ text-transform:uppercase;}

.section-four{ border-top:1px solid #f7f6f6; background:#FFF; padding:150px 0 140px 0; width:100%; float:left;}
.contact-form{ width:100%; padding:58px 66px 0 66px; float:left;}
.contact-form-left{ float:left; width:49%;}
.contact-form-right{ float:right; width:49%;}
.txt-field{ width:100%; height:72px; color:#686868; font-size:18px; font-family: 'latoregular'; border:1px solid #dedede; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; padding:10px 25px; margin-bottom:20px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.txt-area{ width:100%; height:164px; color:#686868; font-size:18px; font-family: 'latoregular'; border:1px solid #dedede; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; padding:25px; margin-bottom:20px; resize:none; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.txt-btn{font-family: 'latoregular'; color:#fff; font-size:18px; background:#005d99; border:1px solid #094267; width:100%; height:72px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; text-transform:uppercase; cursor:pointer; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.txt-btn:hover, .txt-btn:focus{ background:#035184;}

.txt-field:focus, .txt-area:focus{border: 1px solid #427CC1; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.15); box-shadow: inset 0 1px 5px rgba(0,0,0,.15);}
.footer{ width:100%; float:left; background:#005d99; padding:53px 0 45px 0;}
.footer-left{ float:left; color:#fff; font-size:18px;}

ul.social-link-bottom{ float:right; }
ul.social-link-bottom li{ display:inline-block; .float:left; padding:0 10px;}
ul.social-link-bottom li a{color:#fff; font-size:22px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;} 
ul.social-link-bottom li a:hover{ color:#8c8e91;}


#panel{ padding:20px 13px;  display:none;  top:100px; background:url(../images/trans.png) repeat; border:1px solid #d8dddf; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; position:absolute; left:0; width:100%;}
.header-main{ width:100%; float:left; position:relative;}

.login-txt{ border:1px solid transparent; width:32.2%; height:60px; padding:15px; float:left; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; color:#dedede; font-size:30px; font-family: 'AgencyFBRegular'; margin:0 0.4%; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.15); box-shadow: inset 0 1px 5px rgba(0,0,0,.15);}
.login-btn{ background:#005d99; border:1px solid #00436e; height:60px; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; font-size:30px; font-family: 'AgencyFBRegular'; margin:0 0.4%; color:#fff; cursor:pointer; width:16.2%; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.login-btn:hover{ background:#035184; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.15); box-shadow: inset 0 1px 5px rgba(0,0,0,.15);}

.login-txt:focus, .login-txt:focus{border: 1px solid #427CC1; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.15); box-shadow: inset 0 1px 5px rgba(0,0,0,.15);}
.mobile-show{ opacity:0;}
.dekstop-show{}