@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
body{margin:0; font-family: 'Nunito', sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto; overflow: hidden;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:80%; height:auto; margin:0 auto; overflow: hidden;}
a{text-decoration:none; color:#333}

.upheader-bac{background:#183a6e}
#upheader{width:100%; height:auto; float:left; margin: 3px 0;}
#upheader .left{width:47%; height:auto; float:left; margin:0.5% 0 0 0;}
#upheader .left p{float:left; margin:-0.5% 3% 0 0; color:#fff;}
#upheader .left .p{float:left; margin:0 3% 0 0; color:#fff; font-size:14px}
#upheader .left p img{width:18px; height:18px; float:left; margin:1% 0 0 0}
#upheader .left p .img{width:18px; height:18px; float:left; margin:-0.5% 0 0 0}
#upheader .middle{width:7%; height:auto; float:right; margin:0.2% 0}
#upheader .middle a{width:22%; height:auto; float:left; margin:0 2%; border:#fff 2px solid; border-radius:50%; padding:0%; transition:0.5s}
#upheader .middle a:hover{border:#f6bc02 2px solid;}
#upheader .middle a img{width:70%; height:auto; float:left; margin:15%}

.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {background:#fff; margin-top:0; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);}

.mainlogo{width:20%; height:auto; float:left; padding:12px 0; background:#fff}
.mainlogo img{width:100%; height:auto; float:left; margin:0}

.menudiv-bac{background:#fff;}

#about{width:100%; height:auto; float:left; margin:2% 0}
#about .top{width:100%; height:auto; float:left; text-align:center}
#about .top h3,h1{width:100%; height:auto; float:left; color:#333; margin:0; padding:0;}
#about .top h1{font-size:40px; margin:0; color:#008eff}
#about .top p{width:70%; height:auto; float:left; color:#333; margin:2% 15%; line-height: 160%;}
#about .top a{width:14%; height:auto; float:left; margin:1% 43%; padding:1% 0; text-align:center; background:#dd9127; color:#fff; border-radius:30px; transition:0.5s}
#about .top a:hover{background:#e4a853}

.approachbac{background:#e7e5e5;}
#approach{width:100%; height:auto; float:left; margin:2% 0}
#approach h1{width:100%; height:auto; float:left; margin:2% 0 0 0; text-align: center; color:#3f4040;}
#approach b{width:10%; height:auto; float:left; margin:1% 45% 2% 45%; padding: 1px 0; background: #017499;}
#approach a{width:46%; height:auto; float:left; margin:1%; background: #017499; border-radius: 5px; padding: 1%; color: #fff; transition: 0.3s;}
#approach a:hover{background: #015976}

.gdfooterbg{background:#0a122c;}
#gdfooter{width:100%; height:auto; float: left; margin:1% 0;}
#gdfooter .con1{width: 38%; height: auto; float: left; margin:0 0.5%}
#gdfooter .con2 h4{color:#fff}
#gdfooter .con{width: 29%; height: auto; float: left; margin:0 0.5%}
#gdfooter h3{color: #fdb92e}
#gdfooter .con2{width: 30%; height: auto; float: left; margin:0 0.5%}
#gdfooter .con1 a{width:99%; height:auto; float: left; margin:1% 0.5%; color: #fff; font-size: 13px}
#gdfooter .con1 a:hover{color: #dfa303}
#gdfooter .con1 iframe{width: 100%; height: 280px;}
#gdfooter .footlogo{width: 50%; height: auto; float: left; margin:0 50% 2% 0;}
#gdfooter .con1 p{color: #fff; font-size: 13px; margin: 0; line-height: 160%}
#gdfooter .con h4{color: #fff; margin: 3% 0}
#gdfooter .con p{color: #eaeaea; font-size: 13px; margin: 0; line-height: 160%}
#gdfooter .con p strong{color: #02b9c6; font-weight: 500;}
.gdlowfooterbg{background: #000;}
#gdlowfooter{width:90%; height:auto; float: left; padding: 1% 0}
#gdlowfooter p{width: 50%; height: auto; float: left; margin: 0; padding: 0; color: #fff; font-size: 14px}
#gdlowfooter .p{text-align: right;}
#gdlowfooter p a{color: #b1dae9;}

.shadow_one{padding:60px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url(images/bg.jpg) fixed center center no-repeat; background-size: 100% auto;}
#page_header h2{color:#fff;font-size:40px;margin:18px 0;font-weight: 500;}
#page_header .h2{color:#fff;font-size:20px;margin:35px 0 22px 0;}
#page_header p{color:#fff}
.page_header_breadcum{color:#fff}
.page_header_breadcum a .fa{color:#fdb92e;font-size:16px}
.page_header_breadcum a.active_page{color:#fdb92e}
.page_header_breadcum a{color:#fff}

#static{width:100%; height:auto; float:left; margin:4% 0;}
#static h1,h2,h3,h4,h5,h6{color: #272727;}
#static h3{color: #015eac;}
#static img{width:10.3%; height:auto; float:left; margin:1%; border: 1px solid #e0e1e1;}
#static .leftmar{margin:1% 1% 1% 25.8%;}
#static p{margin:1% 0; line-height:175%; text-align:justify; color:#333333;}
#static span{margin:1% 0; line-height:175%; text-align:justify; color:#333333;}
#static ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#static ul li{margin:1.5% 0}
#static .left{width:39%; height:auto; float:left; margin:0 1% 0 0;}
#static .left p{margin:1% 0; line-height:175%; text-align:left; color:#333333;}
#static .right{width:60%; height:auto; float:left; margin:0;}
#static .right iframe{width:100%; height:400px; float:left; margin:0; border: none;}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto; overflow: hidden;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow: hidden;}

#upheader .left{width:90%; height:auto; float:left; margin:1.5% 5%;}
#upheader .left p{float:left; margin:-0.5% 3% 2% 0; color:#fff;}
#upheader .left .p{float:left; margin:0 3% 2% 0; color:#fff; font-size:14px}
#upheader .middle{width:40%; height:auto; float:right; margin:0.2% 30% 2% 30%}

.mainlogo{width:50%; height:auto; float:left; margin:1% 25%; padding:0.3% 0; background:#fff}

#about{width:100%; height:auto; float:left; margin:6% 0}
#about .top h1{font-size:26px; margin:0; color:#008eff}
#about .top p{width:98%; height:auto; float:left; color:#333; margin:2% 1%; line-height: 160%; text-align: justify;}
#about .top a{width:80%; height:auto; float:left; margin:1% 10%; padding:2% 0; text-align:center; background:#dd9127; color:#fff; border-radius:30px; transition:0.5s}

#approach b{width:20%; height:auto; float:left; margin:1% 40% 2% 40%; padding: 1px 0; background: #017499;}
#approach a{width:92%; height:auto; float:left; margin:1% 2%; background: #017499; border-radius: 5px; padding: 2%; color: #fff; transition: 0.3s;}

#gdfooter .con1{width: 90%; height: auto; float: left; margin:1% 5%}
#gdfooter .con{width: 90%; height: auto; float: left; margin:1% 5%}
#gdfooter .con2{width: 90%; height: auto; float: left; margin:1% 5%}

#gdlowfooter{width:90%; height:auto; float: left; padding: 1% 0}
#gdlowfooter p{width: 100%; height: auto; float: left; margin:2% 0; padding: 0; color: #fff; font-size: 14px; text-align: center;}
#gdlowfooter .p{text-align: center;}

.shadow_one{padding:30px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url(images/bg.jpg) fixed center center no-repeat; background-size: auto 100%;}
#page_header h2{color:#fff;font-size:30px;margin:18px 0;font-weight: 500;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px!important}

#static{width:95%; height:auto; float:left; margin:4% 2.5%;}
#static img{width:47%; height:auto; float:left; margin:1%; border: 1px solid #e0e1e1;}
#static .leftmar{margin:1%;}

#static .left{width:98%; height:auto; float:left; margin:1%;}
#static .right{width:98%; height:auto; float:left; margin:1%;}

}