@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins');
.inner-wrapper p {
	color: #212020;
	font-size: 100%;
	font-weight: 400;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
















body {
	color: #000;
	  font-family: 'Poppins';
	line-height: 1.4;
	letter-spacing: 1px;
}

.right-content {
	padding-top: 0
}

.nav-wrapper {
	background: #cbc9c9 url(../images/nav-bg.jpg) repeat-x top center;
	border-bottom: 1px solid #a4a4a4;
}

.nav-wrapper ul li {
	border: none
}

.nav-wrapper ul li:hover a,
.nav-wrapper ul li.hover a,
.nav-wrapper ul li.active a {
	background: #32789d url(../images/nav-menu-hover-bg.jpg) repeat-x top center;
	color: #fff
}

.nav-wrapper ul li a {
	padding: 0 21px!important
}

.nav-wrapper ul li.hasnav {
	background: url(../images/blt-bottom.png) no-repeat 96% center
}

.nav-wrapper ul ul {
	background: #32789d
}

.nav-wrapper ul ul li.active a,
.nav-wrapper ul ul li.hover a,
.nav-wrapper ul ul li a:hover {
	background: #e09912
}

.nav-wrapper ul li a {
	color: #000
}

.gray-bg {
	background: #f3f3f3;
	padding: 0px 0px !important;
	/* background: #333; */
	/* background: #0e571a; */
}

.slides>li {
	position: relative
}

.slide-caption {
	position: absolute;
	bottom: 23px;
	right: -0;
	z-index: 1000;
	color: #fff;
	line-height: 1.6em;
	font-size: 1.2em;
	padding: 10px;
	max-width: 400px;
	  font-family: 'Poppins';
	text-align: left;
	background: rgba(0, 0, 0, 0.6);
	letter-spacing: 1px;
}

.slide-caption p {
	color: #0f0f0f;
	font-weight: 400;
	font-size: 100%;
	line-height: 115%;
	letter-spacing: 1px;
}

.slide-caption a {
	color: #000;
	font-weight: 600;
	text-decoration: none;
	font-size: 100%;
	letter-spacing: 1px;
}

.slide-caption a:hover {
	text-decoration: underline
}

.slide-caption h2 span {
	display: block;
	font-weight: 300;
	letter-spacing: 1px;
}

ul#nav li a i.fa-home {
	font-size: 150%;
	letter-spacing: 1px;
}

.body-block.whats-new-area h2 {
	color: #fff;
	margin-bottom: 0;
	margin-top: 17px
}

.mii-logo {
	display: inline-block
}

.gallery-wrapper {
	background: url(../images/section-rural-bg.jpg) repeat;
	min-height: 220px;
	padding: 40px 0 50px
}

.gallery-area a {
	border: 0 none;
	color: #fff;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	color: #000;
	padding: 0px;
	font-weight: 600;
	font-size: 100%;
	
}

.gallery-heading a.bttn-more.bttn-view {
	
}

.gallery-area h3 {
	color: #000;
	float: left;
	padding: 0px;
	
	letter-spacing: 1px;
	font-weight: 700;
	position: relative;
	padding-left: 0px;
	font-size: 95%;
}

.gallery-area h3:before {
	content: " ";
	position: absolute;
	background: url(../images/photo.png);
	background-repeat: no-repeat;
	/* width: 40px; */
	/* height: 40px; */
	/* position: absolute; */
	/* left: -1px; */
	/* bottom: -15px; */
}

.gallery-area h3:after {
	content: " ";

	width: 126px;
	display: block;
	margin-top: 5px;
	margin-bottom: 40px;
	position: absolute;
	left: -2px;
}

.gallery-holder ul.slides {
	float: left;
	width: 74.5%;
	padding: 1px
}

.gallery-holder ol.flex-control-nav.flex-control-thumbs {
	float: left;
	margin: 0 0 0 1.5%;
	padding: 0;
	width: 23.2%
}

.gallery-holder .flex-direction-nav {
	display: none
}

.gallery-holder .flex-control-thumbs li {
	margin: 0 0 5.6%;
	padding: 0;
	width: 100%
}

.bttn-view {
	position: absolute;
	top: 0;
	right: 5px
}


/*.gallery-right{position:relative;width:30%;float:right;padding-top:70px}*/

