@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal; font-style: normal }
body, html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0;}
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
img { border: 0; vertical-align: top;}
a {text-decoration: none !important; color: #049dcf;
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover {color:#d78d44; text-decoration:none;}
p {padding-bottom: 15px; line-height: 22px;}

.p-0 {padding: 0 !important;}
.mb30 {margin-bottom: 30px;}
.pTb-50 {height: 50px; width: 100%;}
.hr {width: 100%; border-bottom: 1px solid #ccc; margin:20px 0;}


h1 { font-size: 40px; padding-bottom: 30px; font-weight: 700; font-family: 'Amatic SC', cursive; color: #475373;}
h2 { font-size: 20px; padding-bottom:25px; text-transform: uppercase; font-family: 'open_sanssemibold'; line-height: normal;}
h3 { font-size: 15px; padding-bottom:8px; font-family: 'open_sanssemibold';}
h4 { font-size: 15px; padding-bottom:24px; font-family: 'open_sanssemibold'; color:#6b6c6e; text-transform:uppercase;}
h4 span {width:33px; height:1px; display:block; background-color:#8e908f; margin-top:5px;}


html, body {height:100%; width:100%;}
body { font-family: 'open_sansregular', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; color:#1e1c1d; background-color:#fff;}

.container-fluid {max-width: 1140px;}


/*----- Start Header -----*/
.header {background: url(../images/header-bg.jpg) no-repeat center 0; background-size: 100%; padding: 13px 0 0 0;}

.logo { display:block; float: left; font-size: 32px; color: #fff; margin-top: 0px; font-family: 'Assistant', sans-serif;}
.logo:hover {color: #fff;}
.logo img {width: 100%;}

.headRightsite {float: right;}

.searchBox {width: 260px; padding: 0 0 25px 0; float: right;}
.stylish-input-group .input-group-addon, .stylish-input-group .form-control, .stylish-input-group button {background: #fff; border:0;-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.searchBox .glyphicon-search:before  {color:#99103e;}

.social-icon {float: right; clear: both; padding-bottom: 35px;}
.social-icon li {float: left; padding: 0 3px;}
.social-icon li a {display: block; text-align: center; border: 1px solid #fff; width: 44px; height: 44px;
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.social-icon li a svg {padding-top:11px; width: 20px; fill:#fff;}
.social-icon li a:hover {background-color:#fff;}
.social-icon li a:hover svg{fill:#049dcf;}
.social-icon li .goldBtn {font-size:15px; width: auto; height: auto; border: 0; margin-top: 4px; margin-left: 25px; background-color: #ac8041; color: #fff; padding:10px; display: block; float: right; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.social-icon li .goldBtn:hover {background-color: #fff; color: #ac8041;}

/*-- Menu--*/
.navbar {margin-bottom: 0; background-color:#17a2b8; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.navbar .container-fluid {padding: 0;}
.navbar .navbar-nav {display:block; width: 100%; float: none;}
.navbar .navbar-collapse {text-align: center;}
.navbar-nav>li {margin:0; display: inline-block; float: none; padding-left: 4px; background: url(../images/menu-sp.gif) no-repeat 0 center;}
.navbar-nav>li:first-child {background:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #fff; background: none;}
.navbar-default .navbar-nav>li>a {color: #fff; text-transform: uppercase; padding: 18px 13px; font-size:15px;}
.navbar-nav > li > a:hover, .navbar-nav > .active > a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.navbar-nav > li li a:hover
{background-color: #556281 !important; color: #fff !important;}


.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu>li>a {padding: 10px 20px;}
/*----- End Header -----*/



/*----- Start Banner -----*/
.banner {}
.banner img {width: 100%;}
/*----- End Banner -----*/

.container-fluid {padding-top: 30px;}


/*----- Start Home -----*/
.homeArticle {padding:0px 0 10px;}

.news {width:30.33333333%; background-color: #f8f8fa; padding:35px 30px 0;}
.events {width: 28%; padding:35px 30px 0;}

.listing {}
.listing li {float:left;  border-top:1px solid #ededed; width:100%;}
.listing li a {background:url(../images/arrow.png) no-repeat right center; line-height:16px; display:block; padding:22px 45px 22px 0; color:#000; font-size:14px;}
.listing li a:hover {color:#861a3a;}
.listing li a:hover h3 {color:#861a3a;}
.listing li img {float:left; padding-right:15px;}

.picSection {background-color:#f3f3f5; padding:40px 0 25px;}
.bigPost .col-md-4 {margin-bottom:28px;}
.bigPost a img {width:100%;}
.bigPost a span {padding:20px 10px; display:block; text-align:center; background-color:#ac8041; color:#fff; font-size:18px; font-family: 'open_sanssemibold'; text-transform:uppercase;}
.bigPost a:hover span {background-color:#841b3a;}

.samllPost {padding:0 7px;}
.samllPost .col-md-3 {padding:0 8px; margin-bottom:23px;}
.samllPost a  {position:relative; display:block;}
.samllPost a img {width:100%;}
.samllPost a span {padding:13px 0; width:100%; position:absolute; bottom:0; left:0; text-align:center;background-color: rgba(0, 0, 0, 0.6); color:#fff; font-size:16px; font-family: 'open_sanssemibold'; }
.samllPost a:hover span {background-color:#841b3a;}

.bigFont {font-size: 18px;}
.table {width: 100%;}
.table td, .table th {border: 1px solid #ccc; padding: 10px 5px;}
.table th {font-weight: bold; background-color: #eee;}
/*----- End Home -----*/



/*----- Start Footer -----*/
.footer {background-color:#2a3555;}
.footer p {color:#fff;}
.footer h4 {padding-top:39px; color: #fff;}
.footer .social-icon {float:left;}
.footer .social-icon a {border:1px solid #fff; fill:#fff; width:40px; height:40px;}
.footer .social-icon a svg {fill:#fff; width:17px;}

.footer .portal {width:28%; padding-left:85px;}
.footer .newsletter {margin-left:3%;}
.footer .social-col {width:auto; float:right; padding-left:0;}
 
.quickLinks {padding-bottom: 20px;}
.quickLinks li {float: left; width: 100%;}
.quickLinks li a {display: inline-block; padding: 6px 0; font-size: 16px;}

.footer .container-fluid {padding-top: 0;}
.copyRig {background-color:#13182f; color:#fff; padding:25px 0; margin-top:30px; line-height:20px; text-align: center;}
/*----- End Footer -----*/


.card {border: 1px solid #39c0ed; border-radius: 0.5rem; font-size: 14px; margin-bottom: 30px; position: relative; overflow: hidden; }
.card-body {flex: 1 1 auto; padding: 1.5rem;}
.card-header {padding: 0.95rem 1.9rem; margin-bottom: 0; line-height: normal; border-bottom: 1px solid rgba(0,0,0,.125); color: #fff; font-size: 16px; background-color: #39c0ed; border-radius: 0.5rem 0.5rem 0 0; }
.card-title {margin-bottom: 1rem; font-size: 1.25rem; font-weight: 600; line-height: 1.2; color: #4f4f4f; }



.gujFont {font-size: 15px; line-height: 2;}
.homePic {margin-bottom: 20px; border-radius: 0.5rem;}

.latestNewsBox {height: 400px;}
.latestNews {margin: 0; padding: 0;white-space:normal !important; position: relativel; overflow: hidden;}
.latestNews li {float: left; width: 100%; border-top:1px solid #ccc; padding: 13px 0; line-height: 22px;}
.latestNews li:first-child {padding-top: 0; border: 0;}
.latestNews li a {display: block; color: #333;}
.latestNews li a:hover {color: #049dcf;}
.latestNews li a strong {display: block; padding-bottom:5px;}

.otherNews {}
.otherNews li {float: left; width: 100%; line-height: normal;}
.otherNews li a {display: block; color: #333; padding: 10px;}
.otherNews li a:hover, .otherNews .active a { background-color: #556281; color: #fff;}


.map {width: 100%; height: 480px; position: relative; overflow: hidden; margin-bottom: 30px;}
.map iframe {width: 100%; height: 100%;}

.gallery {padding:0px 0 15px 0;}
	.gallery li {float:left; width: 33.33%; padding-bottom:4px; margin-bottom:10px; padding:3px 8px 3px;}
	.gallery li a {height: 255px !important; width: 100%; display: inline-block; background:#f0f0f0; overflow: hidden; position: relative;}
	.gallery li a span {position: absolute; bottom: 0; left: 0; width: 100%; background-color: #17a2b8; padding: 10px 5px; font-size: 15px; color: #fff; text-align: center;}
	.gallery li a img {height: 100%; max-width: 100%; object-fit: cover;}
	.gallery li img {border:1px solid #2b5d44; width: 100%;}
	.gallery li a, .gallery li p {background-color:#FFF; padding:5px; border:1px solid #17a2b8; display:block; position:relative;}
	.gallery .first {margin-left:0px;}
	.gallery li a:hover {background-color:#17a2b8;}

.infrastructureGallery li {width: 50%;}


.googleForm {width: 100%; height: 1600px;}


.ulList { list-style-type: disc; margin-left: 15px; font-size: 15px;}
.ulList li {padding-bottom: 15px; width: 100%; float: left;}
.ulList li a {padding: 5px 0; display: block;}

.bgColor {background-color: #e5f8ff;}

.topperList td {vertical-align: middle; padding: 10px !important;}
.topperPhoto {position: relative; overflow: hidden; width: 167px; height: 200px;}
.topperPhoto img {height: 100%; max-width: 100%; object-fit: cover;}
.toperName {line-height: 2 !important;}
.toperName span {font-size: 16px; font-weight: bold; color: #17a2b8; display: block;}


.latestNewsPar {background-color: #e5f8ff; padding: 15px; margin-bottom: 15px; border: 1px solid #39c0ed;}
.latestNewsPar span {display: block; color: #999;}


.photoBorder {border: 1px solid #ccc; padding: 6px; margin-bottom: 10px; background-color: #fff;}


/*======================================================*/

@media (max-width : 1366px) {
	.header {background-position:center center; background-size:cover;}
}

@media (max-width : 1024px) {
.footer .portal {width: 25%;  padding-left: 55px;}

.footer .newsletter {margin-left:0;}
}

@media (max-width : 991px) {
	
	.navbar-default .navbar-nav>li>a {padding: 18px 10px; font-size: 13px;}
	
	.news, .events {width:100%;}
	.listing li a {float: left; width: 100%;}
	.footer .col-md-3 {padding-left:15px; width:100%;}
	.copyRig { margin-top:20px;}
	
	.gallery li a {height: 160px !important;}
}


@media (max-width : 767px) {
	h1 {font-size: 32px; padding-bottom:20px;}
	.header {padding-top:20px;}
	.header .container-fluid {padding: 0 20px;}
	.headRightsite {display: none;}
	.searchBox {margin:0 auto; float:none; width:260px;}
	
	.social-icon { float: none; width:260px; margin:0 auto 20px;}
	.social-icon li {float:left; width:100%;}
	.social-icon li a {display:none;}
	.social-icon li .goldBtn { margin:0 auto; width:100%;}
	
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin:0;}
	.navbar-collapse {border:0;}
	.navbar-nav {margin:0; padding-bottom: 15px;}
	.navbar-nav li {background:none; padding:0;}
	.navbar-nav li {float:left; width:100%;}
	.navbar-default .navbar-toggle {border-color: #fff;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {    background-color: transparent}
	.dropdown-menu {position: static; display: block; -webkit-box-shadow: none;  box-shadow: none; text-align: center; margin: 0 30px 15px; background-color: rgba(255,255,255,0.7); border-radius: 4px !important;}
	
	.logo {margin:0 auto 20px;  float:none; font-size: 25px; line-height: normal;}
	.logo img {width: 100%;}
	
	.footer .social-icon li {width:auto;}
	.footer .social-icon a {display:block;}
	
	.bigFont {font-size: 15px;}
	.management td, .management th {width: 100%; display: block; float: left;}
	.management th {margin-top: 20px;}
	
	.map {height: 300px;}
	
	.gallery li {width: 50%;}
	.gallery li a {height: 100px !important;}
	.galleryWithName li a {height: 122px !important; padding-bottom: 20px;}
	.gallery li a span {padding: 5px; font-size: 12px;}

	.topperList td {padding: 5px !important;}
	.topperPhoto {width: 105px; height: 125px;}
	.toperName {line-height: normal !important;}
	.toperName span {font-size: 14px; padding-bottom: 3px;}
}