*{outline: none;}
*::-moz-selection{background:#ffa200; color:#fff; text-shadow:none;} 
body, html{font-family:'Roboto'; margin:0; padding:0; height:100%; font-size:13px; font-weight:400;}
label{display: block; font-weight:normal; font-family:'Roboto'; font-weight:400;}
h1, h2, h3, h4, h5, h6, ul{font-weight:normal; margin:0; padding:0; font-family:'Roboto' font-weight:400;}
ul, li{ list-style:none; margin:0; padding:0;}
img{vertical-align:middle; border:none}
p{font-size:13px; padding:0; color:#666; line-height:22px; display:block; font-family:'Roboto'; margin:0; font-weight:400;}
a, input, select, textarea, .btn {transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; outline:none; font-family:'Roboto'; text-decoration:none; font-weight:400;}
a{ color:#666;}
a:hover{ outline:none; cursor:pointer; color:#212121; text-decoration:none;}
a:focus {outline:none; text-decoration:none}
.full-width{float:left; width:100%;}
.relative{position:relative}
.full-img{ width:100%;}
.float-left{ float:left;}
.float-right{ float:right;}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="file"], select, input[type="number"]{transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s; width:100%;}
button{transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, select:focus, input[type="number"]:focus{ outline:none; transition-duration: 0.1s; box-shadow:none;}
.form-control{ box-shadow:none; padding:0 10px; border-radius:0;}
.form-control:focus{ box-shadow:none;}

.form-control::-moz-placeholder{ opacity:1; color:#484546;}
.form-control::-webkit-placeholder{ opacity:1; color:#484546;}

/*Custome Margin, Padding*/
.marginnone{margin:0;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.margintop40{margin-top:40px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom30{margin-bottom:30px;}
.marginbottom40{margin-bottom:40px;}
.paddingnone{padding:0;}
.paddingtop10{padding-top:10px;}
.paddingtop20{padding-top:20px;}
.paddingtop30{padding-top:30px;}
.paddingtop40{padding-top:40px;}
.paddingbottom10{padding-bottom:10px;}
.paddingbottom20{padding-bottom:20px;}
.paddingbottom30{padding-bottom:30px;}
.paddingbottom40{padding-bottom:40px;}
.img_block > img{ width:100%;}

/*Custom CSS Start*/
.slide_wrap{ position:relative; background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; width:100%; height:100vh;}

header{background-color:rgba(0,0,0,.33); padding:0; position:absolute; top:0; left:0; width:100%; z-index:102; height:auto; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition: 0.5s; transition:0.5s;}
header:before{ content:''; position:absolute; left:0; top:0; width:380px; height:100%; background-color:#fff; transform: skew(-20deg); -webkit-transform: skew(-20deg);}
header:after{ content:''; position:absolute; left:0; top:0; width:50px; height:100%; background-color:#fff;}
header .navbar{ margin-bottom:0; min-height:inherit; background-color:transparent; border:none; border-top: none; border-bottom: none; border-radius:0; padding: 0;}
header .navbar-brand{ padding:20px 0; margin-left:0 !important; height:auto;}
header .navbar-brand > img{ height:60px;}
header .navbar-collapse{ border:none; padding:0;}
header .navbar-collapse .navbar-nav{ float:right; padding-top:40px;}

.navbar-nav > li{ padding-left:30px;}
.navbar-nav > li:first-child{ padding-left:0;}
.nav > li > a{ padding:0;; font-size:14px; line-height:26px; font-weight:500; border-radius:0; text-transform:uppercase; color:#fff;}
.navbar-default .navbar-nav > li > a{ color:#fff;}
.navbar-default .navbar-nav > li > a:hover{ color:#4DB848;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{ color:#4DB848; background-color:transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover{ color:#4DB848; background-color:transparent;}

header.affix{ animation:slide-down 0.7s; background-color:rgba(0,0,0,.60); box-shadow:0 0 10px rgba(0,0,0,.10);}
header.affix .logo-bar{ display: none;}
header.affix .navbar-brand{ padding:10px 0;}
header.affix .navbar-brand > img{ height:50px;}
header.affix .navbar-collapse .navbar-nav{ padding-top:22px;}


/*Custom CSS Start*/
.v_none{visibility:hidden}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

.about_section{ padding-top:120px; padding-bottom:130px;}
.about_section h2{ font-size:35px; color:#222; font-weight:500; line-height:31px; padding-bottom:20px; padding-top:20px;}
.about_section h2 span{ font-weight:300; display:block; color:#777; font-size:16px; text-transform:uppercase;}
.about_section p{ font-size:18px; line-height:26px; color:#777; font-weight:300; padding-bottom:20px;}
.about_section strong{ font-weight:400;}
.about_section p.small{ font-size:14px; padding-bottom:20px; font-weight:400; padding-right:40px; font-family:'Open Sans'}

.project_section{ background:url(../images/project-bg.jpg) repeat-x center bottom #005aab; padding:70px 0 135px;} 
.project_section h2{ color:#fff; text-align:center; font-size:50px; padding-bottom:30px; letter-spacing:1px;}
.project_block{ background-image:url(../images/project-bg2.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top; border:1px solid #003f77; box-shadow:0 0 17px rgba(0,0,0,.20); padding:40px;}
.project_block h3{ font-size:40px; color:#fff; font-weight:700; line-height:47px; padding-bottom:15px; text-transform:uppercase;}
.project_block h3 span{ font-weight:300; display:block; color:#fff; font-size:33px;}
.project_block p{ font-size:18px; line-height:26px; color:#fff; font-weight:300;}

.project_block h4{ font-size:22px; color:#fff; font-weight:500; padding-bottom:15px; text-transform:uppercase; text-align:center; letter-spacing:1px;}
.map_block a{ position:relative; float:left; width:100%; text-align:center;}
.map_block a .overlay{position:absolute; top:0; left:0; background-color:rgba(0,52,108, .8); height:100%; width:100%; border:1px solid #fff; visibility:hidden; opacity:0; color:#fff; font-size:14px; text-transform:uppercase; font-weight:500; padding-top:50px;}
.map_block a .overlay .fa{display:block; padding-bottom:10px; font-size:20px;}
.map_block a:hover .overlay{opacity:1; visibility:visible;}
.project_plan{ padding:0 70px;}
.project_plan .owl-controls{ margin-top:0;}
.project_plan .owl-controls .owl-dots{ display:none !important;}
.project_plan .owl-controls .owl-nav [class*=owl-]{ position:absolute; top:50%; height:30px; width:50px; margin:-15px 0 0; color:#fff; border:2px solid #fff; border-radius:30px;}
.project_plan .owl-controls .owl-nav [class*=owl-] .fa{ line-height:26px; font-size:20px;}
.project_plan .owl-controls .owl-nav .owl-prev{ left:0}
.project_plan .owl-controls .owl-nav .owl-next{ right:0}

.certificate_section{ padding:80px 0 0; background-color:#ebebeb;}
.certificate_section h2{ font-size:50px; color:#005aab; font-weight:400; padding-bottom:40px; text-align:center;}
.cert_plan{ max-width:525px; margin:auto; padding:0 110px;}
.cert_plan .owl-controls{ margin-top:0;}
.cert_plan .owl-controls .owl-dots{ display:none !important;}
.cert_plan .owl-controls .owl-nav [class*=owl-]{ position:absolute; top:50%; height:30px; width:30px; margin:-15px 0 0; color:#005aab; border:3px solid #005aab; border-radius:100%; background-color:#fff; box-shadow:0px 0px 0 5px rgba(255,255,255,1)}
.cert_plan .owl-controls .owl-nav [class*=owl-]:hover{ background-color:#fff;}
.cert_plan .owl-controls .owl-nav [class*=owl-] .fa{ line-height:22px; font-size:20px;}
.cert_plan .owl-controls .owl-nav .owl-prev{ left:0}
.cert_plan .owl-controls .owl-nav .owl-next{ right:0}
.cert_white_bg{ position:relative;}
.cert_white_bg:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:62.5%; background-color:#fff;}
.cert_white_bg h4{ font-size:35px; color:#005aab; text-align:center; text-transform:uppercase; padding:20px 0 60px; position:relative; z-index:10;}
.number{width:100%; float:left; color:#fff; text-align:center; padding:5px 0;}


footer{ background-color:#3f3f3f; padding:50px 0 10px;}
footer h2{ font-size:25px; font-weight:300; color:#fff; position:relative; padding-bottom:10px; margin-bottom:15px;}
footer h2:after{ content:''; height:1px; width:70px; background-color:#4db848; position:absolute; left:0; bottom:0;}
footer p{ color:#fff; font-size:14px; line-height:22px; padding-bottom:20px;}
footer p a{ color:#fff;}
footer p a:hover{ color:#939393;}
footer .privacy_text p{ color:#939393; padding-bottom:0; padding-top:132px;}

.project_plan.owl-carousel .owl-item img { max-height:150px; }
.project_plan.owl-carousel .owl-item .overlay { display:none; }