.bttn-intrct {
	border: 1px solid #ffd800;
	display: inline-block;
	padding: 15px 50px 15px 20px;
	color: #ffd800;
	font-size: 120%;
	font-weight: 600;
	position: relative;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.bttn-intrct i {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 200%;
	letter-spacing: 1px;
}

.bttn-intrct:hover {
	background: #ffd800;
	color: #333
}


/*.gallery-right ul li{color:#fff;font-size:110%;background:url(../images/blt-green.png) no-repeat 0 4px;padding:0 0 15px 20px}
.gallery-right ul li a{color:#fff}
.gallery-right ul li a:hover{text-decoration:underline}*/

.gallery-heading {
	left: 0px;
	width: 97%;
	top: -37px;
	position: absolute;
	margin-left: 7px;
}

.gallery-area .gallery-heading {
	opacity: 1;
}

.banner-wrapper .flex-direction-nav a {
	opacity: .5
}

.banner-wrapper .flex-direction-nav a::before {
	font-size: 15px;
	font-weight: 300;
	background: #19181f;
	display: inline-block;
	color: #FFF;
	border-radius: 0;
	text-shadow: none;
	line-height: 49px;
	width: 60px;
	text-align: center;
	padding: 5px;
	letter-spacing: 1px;
}

.gallery-container.common-container.four_content {
	padding-top: 25px ;
	position: relative;
	
}










.gallery-area {
	width: 68%;
	float: left;
	position: relative;


}

.gallery-holder .slide-caption {
	width: 100%;
	display: block;
	background: transparent;
	color: #FFF;
	bottom: 0;
	font-size: 1em;
	padding: 0px;
	max-width: inherit;
	letter-spacing: 1px;
}

.youtube-video {
	width: 100%;
	position: relative;
	padding-bottom: 57.58777%
}

.mar-bott {
	margin-bottom: 15px
}

.youtube-video iframe {
	width: 100%;
	position: absolute;
	height: 100%
}

.left-menu {
	width: 25%;
	float: left
}

.right-content {
	float: right
}

.breadcam {
	padding-bottom: 2px;
	padding-top: 2px;
	display: block;
	border-bottom: 1px solid #efefef;
	margin-bottom: 0px;
}

.breadcam li {
	list-style-type: none;
	display: inline-block;
	font-size: 100%;
	color: #fff;
	letter-spacing: 1px;
}

.breadcam li a {
	display: block;
	background: url(../images/blt-order.png) no-repeat right center;
	padding-right: 13px;
	color: #fff;
}

.breadcam li:last-child a {
	background: none
}

.breadcam li.current {
	color: #fff;
}

.inner-wrapper .body-container {
	padding-top: 0
}

.inner-wrapper .left-menu {
	width: 25%;
	float: left
}

.inner-wrapper .inner-content {
	width: 100%;
	float: left
}

.inner-wrapper .inner-content p {
	text-align: justify;
}

.left-menu ul {
	display: block;
	width: 100%;
	border-right: 4px solid #ededed;
	padding-right: 20px
}

.left-menu ul li a {
	background: url(../images/ico-inner-list.png) no-repeat 9px 16px;
	padding: 10px 0 10px 30px;
	display: block;
	font-weight: 600;
	letter-spacing: 1px;
}

.left-menu ul li {
	margin-bottom: 10px
}

.left-menu ul li:hover a,
.left-menu ul li.active a {
	background: url(../images/ico-inner-list.png) no-repeat #efefef 9px 16px
}

.left-menu ul li ul {
	padding-right: 0;
	width: 100%;
	border: none
}

.left-menu ul li ul li a {
	margin-left: 20px
}

.left-menu ul li ul li {
	background: none
}

.common-right ul>li>.de-lag {
	padding: 6px;
	font-size: 120%;
	display: inline-block;
	letter-spacing: 1px;
}

.hindi.cmf_lan.d-hide {
	padding-top: 5px;
}


.cmf_lan select:hover {
	background:#ccc;
}

.left-menu ul li:hover ul li a,
.left-menu ul li.active ul li a,
.left-menu ul li ul li:hover a,
.left-menu ul li ul li.active a {
	background: url(../images/ico-inner-list.png) no-repeat 9px 16px
}

.left-menu ul li ul li a:hover {
	background: url(../images/ico-inner-list.png) no-repeat 9px 16px;
	text-decoration: underline
}

.left-menu ul li.active a,
.left-menu ul li:hover a {
	color: #004242
}

.left-menu ul li a:hover {
	text-decoration: none
}

.inner-content h2 {
	font-size: 160%;
	font-weight: 500;
	padding-bottom: 10px;
	color: #333;
	margin-top: -9px;
	letter-spacing: 1px;
}

.color-border {
	width: 40%;
	min-width: 150px;
	height: 3px;
	background: #004242;
	margin-bottom: 20px
}

.inner-content h3 {
	font-weight: 500;
	font-size: 110%;
	padding-bottom: 20px;
	color: #333;
	padding-top: 5px;
	letter-spacing: 1px;
}

.inner-content p {
	font-size: 100%;
	letter-spacing: 1px;
}

.inner-content ul {
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 22px
}

.inner-content ul li {
	background: url(../images/ico-list-dbl-arrow-red.png) no-repeat 0 5px;
	padding-left: 18px;
	margin-bottom: 10px;
}

.inner-content ul li:last-child {
	margin-bottom: 0
}

.inner-content hr {
	color: #ebebeb;
	background: #ebebeb;
	margin: 30px 0
}

.inner-content img.left {
	float: left;
	padding: 4px;
	border: 1px solid #ebebeb;
	margin: 0 20px 20px 0
}

.inner-content img.right {
	float: right;
	padding: 4px;
	border: 1px solid #ebebeb;
	margin: 0 0 20px 20px
}

.inner-content {
	padding-bottom: 20px
}

.infocus,
.tabs-box,
.external-link {
	border-radius: 1px
}

.body-container {
	padding: 0
}

a.read-more {
	color: #004242;
	background: url(../images/blt-link-blue.png) no-repeat scroll 0 2px rgba(0, 0, 0, 0);
	text-decoration: none;
	font-size: 100%;
	padding-left: 20px;
	letter-spacing: 1px;
}

a.read-more:hover {
	color: #689512;
	background: url(../images/blt-green.png) no-repeat scroll 0 2px rgba(0, 0, 0, 0)
}

.whats-new-maincontainer {
	width: 60.4%;
	float: left;
	margin: 0 0px
}

.complaint {
	width: 36%;
	float: left;
	margin-right: 30px
}

.otonomus-container {
	width: 36%;
	float: right;
	background: #77a6be;
	padding: 20px
}

.whats-new {
	color: #1a1a1a;
	float: left;
	margin: 0 2.5% 0 0;
	padding: 20px 0;
	width: 60%
}

.whats-new h3 {
	background: rgba(0, 0, 0, 0) url(../images/whats-new.png) no-repeat scroll 0 6px;
	color: #000;
	font-size: 160%;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 8px;
	padding-left: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.whats-new h3 strong {
	font-weight: 700;
	letter-spacing: 1px;
}

.whats-new h3 a {
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #b8e0ec;
	font-size: 70%;
	font-weight: 300;
	vertical-align: middle;
	letter-spacing: 1px;
}

.whats-new h3 a:hover {
	text-decoration: underline
}

.whats-new .viewall {
	background: #32789d;
	padding: 6px 15px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.whats-new .viewall:hover {
	background: #145171
}

.minister {
	background: #fff none repeat scroll 0 0;
	float: right;
	width: 24%;
	/*border:1px solid #e1dddd*/
}

.bttn {
	display: inline-block;
	padding: .6em 1.2em;
	border-radius: 0;
	background: #026aa1;
	color: #fff;
	margin-top: 1.1em;
	font-size: 1.1em;
	letter-spacing: 1px;
}

.bttn:hover {
	background: #000
}

.text-heading {
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
}

.color-blue {
	color: #000000
}

.blue-bg {
	background: #937048
}

.minister-box {
	position: relative;
	width: 100%;
	padding: 20px 0px;
}

.minister-box .minister-image {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-top: 10px;
}

.minister-sub .minister-image {
	padding-top: 5px;
}

.minister .minister-sub1 .minister-image {
	width: 83%;
	/* display: inline-block; */
}

.minister .minister-sub1 .min-info {
	width: 100%;
	text-align: center;
}

.min-info .view-footer a {
	text-align: center;
	float: inherit;
	padding: 0px 10px;
}

.minister img {}

.minister .min-info {
	display: inline-block;
	padding: 10px 0 0px;
	width: 100%;
	font-size: 98%;
	text-align: center;
	letter-spacing: 1px;
}

.minister .min-info h3 {
	font-size: 100.5%;
	font-weight: 600;
	letter-spacing: 1px;
}

.left-block h3 {
	font-size: 30px;
	padding: 5px 0px;
	font-weight: 700;
	  font-family: 'Poppins';
	letter-spacing: 1px;
}

.left-block h3:after {
	content: " ";
	border: 2px solid #fe9b00;
	width: 60px;
	display: block;
	margin-top: 5px;
	margin-bottom: 40px;
}

.minister-sub1 {
	width: 80%;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

.minister-sub {
	width: 80%;
	text-align: center;
	height: auto;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
}

.minister .min-info h4 {
	color: #000;
	font-weight: 700;
	font-size: 100%;
	padding: 0px 0px;
	letter-spacing: 1px;
}

.minister .min-info h5 {
	color: #000;
	padding-bottom: 0;
	font-size: 110%;
	position: relative;
	padding-top: 0px;
	font-weight: 700;
	letter-spacing: 1px;
}

.welcome-text,
.whats-new,
.minister {
	padding: 10px 0px;
}

.scheme {
	width: 77.5%;
	float: left
}

.scheme h3 {
	color: #000;
	font-size: 140%;
	font-weight: 600;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

.scheme-tab {
	width: 32%;
	margin-right: 2%;
	background: #e9e8e8;
	padding: 30px 20px;
	float: left;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 130%
}

.scheme-tab:last-child {
	margin-right: 0
}

.bg-yellow {
	background: #f87218
}

.bg-green {
	background: #689512
}

.bg-red {
	background: #ea3535
}

.scheme-tab a.read-more {
	color: #fff;
	background: url(../images/blt-link.png) no-repeat scroll 10px 3px rgba(0, 0, 0, 0);
	text-decoration: none;
	font-size: 70%;
	padding-left: 30px;
	border-left: 1px solid #fff;
	display: inline-block;
	margin-left: 8%;
	font-weight: 400;
	text-transform: capitalize;
	letter-spacing: 1px;
}

.scheme-tab a.read-more:hover {
	text-decoration: underline
}

.quick-links-section {
	background: #f3f3f3;
	padding: 20px 0;
	margin-top: 30px
}

.quick-links-section * {
	transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s
}

.quick-link {
	background: #fff;
	border: 1px solid #e0e0e0;
	position: relative;
	width: 30%;
	margin: 0 1.5% 10px;
	float: left;
	color: #000
}

.quick-link a {
	display: block;
	height: 66px;
	padding-left: 80px
}

.quick-link-icon {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 65px;
	display: block;
	background-color: #696969;
	background-repeat: no-repeat;
	background-position: center center
}

.right-arrow {
	position: absolute;
	right: -6px;
	top: 50%;
	margin-top: -6px;
	width: 6px;
	height: 12px;
	background: url(../images/icons/ico-right-arrow.png) no-repeat center center
}

.quick-link-text {
	font-size: 130%;
	padding-top: 17px;
	display: inline-block;
	color: #000;
	letter-spacing: 1px;
}

.icon1 {
	background-image: url(../images/icons/ico-calc.png)
}

.icon2 {
	background-image: url(../images/icons/ico-forms.png)
}

.icon3 {
	background-image: url(../images/icons/faqs.png)
}

.icon4 {
	background-image: url(../images/icons/circulars.png)
}

.icon5 {
	background-image: url(../images/icons/ico-retirements.png)
}

.icon6 {
	background-image: url(../images/icons/ico-rules.png)
}

.quick-link:hover .quick-link-icon {
	background-color: #004242
}

.quick-link:hover .right-arrow {
	background: url(../images/icons/ico-right-arrow-hover.png) no-repeat center center
}

.quick-link:hover .quick-link-text {
	color: #004242
}

.scheme-right {
	width: 20%;
	float: right
}

.om-orders {
	background: #367588;
	padding: 20px
}

.om-orders a {
	display: block;
	background: url(../images/icons/ico-om-orders.png) no-repeat left bottom;
	padding-left: 75px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 120%;
	font-weight: 600;
	color: #FFF;
}

.om-orders a input {
	display: block;
	background: #FFF;
	color: #1d1d1d;
	padding: 8px 10px;
	outline: none;
	border: none;
	width: 100%;
	margin-top: 5px
}

.om-orders:hover a input {
	background: #004242;
	color: #FFF
}

.related-links {
	padding-top: 30px
}

.related-links h3 {
	color: #000;
	font-size: 130%;
	font-weight: 600;
	margin-bottom: 15px;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 5px;
	letter-spacing: 1px;
}

.related-links ul.list li {
	margin-bottom: 8px
}

.view {
	background: #0db363;
	color: #FFF;
	padding: 5px 20px;
	display: inline-block;
	font-size: 98%;
	margin-top: 18px;
	letter-spacing: 1px;
}

.view:hover {
	background-color: #004242
}

.home-btm-slider {
	background: #fff;
	padding: 20px 0px;
	border: 2px solid #32789D;
}

.img-cr {
	border-radius: 50%
}

.gallery-holder .flex-control-thumbs li:last-child {
	margin-bottom: 0
}

.ebook-maincontainer {
	width: 26%;
	float: right
}

.ebook-container {
	width: 100%
}

.logo {
	font-size: 170%;
	line-height: 150%;
letter-spacing: 1px;
	
	
}

 .jk {
	font-size: 60%;
	line-height: 150%;
	padding: 0px;
		letter-spacing: 1px;
}

.jkhead {
	font-size: 50%;
	line-height: 150%;
	padding: 0px;
		letter-spacing: 1px;
} 
.jk1 {
background-color:#32789D;
text-align: center; 

font-size:16px;
color: #fff;

  font-family: 'Poppins';
	letter-spacing: 1px;

	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	.jk1:hover {
  background-color: #000;
}
	
	.jk1123 {
background-color:#32789D;
text-align: center; 
 
font-size:16px;
color: #fff;

  font-family: 'Poppins';
	letter-spacing: 1px;

	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.jk1123:hover {
  background-color: #000;
}
.logo a p {
	display: inline-block;
	padding-top: 10px;
	margin: 0px;
	  font-family: 'Poppins';
letter-spacing: 1px;
font-size: 130%;
	line-height: 130%;


}


.logo a span {
	white-space: nowrap;
	  font-family: 'Poppins';
	letter-spacing: 1px;
	
}

 
.ebook-container .headdingimg {
	background: url(../images/ebook-heading.png) no-repeat;
	width: 50px;
	height: 24px;
	position: absolute
}

.ebook-container h3 {
	width: 100%;
	padding: 8px 20px;
	color: #fff;
	background: #32789d;
	font-weight: 400;
	font-size: 120%;
	letter-spacing: 1px;
}

.ebook-container .ebook-content {
	width: 100%;
	padding: 10px
}

.ebook-content img {
	float: left;
	padding-right: 10px;
	border-right: 1px solid #cac6c6;
	width: 50%
}

.ebook-content .explore {
	position: relative;
	width: 45%;
	float: right;
	bottom: 0;
	font-weight: 600;
	letter-spacing: 1px;
}

.explore .viewall {
	background: #32789d;
	padding: 6px 15px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
	letter-spacing: 1px;
}

.explore .viewall:hover {
	background: #145171
}

.digital-container {
	width: 100%;
	padding: 10px;
	background: url(../images/nav-bg.jpg) repeat-x #cacaca;
	margin-top: 15px;
	display: block
}

.digital-container img {
	float: left
}

.digital-container .digital-content {
	width: 50%;
	float: right;
	font-weight: 600;
	color: #163344;
	margin-top: 30px;
	letter-spacing: 1px;
}

.white-container {
	width: 100%
}

.white-container .imp-link {
	float: none;
	width: 100%;
	padding: 30px 0
}

.white-container .visitor {
	float: right;
	width: 25%;
	padding: 30px 20px
}

.white-container .visitor img {
	margin-top: 20px
}

.imp-link .quicklink {
	width: 30%;
	float: left;
	padding-right: 20px
}

.imp-link .mediaunits {
	width: 68%;
	float: right;
	float: right;
	width: 49%
}

.imp-link .quicklink {
	float: left;
	padding-right: 20px;
	width: 25%
}

.imp-link .quicklink li a {
	color: #464748
}

.quicklink .implink-content {
	float: none;
	width: 100%
}

.quicklink .implink-content li {
	background: url(../images/ico-bullete.png) no-repeat 0 7px;
	padding-left: 14px
}

.white-container .visitor h3 {
	color: #000;
	font-size: 120%;
	font-weight: 600;
	text-align: left;
	width: 100%;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.imp-link .poorpatient .wuicklink {
	width: 100%
}

.poorpatient-content li {
	margin-bottom: 7px;
	width: 100%
}

.implink-content li a:hover {
	text-decoration: underline
}

.morebtt {
	display: inline-block;
	font-weight: 700;
	margin-top: 10px;
	padding: 8px 0;
	text-align: left;
	letter-spacing: 1px;
}

.morebtt:hover {
	text-decoration: underline
}

.imp-link .mediaunits h3,
.quicklink h3 {
	color: #000;
	font-size: 116%;
	font-weight: 600;
	text-align: left;
	width: 100%;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.imp-link .media-content {
	width: 50%;
	float: left;
	padding-right: 30px
}

.media-content li {
	margin-bottom: 7px;
	width: 100%
}

.media-content li a:hover {
	text-decoration: underline
}

.media-content .morebt {
	font-weight: 700;
	letter-spacing: 1px;
}

.media-content .morebt:hover {
	text-decoration: underline
}

.inner-banner {
	width: 100%
}

.inner-banner img {
	width: 100%
}

.breadcam-bg {
	background-color:  #32789D;
	border-bottom: 1px solid #ddd;
}

.main-menu>ul>li>a {
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 0px;
	padding-top:0px;
	min-height: 15px;
}

.main-menu ul>li a {
	color: #000;
font-size: 15px;
	background: none;
	font-weight:normal;
	
	letter-spacing: 1px;
}
 /* Main Menu */
.main-menu ul>li>a {
	color: #fff;
	

	 letter-spacing: 1px;
}

.main-menu ul>li {
	border: none;

		
}





li.nav-item:hover {
	background: #f1f1f1;
	 
	font-weight: 300!important;
	letter-spacing: 1px;

	
}



.main-menu>ul>li.active>a,
.main-menu>ul>li>a:focus,
.main-menu>ul>li:hover>a,
.main-menu>ul>li>a:hover,
.main-menu>ul>li>a.home,
.nav-item>a.open {
	background: transparent;
	color: #000!important;

}

.sub-nav {
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.1);
	
}

.main-menu .sub-nav ul li a {
	background: #32789d none repeat scroll 0 0!important;
	color: #fff!important;
	font-weight: 300!important;
	letter-spacing: 1px;
	font-size: 12px;

	border: 1px solid #f1f1f1;
	
	text-align: left;
	box-sizing: border-box; /* Include padding and border in width and height */
	
}


.main-menu .sub-nav ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0)!important;

}

.main-menu a.btn-more,
.main-menu a.btn-more:focus {
	background: #32789d!important;
	color: #fff!important;
	
}

.main-menu a.btn-more:focus,
.main-menu a.btn-more:hover {
	background: #32789d!important;
	color: #000;
	
}

.main-menu a.btn-more.opened,
.main-menu a.btn-more.opened:hover,
.main-menu a.btn-more.opened:focus {
	background-color: #ddd  !important;
	
}

.main-menu .sub-nav ul li a:hover {
	color: #000 !important;
	background:#f1f1f1!important;

}

.sub-nav {
		background: transparent;
	color: #fff!important;
	
	
}

#overflow_menu.main-menu ul>li {
	float: left;
	/* border:1px solid rgba(0,0,0,0.1) */
		
}

.main-menu a.btn-more,
.main-menu a.btn-more:hover,
.main-menu a.btn-more:focus {
	padding: 5px 5px!important;
	

}

.sub-nav .sub-sub-nav ul li {

	padding-left:0px;

}

.sub-nav li {

	padding-left: 0px;
	
	
}



.main-menu .sub-nav-group>li>a {
	background: rgba(0, 0, 0, 1);

	
}

.main-menu .sub-nav ul li a {
	padding: 0px 12px;
	
}

.social-feeds {
	background: url(../images/social-bg.jpg) repeat;
	padding: 40px 0
}

.social-feeds .panel-social {
	width: 50%;
	float: left;
	padding-right: 5%
}

.social-feeds .panel-feeds {
	width: 50%;
	float: right
}

.panel-feed {
	float: right;
	width: 50%;
	padding-left: 5%
}

.social-feeds h3 {
	color: #000;
	font-size: 160%;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 8px;
	letter-spacing: 1px;
}

.padding-top-bott {
	padding-top: 18px;
	padding-bottom: 50px
}

.resp-tabs-list li {
	font-weight: 600;
	font-size: 17px;
	display: inline-block;
	padding: 1em 17px;
	list-style: none;
	cursor: pointer;
	float: left;
	background: #dbdee0;
	letter-spacing: 1px;
}

.resp-tabs-list li {
	margin-right: 3px;
	background-color: rgb(203, 205, 212);
}

.resp-tabs-list li:last-child {
	margin-right: 0;
}

.resp-tabs-container {
	padding: 0;
	clear: left;
	/*border:1px solid #e6e6e6!important;border-top-color:#fff!important*/
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none
}

.resp-tab-content {
	display: none;
	padding: 15px;
	min-height: 212px;
	position: relative;
	margin-top: -1px
}

.resp-tab-active {
	border-bottom: none;
	border-bottom: none;
	background-color: #fff
}

.resp-content-active,
.resp-accordion-active {
	display: block
}

.resp-tab-content a.moreBtn {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: #2a8981;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	color: #fff;
	border: 0;
	font-size: 87.5%;
	padding: 5px 8px;
	letter-spacing: 1px;
}

.resp-tab-content a.moreBtn:hover {
	background: #333;
	color: #fff
}

h2.resp-accordion {
	font-size: 13px;
	border: 1px solid #c1c1c1;
	border-top: 0 solid #c1c1c1;
	margin: 0;
	padding: 10px 15px;
	letter-spacing: 1px;
}

h2.resp-tab-active {
	border-bottom: 0 solid #c1c1c1!important;
	margin-bottom: 0!important;
	padding: 10px 15px!important
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1!important;
	background: blue
}

.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%
}

.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px!important;
	margin: 0 0 4px;
	cursor: pointer;
	float: none
}

.resp-vtabs .resp-tabs-container {
	padding: 0;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	float: left;
	width: 68%;
	min-height: 250px;
	border-radius: 4px;
	clear: none
}

.resp-vtabs .resp-tab-content {
	border: none;
	word-wrap: break-word
}

.resp-vtabs li.resp-tab-active {
	position: relative;
	z-index: 1;
	margin-right: -1px!important;
	padding: 14px 15px 15px 14px !important;
	border-top: 1px solid;
	border: 1px solid #5AB1D0!important;
	border-left: 4px solid #5AB1D0!important;
	margin-bottom: 4px!important;
	border-right: 1px #FFF solid!important
}

.resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 3px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 12px solid #fff
}

h2.resp-tab-active span.resp-arrow {
	border: none;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #fff;
}

h2.resp-tab-active {
	background: #DBDBDB
}

.resp-easy-accordion h2.resp-accordion {
	display: block
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1
}

.resp-jfit {
	width: 100%;
	margin: 0
}

.resp-tab-content-active {
	display: block
}

h2.resp-accordion:first-child {
	border-top: 1px solid #c1c1c1
}

.resp-tab-content ul.list li {
	display: block;
	padding: 10px;
	background: url(../images/icons/blackarrow.png) left 15px no-repeat;
	padding-left: 20px;
	color: #000;
	border-bottom: 1px solid #ddd;
}

.resp-tab-content ul.list li a {
	color: #000
}

.resp-tab-content ul.list li a:hover {
	color: #a9a9a9
}

.resp-tab-content ul.list li span {
	font-weight: 600;
	display: block;
	padding-bottom: 10px;
	letter-spacing: 1px;
}

.resp-tab-content ul.list li p {
	font-weight: 400;
	display: block;
	font-size: 98%;
	letter-spacing: 1px;
}

.resp-tab-content {}

.newsTickers ul {
	width: 100%
}

.panel-social .resp-tabs-list li a {
	outline: none
}

.panel-social .resp-tabs-list li a:hover {
	color: #0F0;
}

.panel-social .resp-tabs-list li {
	display: inline-block;
	padding: 10px 25px;
	margin: 0;
	background: none!important;
	position: relative;
	z-index: 10;
	border: 1px solid transparent!important
}

.panel-social .resp-tabs-list li.resp-tab-active {
	background: #fff!important;
	border-top: 1px solid #d9dde0!important;
	border-left: 1px solid #d9dde0!important;
	border-right: 1px solid #d9dde0!important
}

.panel-social .resp-tabs-container {
	background: #fff;
	border-bottom: 1px solid #d9dde0;
	border-top: 1px solid #d9dde0!important;
	border-left: 1px solid #d9dde0!important;
	border-right: 1px solid #d9dde0!important;
	margin-top: -1px;
	z-index: 9
}

.resp-tabs-list li.resp-tab-active a:focus {
	outline: .1em dotted #333;
}

.resp-tabs-list li a:focus {
	outline: .1em dotted #333;
}

.resp-tabs-list li a:hover {
	color: #fff
}

.resp-tabs-list li a {
	outline: none;
	color: #fff;
	font-weight: 700;
	font-size: 115%;
	padding: 0px 10px;
	letter-spacing: 1px;
}

.resp-tabs-list li.resp-tab-active a {
	color: #fff;
}

.panel-feed .resp-tabs-list li a {
	font-size: 85%;
	font-weight: 600;
	letter-spacing: 1px;
}

.panel-feed .resp-tabs-list li a i {
	font-size: 120%;
	font-weight: 600;
	display: inline-block;
	padding-right: 5px;
	letter-spacing: 1px;
}

.panel-feed .resp-tab-active a {
	color: #f60;
}

.panel-feed .bttn {
	background: none;
	color: #32789d;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	
}

.socialTab_1 iframe {
	height: 430px!important
}

.item-list {
	margin: 0;
	padding: 0
}

.item-list li {
	display: block;
	background-color: #4c4d52;
	margin-bottom: 20px
}

.item-list li:last-child {
	margin-bottom: 0;
}

.b-bg {
	background-color: #FF5722
}

.g-bg {
	background-color: #02a17a
}

.y-bg {
	background-color: #FF9800
}

.y_d-bg {
	background-color: #73a737
}

.icon,
.text-cont {
	padding: 18px;
	display: table-cell;
	vertical-align: middle;
	color: #fff
}

.text-sm {
	font-size: 1.1em;
	font-weight: 600;
	letter-spacing: 1px;
}

.text-lg {
	font-size: 1.8em;
	font-weight: 300;
	letter-spacing: 1px;
}

.imp-link {
	padding: 1.5em;
	float: left;
	width: 100%;
	margin-top: 30px;
	background-color: #fff;
	border: 1px solid #e1dddd;
}

ul.ul-v>li {
	display: inline-block;
	padding: .55em 1em;
	padding-left: 20px;
	width: 31.333%
}

.imp-link ul.ul-v>li {
	background-image: url(../images/icons/yellowarrow.png);
	background-repeat: no-repeat;
	background-position: left 12px;
}

ul.ul-v>li a {
	color: #0d0e44;
	font-weight: 600;
	font-size: 1em;
	letter-spacing: 1px;
}

.left-block {
	float: left;
	width: 75%;
	padding: 40px 0px;
}

.left-block .view-footer a:after {
	color: #000;
	padding-left: 5px;
	font-size: 22px;
	letter-spacing: 1px;
}

.left-block .left-col-2 {
	width: 48%;
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #ece7e7;
	background: #fff;
}

.left-block .left-col-2:nth-child(1) {
	float: left;
	margin-right: 20px;
}

.left-block .left-col-2.box-2 {
	float: right;
}

.imp-img-cir ul.ul-v>li {
	width: 20%;
	margin-right: -5px;
	text-align: center;
	vertical-align: top
}

.imp-img-cir ul.ul-v>li a .img-cr {
	background: #c00000;
	width: 70px;
	padding-top: 10px;
	height: 70px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px
}

.imp-img-cir ul.ul-v>li h5 {
	font-weight: 600;
	letter-spacing: 1px;
}

.imp-img-cir ul.ul-v>li a:hover .img-cr,
.imp-img-cir ul.ul-v>li a:hover {
	background: #000;
	color: #000;
}

.imp-img-cir ul.ul-v>li a,
.imp-img-cir ul.ul-v>li {
	color: #fff;
}

.footer-top-wrapper ul li a,
.copyright-content span {
	color: #fff;
}


.copyright-content{
		font-size: 12px;
		font-weight: normal;
}
.footer-top-wrapper ul li a {
	font-size: 12px;
	font-weight: normal;
	
	
}

.inner-content h1 {
	font-size: 2.2em;
	margin-bottom: 1em;
	font-weight: 700;
	color: #333333;
	letter-spacing: 1px;
}

.inner-content h3 {
	font-size: 1.3em;
	  font-family: 'Poppins';
	letter-spacing: 1px;
}

.new-letter {
	width: 100%;
	display: table;
	font-size: 1.2em;
	letter-spacing: 1px;
}

.new-letter .new-icon,
.new-letter .new-text {
	display: table-cell;
	vertical-align: middle;
	background-color: #fff
}

.new-letter .new-text {
	padding: 0.8em 0 0;
}

.new-letter .new-text .subscibe-now {
	padding: .5em 1em;
	background-color: #4c4d52;
	color: #fff;
	margin-top: 1em;
}

.new-letter .new-icon {
	padding: 1em;
	background-color: #c00000;
	text-align: center
}

.new-letter .new-text small,
.new-letter .new-text big {
	display: block;
	padding: 0 1em;
	font-weight: 600;
	letter-spacing: 1px;
}

.banner-wrapper .flex-control-nav {
	width: auto;
	position: absolute;
	bottom: 0px;
	text-align: left;
	background: #32789d ;
	padding: 0.52em;
	line-height: 0;
	right: 0px;
	padding-right: 45px;
}

.banner-wrapper .flex-control-nav:before {
	content: " ";
	width: 0;
	height: 0;
	border-bottom: 41px solid #32789d ;
	border-left: 15px solid transparent;
	top: -1px;
	left: -15px;
	position: absolute;
}

.banner-wrapper .flex-control-nav li {
	margin: 0px 0px;
	display: inline-block;
	zoom: 1;
	padding: 7px 5px;
}

.banner-wrapper .flex-pauseplay {
	position: absolute;
	top: auto;
	bottom: 2px;
	right: 5px;
	z-index: 1000;
	display: block;
	width: 35px;
	height: 35px;
	margin-top: 0;
	margin-left: 0;
	background: #32789d ;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-pauseplay a {
	bottom: 11px !important;
	opacity: 1;
}

.flex-control-paging li a.flex-active {
	background: #fff;
	opacity: 0.7;
}

.banner-wrapper .flex-pauseplay a {
	color: #fff;
	opacity: 1;
	border-radius: 0;
}

.video_link {
	width: 100%;
	background: #4c4d52;
	font-size: 1.2em;
	letter-spacing: 1px;
}

.video_link a {
	display: block;
	width: 100%;
}

.video_link a:hover,
.video_link a:hover .video-icon {
	background: #000;
}

.video-icon,
.video-text {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	padding: .5em 1em;
}

.video-icon {
	background: #015296;
	text-align: center;
}

.video-icon,
.new-letter .new-icon {
	width: 100px;
}


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

.url {
	color: #4211df;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
}

.region.region-header-top {
	background: #f9f9f9;
}

.resultBody {
	padding-bottom: 1%;
}

.resultSummary {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.previousLink {
	cursor: pointer;
}

.nextLink {
	cursor: pointer;
}

.navigationLink {
	cursor: pointer;
	margin: 4px;
}

.navigationHTML {
	text-decoration: none;
	color: #15B;
}

.contentType {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	color: #4211df;
	letter-spacing: 1px;
}

.page-goisearch #page-title {
	width: 100%;
	float: left;
}

.result-page-form {
	width: 100%;
	float: left;
	margin-bottom: 14px;
}

.result-page-form input[type="text"] {
	border: 1px solid #ccc;
	color: #0d564f;
	float: left;
	margin: 0;
	padding: 6px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 214px;
}

.result-page-form input[type="button"] {
	border: 1px solid #ccc;
	color: #0d564f;
	float: left;
	margin: 2px 0 0 9px;
	cursor: pointer;
	padding: 6px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 104px;
}

.result {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px dotted #a1a1a1;
	display: block;
	letter-spacing: 1px;
}

.pageDetails {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.totalresult {
	color: #722C78;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	letter-spacing: 1px;
}

.query {
	color: #6E0078;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 1px;
}

.absentResultBody {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
}

.spellCheckerMain {
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}

.spellChecker {
	color: #000000;
}

.spellCheckSuggestion {
	color: #FF0000;
	text-decoration: underline;
	CURSOR: pointer;
}

.feedbackImg {
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	border: 1px solid;
	border-color: #1E90FF;
	height: 14px;
	width: 14px;
}

.currentLink {
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
}

em {
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
}

.result-page-form .main-goi-form {
	float: left;
	width: 100%;
}

.find form {
	width: 270px;
	padding: 0;
}

.find #auto_suggesion {
	margin-left: 0px;
	margin-top: 0px;
	max-width: 270px;
	position: absolute;
	z-index: 99999;
	width: 270px;
	background-color: #ffffff;
}

#auto_suggesion {
	margin-left: 465px;
	margin-top: 37px;
	max-width: 210px;
	position: absolute;
	z-index: 99999;
	display: none;
}

#auto_suggesion ul {
	background: #e1e1e1 none repeat scroll 0 0;
	border: 1px solid #000;
	visibility: visible;
	padding: 5px;
	top: 0;
	width: 100%;
}

