@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap');

body{font-family: 'Roboto', sans-serif;margin:0;padding:0;line-height:20px;font-size:14px;}
a{-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;text-decoration: none;}
.header{position:fixed;top:0;left:0;width:100%;z-index:9;}
.header-container{background:#fff;box-shadow:0px 0px 15px rgba(0,0,0,0.30);}
.logo{float:left;}
.logo img{max-width:200px;}
.menu{float:left;padding-left:25px;padding-top:35px;}
.menu .navbar-default{background:none;margin:0;border:none;border-radius:0;}
.menu .container-fluid{padding:0;}
.menu .collapse{padding:0;}
.menu .navbar-nav > li{ margin:0 25px;font-size:15px;font-weight:500;}
.menu .navbar-nav > li:last-child{margin-right:0;}
.menu .navbar-nav > li > a{padding:0;color:#262626;text-transform:uppercase;}
.menu .navbar-nav > li > a:hover{color:#25aae2;}
.menu .navbar-nav > li.active a{background:none;color:#25aae2;}
.menu .navbar-nav > li.active a:hover{background:none;color:#25aae2;}
.menu .navbar-default .navbar-nav > .open > a, .menu .navbar-default .navbar-nav > .open > a:focus, .menu .navbar-default .navbar-nav > .open > a:hover{background:none;color:#13a0eb;}
.menu .navbar-default .navbar-nav a.active{color:#25aae2;}
.slider{width:100%;height:100vh;float:left;position:relative;overflow:hidden;}
.slider .item img{object-fit: cover;object-position: center center;height:100vh;}
.slider-caption{position:absolute;width:100%;left:0;top:50%;-webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);font-size:46px;color:#fff;font-weight:400;padding-bottom:25px;text-align:center;}
.slider-caption:before{width:70px;height:4px;margin:0 auto;left:0;right:0;bottom:0;background:#25aae2;content:"";position:absolute;}
.about-section{width:100%;float:left;padding:100px 0 120px;}
.about-section h3{text-align:center;position:relative;padding:0 0 13px;margin:0 0 20px;color:#2C2C2C;font-weight:700;font-size:30px;}
.about-section h3:before{width:50px;height:3px;margin:0 auto;left:0;right:0;bottom:0;background:#25aae2;content:"";position:absolute;}
.about-section p{color:#3A3A3A;line-height:20px;margin:0 0 15px;}
.mission-box{ padding:15px;background:rgba(0,0,0,0.03);margin-top:20px;}
.mission-box h4{ position:relative;padding:0 0 13px;margin:0 0 15px;color:#000;font-size:18px;font-weight:700;}
.mission-box h4:before{width:50px;height:3px;left:0;bottom:0;background:#25aae2;content:"";position:absolute;}
.mission-box p{margin:0 0 15px;color:#000;}
.mission-box ul{margin:0;padding:0;list-style:none;}
.mission-box ul li{position:relative;padding:0 0 10px 20px;color:#000;}
.mission-box ul li:before{width:8px;height:8px;left:0;top:4px;background:#25aae2;content:"";position:absolute;box-shadow:2px 2px 0px rgba(0,0,0,0.80);}
.vision-box{width:100%;float:left;background:url(../images/vision-bg.jpg) no-repeat;background-size:cover;padding:15px;margin-top:19px;min-height:351px;text-align:center;}
.vision-box h4{ position:relative;padding:0 0 13px;margin:0 0 15px;color:#000;font-size:18px;font-weight:700;}
.vision-box h4:before{width:30px;height:3px;left:0;right:0;margin:0 auto;bottom:0;background:#25aae2;content:"";position:absolute;}
.vision-box p{margin:0 0 15px;color:#000;}
.vision-box img{margin:25px 0 25px;}
.service-section{width:100%;float:left;padding:100px 0 60px 0;border-top:solid #25aae2 1px;position:relative;background:#f6f6f6;}
.service-section:before{width:50%;height:100%;content:"";position:absolute;left:0;right:0;margin:0 auto;top:-20px;background:#25aae2;z-index:-1;-moz-transform: skew(-36deg, 0deg);
-webkit-transform: skew(-36deg, 0deg);
-o-transform: skew(-36deg, 0deg);
-ms-transform: skew(-36deg, 0deg);
transform: skew(-36deg, 0deg);}
.service-section h3{text-align:center;position:relative;padding:0 0 13px;margin:0 0 20px;color:#2C2C2C;font-weight:700;font-size:30px;}
.service-section h3:before{width:50px;height:3px;margin:0 auto;left:0;right:0;bottom:0;background:#25aae2;content:"";position:absolute;}
.service-box{width:100%;float:left;margin-bottom:30px;position:relative;}
.service-box h4{position:absolute;left:0;bottom:0;padding:15px;font-weight:700;font-size:15px;width:100%;color:#fff;background:rgba(0,0,0,0.50);margin:0;text-align:center;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.service-box:hover h4{height:100%;padding-top:120px;background:rgba(0,0,0,0.80);}
.qoute-sec{width:100%;float:left;padding:90px 0;background:url(../images/qoute-bg.jpg) no-repeat;background-position:center center;background-size:cover;}
.qoute-sec p{text-align:center;font-size:18px;font-weight:700;margin:0;color:#fff;line-height:25px;}
.footer{width:100%;float:left;padding:60px 0 0;background:url(../images/footer-bg.jpg) no-repeat;background-size:cover;}
.footer h3{text-align:center;position:relative;padding:0 0 13px;margin:0 0 20px;color:#2C2C2C;font-weight:700;font-size:30px;}
.footer h3:before{width:50px;height:3px;margin:0 auto;left:0;right:0;bottom:0;background:#25aae2;content:"";position:absolute;}
.contact-address{ background:#fff;padding:30px;box-shadow:0px 0px 15px rgba(0,0,0,0.10);margin-top:15px;}
.contact-address p{ color:#000;position:relative;padding:0 0 0 25px;margin:0 0 15px;}
.contact-address p .fa{position:absolute;left:0;top:2px;color:#25aae2;font-size:18px;}
.contact-address p a{ color:#000;}
.contact-address p a:hover{ color:#25aae2;}
.footer-copy{width:100%;float:left;text-align:center;padding:15px 0;border-top:solid rgba(0,0,0,0.10) 1px;color:#000;margin-top:80px;font-size:13px;}
.footer-copy a{ color:#000;}
.footer-copy a:hover{ color:#25aae2;}
.map{width:100%;float:left;margin-top:15px;}
.head-social{float:right;margin:25px 0 0 0;padding:0;list-style:none;}
.head-social li{float:left;margin-left:10px;}
.head-social li a{display:inline-block;background:#25aae2;color:#fff;width:35px;height:35px;border-radius:35px;text-align:center;padding-top:5px;border:solid rgba(255,255,255,0) 2px;}
.head-social li a:hover{ border-color:#25aae2;background:none;color:#25aae2;-webkit-transform: translate(0%,0%);transform: translate(0%,0%);}










/*============media start here==============*/

@media screen and (max-width:1199px){
.container{width:100%;}
.header{padding:0 15px;}
.slider-caption{font-size:30px;} 
.service-section::before{width:33%;right:auto;margin:0;}
}

@media screen and (max-width:991px){
.menu .navbar-nav > li{margin:0 7px;font-size:14px;}
.vision-box{min-height:0;}
}

@media screen and (max-width:767px){
.logo{position:absolute;left:0;z-index:9;top:0;}
.header-container{position:relative;padding-bottom:15px;}
.menu{width:100%;padding:0 15px;margin:32px 0 0 0;}
.menu .navbar-nav{margin:0;}
.menu .navbar-nav > li{margin:0;}
.menu .navbar-nav > li > a{padding:15px;background:rgba(0,0,0,0.10);margin-bottom:1px;}
.menu .navbar-toggle{background:#25aae2;border:none;}
.menu .navbar-toggle:hover, .menu .navbar-toggle:focus{background:#25aae2;border:none;}
.menu .navbar-toggle .icon-bar{background:#fff;}
.head-social{display:none;}
.slider{height:auto;}
.slider .item img{height:350px;}
.slider-caption{top:auto;bottom:0;}
.about-section{padding:30px 0;}
.service-section{padding:30px 0;}
.service-section:before{display:none;}
.footer{padding-top:30px;}
.slider-caption{font-size:25px;}
}