@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400');
@import url('https://stackpath.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
html, body{margin:0;padding:0;font-family:'Roboto', sans-serif;font-weight:300;color:#666;}a{color:#666;text-decoration:none !important;}
h1,h2,h3,h4{font-family:'Roboto Condensed', sans-serif;}
.m-0{margin:0;}
.mt-0{margin-top:0 !important;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mb-0{margin-bottom:0 !important;}
.mb-20{margin-bottom:15px;}
.mb-22{margin-bottom:20px;}
.pr-0{padding-right:0;}
.pl-0{padding-left:0;}
.pl-20{padding-left:20px;}
.fc-white{ color:#FFF !important; }
.fc-green{color:#0098C1 !important;}
.btn{text-transform:uppercase;border-radius:30px;border:none;}
.form-control{border-radius:0;box-shadow:none !important;}
.btn-success, .btn-danger:hover{background:#0098C1;}
.btn-white{background:#FFF;color:#0098C1;}
.btn-white:hover, .btn-success:hover, header .navbar ul li.lst:hover a, .btn-danger{background:#ffdd36;color:#FFF;}
svg{max-width:55px;max-height:40px;}
.ptb{padding:45px 0;}
body img{max-width:100%;}
b, table th, label{ font-weight:500;}
button:active, button, input:active, input{ outline:none !important;}

/*HEADER*/
header p{margin:30px 0 0;}
header p .fa{color:#0098C1;font-size:20px;vertical-align:middle;}
header{position:relative;z-index:9;}
.logo span{font-size:15px;}
header>.container{padding:15px;}
header .navbar{box-shadow:0 2px 3px rgba(0, 0, 0, 0.25);border:none;border-radius:0;background:#b3ffab;background:linear-gradient(to bottom, #459ACF, #3D8BBB);background:linear-gradient(to bottom, #459ACF, #3D8BBB);}
header .navbar .container{padding:0;}
header .navbar li{padding-top:9px;padding-right:17px;}
header .navbar li.lst{padding-right:0;float:right;}
header .navbar li a{line-height:32px;padding:0 16px;border-radius:20px;font-weight:400;font-size:15px;color:#FFF;}
header .navbar li a .fa{margin-left:2px;font-size:18px;vertical-align:text-top;}
header .navbar ul{float:none;}
header .navbar li.active a, header > .navbar ul>li:hover>a, header .navbar ul li.lst a{background:#FFF;color:#37aece;}
.navbar-nav>li>.dropdown-menu{border:none;margin-top:9px;border-radius:0 0 12px 12px;}
.navbar-nav>li>.dropdown-menu:before{content:'';border:10px solid transparent;border-bottom-color:#FFF;position:absolute;top:-20px;left:30px;}
header .navbar .dropdown-menu>li>a{color:#666 !important;font-size:13px;line-height:26px;}
header .navbar .dropdown-menu>li{padding:0 5px;}
header .navbar .dropdown-menu>li>a:hover{background:#51a8de;color:#FFF !important;}
header .nav .open>a, header .nav .open>a:focus, header .nav .open>a:hover{background:none;color:#FFF;}
/*BANNER*/
#banner .carousel-inner .item{height:100%; max-height:600px; overflow:hidden; }
#banner .carousel-inner .item:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,0.8);background:-moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 65%, rgba(0,0,0,0.8) 100%);background:-webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.8)), color-stop(35%, rgba(255,255,255,1)), color-stop(65%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,0.8)));background:-webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 65%, rgba(0,0,0,0.8) 100%);background:-o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 65%, rgba(0,0,0,0.8) 100%);background:-ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 65%, rgba(0,0,0,0.8) 100%);background:linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 65%, rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); min-height:600px; }
/*#banner{box-shadow:0 75px 0 #ebf1ed;position:relative;}*/
#main-bnr .item img{width:100%;}
#main-bnr .carousel-control{width:40px;height:40px;line-height:40px;background:#0098C1;font-size:35px;text-shadow:none;opacity:1;left:15px;top:0;margin-top:-19.5%;z-index:1;}
#main-bnr .carousel-control.right{ left:58px;}
#main-bnr .carousel-control:hover{ background:#FFF;color:#0098C1;}
#main-bnr .container{margin:-25% auto 18%;position:relative;z-index:5;}
#main-bnr .bnav{ margin:0 auto !important;position:relative;}
#main-bnr .container h3, #main-bnr .container h4{margin:3px 0 0;position:relative;}
#main-bnr .container h4 span, #main-bnr .container h3 span{display:inline-block;padding:0 15px;}
#main-bnr .container h3 span{background:#0098C1;color:#FFF;line-height:50px;font-size:18px;}
#main-bnr .container h4 span{background:#fff;color:#37aece;line-height:40px;min-width:328px;}
.carousel-fade .carousel-inner .item {  -webkit-transition-property:opacity;transition-property:opacity;}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{ opacity:0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{ opacity:1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}

/*LINKS*/
.links{margin:-40px 0 15px;}
.L-inn{box-shadow:0 0 7px rgba(0, 0, 0, 0.22);padding:20px 18px;background:#FFF;border-radius:12px;position:relative;z-index:2;}
.L-inn svg{float:left;width:40px;margin-right:10px;min-height:35px;}

.cms-sec ul li{}
/*News-Calendar*/
.NewsCalender{position:relative;
  background-image: url("../images/bg.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

.NewsCalender:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);}
.NewsCalender .container{position:relative;z-index:9;}
.NewsCalender .C-inn{background:#00a0cc;border-radius:12px;padding:17px 20px 18px;color:#FFF;box-shadow:0 0 7px rgba(0, 0, 0, 0.22);}
.NewsCalender form.C-inn{background:#FFF;color:#0098c1;}
.NewsCalender .C-inn h4{border-bottom:1px solid #088baf;padding:0 20px 8px;margin:0 -20px 15px;}
.C-inn span{display:block;padding-bottom:15px;}
.C-inn span a{color:#FFF;}
.C-inn span em{font-size:10px;color:#075c73;font-weight:400;display:block;}
form.C-inn span{padding-bottom:10px;}
.C-inn .mid{min-height:120px;}
.C-inn .btn{line-height:30px;padding:0 18px;font-weight:500;}
.C-inn .form-control{border-color:#c0c0c0;height:28px;font-size:12px;font-weight:400;}
.NewsCalender .threebox .C-inn{background:#fff;margin-top:2px;clear:both;}
.NewsCalender .threebox a{color:#00a0cc;font-weight:400;font-size:16px;line-height:30px;display:inline-block;}
.NewsCalender .threebox svg, #inn5, #inn6, #inn7{width:36px;margin-right:15px;float:left;margin-top:-2px;}
.NewsCalender .threebox svg path, .L-inn svg path{fill:#0098C1;}
.NewsCalender .threebox .C-inn:hover, .L-inn:hover{background:#0098C1;}
.NewsCalender .threebox .C-inn:hover svg path, .L-inn:hover svg path{fill:#fff;}
.NewsCalender .threebox .C-inn:hover a, .L-inn:hover a{color:#FFF;}
.NewsCalender .row, .links .row{margin:0 -8px;}
.NewsCalender .row>div, .links .row>div{padding:0 8px;}
/*FOOTER*/
footer{background:#ebf1ed;}
footer ul, footer ul li{margin:0;padding:0;list-style:none;}
footer h4{margin-bottom:5px;}
footer ul li:before{content:"\f04d";display:inline-block;color:#0d6f15;font:normal normal normal 4px/15px "FontAwesome";float:left;margin:0 10px 0 2px}
footer ul li{font-size:13px;line-height:1;padding-top:8px;}
footer ul li a:hover, footer ul li:hover:before{color:#ec8f18;}
footer ul.lst li:before{ display:none;}
.f-btm{background:#00a0cc;color:#FFF;padding:10px 0;line-height:30px;}
/*POP-UP*/
#NIMG figure{background:url(../images/notice.jpg) center top no-repeat;display:block;padding-top:20px;width:300px;height:500px;margin:0 auto;-webkit-transition:background-position 2s ease-in-out;-moz-transition:background-position 2s ease-in-out;-ms-transition:background-position 2s ease-in-out;-o-transition:background-position 2s ease-in-out;transition:background-position 2s ease-in-out;display:block;font-size:0;}
#NIMG figure:hover{background-position:center -500px;}
#ntc{position:fixed;box-shadow:0 0 6px rgba(0,0,0,0.3);border:1px solid #0ab3e0;top:48%;z-index:8;padding:10px 35px 8px 15px;right:-20px;font-weight:500;z-index:9;}
#ntc:hover{background:#0ab3e0;color:#FFF;}
#Notice .modal-dialog { /*max-width:400px;*/margin:8% auto 0;}
#Notice .close{ margin-top:-8px;margin-right:-5px;}
.modal-content { border-radius:12px;}
/*INNER-PAGES*/
.inn-page{ min-height:400px;}
.PageTtl{background:#ebf1ed;padding:25px 0;}
.PageTtl .breadcrumb{ background:none;padding:0;font-size:12px;}
.breadcrumb>li+li:before{ padding:0 0 0 1px;}
.PageTtl h2{ line-height:1; font-size:26px;}
.contact-us iframe{ width:100%;border:1px solid #43bb4e;}
.contact-us .Con{box-shadow:0 0 7px rgba(0, 0, 0, 0.22);padding:20px;background:#FFF;border-radius:12px;padding-left:80px;position:relative;border-left:2px solid #43bb4e;}
.contact-us .Con h4{ margin:0 0 5px;}
.contact-us .Con i{ position:absolute;font-size:30px;left:30px;top:26px;color:#43bb4e;}
.contact-us .Con p{ margin-bottom:0;}
.contact-us .Con:hover{background:#ebf1ed;}

.List{box-shadow:0 0 6px #eee;padding:5px 20px;margin-bottom:20px;border:1px solid #EEE;}
.List:hover{ border-color:#43bb4e;}

.news-part h3{ margin-top:10px;border-bottom:1px solid #EEE;padding-bottom:10px;}
.news-part .btn{ margin:20px 0;padding:8px 22px;}
.news-part .btn i{ margin-right:8px;font-size:15px;}
.notice-part figure{ max-height:500px;overflow:hidden;}
.notice-part figure img{position:relative;top:0;-webkit-transition:all 5s;-moz-transition:all 5s;-ms-transition:all 5s;-o-transition:all 5s;transition:all 5s;}
.notice-part figure:hover img{top:-500px;}
.notice-part h3{ font-size:20px;margin-top:15px;}
.notice-part h3 span{ width:25px;height:25px;line-height:25px;background:#36b74b;border-radius:100%;display:inline-block;text-align:center;margin-right:3px;font-size:15px;vertical-align:middle;color:#FFF;}
.notice-part .small{ padding-left:10px;}

.notice-part .panel-heading{ padding:0;}
.notice-part .panel-heading a:after{ float:right;content:"\f106";font:normal normal normal 25px/1 FontAwesome;margin-right:2px;}
.notice-part .panel-heading a.collapsed:after{ content:"\f107";}
.notice-part .panel-heading:hover a{ color:#f6333b;}
.notice-part .p-inn{ background:#f3f3f3;padding:20px 30px;}

.inn{ background: #ebf1ed;     padding: 20px;     border-radius: 12px;}


.team img{ width:100%;}
.team figure{ background:#44bb4e;color:#FFF;overflow:hidden;margin-bottom:10px;border:1px solid transparent;}
.team figure:hover{ background:#f6333b;box-shadow:0 0 7px rgba(0, 0, 0, 0.22);border-color:#f6333b;}
.team figcaption{ font-size:16px;font-family:'Roboto Condensed', sans-serif;text-align:center;padding:12px 0;}
.team figcaption b{ font-size:11px;display:block;}
.team figcaption b a{ }


.team .col-sm-7 .row, .staff .row{ margin:0 -5px;}
.team .col-sm-7 .row .col-xs-4, .team .col-sm-8 .row .col-xs-4, .staff .col-md-2{ padding:0 5px;}
.branchS .col-md-3{}
.staff figure{ margin-bottom:10px;}
.staff figcaption{padding:8px 0 0;min-height:55px;}
.staff p{line-height:16px;margin:-5px 0 15px;font-size:13px;word-break:break-word;}


.inn-page ul, .bg-plain{ list-style:none; background:#f3f3f3; padding: 20px; }
.inn-page ul li{ margin-bottom:5px; }
.inn-page ul li b{ padding-right:5px;}
#results .input-group-addon:first-child{ min-width:135px; text-align:left;}

.sFeature table th{ width:40%; }
.sFeature table th, .sFeature table td{ padding:5px 10px !important; font-size: 15px;}
.sFeature h3{ font-size:20px;}


#eNews .close {color: #FFF; background: #d2566d;  padding: 0 10px;  line-height: 26px; top: 5px; right: 5px; Z-INDEX: 99; position: absolute; opacity: 1; font-size: 24px;}

/*RESPONSIVE CSS*/
@media (max-width:1600px){
#main-bnr .carousel-control{ margin-top:-24%;}
}
@media (max-width:1440px){
#main-bnr .carousel-control {margin-top:-23%;}
}
@media (max-width:1366px){
#main-bnr .carousel-control{ margin-top:-18%;} 
/*#banner .carousel-inner .item:before{ display:none;}*/
}
@media (max-width:1280px){
#main-bnr .carousel-control{ margin-top:-17%;} 
}
@media (min-width:1200px){
.container{width:1100px}
}
@media only screen and (max-width:1380px){
#main-bnr .container{margin-bottom:15%;}
header .navbar li{padding-right:15px;}
header .navbar li a{ padding:0 14px;}
.L-inn h4{font-size:16px;}
.team figcaption{ padding:5px 0;font-size:14px;}
.team figure{ margin-bottom:10px;line-height:15px;}

}
@media only screen and (max-width:1200px){
.L-inn{padding:15px 10px 15px 20px ;}
.L-inn svg{width:30px;margin-right:10px;}
.L-inn h4{font-size:15px;}
.links{margin:-30px 0 0;}
.NewsCalender .threebox .C-inn{padding:18px;margin-bottom:10px;}
}

@media only screen and (max-width:1030px){
#main-bnr .carousel-control{ margin-top:-15%;}
}
@media only screen and (max-width:991px){
header .navbar li a{padding:0 9px;font-size:13px;}
header .navbar li{padding-right:5px;}
header p{margin:0;font-size:13px;}
header p span{display:block;padding-left:0;}
.NewsCalender .col-md-3.pull-right{float:left !important;}
.NewsCalender .row>div{margin-bottom:20px;min-height:230px;}
.NewsCalender{padding-bottom:25px;}
.L-inn{margin-top:15px;}
}

@media (max-width:980px){
#main-bnr .carousel-control {margin-top:-18.5%;}
.logo{ font-size:25px;}
}
@media only screen and (max-width:800px){
#main-bnr .container{margin-bottom:12%;}
.links{margin:-30px 0;}
.f-btm p{font-size:13px;}
#main-bnr .carousel-control{margin-top:-11.5%;}
}
@media only screen and (max-width:767px){
header>.container{padding:10px 15px;}
header .navbar .container{padding:0 15px;}
header p{margin:10px 0 0 5px;text-align:left;}
header .navbar{min-height:inherit;}
header p span{display:inline-block;padding-left:0;float:right;}
.navbar-toggle{position:absolute;top:-100px;font-size:25px;right:0;color:#ffdd36;}
header .navbar li{padding:2px 10px !important;}
header .navbar li a span.fa{ font-size:12px;float:right;line-height:32px;}
header .navbar li a span.fa:before{content:"\f067";}
header .navbar li.open a span.fa:before{ content:"\f068";}
.navbar-nav .open .dropdown-menu{ background:rgba(255, 255, 255, 0.8);}
header .navbar li.lst{float:none;}
header .navbar ul{margin:7.5px 0;}
header .navbar-collapse{position:absolute;margin-top:0;width:100%;padding:0;box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); background:#0098C1;}
.links{margin:10px 0 -30px;}
footer .col-md-4{padding-bottom:15px;}
.f-btm{padding:15px 0 10px;} 
.f-btm .col-sm-6{text-align:center;float:none !important;}
.f-btm p{line-height:15px;margin-top:5px;}
.navbar-nav>li>.dropdown-menu:before{ display:none;}

.news-part h3{ font-size:18px;}
.List{ padding:5px 15px;}
.news-part .btn{ padding:8px 15px;}
  
.fReport .inn{ margin-bottom:15px;}
}
@media only screen and (max-width:680px){#main-bnr .container{margin-bottom:10.5%;} 
#main-bnr .container h3 span{line-height:30px;font-size:13px;}
#main-bnr .container h4 span, #main-bnr .container h3 span{padding:0 10px;}
#main-bnr .container h4 span{line-height:20px;min-width:230px;font-size:13px;}
#main-bnr .carousel-control{ display:none;}
#main-bnr .carousel-control.right { left:50px;}
}
@media only screen and (max-width:600px){
.NewsCalender .row>div{width:100%;}
#main-bnr .container{margin-bottom:8%;}
.C-inn .mid, .NewsCalender .row>div{min-height:inherit;}
.PageTtl{ padding:30px 0;}
.PageTtl h2{ font-size:20px;}
.inn-page.ptb {padding:20px 0;}
.notice-part h3{ font-size:16px;}
.notice-part .small{ display:block;padding-left:30px;}
.notice-part .p-inn{ padding:10px 20px;}
.staff figcaption{ max-height:50px; overflow:hidden; min-height:inherit;}
.staff .col-md-2{ max-height:230px; overflow:hidden;}
 
.pdf_converter embed{ height:100px;}
}
@media only screen and (max-width:500px){
.L-inn{padding:5px 23px;}
.logo img{max-width:240px;}
header>.container{padding:5px 15px 10px;}
.List .col-xs-6{ width:100%;}
}
@media only screen and (max-width:480px){
.L-inn svg{margin-top:8px;}
header p{display:none;}
.navbar-toggle{top:-63px;padding:9px 15px 9px;margin-right:0;border-left:1px solid #EEE;border-radius:0;}
#Notice .modal-dialog{ max-width:300px;}
#NIMG figure{width:260px;background-size:100%;}
#Notice .close{ background:#FFF;opacity:1;padding:0 0 5px 10px;}
}
@media only screen and (max-width:420px){
.L-inn svg{margin-top:5px;width:25px;}
.L-inn h4{font-size:13px;}
.report .nav li:nth-child(2n){padding:0 2px;}
.report .nav li a i{ display:block;margin-bottom:-10px;margin-top:10px;}
#main-bnr .container{ margin-bottom:6%;}
#ntc{ padding:5px 25px 3px 10px;}
.contact-us .Con{ padding-left:65px;}
.contact-us .Con i{ left:20px;}
}
@media only screen and (max-width:365px){
.L-inn{padding: 5px 15px;}
}
@media only screen and (max-width:340px){
.social .btn{ padding:2px 5px;}
.L-inn svg{ margin-top:0;}
.L-inn h4{ margin:5px 0;}
.L-inn{ padding:5px 5px 5px 10px;}
.logo img {    max-width:210px;}
}