#auto_suggesion li {
	border-left: none!important;
	width: 100%;
	padding: 2px 0 2px 3px;
	margin: 0;
	list-style: none;
}

.result-page-form #auto_suggesion {
	margin-left: 0px!important;
	min-width: 305px;
}

.result-page-form #auto_suggesion ul {
	background: none repeat scroll 0 0 #e1e1e1;
	border: 1px solid #ccc;
}

.common-right ul li.ico-site-search input[type="text"],
.main-goi-form input[type="text"] {
	border: 2px solid #aa2323;
	height: 36px;
	line-height: 34px;
	padding: 0 40px 0 8px;
	width: 270px;
	background: url(../images/menu-bullet.png) #fff no-repeat 8px 12px;
	  font-family: 'Poppins';
	font-weight: 600;
	letter-spacing: 1px;
}

.common-right ul li.ico-site-search input[type="text"]:focus,
.main-goi-form input[type="text"] {
	background: #fff;
}

.find {
	position: relative;
}

.find .bttn-search,
.find .bttn-search:hover {
	width: 34px;
	height: 36px;
	cursor: pointer;
	border: 0px;
	overflow: hidden;
	text-indent: -200px;
	font-size: 1px;
	background: url(../images/ico-goi-search.png) no-repeat center center #aa2323;
	position: absolute;
	top: 0px;
	left: 229px;
	padding: 5px 20px;
	margin: 0;
	letter-spacing: 1px;
}

.main-goi-form input[type="button"] {
	width: 34px;
	height: 36px;
	cursor: pointer;
	border: 0px;
	overflow: hidden;
	text-indent: -200px;
	font-size: 1px;
	background: url(../images/ico-goi-search.png) no-repeat center center #aa2323;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
}

.bttn-search:hover {
	background-color: #c22929;
}

.common-right #auto_suggesion ul li a {
	color: #000;
	width: 100%;
}

.page-taxonomy .search-drop form {
	margin: 0;
}

.main-goi-form>a {
	margin-left: 20px;
}

.main-goi-form>a>img {
	margin-top: 14px;
}

.navigationHTML span {
	background-color: #e1e1e1;
	padding: 0 10px;
}

.navigationHTML .navigationLink {
	margin: 0 15px;
}


/*--------------------------*/

.gallery-right {
	width: 32%;
	float: right;
	height: auto;
	margin: 0px 0;
	position: relative;
	opacity: 1;
}

.icon-announcement {
	background: url(../images/icons/feed-back-icon.png) no-repeat center 25px;
	border-right: 1px solid #1c3957;
	border-bottom: 1px solid #1c3957;
}

.icon-smpr {
	background: url(../images/icons/video-gallery.png) no-repeat center 25px;
	border-bottom: 1px solid #1c3957;
}

.icon-ebooklet {
	background: url(../images/icons/e-book.png) no-repeat center 25px;
	border-right: 1px solid #1c3957;
}

.icon-achievements {
	background: url(../images/icons/conference.png) no-repeat center 25px;
}

.region-footer-secondcolumn .block-menu ul li:hover {
	background-color: #c00000;
}

.region-footer-secondcolumn .block-menu ul li:hover a {
	color: #fff;
}

.region-footer-secondcolumn .block-menu ul li {
	background-color: #955e2c;
	width: 50%;
	float: left;
	font-weight: 600;
	font-size: 105%;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}

.region-footer-secondcolumn .block-menu ul li a {
	padding: 75px 10px 0 10px;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 144px;
	display: block;
	color: #fff;
}

.tab-section {
	margin-top: 0px;
	padding-top: 0px;
	
}

.resp-tab-active {
	border-bottom: none;
	background-color: #fff;
}

.resp-content-active,
.resp-accordion-active {
	display: block;
}

.resp-tab-content {
	font-size: 110%;
	letter-spacing: 1px;
}

.resp-tab-content ul {
	list-style: none;
}

.resp-tabs-container ul.list li {
	background: url(../images/list-bulet.png) no-repeat 0px 9px;
	margin-bottom: 8px;
}

.resp-tab-content a {
	color: #333333;
	font-size: 100%;
	line-height: 120%;
	letter-spacing: 1px;
}

.resp-tabs-container ul.list li a {
	display: inline;
}

.resp-tabs-container ul.list {
	padding-bottom: 0px;
}

.resp-tab-content a:hover {
	color: #3398a3;
	text-decoration: none !important;
}

.resp-tabs-container {
	min-height: 219px;
}

.resp-tabs-container li {
	width: 100%;
	text-align: left;
	float: left;
	padding-bottom: 5px;
}

.resp-tabs-container li:hover {opacity: 0.8;}

.resp-tab-content li a {
	display: block;
	color: #000;
	font-size: 100%;
	letter-spacing: 1px;
}

.resp-tab-content li span.ico-image {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
}

.resp-tabs-container a {
	/* background: url(../images/icons/arow-white.png) no-repeat left bottom 25px; */
	/* background-position:13px 114px; */
	color: #fff;
}

.resp-tabs-container a:hover {
	color: #fff;
}

.resp-tabs-container a {
	display: inline-block;
	margin-left: 20px;
	margin-top: 0;
}

.resp-tab-content li span.ico-image img {
	margin: 0 auto;
	display: block;
}

.resp-tab-content li span.ico-txt {
	display: block;
	text-align: left;
	color: #000;
	font-weight: 400;
	padding: 10px;
	border: 1px solid #ca8b51;
	min-height: 150px;
	color: #FFF;
	letter-spacing: 1px;
}

.resp-tab-content li span.ico-txt p {
	padding: 10px 0px;
}

.resp-tab-content li span.ico-txt:hover {
	border: 1px solid #984600;
	color: #fff;
}

.resp-tab-content a.read-more {
	margin-top: 20px;
	background: #bfbfb8;
	color: #445c5f;
	display: inline-block;
	float: left;
	font-size: 92%;
	font-weight: 300;
	line-height: 140%;
	padding: 5px 10px;
	letter-spacing: 1px;
}

.resp-tab-content a.read-more:hover {
	color: #D67677;
}

h2.resp-accordion {
	font-size: 13px;
	border: 1px solid #ca8b51;
	border-top: 0px solid #c1c1c1;
	margin: 0px;
	padding: 10px 15px;
	letter-spacing: 1px;
}

h2.resp-tab-active {
	border-bottom: 0px solid #c1c1c1 !important;
	margin-bottom: 0px !important;
	padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue;
}

.resp-tabs-container ul.content_list li {
	margin: 12px 0px;
	display: block;
	text-align: left;
	width: 100%;
	font-size: 16px;
}

.resp-tab-content ul.content_list li a {
	display: block;
	color: #000;
}

.resp-tab-content ul.content_list li:hover a {
	text-decoration: underline !important;
	color: #000;
}

.resp-tab-content ul.content_list li span.ico-image {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
}

.page-tab {
	float: left;
	width: auto;
}

.page-tab ul.resp-tabs-list li {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	font-weight: 500;
	text-transform: uppercase;

	padding: 15px 10px;
	border-right: 1px solid #fff;
	
	letter-spacing: 1px;
}

.page-tab-inner {
	float: left;
	margin-top: 15px;
	width: 99%;
	font-size: 94%;
	letter-spacing: 1px;
}

.page-tab-inner ul.resp-tabs-list-inner li {
	color: #585151;
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.tab-section .external-link-content-wrapper {
    float: right;
    width: 24%;
    background:#dddddd; /*  strip*/
    padding: 20px;
}
.tab-section  .external-link-content-wrapper ul.list{
	float: none;
}
.side-links {
	width: 24%;
	float: right;
	background-color: #c00000;
	padding: 31px;
	color: #fff;
	min-height: 461px;
}

.side-link {
	display: block;
}

.side-link2 {
	display: block;
	padding-top: 30px;
}

.side-link2 .yellow {
	font-size: 165%;
	font-weight: 600;
	color: #ff0;
	display: block;
	height: 31px;
	float: left;
	padding-right: 8px;
	letter-spacing: 1px;
}

.side-link2 .icon-img {
	float: left;
	width: 34px;
	height: 31px;
	margin-left: 5px;
	display: contents;
}

.side-link2 p {
	padding-top: 15px;
	line-height: 23px;
}

.side-link2 a {
	color: #FFF;
}

.side-link p {
	padding-top: 15px;
}

.side-link .help {
	font-size: 215%;
	font-weight: 600;
	float: left;
	width: 100%;
	letter-spacing: 1px;
}

.side-link .yellow {
	font-size: 165%;
	font-weight: 600;
	color: #ff0;
	width: auto;
	min-width: 113px;
	letter-spacing: 1px;
}

.extra-links {
	width: 350px;
	float: right;
	background: #3d3d3d;
}

.extra-link {
	width: 173px;
	display: inline-block;
	height: 180px;
	background: #202020;
	margin: 0px;
	margin-bottom: 3px;
	vertical-align: top;
}

.extra-link a {
	display: block;
	text-align: center;
	padding: 25px 5px;
}

.extra-link .extra-ico {
	display: inline-block;
	width: 50px;
	height: 50px;
}

.extra-link .extra-ico1 {
	background: url(../images/icons/ico-feia.png) no-repeat center center;
}

.extra-link:hover .extra-ico1 {
	background: url(../images/icons/ico-feia-hover.png) no-repeat center center;
}

.extra-link .extra-ico2 {
	background: url(../images/icons/ico-vg.png) no-repeat center center;
}

.extra-link:hover .extra-ico2 {
	background: url(../images/icons/ico-vg-hover.png) no-repeat center center;
}

.extra-link .extra-ico3 {
	background: url(../images/icons/ico-e-book.png) no-repeat center center;
}

.extra-link:hover .extra-ico3 {
	background: url(../images/icons/ico-e-book-hover.png) no-repeat center center;
}

.extra-link .extra-ico4 {
	background: url(../images/icons/ico-vm.png) no-repeat center center;
}

.extra-link:hover .extra-ico4 {
	background: url(../images/icons/ico-vm-hover.png) no-repeat center center;
}

.extra-link .extra-txt {
	display: block;
	color: #698d38;
	font-size: 118%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px;
	
}

.extra-link:hover .extra-txt {
	color: #f26522;
}


/*===============tab style====================*/

ul.resp-tabs-list {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: -50px;
}

.resp-tabs-container {
	border-top: none;
	clear: both;
}

.resp-tabs-list li {
	color: #585151;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 130%;
	font-weight: 400;
	margin: 0 0px 0 0;
	padding: 13px 14px;
	text-align: center;
	letter-spacing: 1px;
}

.resp-tabs-container {
	padding: 0px;
	clear: left;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}

.resp-tab-content {
	display: none;
	padding: 30px 30px 0px 30px;
	background:#F3F3F3;
	margin-top: 0px;
}

.resp-tab-content p {
	padding-bottom: 10px;
	font-size: 110%;
	color: #000;
	letter-spacing: 1px;
}

.resp-tabs-list li {
	background:#dddddd; /*  strip*/
	color: #000000;
}

.resp-tabs-list li.resp-tab-active,
.resp-tabs-list li:hover {
	color: #fff;
	position: relative;
}

.locations-list .resp-tabs-list li.resp-tab-active,
.locations-list .resp-tabs-list li:hover {
	background: none !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	color: #1c1b1b !important;
	position: relative;
}

.locations-list .resp-tabs-list li {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	color: #585151;
	float: left;
	font-size: 150%;
	font-weight: 400;
	margin: 0 15px 0 0;
	padding: 0px 15px 0px 18px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.tab-list-heading .resp-tab-active:after {
	content: '';
	display: block;
	position: absolute;
	background: url(../images/ico-list-down-arrow.png) no-repeat center center;
	width: 21px;
	height: 13px;
	bottom: -23px;
	left: 43%;
}

.locations-list {
	margin-top: 15px;
}

.locations-list .resp-tabs-list li.man-made-list,
.locations-list .resp-tabs-list li.man-made-list:hover,
.locations-list .resp-tabs-list li.man-made-list.resp-tab-active {
	background: url(../images/ico-man-made-list.png) no-repeat 0px 11px !important;
}

.locations-list .resp-tabs-list li.natural-list,
.locations-list .resp-tabs-list li.natural-list:hover,
.locations-list .resp-tabs-list li.natural-list.resp-tab-active {
	background: url(../images/ico-natural-list.png) no-repeat 0px 11px !important;
}

.locations-list .resp-tabs-list {
	border-bottom: 4px solid #c0c0c0;
	padding-bottom: 10px;
}

.locations-list .resp-tabs-container ul li {
	display: block;
	float: none;
	width: 100%;
	padding-bottom: 0px;
	background: url(../images/ico-list-bullete.png) no-repeat 0px 9px;
	padding-left: 15px;
	margin: 8px 0px;
	font-size: 95%;
	letter-spacing: 1px;
}

.locations-list .resp-tabs-container ul li a {
	color: #1c1b1b;
}

.locations-list .resp-tabs-container ul li a:hover,
.locations-list .resp-tabs-container ul li a.active {
	color: #f26c4f;
}

.common-wrapper .container.common-container.four_content {
	padding: 2px 36px;
	width: 100%;
	position: relative;
	z-index: 1;
}

.megamenu-wraper {
	border-top: 1px solid #d6d4d4;
	background:#32789D; /*  strip*/
}

.main-menu>ul>li a.home {
	padding: 8px 4px 7px;
	
}

.main-menu>ul>li:nth-child(1) a.home {
	padding: 8px 6px 7px;
	border-bottom: 2px solid #000;
	background: #dddddd ;
	
}

.main-menu>ul>li a.home:active {
	border-bottom: 2px solid #fff;
	
}

.sub-nav {
	top: 39px;
}

.main-menu {
	margin-bottom: 0px;
}

.news-section {
	width: 100%;
	margin: auto;
	min-height: 120px;
	margin-top: 0px;
	padding-top: 5px;

	background: #fff;


}


.newsflash {
	background:#f1f1f1;
}










.news-section-inner {
	max-width: 1020px;
	margin: auto;
	padding: 0px 0px;
}

.notification {
	font-size: 140%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	left: 20px;
	top: -12px;
	color:#040459;
	overflow:hidden;
	
}

.notification img{
	
	width:150px;
	height:40px;
	
}


.news-section ul li span {
	float: left;
	padding-left: 10px;
	color: #e22d15;
	font-size: 112.5%;
	letter-spacing: 1px;
}

.news-section ul li h3 {
	display: unset;
	margin-top: 2px;
	margin-left: 10px;
	color: #040459;
	  font-family: 'Poppins';
	letter-spacing: 1px;
}

.news-section ul li strong {
	background-color: #fff101;
	padding: 2px;
	color: #F00;
	float: left;
	margin-right: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.news-section-inner ul li {
	display: inline-block;
	width: 32%;
	float: left;
}

.news-section2 {
	width: 100%;
}

.notification-mid {
	width: 100%;
	float: left;
	overflow:hidden;
	
}

.resp-tabs-list-inn li.resp-tab-active,
.resp-tabs-list-inn li:hover {
	border-right: 1px solid transparent !important;
	border-left: 1px solid transparent !important;
	border-top: 1px solid transparent !important;
	background: red !important;
	color: #fff !important;
	position: relative;
}

.resp-tabs-list-inn li {
	border-bottom: 1px solid #a2a0a0;
}

.resp-tabs-list li.resp-tab-active {
	border-color: #fff;
	background: #32789d  !important;
}

.resp-tabs-list li:first-child {
	margin-left: 0px;
}

.resp-tabs-list li:last-child {
	margin-left: 0px;
}

.four_content .common-left ul li {
	padding-top: 10px;
}

.common-left ul li {
	float: left;
	line-height: 132%;
	font-size: 65%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 36px;
	padding-top: 6px;
	padding-right: 8px;
	
}

.white-graphics-bg {
	background: url(../images/logo-graphics.png) no-repeat -17px -155px #FFF;
}

.r-complain {
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	top: -110px;
	width: 100%;
	letter-spacing: 1px;
}

.r-rc {
	background: #341f25;
	height: 120px;
	color: #d8a56a;
	padding: 25px 30px;
}

.r-cs {
	background: #937048;
	height: 120px;
	color: #341f25;
	padding: 37px 30px;
}

.r-cs form {
	position: relative;
	display: inline-block;
	width: auto;
	line-height: 32px;
}

.r-cs .search {
	border: none;
	height: 38px;
	line-height: 34px;
	padding: 0 40px 0 8px;
	width: 251px;
	  font-family: 'Poppins';
	font-weight: 600;
	margin-top: -1px;
	letter-spacing: 1px;
}

.r-cs .bttn-search,
.r-cs .bttn-search:hover {
	width: 34px;
	height: 36px;
	cursor: pointer;
	border: 0px;
	overflow: hidden;
	text-indent: -200px;
	font-size: 1px;
	background: url(../images/search.png) no-repeat center center #FFF;
	position: absolute;
	top: 0px;
	left: 210px;
	padding: 5px 20px;
	margin: 0;
	letter-spacing: 1px;
}

#counter {
	text-align: center;
}

#counter .count {
	font-size: 60px;
	color: #937048;
	letter-spacing: 1px;
}

h2 {
	font-size: 150%;
	padding-top: 0px;
	padding-bottom: 0px;
	clear: both;
	font-weight: 600;
	  font-family: 'Poppins';
	letter-spacing: 1px;
}

.bg-wrapper h2 em {
    position: relative;
}
.bg-wrapper h2 em:after {
    content: " ";
    border-bottom: 1px solid #7a240c;
    width: 20px;
    position: absolute;
    left: 0;
    top: 30px;
}
.left-block h2 span {
    color: #7a240c;
    font-size: 90%;
    padding-left: 5px;
	letter-spacing: 1px;
}
.left-block p {
    padding: 15px 0px;
    font-size: 120%;
	letter-spacing: 1px;
}

h2 small {
	display: block;
	line-height: 275%;
	font-size: 50%;
	letter-spacing: 1px;
}

#counter p {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.common-left a {
	display: block;
	color: #333;
}

.view-footer a {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	text-align: left;
	display: inline-block;
	text-decoration: none;
	float: left;
	color: #e22d15;
	letter-spacing: 1px;
}

.view-footer-tab a {
	padding: 10px 10px;
	color: #E22D15;
	font-size: 100%;
	text-align: left;
	display: inline-block;
	text-decoration: none;
	float: right;
	border: 1px solid #ca8b51;
	margin-right: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	bottom: 69px;
	position: relative;
	border: 0px;
}

.view-footer-tab a:after {
	content: "\2192";
	color: #000;
	padding-left: 5px;
	font-size: 17px;
	letter-spacing: 1px;
}

.body-container ul.list {
	padding-bottom: 5px;
	margin-left: 2px;
}

.top-body-container p {
	padding-bottom: 3px;
}

.flex-pauseplay a {
	height: 30px;
}

.flex-pauseplay a {
	bottom: 10px !important;
}

.body-container ul.list li {
	background-size: 0px;
	padding-left: 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.date {
	float: left;
	padding-right: 10px;
	min-height: 96px;
}

.list .date span {
	background: #E22D15;
	color: #fff;
	padding: 5px 20px;
	display: block;
	font-weight: 800;
	font-size: 120%;
	letter-spacing: 1px;
}

.list .date em {
	background: #000;
	color: #fff;
	display: block;
	padding: 5px 20px;
}

.list-content {
	padding-left: 15px;
}

.list li {
	position: relative;
	padding-bottom: 10px;
}

.list li:before {
	color: #f9b522;
	font-size: 17px;
	font-weight: 800;
	display: inline-block;
	margin-right: 20px;
	position: absolute;
	letter-spacing: 1px;
}

.list-content {
	padding-left: 15px;
	margin-left: 10px;
}

.list-content a {
	display: inline-block;
	margin-top: 5px;
	font-size: 14px;
	letter-spacing: 1px;
}

.side-link2 a {
	color: #FFF;
	font-size: 90%;
	text-decoration: underline;
	letter-spacing: 1px;
}

.flex-pauseplay a {
	bottom: 5px !important;
}

#flexCarouse2 {
	position: relative;
	padding: 8px 105px 0 180px;
	width: 100%;
}

#flexCarouse2 .flex-direction-nav {
	position: absolute;
	right: 0;
	width: 90px;
	height: 41px;
	top: -4px;
	background: #333;
	display: none;
}

#flexCarouse2 .flex-direction-nav a {
	opacity: 1;
	width: 30px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0;
	font-size: 0;
	letter-spacing: 1px;
}

#flexCarouse2 .flex-direction-nav a:before {
	font-size: 20px;
	color: #fff;
	letter-spacing: 1px;
}

#flexCarouse2 .flex-pauseplay {
	position: absolute;
	right: 61px;
	top: 45px;
}

#flexCarouse2 .flex-pauseplay a {
	color: #000;
	border-radius: 50% 50%;
	border: 2px solid #000;
	width: 30px;
	height: 30px;
	text-align: center;
	margin-top: unset;
}

#flexCarouse2 .flex-pauseplay a:before {
	font-size: 13px;
	letter-spacing: 1px;
}

.flex-control-paging li a {
	background: #ffffff;
	border: 2px solid #fff;
}

.news-section2 .flex-viewport {
	padding-top: 5px;
}

.common-right ul li.ico-accessibility ul li a {
	color: #000;
	display: inline-block;
	height: auto;
	line-height: 22px;
	margin-top: 0px;
	width: 38px;
	font-size: 150%;
	text-align: center;
	padding: 3px 0px;
	letter-spacing: 1px;
}

.align-lt img {
	float: left;
	padding-right: 15px;
}

.align-rt img {
	float: right;
}

.wrapper.home-banner {
	background: url('../images/banner-bg.jpg');
	padding: 50px 0px;
}

.banner-content-wrapper {
	width: 68%;
	float: left;
	padding-right: 15%;
}

.banner-content-wrapper h2 {
	color: #fff;
	font-weight: 400;
	padding: 0px;
	letter-spacing: 1px;
}

.banner-content-wrapper h2 span {
	color: #fe9b00;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 150%;
	letter-spacing: 1px;
}

p.banner-title-tag-line {
	color: #ccc;
}

p.banner-title-tag-line:after {
	content: " ";
	border: 2px solid #fe9b00;
	width: 50px;
	display: block;
	margin-top: 5px;
}

p.banner-content {
	color: #fff;
	line-height: 25px;
	padding: 20px 0px 30px;
}

.banner-content-wrapper a {
	border: 1px solid #fe9b00;
	padding: 10px 20px;
	color: #fe9b00;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.banner-right-wrapper {
	width: 32%;
	display: inline-block;
	text-align: center;
}

.banner-box {
	text-align: left;
	padding: 20px 30px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 25px 0px 0px 10px;
}

.banner-box h2 {
	padding-bottom: 5px;
}

.banner-box.banner-box-1 {
	background: url(../images/coal-bg.jpg);
	;
}

.banner-box.banner-box-2 {
	background: #e09116;
	background: url('../images/cmpfo-bg.jpg');
}

.banner-box p {
	font-size: 140%;
	float: left;
	padding-right: 5px;
	letter-spacing: 1px;
}

.banner-box .fa.fa-external-link {
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
}

.video-heading {
	position: absolute;
	top: -51px;
	width: 100%;
}

.video-heading h3 {
	color: #000;
	padding: 10px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	float: left;
	padding-left: 0px;
	z-index: -1;
	letter-spacing: 1px;
}

.video-heading h3:before {
	content: " ";
	position: absolute;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0px;
	bottom: -3px;
}

.video-heading h3:after {
	content: " ";
	
	width: 109px;
	display: block;
	margin-top: 5px;
	margin-bottom: 40px;
	position: absolute;
	left: 1px;
}

.video-heading a {
	border: 0 none;
	color: #000;
	display: inline-block;
	padding: 10px 15px;
	position: relative;
	padding: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	margin-top: 12px;
	font-weight: 600;
	
	
}

.video-wrapper {
	position: relative;
	height: auto;
	overflow: hidden;
}

.video-wrapper>video {
	width: 100%;
	vertical-align: middle;
}

.video-wrapper>video.has-media-controls-hidden::-webkit-media-controls {
	display: none;
}

.video-overlay-play-button {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px calc(60% - 50px);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	opacity: 0.95;
	cursor: pointer;
	background-image: linear-gradient(transparent, #000);
	transition: opacity 150ms;
}

.video-overlay-play-button:hover {
	opacity: 1;
}

.video-overlay-play-button.is-hidden {
	display: none;
}

.minister .min-info h5.prime:after {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -10px;
	height: 5px;
	width: 85px;
	/* liniar gradient for all browsers */
	background-image: -webkit-linear-gradient(0deg, #E22D15 50%, #ccc 50%);
	background-image: -webkit-linear-gradient(0deg, #E22D15 50%, #ccc 50%);
	background-image: -webkit-linear-gradient(0deg, #E22D15 50%, #ccc 50%);
}

a.portgolio-button {
	border: 1px solid #000;
	padding: 10px 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.portgolio-button .fa.fa-external-link {
	font-size: 12px;
	letter-spacing: 1px;
}

.minister .minister-sub h4 {
	font-weight: 700;
	font-size: 15px;
	padding: 0px 0px;
	letter-spacing: 1px;
}

.minister .min-info h5.prime {
	margin-bottom: 40px;
}

.minister-sub1:after {
	content: " ";
}

.scroll-left ul {
	position: absolute;
	width: 100%;
	height: 100%;
	/* Starting position */
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	/* Apply animation to this element */
	-moz-animation: scroll-left 10s linear infinite;
	-webkit-animation: scroll-left 10s linear infinite;
	animation: scroll-left 10s linear infinite;
}


/* Move it (define the animation) */

@-moz-keyframes scroll-left {
	0% {
		-moz-transform: translateY(100%);
	}
	100% {
		-moz-transform: translateY(-100%);
	}
}

@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(-100%);
	}
}

@keyframes scroll-left {
	0% {
		-moz-transform: translateY(100%);
		/* Browser bug fix */
		-webkit-transform: translateY(100%);
		/* Browser bug fix */
		transform: translateY(100%);
	}
	100% {
		-moz-transform: translateY(-100%);
		/* Browser bug fix */
		-webkit-transform: translateY(-100%);
		/* Browser bug fix */
		transform: translateY(-100%);
	}
}

.scroll-pause {
	cursor: pointer;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-transition: 3s;
	-moz-transition: 3s;
	-ms-transition: 3s;
	-o-transition: 3s;
	transition: 3s;
}

.left-col-2 h2:after {
	content: " ";
	border: 1px solid #fe9b00;
	width: 70px;
	display: block;
	left: -27px;
	position: absolute;
}

.left-col-2 h2:before {
	content: " ";
	position: absolute;
	background: url(../images/whatsnew.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	left: -30px;
	bottom: -13px;
}

button.text-slide,
button.text-slide1 {
	float: right;
	background: transparent;
	border: 0px;
	color: #E22D15;
	font-weight: 800;
	font-size: 110%;
	letter-spacing: 1px;
}

button.text-slide:after,
button.text-slide1:After {
	content: " > ";
	font-size: 22px;
	letter-spacing: 1px;
}

button.text-slide.pause:after,
button.text-slide1.pause::after {
	content: " | | ";
	font-size: 22px;
	letter-spacing: 1px;
}

.view-footer span {}

.left-block .left-col-2:nth-child(1) h2 {
	left: 30px;
}

.left-block .left-col-2:nth-child(1) h2:before {
	content: " ";
	position: absolute;
	background: url('../images/new.png');
	background-repeat: no-repeat;
	width: 30px;
	height: 40px;
	position: absolute;
	left: -30px;
}

.left-block .left-col-2:nth-child(2) h2:before {
	content: " ";
	position: absolute;
	background: url('../images/tenders.png');
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	left: -40px;
}

#scroll {
	position: fixed;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-color: #bd371a;
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	z-index: 222;
}

#scroll span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -12px;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-bottom-color: #ffffff;
}

#scroll:hover {
	background-color: #e74c3c;
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

.notification h3 {
	font-weight: 900;
	letter-spacing: 4px;
	padding-top: 12px;
	color: #000;
	letter-spacing: 1px;
	
}

.notification span {
	display: block;
	font-size: 64%;
	font-weight: 600;
	letter-spacing: 0px;
	color: #000;
	letter-spacing: 1px;
}

.gallery-area .fancybox {
	width: 100%;
}

.fancybox ul {
	width: 100%;
	display: inline-block;
}

.fancybox li {
	float: left;
	width: 31.5%;
	margin: 2px 5px;
}

.scroll-text .view-footer a {
	padding: 0px;
	margin-top: 30px;
}

.scroll-text .view-footer a:after {
	content: "\2192";
	color: #000;
	padding-left: 5px;
	font-size: 17px;
	letter-spacing: 1px;
}

.left-block .view-footer a:after {
	content: "\2192";
	color: #fe9b00;
	padding-left: 5px;
	font-size: 15px;
	letter-spacing: 1px;
}

.gallery-heading a.bttn-more.bttn-view:after {
	content: "\2192";
	color: #e22d15;
	padding-left: 0px;
	text-decoration: none;
}

.gallery-right a.bttn-more.bttn-view:after {
	content: "\2192";
	color: #e22d15;
	padding-left: 5px;
	font-size: 15px;
	text-decoration: none;
	letter-spacing: 1px;
}

.minister .min-info h3 a {
	color: #000;
	font-weight: 400;
	letter-spacing: 1px;
}

.wrapper.important-links {
	background: #333;
}

ul.important-links-list li {
	float: left;
	width: 31.33%;
	padding: 15px 15px;
	margin: 0px 6px 10px 6px;
	background: #fff;
	text-align: center;
}

ul.important-links-list li a {
	border: 2px dotted #bd371a;
	display: block;
	padding: 10px 10px;
}

ul.important-links-list li a .icon-text {
	width: 50%;
	height: 45px;
}

ul.important-links-list li:nth-child(1) a:after {
	content: "";
	background: url(../images/tourism_development_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(2) a:after {
	content: "";
	background: url(../images/hotel_restaurant_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(3) a:after {
	content: "";
	background: url(../images/aeroplane_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(4) a:after {
	content: "";
	background: url(../images/human_resource_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(5) a:after {
	content: "";
	background: url(../images/publicity_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(6) a:after {
	content: "";
	background: url(../images/oversease_marketing_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(7) a:after {
	content: "";
	background: url(../images/market_research_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(8) a:after {
	content: "";
	background: url(../images/international_cooperation_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(9) a:after {
	content: "";
	background: url(../images/niche_red.png);
	height: 65px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li a h4 {
	color: #000000;
	font-size: 112.5%;
	text-align: left;
	letter-spacing: 1px;
}

ul.important-links-list li a h5 {
	color: #000000;
	font-size: 112.5%;
	text-align: left;
	letter-spacing: 1px;
}

ul.important-links-list li a img {
	padding-left: 15px;
}

.notification h3:after {
	content: "";
	width: 100px;
	display: inline-block;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 70px;
}

ul.important-links-list li:hover {
	background: #bd371a;
}

.logo a span.mins {
	
	color: #000000d9;
	letter-spacing: 1px;
}

ul.important-links-list li:hover a {
	border: 2px dotted #fff;
}

ul.important-links-list li:hover a h4 {
	color: #fff;
}

ul.important-links-list li:hover a h5 {
	color: #fff;
}

ul.important-links-list li:nth-child(1):hover a:after {
	content: "";
	background: url(../images/tourism_development_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(2):hover a:after {
	content: "";
	background: url(../images/hotel_restaurant_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(3):hover a:after {
	content: "";
	background: url(../images/aeroplane_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(4):hover a:after {
	content: "";
	background: url(../images/human_resource_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(5):hover a:after {
	content: "";
	background: url(../images/publicity_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(6):hover a:after {
	content: "";
	background: url(../images/oversease_marketing_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(7):hover a:after {
	content: "";
	background: url(../images/market_research_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(8):hover a:after {
	content: "";
	background: url(../images/international_cooperation_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul.important-links-list li:nth-child(9):hover a:after {
	content: "";
	background: url(../images/niche_tourism_white.png);
	background-repeat: no-repeat;
	background-position: right;
}

.wrapper.important-links ul.important-links-list {}

.wrapper.important-links .morelinks {
	position: relative;
}

.wrapper.important-links .morelinks a {
	position: absolute;
	bottom: 9px;
	right: 5%;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 10px;
	letter-spacing: 1px;
}

.wrapper.important-links .morelinks a:hover {
	background: #fe9b00;
	padding: 5px 10px;
	color: #000;
}

i.fa.fa-facebook-square {
	color: #325eba;
	font-size: 24px;
	letter-spacing: 1px;
}

i.fa.fa-twitter {
	background: #32e3da;
	color: #fff;
	border-radius: 5px;
	font-size: 20px;
	letter-spacing: 1px;
}

.left-block .view-footer {
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: 30px;
}

.left-block ul.important-links-list {
	display: inline-block;
}

.left-block .drop-wrapper .view-more i.fa.fa-caret-down {
	color: #fe4b37;
	font-size: 35px;
	height: 50px;
	width: 50px;
	border: 1px solid #afacac;
	border-radius: 50%;
	padding: 7px 10px;
	background: #fff;
	position: absolute;
	top: -2px;
	left: 50%;
	transform: translateX(-50%);
	letter-spacing: 1px;
}

.left-block .drop-wrapper .view-more {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #afacac;
	line-height: 0.1em;
	margin: 0 auto;
	padding-top: 40px;
}

.left-block .drop-wrapper .view-more span {
	background: #f3f3f3;
	padding: 10px 21px;
	position: relative;
}

.drop-wrapper {
	padding: 0px 22px 0px 5px;
}

.wrapper.related-whatsnew-link {
	width: 100%;
	background: linear-gradient( to right, #004757 0%, #004757 51%, #A39508 51%, #A39508 100%);
}

.wrapper.related-whatsnew-link .whats-new-wrapper {
	width: 50%;
	background: #fe4b37;
}

.wrapper.related-whatsnew-link .whats-new-wrapper {
	width: 50%;
	background:#dddddd; /*  strip*/
	float: left;
	padding: 40px 0px;
}

.wrapper.related-whatsnew-link .related-link-wrapper {
	float: right;
	width: 45%;
	padding: 30px 0px 0px 30px;
}

.wrapper.related-whatsnew-link .whats-new-wrapper h2 {
	color: #fff;
	font-size: 183.333%;
	padding-bottom: 20px;
	letter-spacing: 1px;
}

.wrapper.related-whatsnew-link .related-link-wrapper h2 {
	color: #000;
	font-size: 180%;
	padding-bottom: 20px;
	letter-spacing: 1px;
}

.wrapper.related-whatsnew-link .whats-new-wrapper .list-content a {
	display: inline-block;
	margin-top: 5px;
	font-size: 112.5%;
	color: #fff;
	letter-spacing: 1px;
}

.whats-new-text .list li a:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 5px;
	top: 10px;
	bottom: 10px;
	height: auto;
	border: 2px solid #fff;
}

.whats-new-text .view-all {
	padding: 30px 15px;
}

.Related-links-text .view-all {
	padding: 30px 0px;
}

.whats-new-text .view-all button {
	padding: 5px 15px;
	background: #fff;
	border: 0px;
	float: right;
	border: 1px solid #ccc;
}

.Related-links-text .view-all button {
	padding: 5px 15px;
	background: #fff;
	border: 0px;
	float: right;
	border: 1px solid #ccc;
}

.Related-links-text .list-content {
	padding-left: 30px;
}

.Related-links-text .list-content a:before {
	content: "\2714";
	color: #e22d15;
	right: 14px;
	display: block;
	position: absolute;
	left: 0px;
	top: 4px;
	font-size: 25px;
	letter-spacing: 1px;
}

.Related-links-text .list-content a {
	display: inline-block;
	margin-top: 5px;
	color: #000;
	font-size: 112.5%;
	letter-spacing: 1px;
}

.wrapper.maganzine-linke-wapper {
	width: 100%;
	background: #f3f3f3;
}

.wrapper.maganzine-linke-wapper .magazine-wapper {
	width: 50%;
	float: left;
	padding: 40px 0px;
}

.wrapper.maganzine-linke-wapper .external-link-wapper {
	width: 45%;
	float: right;
	padding: 30px 0px 0px 30px;
}

.wrapper.maganzine-linke-wapper .magazine-wapper h2 {
	color: #000;
	font-size: 150%;
	font-weight: 700;
	padding-bottom: 10px;
	letter-spacing: 1px;
}

.magazine-wapper .list-content {
	padding-left: 0;
	margin-left: 0;
}

.magazine-wapper .list-content a {
	color: #646464;
	font-size: 112.5%;
	letter-spacing: 1px;
}

i.fa.fa-file-pdf-o {
	color: #e22d15;
	margin-right: 10px;
	background: #fff;
}

.external-link-content-wrapper h3 {
	color: #fff;
	font-size: 140%;
	font-weight: 700;
	letter-spacing: 1px;
}

.wrapper.maganzine-linke-wapper .external-link-wapper .external-link-left {
	width: 50%;
	float: left;
}

.wrapper.maganzine-linke-wapper .external-link-wapper .external-link-right {
	width: 50%;
	float: right;
}

.external-link-wapper ul li a {
	color: #646464;
	font-size: 100%;
	letter-spacing: 1px;
}

.external-link-wapper ul li a:hover {
	color: #e22d15;
	text-decoration: underline;
}

.external-link-content-wrapper ul.list {
	padding-top: 15px;
	padding-right: 10px;
	float: left;
}

.Related-links-text li {
	padding: 3px;
}

.wrapper.notice-slider {
	background: #f3f3f3;
	padding: 60px 0px 100px 0px;
}

div#notice-slider .flex-viewport ul li {
	text-align: center;
}

div#notice-slider .flex-viewport ul li a {
	font-size: 110%;
	line-height: 35px;
	color: #000000;
	margin: 0px 40px;
	display: inline-block;
	letter-spacing: 1px;
}

#notice-slider .flex-direction-nav a.flex-next::before {
	content: "";
	background: url(../images/notice_right_arrow.png) !important;
	display: block;
	position: relative;
	height: 80px;
}

#notice-slider .flex-direction-nav a.flex-next {
	opacity: 1 !important;
}

#notice-slider .flex-direction-nav a.flex-prev {
	opacity: 1 !important;
}

#notice-slider .flex-direction-nav a:before {
	content: "";
	background: url(../images/notice_left_arrow.png) !important;
	display: block;
	position: relative;
	height: 80px;
	top: 1px;
}

#notice-slider a.flex-prev {
	height: 64px;
	width: 50px;
	border-radius: 0px;
}

#notice-slider a.flex-next {
	height: 64px;
	width: 50px;
}

#notice-slider h3 {
	text-align: center;
	font-size: 150%;
	color: #000;
	font-weight: 700;
	letter-spacing: 1px;
}

div#parentHorizontalTab {
	position: relative;
	font-size:25px;
}




.external-link-content-wrapper .view-all button {
	padding: 5px 15px;
	background: #f3f3f363;
	float: right;
	margin-top: 10px;
	border: 1px solid #ccc;
}

.external-link-content-wrapper {
	display: inline-block;
	padding-bottom: 25px;
}

.message {
	display: inline-block;
	width: 100%;
	float: left;
}

.drop-wrapper button {
	padding: 5px 15px;
	background: #fff;
	float: right;
	border: 1px solid #ccc;
	margin-top: 15px;
}

.content_list li i.fa.fa-arrow-right {
	float: left;
	color: #000;
}

.resp-tab-content ul.content_list li:hover i.fa.fa-arrow-right {
	color: #000;
}

#flexCarousel .flex-next {
	font-size: 0;
	letter-spacing: 1px;
}
.external-link-content-wrapper a{
	color: #fff;
}



/* internal pages jk */

* {box-sizing: border-box}


/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: auto;
  height: 650px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 10px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 14px;
    letter-spacing: 1px;
    font-family: 'Poppins';
    font-weight:bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 30px;
    font-family: 'Poppins';
  width: 85%;
  border-left: none;
  height: auto;
  letter-spacing: 1px;
  


}

.tabcontent  a {
color: blue;
}
.tabcontent p {

color:black; 
font-size:16px;
 text-align: justify;
 text-justify:inter-word;

    font-family: 'Poppins';
  letter-spacing: 1px;

}
.tabul ul {
	
    -webkit-column-count:2;
    -moz-column-count: 2;
    column-count: 2;
}

/*table  jk */
	
			
		#customers {
 
  border-collapse: collapse;
  width: 100%;
  letter-spacing: 1px;
}

#customers td, #customers th {
  border: 1px solid #000;

  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  color: #000;
}


#customers tr{background-color: #f2f2f2;}
#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;

  color: white;
  font-size: 1.5em;
  letter-spacing: 1px;
}
td .test {
	border-bottom: 1px solid black;
}
	

	
	
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 300px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}
	

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 40%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		td:nth-of-type(1):before { content: none }
		
					
					
	}
	
	
	
	
	.customersjk table, th, td {
		border: 1px solid black;
		
  border-collapse: collapse;
 
 
  
	}

	
	.customersjk th {
		background: #f1f1f1;
		color:black;
	}
	
	.customersjk td {
		background: #f1f1f1;
		color:black;
	}
	
	
	
	
	
	
	/* Cards jk */


.column123 {
	transition: transform .2s;
  float: left;
  width: 33.33%;
  padding: 5px;
   position: relative;
}
/*
.column123 h2 {
	position: absolute;
            bottom: 20px;
            left: 50px;
}*/
.column123:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
/* Clear floats after image containers */
.row123::after {
  content: "";
  clear: both;
  display: table;
}

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 30px;
	  float: right;
	  width: 50%;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
.column1234 {
	transition: transform .2s;
  float: left;
  width: 50%;
  padding: 5px;
}
.column1234:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
/* Clear floats after image containers */
.row1234::after {
  content: "";
  clear: both;
  display: table;
}

.column12345 {
	transition: transform .2s;
  float: right;
  width: 50%;
  padding: 5px;
}
.column12345:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
/* Clear floats after image containers */
.row12345::after {
  content: "";
  clear: both;
  display: table;
}


.column12345 h3 {
  --s: 0;   /* the thickness of the line */
  --c: #2c4bff; /* the color */
  
  color: #0000;
  padding-bottom: var(--s);
  background: 
    linear-gradient(90deg,var(--c) 50%,#000 0) calc(100% - var(--_p,0%))/200% 100%,
    linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
  -webkit-background-clip: text,padding-box;
          background-clip: text,padding-box;
  transition: 0.5s;
  font-size: 3rem;
  cursor: pointer;
}
.column12345 h3:hover {--_p: 100%}



	


p.bigjk {
  line-height: 1.8;
}

/*gallery director */


.box1 {
  flex: 1;
  overflow: hidden;
  transition: .5s;
  margin: 0 2%;
  box-shadow: 0 20px 30px rgba(0,0,0,.1);
  line-height: 0;
}

.box1 > img {
  width: 200%;
  height: calc(100% - 10vh);
  object-fit: cover; 
  transition: .5s;
}

.box1 > span {
  font-size: 16px;
  display: block;
  text-align: center;
  
  line-height: 2.6;
  letter-spacing: 1px;
}

.box1:hover { flex: 1 1 50%; }

 
 
.container123 {
  display: flex;
  width: 100%;
  padding: 4% 2%;
  box-sizing: border-box;
 
}





/*research council */

.researchcouncil {

  font-family: 'Poppins';
letter-spacing: 1px;
}
.researchcouncil h2 {

padding: 1px 10px;
color: white;
}
.researchcouncil h3 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}
.researchcouncil h4 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}


/* New tab Menu */

.sidebar123 {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
  position: absolute;
  height: 100%;
  overflow: auto;
}

.sidebar123 a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
    font-family: 'Poppins';
  letter-spacing: 1px;
  font-weight:bold;
  font-size:16px;
}
 
.sidebar123 a.active {
  background-color: #3057a6;
  color: white;
}

.sidebar123 a:hover:not(.active) {
  background-color: #555;
  color: white;
}
.content123 a {
	color: blue;
}


	
div.content123 {
  margin-left: 210px;
  padding: 1px 16px;
 
  text-align: justify;
 text-justify:inter-word;
 
 color:black; 
font-size:18px;
 
height:auto;
    font-family: 'Poppins';
  letter-spacing: 1px;
}

@media screen and (max-width: 700px) {
  .sidebar123 {
   width: auto;
    height: auto;
    position: relative;
	display: block;
	padding-left:1px;
letter-spacing: 1px;
   font-size:12px;
	
  }

  .sidebar123 a {float: left; }
  div.content123 {margin-left: 0; letter-spacing: 1px;}
}

@media screen and (max-width: 300px) {
  .sidebar123 a {
    
    float: none;
	font-size: 12px;
	letter-spacing: 1px;
  }
}


/* Solid border */
hr.solid {
 border-top: 0px solid transparent;
}


/* Director Team */











.cardst h6 {
font-size:16px;
font-weight:normal;
}

.card-titlestud {
  display: block;
  font-size: 14px;
  font-weight:bold;
  text-align: center;
  color: #fff;
color:black;
  padding: 1% 1%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.card-titlestud1 {
  display: block;
  font-size: 12px;
  font-weight:bold;
  text-align: center;
  color: #fff;
color:black;
  padding: 1% 1%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
} 


.cardst img {
  width: 150px;
  height: 150px;
  object-fit: fill;
  display: block;
  position: relative;
}

.card-descstud {
  
  font-size: 10px;
  position: absolute;
  height: 0;
  top: 0;
  opacity: 0;
  padding: 4px 2%;
  background-color: white;
  overflow-y: scroll;
  transition: 0.8s ease;
  
}




.cardst:hover .card-descstud {
  opacity: 1;
  height: 100%;
}

.card-descstud p {
	
	font-size:5px;
}







/* People Images */


.buttonphotos {
  border-radius: 10px;
  background-color:  #3057a6;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 12px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  
}

.buttonphotos span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonphotos span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttonphotos:hover span {
  padding-right: 25px;
}

.buttonphotos:hover span:after {
  opacity: 1;
  right: 0;
}



.column1236:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}



.collapsiblearea {
  background-color:  #ddd;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 15px;
  display: flex;
float:left;
 text-align:left;

  border: 1px solid #dee2e6;
  border-left: 5px solid #5d82e8;
   font-size: 15px;
   width:100%;


}
.section-title {
  margin-bottom: 15px;
  padding: 15px 15px 15px 0px;
  display: flex;


  background: #FFFFFF;
  border: 1px solid #dee2e6;
  border-left: 5px solid #5d82e8;
   font-size: 16px;
   font-weight: bolder;
   
  
}


.section-title h4{
padding-left: 0px;

}




.contentarea {
  padding: 10px 28px;
    line-height: 2.5;

  display: none;
  overflow: hidden;
  background-color: #f2f2f2;
letter-spacing: 1.5px;
 font-size: 16px;
 text-align: justify;
  text-justify: inter-word;

}

.contentarea p{
    line-height: 1.5;
}

.activearea, .collapsiblearea:hover {
  background-color: #9ba9c9;
}














.paragraph-wrapper {
	 
	 background-color: rgba(225, 225, 225,0.8);
	   position: relative;
}

  .paragraph-wrapper:before {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: inherit;
  content: ' ';
}






.buttonphotos1 {
  border-radius:10px;
  background-color:  #3057a6;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  
}

.buttonphotos1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonphotos1 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttonphotos1:hover span {
  padding-right: 25px;
}

.buttonphotos1:hover span:after {
  opacity: 1;
  right: 0;
}



.columnprofile {
	transition: transform .2s;
  float: left;
  width: 100%;

  padding: 10px;
 text-align: justify;
  position: relative;
   
}
.columnprofile p {
	
	font-size: 12px;
	font-weight: bold;

	
}


.columnprofile h3 {
	
	
	

	font-weight: bold;
	font-size:10px;

	
}
.columnprofile img {
	max-width:120px;
	max-height:150px;
  box-shadow: 0 0 25px -6px black;
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
	
}

.columnprofile:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
/* Clear floats after image containers */
.rowprofile::after {
  content: "";
  clear: both;
  display: table;
}


.profilehead {
	width: 50%;
	  display: flex;
  flex-wrap: wrap;
    border-top-right-radius: 4px;
  border-top-left-radius: 4px;
   	  border-right: 5px solid RGBA(225, 225, 225, 0.8);
	 background: white;
	  border-bottom: 5px solid RGBA(225, 225, 225, 0.8);
	  
}


.profileheadjk {
	width: 50%;
	  display: flex;
  flex-wrap: wrap;
    border-top-right-radius: 4px;
  border-top-left-radius: 4px;
   	  border-right: 5px solid RGBA(225, 225, 225, 0.8);
	 background: white;
	  border-bottom: 5px solid RGBA(225, 225, 225, 0.8);
	  box-shadow: 0 40px 60px -6px black;
}

.cardsstudjk {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  	transition: transform .2s;


}




.columnprofilejk {
	transition: transform .2s;
  float: left;
  width: 100%;
  padding: 2px;
 text-align: left;
  position: relative;
   
}
.columnprofilejk p {
	
	font-size: 16px;
	font-weight: bold;

	
}

.columnprofilejk h3 {
	
	
	
	font-weight: bold;
	font-size:16px;

	
}
.columnprofilejk img {
	width:150px;
	height:200px;
  box-shadow: 0 0 25px -6px black;
	
}

.columnprofilejk:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
/* Clear floats after image containers */
.rowprofilejk::after {
  content: "";
  clear: both;
  display: table;
}

.ministerphoto {
	width:33.3%;
	float:left;
	 text-align: center;
	  
	    
}




.columnprofilem {
	transition: transform .2s;
    padding: 6px;


 

   
}
.columnprofilem p {
	padding-top:10px;
	font-size: 12px;
	font-weight: bold;
text-align: center;
	
}

.columnprofilem h3 {
	
	
	
	font-weight: bold;
	font-size:10px;
	text-align: center;

	
}
.columnprofilem img {
	max-width:120px;
	height:120px;
  border-radius:50%;


   box-shadow: 0 0 40px -6px #96b5e3;
	
}

.columnprofilem:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}


/**/
























/* Clear floats after image containers */
.rowprofilem::after {
  content: "";
  clear: both;
  display: table;
}


.patron {
	margin: 10px 20px;
}

.collapsibleareamm {

  cursor: pointer;
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
  
 text-align: center;
  background: #e1ebf5;
  border: 1px solid #9bb1c7;
  border-left: 5px solid #5d82e8;
   font-size: 20px;
   font-weight:bold;
   width:100%;
  font-family: 'Poppins';

}


.ministerphotod {
	width:25%;
	float:left;
	 text-align: center;
	   position: relative;
	   padding-bottom: 10px;
	   padding-top:20px;
	   
	    
}


.patlaline br {
	border-bottom: 1px solid rgba(165,165,165,.3);
}
.patlalinej {
	border-bottom: 2px solid #32789D;
	padding-bottom: 5px;
}




  .center-align {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }






/* Style the tab */
.tabprofilem {
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  font-family: 'Poppins';


}


.aboutminis {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.aboutmini:after {
  content: "";
  display: table;
  clear: both;
}


.aboutminis p {
	text-align: justify;
  text-justify: inter-word;


}
.aboutminis a {
	color:blue;


}







/* Style the buttons inside the tab */
.tabprofilem button {

  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  transition: 0.3s;
  font-size: 25px;
  font-family: 'Poppins';

  
}

/* Change background color of buttons on hover */
.tabprofilem button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tabprofilem button.active {
  background-color: #ccc;
}



/* ABout US  */


/* Style the tab */
.tabprofile {
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  font-family: 'Poppins';

}

/* Style the buttons inside the tab */
.tabprofile button {

  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  transition: 0.3s;
  font-size: 17px;
  font-family: 'Poppins';

  
}

/* Change background color of buttons on hover */
.tabprofile button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tabprofile button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontentprofile {
  display: none;
  padding: 6px 30px 6px 30px;
  border: 1px solid #ccc;
  border-top: none;
  font-family: 'Poppins';
    height:600px;
overflow-y: scroll;
}

/* Style the close button */
.clearfixprofile::after {
  content: "";
  clear: both;
  display: table;
}

body {font-family: 'Poppins';}

.tabcontentprofile p{
	font-size: 16px;
	line-height: 1.6;
	text-align: justify;
  text-justify: inter-word;
}


.tabcontentprofile a{
	font-size: 16px;
	line-height: 1.6;
	text-align: justify;
  text-justify: inter-word;
  color:blue;
}
.tabcontentprofile li{
	font-size: 16px;
	line-height: 2;
	text-align: justify;
  text-justify: inter-word;
margin-left: 30px;
}








.columnprofilef {
	transition: transform .2s;
  float: left;
  width: 300px;
  padding: 15px;
 text-align: justify;
  position: relative;
  flex-direction: column;
   
}
.columnprofilef h5 {
	
	font-size: 13px;
	font-weight: bold;
	

}

.columnprofilef h6 {
	
	
	padding-top: 60px;
	font-weight: bold;
	font-size:15px;
	

	
}
.columnprofilef img {
	width:150px;
	height:200px;
  box-shadow: 0 0 25px -6px black;
	
}

.columnprofilef:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
/* Clear floats after image containers */
.rowprofilef::after {
  content: "";
  clear: both;
  display: table;
}


.profileheadf {
	width: 50%;
	  display: flex;
  flex-wrap: wrap;
    border-top-right-radius: 4px;
  border-top-left-radius: 4px;
   	  border-right: 5px solid RGBA(225, 225, 225, 0.8);
	 background: white;
	  border-bottom: 5px solid RGBA(225, 225, 225, 0.8);
	  
}





.columnprofileff {
	transition: transform .2s;
 
  max-width: 400px;
 max-height: 400px;
 
  position: relative;
  
  
  
  
  
  

  float: left;
 
  padding: 15px;
 text-align: justify;
  position: relative;
   
}
.columnprofileff p {
	
	font-size: 12px;

	padding-bottom:5px;
	
}

.columnprofileff h3 {
	
	

	font-weight: normal;
	font-size:14px;

	
}
.columnprofileff img {
	width:100px;
	height:130px;
  box-shadow: 0 0 25px -6px black;

}

.columnprofileff:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
/* Clear floats after image containers */
.rowprofileff::after {
  content: "";
  clear: both;
  display: table;
}






.covid a {
color:red;
font-weight:bold;
}


.cardsstudi {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
 
  justify-content: space-around;
  	transition: transform .2s;
	
	padding-bottom:10px;

}

.cardsti {
  margin: 13px;
  position: relative;
  width: 100px;
  height:100px;
  
border-radius:50%;
  
}
.cardsti img {
	border-radius:50%;
	  width: 100px;
  height:100px;
}

.cardsti p{
	
	text-align:center;
	font-weight:bold;
	
}

.columni:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  box-shadow: 0 0 40px -6px #96b5e3;
}

.readmore {
	color:blue;
}


.footer-bottom-wrapper{
  display: flex;
   
}

.footer-content  p{
  font-size:14px;
 
}

.footerjkk {
  float: left;
  width: 20%;
  padding: 10px 10px 10px 30px;

  height: 180px; /* Should be removed. Only for demonstration */
 background-color:  #001A2E;
  color:white;


}
.footerjkkk {
  float: right;
  width: 25%;
  padding: 10px;
  height: 180px; /* Should be removed. Only for demonstration */
  background-color:#292929;
  color:white;


}
.footerjkkk p {
	font-size: 10px;
color:white;
}

.footercolor {
	  background-color: #003A69;
}
	

/* Clear floats after the columns */
.footerjk:after {
  content: "";
  display: table;
  clear: both;
  color:white;
  
}






.footerjkk h4 {
	font-size: 14px;
	font-weight:bold;
	
}
.footerjkk p {
	font-size: 12px;
color:white;
line-height:1.8;
}
	.footerjkk h3 {
	font-size: 16px;
	font-weight:bold;
	color:white;
}
	
	.directoremessage1 {
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  
	}
	
	.directoremessage2 {
		  text-align: justify;
  text-justify: inter-word;
  line-height: 1.6;
	}
	.directoremessage2 h1 {
		font-size: 18px;
		font-weight: bold;
	}
	
	/*New Collpas*/
	
	.collapsiblenews {
 
  color: black;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsiblenews:hover {
  
}

.contentnews {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  
}

/*Technologies */

.technologyc {
  float: left;
  width: 100%;
  padding: 0px;
  height: 470px; /* Should be removed. Only for demonstration */
    column-rule: 4px double #ff00ff;
	column-gap: 40px;
	border: 2px solid #32789D;
	background: white;
	
}








/* Clear floats after the columns */
.technologyr:after {
  content: "";
  display: table;
  clear: both;
}

.technologyc h2{
	text-align:left;
	font-size:14px;
	color: #001A2E;
	font-weight:normal;
}

.technologyc img {
	 
  margin-left: auto;
  margin-right: auto;
  width: 50%;
	
}





.technologycc {
	height: 210px;
  float: left;
  width: 100%;
  padding: 10px;
  max-height: 220px; /* Should be removed. Only for demonstration */
    column-rule: 4px double #ff00ff;
	column-gap: 40px;
	border: solid 1px #ccc;
	background: white;
	
	 overflow: hidden;
	
	
	
	
	
	
	
	
}

/* Clear floats after the columns */
.technologyrr:after {
  content: "";
  display: table;
  clear: both;
}

.technologycc h2{
	text-align:left;
	font-size:20px;
	color: #001A2E;
	font-weight:normal;
}
.technologycc ul, li {

	 text-align: justify;
	 font-size:16px;
	 


}





.newssection p{

	border-bottom: solid 1px #ddd;
}




























.technologyreadd a{
	float:right;
	color:#737070;
}

.technologyread a{
	float:right;
	color:blue;
}

.departmentc1{
  float: left;
  width: 70%;
  padding: 1px;
  height: 720px; /* Should be removed. Only for demonstration */
  background:white;
 border: 2px solid #32789D;
	color: #001A2E;
	
}

.departmentc1 h2 {
font-size: 20px;
  font-family: 'Poppins';
  font-weight:normal;
 color: #001A2E;
}

.departmentc{
  float: left;
  width: 30%;
  padding: 10px;
  height:720px; /* Should be removed. Only for demonstration */
  background:#32789D;
    border: solid 1px #ccc;
	 overflow-y: auto;
	  
}

/* Clear floats after the columns */
.departmentr:after {
  content: "";
  display: table;
  clear: both;
}

.totalpeople {
	width:auto;
	height:auto;
	padding:5px;
	border: solid 1px #ccc;
}

/*department */

.departmentc ul, li{

font-size:12px;
line-height:2.9;
  
}












.cardsstuddept {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
 
  justify-content: space-around;
  	transition: transform .2s;
	
	padding-bottom:10px;

}

.cardstdept {
  margin: 8px;
  position: relative;
  border: solid 4px #ccc;
  width: 200px;
  height: 150px;
}

.cardstdept img {

  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cardstdept p{
	
	text-align:center;
	font-weight:bold;
	font-size:13px;
	
}

.columndept:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  box-shadow: 0 0 40px -6px #96b5e3;
}

.aboutinsit {
	
	height:180px;
background:white;
border: 2px solid #32789D;
  text-align: justify;
  padding: 10px 20px 10px 20px;
 
float: left;

 width: 50%;
}




.aboutinsit h2 {
font-size: 20px;
  font-family: 'Poppins';
  font-weight:normal;
  color: #001A2E;

}


.aboutinsitdit{
		height:180px;
background:white;
border: 2px solid #32789D;
  text-align: justify;
 
float: left;
  padding: 10px 20px 10px 20px;
 width: 50%;
	
}




/* Clear floats after the columns */
.aboutinsitr:after {
  content: "";
  display: table;
  clear: both;
}



.aboutinsittt {
	float: left;
	height:270px;
background:white;
 border: 2px solid #32789D;
  text-align: justify;
  padding: 10px;
  width:35%;
}


.spacebetween p {
	line-height:1.5;
}

.aboutinsitt {
	float: left;
	height:270px;
background:white;
  border: 2px solid #32789D;
  text-align: justify;
  padding: 10px;
  width:65%;
}


.aboutinsitt h2 {
font-size: 25px;
  font-family: 'Poppins';
  font-weight:normal;
 color: #001A2E;
}








.aboutinsittj:after {
  content: "";
  display: table;
  clear: both;
}


.aboutinsitt h2 {
font-size: 20px;
  font-family: 'Poppins';
  font-weight:normal;

}





.aboutinsitdjk {
	width:70%;
	height:280px;
background:white;
  border: solid 1px #ccc;
  text-align: justify;
  padding: 20px;
}





.aboutinsitd {
	width:30%;
	height:280px;
background:white;
  border: solid 1px #ccc;
  text-align: justify;
  padding: 20px;
}

.aboutinsitd h2 {
font-size: 20px;
  font-family: 'Poppins';
  font-weight:normal;
 color: #001A2E;
}

/* Dept buttons */


.departmentb {
  background-color: #32789D;
  border: 1px solid #ddd;
  color: white;
  padding: 10px 20px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
  width:100%;
  font-size: 14px;
}

.departmentb:hover {
  background-color: #000;
}



.departmentbcd {
 
  border: none;
  color: black;
  padding: 1px 20px;
  text-align: left;
  text-decoration: none;
  display: inline;
  margin: 1px 1px;
  cursor: pointer;
pointer-events: all;
  width:100%;
  font-size: 14px;
  
}

.departmentbcd:hover {
  background-color: #f1f1f1;

}













.campuslife {
	float:left;
	color: #001A2E;
}


.departmentbd {
  background-color: #32789D;
  border: none;
  color: #fff;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  cursor: pointer;

  width:100%;
  font-size: 16px;
}

.departmentbd:hover {
  background-color: #000;
}


.departmentbd  h2 {
	
	
	font-size:14px;
	font-weight:normal;
}

.historyp p{
	text-align: justify;
	padding:5px 15px;
}






/* tab ABout */



.tababout {
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
 
  background-color: #f1f1f1;
  font-family: 'Poppins';

}













/* Style the buttons inside the tab */
.tababout button {


  background-color: #ddd;
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
  width:100%;
  font-size: 16px;

  
}

/* Change background color of buttons on hover */
.tababout button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tababout button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontentabout {
  display: none;
  padding: 6px 6px 6px 6px;
  border-top: none;
  font-family: 'Poppins';
  height: 600px;
  overflow-y: auto;
  border: 2px solid #32789D;
  background:white;
  
}
.tabcontentabout h1 {
	padding-left:10px;
	font-size: 16px;
}

.tabcontentabout h2{
	font-size: 16px;
	font-weight:normal;
	padding-left:10px;
}

.tabcontentabout h3{
	font-size: 16px;
	font-weight:normal;
	
}
.tabcontentabout h3, h4{
	 padding: 2px 10px;
	
}

.tabcontentabout p{
	font-size: 14px;
	line-height: 1.6;
	text-align: justify;
  text-justify: inter-word;
  padding: 2px 10px;
}


.tabcontentabout a{
	font-size: 14px;
	line-height: 1.6;
	text-align: justify;
  text-justify: inter-word;
  color:blue;
 
}
.tabcontentabout li{
	font-size: 16px;
	line-height: 2;
	text-align: justify;
  text-justify: inter-word;
margin-left: 30px;
}


.departmentabout {
  background-color: #32789D;
  border: none;
  color: white;
  padding: 8px 12px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
 
  width:100%;
  font-size: 14px;
}


.departmentabout h2 {
	color: white;
	font-size:14px;
	font-weight:normal;
	
}


.departmentabout:hover {
  background-color: #000;
}



.cardsabout {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  	transition: transform .2s;
	    height:600px;

}

.cardabout {
  margin: 20px;
  position: relative;
  max-width: 400px;
  max-height: 400px;
   box-shadow: 0 40px 60px -6px black;
  
}

.card-titleabout {
  display: block;
  font-size: 15px;
  font-weight:bold;
  text-align: center;
  color: #fff;
color:black;
  padding: 1% 1%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.card-titleabout {
  display: block;
  font-size: 12px;
  font-weight:bold;
  text-align: center;
  color: #fff;
color:black;
  padding: 1% 1%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
} 


.cardabout img {
  width: 120px;
  height: 150px;
  object-fit: fill;
  display: block;
  position: relative;
}

.card-descabout{
  display: block;
  font-size: 12px;
  position: absolute;
  height: 0;
  top: 0;
  opacity: 0;
  padding: 8px 5%;
  background-color: white;
  overflow-y: scroll;
  transition: 0.8s ease;
  text-align: justify;
  text-justify: inter-word;
}


.cardabout:hover .card-descstud {
  opacity: 1;
  height: 100%;
}






.departmentbcoll {
  background-color: /*#b0aeae*/ #ddd;
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
  width:100%;
  font-size: 14px;

}


.departmentbcoll.active, .departmentbcoll:hover {
  background-color: #f1f1f1;
}

.contentcollpas {
	  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
 
}



.cardsstudjkt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  	transition: transform .2s;


}




.columnprofilejkt {
	transition: transform .2s;
  float: left;
  width: 30%;
  padding-left: 5px;
 text-align: left;
  position: relative;
   
}
.columnprofilejktt {
	transition: transform .2s;
  float: left;
  width:70%;
  padding: 5px;
 text-align: left;
  position: relative;
   
}
.columnprofilejktt p {
	
	font-size: 17px;
	
color:#080833;
	
}


.columnprofilejktt h5 {
	
	
	color:#080833;
padding-left: 10px;
	font-size:11px;

	border-bottom: 3px solid #f1f1f1;
}
.columnprofilejktt h4{
	
	font-size: 10px;


	
}
.columnprofilejktt h3 {
	
	
	

	font-size:12px;

	
}
.columnprofilejkt img {
	width:120px;
	height:150px;
  box-shadow: 0 0 0px -6px black;
	
}

.columnprofilejkt:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}


.columnprofilejktt a {
	color:black;
}

/* Clear floats after image containers */
.rowprofilejkt::after {
  content: "";
  clear: both;
  display: table;
}


.profileheadjkt {
	width: 100%;
	  display: flex;
  flex-wrap: wrap;
    border-top-right-radius: 4px;
  border-top-left-radius: 4px;
   	  border-right: 2px solid RGBA(225, 225, 225, 0.8);
	 background: white;
	  border-bottom: 2px solid RGBA(225, 225, 225, 0.8);
	  box-shadow: 0px 0px 0px -6px black;
}








.departmentbcolld {
  background-color: #ddd;
  border: none;
  color: black;
  padding: 5px 5px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;

  width:100%;
  font-size: 17px;

}










.columnprofilejkta {
	transition: transform .2s;
  float: left;
  width: 25%;
  /*width: 20%;*/
 height:160px;
 
  position: relative;
   
}
.columnprofilejktta {
	transition: transform .2s;
  float: left;
  width:75%;
  	height:auto;


  
   
}

.columnprofilejktta:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(0.9); 
}


.columnprofilejktta p {
	
	font-size: 17px;

color:#080833;
	padding-left: 5px;

}


.columnprofilejktta h5 {
	
	color:#080833;
	border-bottom: 3px solid #f1f1f1;
padding-left: 5px;
	font-size:11px;

	
}
.columnprofilejktta h4{
	
	font-size: 10px;
padding-left: 5px;

	
}
.columnprofilejktta h6{
	padding-left: 5px;
	font-size:11px;
	font-weight:normal;
}

.columnprofilejktta h3 {
	
	

padding-left: 5px;
	font-size:12px;

	
}


/* change according to data */
/*
.columnprofilejkta img {
	width:100px;
	height:130px;
  box-shadow: 0 0 25px -6px black;
	
}*/


.columnprofilejkta img {
	width:120px;
	height:150px;
  box-shadow: 0 0 20px -6px black;
  border-style: solid;
  
	
}

.columnprofilejkta:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(0.9); 
}




/* Clear floats after image containers */
.rowprofilejkta::after {
  content: "";
  clear: both;
  display: table;
}


.profileheadjkta {
	width: 100%;
	  
  flex-wrap: wrap;
    border-top-right-radius: 4px;
  border-top-left-radius: 4px;
   	 
	 background: white;
	  border: 2px solid RGBA(225, 225, 225, 0.8);
	  box-shadow: 0px 0px 0px -6px black;
}






  .accordion {
      background-color: #32789D;
      color: white;
      cursor: pointer;
     padding: 10px 20px;
      width: 100%;
    	border: 1px solid #ddd;
      text-align: left;
      outline: none;
      font-size: 14px;
      transition: 0.4s;
	  text-decoration: none;
	    margin: 4px 2px;
	   border-radius: 16px;
	  
	  
	    }
    
    .accordion.active,
    .accordion:hover {
      background-color: #000;
    }
    
    .panel {
      padding: 0 18px;
      background-color: #32789D;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }
	
	
	
	
	.cardsstuddepttech {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
 
  justify-content: space-around;
  	transition: transform .2s;
	
	padding-bottom:10px;

}

.cardstdepttech {
  margin: 8px;
  position: relative;
  
  width: 300px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.cardstdepttech img {
 
  width: 100%;
  height: auto;
  border: 2px solid #32789D;
 

}




.cardstdepttech p{
	
	text-align:center;
	font-weight:bold;
	font-size:13px;
	
}

.cardstdepttech h3{
	
	
	font-size:13px;
	
}
.cardstdepttech ol{
	padding-left:25px;
}

.columndepttech img:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  box-shadow: 0 0 40px -6px #96b5e3;
}
      .blink {
        animation: blink-animation 1s steps(5, start) infinite;
        -webkit-animation: blink-animation 1s steps(5, start) infinite;
		color:blue;
		font-size:15px;
      }
      @keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
	  
	  
	  
	      /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 057 css*/
        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}
		
		
		.careerwindow {
			
		background:white;
		width:100%;
		border: 1px solid #ddd;
		padding: 10px 35px 35px 35px;
		float:left;
		text-align: justify;
	
		}
		
			.careerwindownews {
			
		background:white;
		width:100%;
		border: 1px solid #32789D;
		padding:15px;
		float:left;
		text-align: justify;
	
		}

	.careerwindowjk {
	background: white;
	width: 100%;
	border: 1px solid #ddd;
	padding: 15px;
	float: left;
	text-align: justify;
	height: 600px;
	overflow-x: auto;
}




	.careerwindowjkk {
	background: white;
	width: 100%;
	border: 2px solid #32789D;
	padding: 1px;
	float: left;
	text-align: justify;
	height: 600px;
	overflow-x: auto;
}

	
	
	.whatsnewc {
  float: left;
  width: 60%;
  padding: 10px;
  padding-top:50px;
  height: 300px; /* Should be removed. Only for demonstration */
}
.whatsnewc1 {
  float: right;
  width: 30%;
 padding-top:15px;

  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.whatsnewr:after {
  content: "";
  display: table;
  clear: both;
}




		#imgjk2 {
	max-width:250px;
	max-height: 150px;
	
}

		.columnabout1 {
  float: left;
  padding: 10px 10px;

  width: 100%;

}


.columnabout h1 {
	color:#080833;
padding-left: 10px;
	font-size: 17px;
	
}

.columnabout h4 {

	color:#080833;
	font-size: 14px;
	
}

.columnabout h3 {
color:#080833;
	font-size: 14px;
	
}


.columnabout a {

	font-weight:bold;
	font-size: 16px;
	color: brown;
}

.columnabout h5 {

	
	font-size: 16px;
	color: brown;
	line-height: 1em;
}
/* Clearfix (clear floats) */
.rowabout::after {
  content: "";
  clear: both;
  display: table;
}

.directorst {
background:white;
float: right;

}

.fa-linkedin-square {
	color:#0A66C2;
}

.fa-youtube-square , .fa-google-plus-square {
	color:red;
}









 #myULjk {
  list-style-type: none;
}

#myULjk {
  margin: 0;
  padding: 0;
}

.caretjk {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
   color:#030e8a;
   font-size: 15px;
 
}

.caretjk::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
  line-height:3em;
     color:#030e8a;
}

#publicationimg {
	
display: block;
      margin: 0 auto;
	  
}




.directormessagec {
  float: left;
  width: 25%;
  background:white;
    border-top: solid 1px #ccc;
	 border-left: solid 1px #ccc;
	  border-bottom: solid 1px #ccc;
	height:275px;
}

.directormessagec1 {
  float: left;
  width: 75%;
   background:white;
     border-top: solid 1px #ccc;
	  border-right: solid 1px #ccc;
	   border-bottom: solid 1px #ccc;
	 height:275px;
}

/* Clear floats after the columns */
.directorrow:after {
  content: "";
  display: table;
  clear: both;
  
}



.directorimage img {
	
  border-radius:50%;
max-width:120px;
	height:135px;
margin-left: auto;
  margin-right: auto;
   box-shadow: 0 0 40px -6px #96b5e3;
   text-align: center;
  
	
}

.directorimage:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.directorimage {
	transition: transform .2s;
     padding: 45px 55px 45px 75px;


 

   
}

.directorimage p{
	padding-top:10px;
	font-size: 12px;
	font-weight: bold;
text-align: center;

	
}

.directormessagec1 p {
	text-align: justify;
	padding: 10px;
	
}


.directorimage1 img {
	

max-width:180px;
	height:140px;


   text-align: center;
  
  
	
}

.directorimage1:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
.directorimage1 {
	transition: transform .2s;
  /*   padding: 45px 25px 45px 25px;*/

padding: 10px 0px 10px 0px;
 

   
}

.directorimage12 {
	transition: transform .2s;
  /*   padding: 45px 25px 45px 25px;*/

padding: 10px 0px 10px 0px;
 

   
}

.directorimage12 img {
	

max-width:180px;
	height:140px;

   text-align: center;
  
  
	
}

.directorimage12:hover {
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}





.directorimage1 p{
	padding-top:10px;
	font-size: 10px;
	font-weight: bold;


	
}


.directormessagec11 p{

font-size:13px;
}

.directormessagecjk {
  float: left;
  width: 35%;
  background:white;

	height:160px;
}

.directormessagec11 {
  float: left;
  width: 65%;
   background:white;

	 height:160px;
	
}

/* Clear floats after the columns */
.directorrow1:after {
  content: "";
  display: table;
  clear: both;
  
}






.departmentnews {
background-color:#32789D;
  border: none;
  color: white;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
 
  cursor: pointer;

  width:100%;
  font-size: 14px;
}

.departmentnews:hover {
  background-color: #000;
}


.departmentnews  h2 {
	
	
	font-size:14px;
	font-weight:normal;
	color: white;
}

.aboutnews {
	
	height:200px;
background:white;
  border: 2px solid #32789D;
 width:100%;
 
float: left;
overflow:hidden;
}

.aboutnews h6 {
 padding: 1px 20px 1px 20px;
 font-size:13px;
 font-family: 'Poppins';
  font-weight:normal;
}

.aboutnews h2 {
font-size: 14px;
  font-family: 'Poppins';
  font-weight:normal;
 color:white;

}
.aboutnews p {
	border-bottom: solid 1px #ccc;
	font-size:13px;
	 text-align: justify;
}

/*Events Calendar */



.calendar {
  width: 100%;

  background-color: #f2f2f2;
  border: 1px solid #ccc;
  	  font-family: 'Poppins';
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  background-color: #ddd;
  	  font-family: 'Poppins';
}

.days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  padding: 8px;
  background-color: #eee;
  	  font-family: 'Poppins';
}

.dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: 20px;
  text-align: center;
  padding: 8px;
  	  font-family: 'Poppins';
}

.dates > div {
  cursor: pointer;
}

.dates > div:hover {
  background-color: #ccc;
}

#events {
  padding: 8px;
  background-color: #fff;
}

.has-events {
  background-color: #ded9d9;
}

.has-daily-events {
  background-color: #FEDFE1;
}

.has-daily-events:hover::before {
  content: attr(data-daily-text);
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  white-space: nowrap;
}




.has-events:hover::before {
  content: attr(data-text);
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  white-space: nowrap;
}


 
.rtimargine ol{
	padding-left:25px;
}

.today {
  background-color: yellow;
}


/* Publication Search */



 .form-inlinejk {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

.form-inlinejk label {
  margin: 5px 10px 5px 0;
 
}

.form-inlinejk input, select {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;

}
#EmpName, #Designation, #DivisionName, #pname , #name, #contact, #organization, #email,#message{
	width:500px;
}
.form-inlinejk button {
  padding: 10px 20px;
  background-color: dodgerblue;
  border: 1px solid #ddd;
  color: white;
  cursor: pointer;
}

.form-inlinejk button:hover {
  background-color: royalblue;
}





.publicationsall h2{
	font-size:14px;
	font-weight:bold;
	 text-align: justify;
  text-justify: inter-word;
}

.publicationsall h3{
font-size:12px;
	 text-align: justify;
  text-justify: inter-word;
  padding-left:15px;
	
}
.publicationsall h4{
font-size:12px;
	 text-align: justify;
  text-justify: inter-word;
  padding-left:15px;
	border-bottom: 1px solid #ddd;
}
.highlight {
    background-color: yellow;
    font-weight: bold;
  }
  
  
.departmentpeoplec {
  width: 14.28%;
  background-color: white;
  height: 125px;
  float: left;
  transition: transform .2s;
  padding: 0px;
  box-sizing: border-box; /* Include padding in the total width */

  overflow: hidden; /* Hide any overflow from the image */
  line-height: 0; /* Remove the gap between container and image */
}

.departmentpeoplec p {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin: 0; /* Reset default paragraph margin */
}

.departmentpeoplec img {
  display: block;
  margin: 0; /* Remove the margin */
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cover the container with the image */
  
  border-radius: 0; /* Apply the same border radius as the container */
}




 
/* Clear floats after image containers */
.departmentpeopler::after {
  content: "";
  clear: both;
  display: table;
}

.departmentpeoplec:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
	



.selected {
  background-color: #32789d;
  color: white;
}


/* Resume */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
 
}


.boldjk {
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
}

.boldjkk {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color:white;
  margin-top:5px;
}






.semi-boldjk {
  font-weight: 500;
  font-size: 16px;
}

.semi-boldjk a {
	color:blue;
}

.resume {
  width: 100%;
  height: auto;
  display: flex;
  margin: 50px auto;
}

.resume .resume_left {
  width: 320px;
  background: #32789d;
}

.resume .resume_right {
  width: 880px;
  background: #fff;
  padding: 0px 25px 25px 25px;
}

.resume .resume_left .resume_profile {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top:5px;
  width: 50%;
  height: 180px;
  
 }

.resume .resume_left .resume_profile img {
  width: 100%;
  height: 100%;
}

.resume .resume_left .resume_content {
  padding: 0 25px;
}

.resume .titlejk {
  margin-bottom: 20px;
}

.resume .resume_left .boldjk {
  color: #fff;
}

.resume .resume_left .regularjk {
  color: #b1eaff;
}

.resume .resume_item {
  padding: 0px 0px 20px 0px;
  border-bottom: 2px solid #32789d;
   text-align: justify;
  text-justify: inter-word;
}

.resume .resume_left .resume_item:last-child,
.resume .resume_right .resume_item:last-child {
  border-bottom: 0px;
}

.resume .resume_left ul li {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

.resume .resume_left ul li:last-child {
  margin-bottom: 0;
}

.resume .resume_left ul li .iconjk {
  width: 35px;
  height: 35px;
  background: #fff;
  color: #0bb5f4;
  border-radius: 50%;
  margin-right: 15px;
  font-size: 16px;
  position: relative;
}

.resume .iconjk i,
.resume .resume_right .resume_hobby ul li i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.resume .resume_left ul li .datajk {
  color: #b1eaff;
}

.resume .resume_left .resume_skills ul li {
  display: flex;
  margin-bottom: 10px;
  color: #b1eaff;
  justify-content: space-between;
  align-items: center;
  text-align:left;
}

.resume .resume_left .resume_skills ul li .skill_namejk {
  width: 100%;
line-height:18px;
  top: 0;
  left: 0;


}





.resume .resume_left .resume_social .semi-boldjk {
  color: #fff;
  margin-bottom: 3px;
}



.resume .resume_right .boldjk {
  color: #32789d;
}

.resume .resume_right .resume_work ul,
.resume .resume_right .resume_education ul {
  padding-left: 40px;
  overflow: hidden;
}

.resume .resume_right ul li {
  position: relative;
}

.resume .resume_right ul li .datejk {
  font-size: 16px;
  font-weight: 500;

}

.resume .resume_right ul li .infojk {
  margin-bottom: 20px;
}

.resume .resume_right ul li:last-child .infojk {
  margin-bottom: 0;
}

.resume .resume_right .resume_work ul li:before,
.resume .resume_right .resume_education ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -25px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #32789d;
}

.resume .resume_right .resume_work ul li:after,
.resume .resume_right .resume_education ul li:after {
  content: "";
  position: absolute;
  top: 14px;
  left: -21px;
  width: 2px;
  height: 115px;
  background: #32789d;
}

.resume .resume_right .resume_hobby ul {
  display: flex;
  justify-content: space-between;
}

.resume .resume_right .resume_hobby ul li {
  width: 80px;
  height: 80px;
  border: 2px solid #32789d;
  border-radius: 50%;
  position: relative;
  color: #32789d;
}

.resume .resume_right .resume_hobby ul li i {
  font-size: 30px;
}

.resume .resume_right .resume_hobby ul li:before {
  content: "";
  position: absolute;
  top: 40px;
  right: -52px;
  width: 50px;
  height: 2px;
  background: #32789d;
}

.resume .resume_right .resume_hobby ul li:last-child:before {
  display: none;
}

.contentareajk {
  


  display: none;
  overflow: auto;
 
 text-align: justify;
  text-justify: inter-word;

}


.resume .resume_right .resume_about li
{
	list-style-type: decimal; 
	line-height: 2;
	font-size:13px;
	}
	
	
	.fa-plus {
	color:#a3a0a0;
	
}

.infojk h2 {
font-size:16px;	
font-weight:normal;
}



.cardsstud {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  	transition: transform .2s;
	    height:600px;

}

.cardst {
  margin: 20px;
  position: relative;
  max-width: 150px;
  max-height: 200px;
   box-shadow: 0 40px 60px -6px black;
  
}


.cardst h6 {
font-size:12px;
font-weight:normal;
}

.card-titlestud {
  display: block;
  font-size: 14px;
  font-weight:bold;
  text-align: center;
  color: #fff;
color:black;
  padding: 1% 1%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.card-titlestud1 {
  display: block;
  font-size: 12px;
  font-weight:bold;
  text-align: center;
  color: #fff;
color:black;
  padding: 1% 1%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
} 


.cardst img {
  width: 150px;
  height: 150px;
  object-fit: fill;
  display: block;
  position: relative;
}

.card-descstud {
  
  font-size: 10px;
  position: absolute;
  height: 0;
  top: 0;
  opacity: 0;
  padding: 4px 2%;
  background-color: white;
  overflow-y: scroll;
  transition: 0.8s ease;
  
}




.cardst:hover .card-descstud {
  opacity: 1;
  height: 100%;
}

.card-descstud p {
	
	font-size:5px;
}

.m-0 {
	
	text-align: justify;
}








/* Style the form container */
.form-inlinejkkk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

/* Style the form inputs */
.form-inlinejkkk input,
.form-inlinejkkk textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border: none;
  border-radius: 5px;
  background-color: #f2f2f2;
  font-size: 16px;
  font-family: Arial, sans-serif;
}

/* Style the form labels */
.form-inlinejkkk label {
  font-size: 16px;
  font-family: Arial, sans-serif;
  margin-bottom: 5px;
}

/* Style the form button */
.form-inlinejkkk button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  font-family: Arial, sans-serif;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

/* Style the form button on hover */
.form-inlinejkkk button:hover {
  background-color: #3e8e41;
}


/* Style the form inputs on small screens */
@media screen and (max-width: 600px) {
  .form-inlinejkkk input,
  .form-inlinejkkk textarea {
    width: 100%;
    margin-bottom: 10px;
  }
}
/* Style the form inputs on small screens */
@media screen and (max-width: 600px) {
  .form-inlinejkkk input,
  .form-inlinejkkk textarea {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 480px) {
  .form-inlinejkkk {
    padding: 10px;
  }
  
  .form-inlinejkkk input,
  .form-inlinejkkk textarea {
    margin-bottom: 15px;
  }
  
  .form-inlinejkkk button {
    padding: 8px 16px;
  }
  
  .form-inlinejkkk label {
    font-size: 14px;
    margin-bottom: 3px;
  }
  
  .form-inlinejkkk input,
  .form-inlinejkkk textarea,
  .form-inlinejkkk button {
    font-size: 14px;
  }
}

@media screen and (max-width: 400px) {
  .form-inlinejkkk {
    padding: 5px;
  }
  
  .form-inlinejkkk input,
  .form-inlinejkkk textarea {
    margin-bottom: 10px;
  }
  
  .form-inlinejkkk button {
    padding: 6px 12px;
  }
  
  .form-inlinejkkk label {
    font-size: 12px;
    margin-bottom: 2px;
  }
  
  .form-inlinejkkk input,
  .form-inlinejkkk textarea,
  .form-inlinejkkk button {
    font-size: 12px;
  }
}

@media screen and (max-width: 300px) {
  .form-inlinejkkk {
    padding: 5px;
  }
  
  .form-inlinejkkk input,
  .form-inlinejkkk textarea {
    margin-bottom: 5px;
  }
  
  .form-inlinejkkk button {
    padding: 4px 8px;
  }
  
  .form-inlinejkkk label {
    font-size: 10px;
    margin-bottom: 1px;
  }
  
    .form-inlinejkkk input,
  .form-inlinejkkk textarea,
  .form-inlinejkkk button {
    font-size: 10px;
  }
}










	 .itemde {
      position: relative;
    }
 
	   .itemde a{
      display: block;
      width: 150px;
      height: 100px;
      border: 5px solid #fff;
    }
	
	
    .captionde {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 150px;
      padding: 5px;
      background-color: rgba(245,245,245,0.4);
      color: #000;
      font-size: 10px;
      text-align: center;
    }
    .caption-titlede {
      font-weight: bold;
    }
    .caption-subtitlede {
      font-weight: bold;
	  
    }
	
	
	



	
	
	
	
	
.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  padding: 5px;
  width: 20px;
  height: 25px;
  font-size: 24px;
  cursor: pointer;
  border: 1px solid #000 !important; /* Add the !important declaration */
  background-color: rgba(255, 255, 255, 0.5);
  color: #333;
}

.owl-prev {
  left: 0;
}
.owl-next {
  right: 0;
}






.goog-logo-link, .goog-te-gadget {
  visibility: hidden !important;
}

/* Show language selection dropdown */
.goog-te-combo {
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
}






















#myChart, #myChart1, #myChart2, #myChart3, #myChart4 {
    width: 100%;
    height: auto;
  }
  .chart-container {
    max-width: 700px;
    margin: auto;
  }
  
  
  .video-container {
			display: inline-block;
			margin: 10px;
			width: 300px;
		}
		video {
			width: 100%;
		}
		
		
		
	.peoplehover:hover {
	-ms-transform: scale(0.9); /* IE 9 */
  -webkit-transform: scale(0.9); /* Safari 3-8 */
  transform: scale(0.9); 
}
	
		
	.peoplehover {
	transition: transform 0.3s ease; /* Add a transition for a smooth effect */
}
	
		
.cardsstudall {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px; /* Equal spacing between images */
  padding-left: 20px; /* Spacing on the left side */
  padding-right: 20px; /* Spacing on the right side */
  transition: transform .2s ease;
}


		.cardsstudalldirect {
  width: 100%;

  justify-content: space-around;
  	transition: transform .2s ease;


}


.cardstall {
  margin: 20px;
  position: relative;
  max-width: 150px;
  max-height: 250px;
   box-shadow: 0 10px 10px -6px #95969c;

}


.cardstall img {
  width: 150px;
  height: 180px;
  object-fit: fill;
  display: block;
  position: relative;
    
}

.card-titlestudall {
  display: block;
  font-size: 10px;
  font-weight:bold;
  text-align: center;
  color: #fff;
color:black;
  padding: 1% 1%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
 
}





.button-containerpeople {
  display: flex;
  flex-wrap: nowrap;
}

.button-containerpeople a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px; /* Adjust padding as desired */
  transition: transform 0.3s ease;
  margin-right: 0px; /* Add spacing between buttons */
}

.button-containerpeople a:last-child {
  margin-right: 0; /* Remove margin on the last button */
}

.button-containerpeople a img {
  transition: transform 0.3s ease;
  height: auto;
 
}

.button-containerpeople a:hover {
  transform: scale(1.1);
}




.buttonpeople {
    padding: 10px 20px;
    background-color: #B2BEB5;
    color: black;
    border: none;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
	font-size:18px;
}

.buttonpeople::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    z-index: -1;
}

.buttonpeople:hover {
    transform: translateY(-5px);
}

.buttonpeople:hover::before {
    top: 0;
}



	  	/*  JK people  */
	
	.mySlidesjk {display: none;}
.mySlidesjk img {vertical-align: middle;
}

/* Slideshow container */
.slideshow-containerjk {
  max-width: 100%;
  position: relative;
  margin: auto;
}



/* The dots/bullets/indicators */
.dotjk {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activejk {
  background-color: #717171;
}


/* Fading animation */
.fadejk {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fadejk {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .textjk {font-size: 11px}
}

.column-profilejk {
  column-count: 2;
  column-gap: 20px;
}

.column-profilejk p {
  break-inside: avoid;
  margin-bottom: 20px;
  border: 1px solid #a4a4a4;
  padding: 20px;
}


.deptheading h4{
	
	text-align:center;
	color:blue;
}


.showEmailLink:hover {
  cursor: pointer;
}
  
  
  .column-profilejk1  {
  
  margin-bottom: 20px;
  border: 1px solid #a4a4a4;
  padding: 20px;
}


#scrollContainer {
  height: 150px; /* Adjust this value as needed */
  overflow: hidden;
  position: relative;
}

#scrollContainer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  animation: scroll 40s linear infinite;
  animation-play-state: running;
  transition: transform 0.5s ease-in-out;
}

#scrollContainer:hover ul {
  animation-play-state: paused;
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

#scrollContainer li {
  line-height: 1.5; /* Adjust this value to reduce line spacing */
}

	
@keyframes scroll {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}




#scrollContainerjk {
    height: 150px; /* Adjust this value as needed */
    overflow: hidden;
    position: relative;
	
}


#scrollContainerjk ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    animation: scrolljk 20s linear infinite;

}
#scrollContainerjk li{
	    line-height: 1.5; /* Adjust this value to reduce line spacing */
}
	
	
@keyframes scrolljk {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}




.fa-facebook , .fa-linkedin  {

color:white;
}

  .strip {
      background-color: #32789D;
	  color:white;
      padding: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
	  border: 2px solid #32789D;
    }

    .date-time {
      font-size: 12px;
	  
    }

    .weather {
      font-size: 12px;
    }

    .social-media {
      display: flex;
      align-items: center;
    }

    .social-media a {
      margin-right: 10px;
      color: #555;
    }
	
	
	
.careertendernewcolumn {
  padding: 1px;
  float: left;
  width: 16.5%;
  height: 100px;
  border: 3px solid #fff; /* Off-white border color */
  overflow: hidden; /* Prevent content overflow */
  background-size: cover; /* Image will cover the entire element */
  background-position: center center; /* Image will be centered */
}

.careertendernewcolumn:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  box-shadow: 0 0 40px -6px #96b5e3;
}

/* Clear floats after the columns */
.careertendernew:after {
  content: "";
  display: table;
  clear: both;
}




.departmenttab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fff;
  padding-left:2px;

}

/* Style the buttons inside the tab */
.departmenttab button {
  background-color: #32789D;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 12px;
  transition: 0.3s;
 
  color:white;
  border-radius:50px;
   border: 0px solid #ccc;
   width: 232px;
   font-size:14px;
   letter-spacing:1px;
  
}

/* Change background color of buttons on hover */
.departmenttab button:hover {
  background-color: #000;
}

/* Create an active/current tablink class */
.departmenttab button.active {
  background-color: #000;
}

/* Reset background color of non-active buttons */
.departmenttab button:not(.active) {
  background-color: #32789D;
}

/* Reset text color of non-active buttons */
.departmenttab button:not(.active) {
  color: white;
}

/* Reset border color of non-active buttons */
.departmenttab button:not(.active) {
  border-color: #ccc;
}



.departmentaboutnews {
  background-color: #32789D;
  border: none;
  color: white;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  display: flex; /* Use flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 50px;
  width: auto;
  font-size: 14px;
}



.departmentaboutnews h2 {
	color: white;
	font-size:14px;
	
}


.departmentaboutnews:hover {
  background-color: #000;
}





.departmenttabnew {
  overflow: hidden;
display: flex;
  justify-content: left;
 background-color:#32789D;
}

/* Style the buttons inside the tab */
.departmenttabnew button {
  background-color: #124b69;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 14px;
  transition: 0.3s;
  font-size: 14px;
  color:white;
  border-radius:50px;

     margin: 0;
 

}

/* Change background color of buttons on hover */
.departmenttabnew button:hover {
  background-color: #000;
}


/* News Slider */
.card-slidernewsjk {
  overflow: hidden;
  width: auto; /* Adjust width as needed */
  margin: 0 auto; /* Center the slider */
  perspective: 1000px; /* Add perspective for 3D effect */
}

.slider-containernewsjk {
  display: flex;
  transition: transform 0.5s ease;
}

.cardsnewsjk {
  display: flex;
}

.cardnewsjk {
  flex: 0 0 300px;
  width: 300px; /* Fix the width of the card */
  margin-right: 10px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  transform-style: preserve-3d; /* Enable 3D transformation */
  transform: translateZ(0); /* Enable hardware acceleration */
  transition: transform 0.5s ease;
}

.cardnewsjk p {
  font-size: 14px;
  text-align: justify;
  padding: 10px;
  
}

.cardnewsjk:hover {
  transform: translateZ(50px) rotateY(20deg); /* Apply translation and rotation on hover */
}

.card-slidernewsjk:hover .cardnewsjk:not(:hover) {
  transform: scale(0.8);
  opacity: 0.6;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.cardnewsjk img {
  width: 100%;
  height: 200px; /* Set a fixed height for the image */
  object-fit: contain; /* Ensure the entire image fits within the fixed height */
}

.prev-btnnewsjk,
.next-btnnewsjk {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.5); /* Set a semi-transparent white background */
  border: none;
  cursor: pointer;
  color: #333; /* Set the color of the buttons */
}

.prev-btnnewsjk {
  left: 0px;
}

.next-btnnewsjk {
  right: 0px;
}




  
  
.departmentpeoplecj {
  width: 16.66%;
  background-color: white;
  height: 70px;
  float: left;
  transition: transform .2s;
  padding: 0px;
  box-sizing: border-box; /* Include padding in the total width */

  overflow: hidden; /* Hide any overflow from the image */
  line-height: 0; /* Remove the gap between container and image */
}

.departmentpeoplecj p {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin: 0; /* Reset default paragraph margin */
}

.departmentpeoplecj img {
  display: block;
  margin: 0; /* Remove the margin */
  width: 100%;
  height: 100%;
  object-fit: contain; /* Cover the container with the image */
  
  border-radius: 0; /* Apply the same border radius as the container */
}



.departmentpeoplecj:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
	
	
	
	
	/* opportunities */
	
	
	.departmentaboutopp {
  background-color:#f0f0f0;
  border: none;
  color: white;
  padding: 8px 12px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
 
  width:100%;
  font-size: 14px;
}


.departmentaboutopp h2 {
 color: black;
	font-size:14px;
	font-weight:normal;
	
}


.departmentaboutopp:hover {
  background-color: #fff;
  color:black;
}






.departmenttabnewopp {
  overflow: hidden;
display: flex;
  justify-content: left;
 background-color:#DDD;
}

/* Style the buttons inside the tab */
.departmenttabnewopp button {
 
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 14px;
  transition: 0.3s;
  font-size: 14px;
  color:#DDD;
  border-radius:50px;

     margin: 0;
 

}

/* Change background color of buttons on hover */
.departmenttabnewopp button:hover {
  background-color: #fff;
}





.departmenttabopp {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fff;
  padding-left:2px;
  


}

/* Style the buttons inside the tab */
.departmenttabopp button {
  background-color: #DDD;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 12px;
  transition: 0.3s;
 
  color:black;
  border-radius:50px;
   border: 0px solid #ccc;
   width: 232px;
   font-size:14px;
   letter-spacing:1px;
  
   
  
}

/* Change background color of buttons on hover */
.departmenttabopp button:hover {
  background-color: #fff;
}

/* Create an active/current tablink class */
.departmenttabopp button.active {
  background-color: #fff;
}

/* Reset background color of non-active buttons */
.departmenttabopp button:not(.active) {
  background-color: #DDD;
}

/* Reset text color of non-active buttons */
.departmenttabopp button:not(.active) {
  color: black;
}

/* Reset border color of non-active buttons */
.departmenttabopp button:not(.active) {
  border-color: #ccc;
}
















	.departmentaboutoppj {
  background-color: #f0f0f0;
border: 1px solid #000;
  color: white;
  padding: 8px 12px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
 
  width:100%;
  font-size: 14px;
}


.departmentaboutoppj h2 {
 color: black;
	font-size:14px;
	font-weight:normal;
	
}


.departmentaboutoppj:hover {
  background-color: #fff;
  color:black;
}





.departmentpeopledj {
  width: 25%;
  background-color: white;
height:400px;
  float: left;
  transition: transform .2s;
  padding: 0px;
  box-sizing: border-box; /* Include padding in the total width */

  overflow: hidden; /* Hide any overflow from the image */
  line-height: 0; /* Remove the gap between container and image */
}

.departmentpeopledj p {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin: 0; /* Reset default paragraph margin */
}

.departmentpeopledj img {
  display: block;
  margin: 0; /* Remove the margin */
  width: 100%;
  height: 100%;
  object-fit: contain; /* Cover the container with the image */
  
  border-radius: 0; /* Apply the same border radius as the container */
}

.departmentpeopledj:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}






/* Dept Slides */

.card-slidernewsjkj {
  overflow: hidden;
  width: auto; /* Adjust width as needed */
  margin: 0 auto; /* Center the slider */
  perspective: 1000px; /* Add perspective for 3D effect */
}

.slider-containernewsjkj {
  display: flex;
  transition: transform 0.5s ease;
}

.cardsnewsjkj {
  display: flex;
}

.cardnewsjkj {
  flex: 0 0 200px;
  
  margin-right: 10px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  transform-style: preserve-3d; /* Enable 3D transformation */
  transform: translateZ(0); /* Enable hardware acceleration */
  transition: transform 0.5s ease;
}



.cardnewsjkj:hover {
  transform: translateZ(50px) rotateY(20deg); /* Apply translation and rotation on hover */
}

.card-slidernewsjkj:hover .cardnewsjkj:not(:hover) {
  transform: scale(0.8);
  opacity: 0.6;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.cardnewsjkj img {
  width: auto;
  height: auto; /* Set a fixed height for the image */
  object-fit: contain; /* Ensure the entire image fits within the fixed height */
}
.prev-btnnewsjkj,
.next-btnnewsjkj {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.5); /* Set a semi-transparent white background */
  border: none;
  cursor: pointer;
  color: #333; /* Set the color of the buttons */
}

.prev-btnnewsjkj {
  left: 0px;
}

.next-btnnewsjkj {
  right: 0px;
}



/* support Dept Slides */


.card-slidernewsjkjk {
  overflow: hidden;
  width: auto; /* Adjust width as needed */
  margin: 0 auto; /* Center the slider */
  perspective: 1000px; /* Add perspective for 3D effect */
}

.slider-containernewsjkjk {
  display: flex;
  transition: transform 0.5s ease;
}

.cardsnewsjkjk {
  display: flex;
}

.cardnewsjkjk {
  flex: 0 0 200px;
  
  margin-right: 10px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  transform-style: preserve-3d; /* Enable 3D transformation */
  transform: translateZ(0); /* Enable hardware acceleration */
  transition: transform 0.5s ease;
}



.cardnewsjkjk:hover {
  transform: translateZ(50px) rotateY(20deg); /* Apply translation and rotation on hover */
}

.card-slidernewsjkjk:hover .cardnewsjkjk:not(:hover) {
  transform: scale(0.8);
  opacity: 0.6;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.cardnewsjkjk img {
  width: auto;
  height: auto; /* Set a fixed height for the image */
  object-fit: contain; /* Ensure the entire image fits within the fixed height */
}
.prev-btnnewsjkjk,
.next-btnnewsjkjk {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.5); /* Set a semi-transparent white background */
  border: none;
  cursor: pointer;
  color: #333; /* Set the color of the buttons */
}

.prev-btnnewsjkjk {
  left: 0px;
}

.next-btnnewsjkjk {
  right: 0px;
}



    .swiper-container{
      width: 100%;
      height: 100%;
    }

    .swiper-slide  {
      position: relative;
    }

    .slide-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .slide-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 24px;
      text-align: center;
    }
	

.image-textjk {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size:20px;
  line-height: 25px;
  background-color: rgba(0, 0, 0, 0.5);
}

.image-containerjk {
  position: relative;
}