*{

 padding:0px;

 margin:0px;

 border:none;

 outline:0;

 text-decoration:none;

 box-sizing:border-box;

}

/*========important========*/

h4{

	font-weight:bold;

	color:#fff;

	font-size:24px!important;

}

footer {

	background-color:#004F8A;

}

.footer p {

	text-align:center !important;

	color:#FFF;

}

.p_0{

	padding:0;

}

.px_0{

	padding-left:0;

	padding-right:0;

}

.bg-main{

	background:#004F8A;

}

.bg-secondary{

	background: #ECE9E6;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to bottom, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to bottom, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	padding:10px 0px;

}

/*.large-view{

	display:block;

}*/

.small-view {

	display:none;

}

.m-view{

	display:none;

}

.gap{

	margin-bottom:5px;

}

.row-gap{

	margin-bottom:30px;

}

.section-margin{

	margin-top:50px;

}

/*========logo=========*/

.clglogo{

/*-webkit-clip-path: polygon(100% 0, 100% 77%, 48% 100%, 0 77%, 0 0);

clip-path: polygon(100% 0, 100% 77%, 48% 100%, 0 77%, 0 0);*/

-webkit-border-bottom-right-radius: 100px;

-webkit-border-bottom-left-radius: 100px;

-moz-border-radius-bottomright: 100px;

-moz-border-radius-bottomleft: 100px;

border-bottom-right-radius: 100px;

border-bottom-left-radius: 100px;

background:#fff;

width: 131px;

height: 151px;

position: absolute;

top: 0;

left: 50px;

filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.1));

-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);

box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75);

}

.clglogo img{

display:block;

margin:10px auto;

width:95%;

}

/*==/////End-logo///////==*/

/*========Clg-name=========*/

#clg-name{

		text-align:center;

	}

.text-main{

	color:#004F8A;

	text-shadow:0px 3px 2px #ccc;

}

.clg-info{

font-size: 16px;

font-weight:500;

color:#333;

text-align:center;

padding-top:0px;

padding-bottom:5px;

}

.clg-info p{

	margin-bottom:0;

}

#clg-name-media{

	display:none;

}

/*==/////Clg-name///////==*/

/*========nav=========*/

#menu{

	order:1;

}

.navbar-toggler{

	border:none;

	outline:none!important;

}

nav .nav-link{

	color:#fff!important;

	font-size:13px;

	text-transform:uppercase;

	padding:8px !important;

}
.highlight {
	background: #c21500;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #ff7e00, #c21500);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #ff7e00, #c21500); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.highlight2 {
	background: #52c234;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #061700, #52c234);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #061700, #52c234); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.navbar-nav li:hover > ul.dropdown-menu {

    display: block;

}

.dropdown-submenu {

    position:relative;

}

.dropdown-submenu>.dropdown-menu {

    top:0;

    left:100%;

    margin-top:-6px;

}

.dropdown-menu > li > a:hover:after {

    text-decoration: underline;

    transform: rotate(-90deg);

} 



.dropdown-menu > li > a:hover{

    text-decoration: underline;

	background:#004F8A;

	color:#fff;

	transition:.2s;

} 

.dropdown-item{

	font-size:14px;

	text-transform:uppercase;

}

/*==/////End-nav///////==*/

/*========Banner=========*/

.banner-links-left{

	padding:0px 0;

}

.banner-links-left ul{

	list-style:none;

	margin:0;

	padding:0;

}

.banner-links-left ul li{

	margin:0;

	padding:0;

	text-align:center;

	/*margin-bottom:4.7px;*/

}

.banner-links-left ul li a{

	text-decoration:none;

	color:#fff;

	display:block;

	padding:16.9px 10px;

	border-bottom:1px solid #004F8A;

	transition:.5s;

	background-color:

	/*background-image: linear-gradient(to bottom, #f5f7fa 0%, #c3cfe2 100%);*/

	position:relative;

	text-transform:uppercase;

	text-align:left;

	font-size:0.875rem;

	background-color:#126caf;

}

.banner-links-left ul li a:before {

	content: "\f00c"; /* FontAwesome Unicode */

	font-family: FontAwesome;

	display: inline-block;

	width: 1.5em; /* same as padding-left set on li */

}

/*.banner-links-left ul li a:after{

	content:"";

	display:block;

	position:absolute;

	width:0px;

	height:2px;

	bottom:0;

	left:0;

	right:0;

	margin:0 auto;

	background:#004F8A;

	transition:0.5s;

}*/

.banner-links-left ul li a:hover{

	color:#00fffc;

	background:#004F8A;

}

.banner-links-left ul li a:hover:after{

width:100%;

}

.banner-links-left ul li:nth-child(13){

	margin-bottom:0px!important;

}

.carousel-item img{

	width:100%;

	height:auto;

}

.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

    height:370px;

}

.carousel-item {

	/*height: 507px;*/

	height: auto;

}

.carousel-indicators li {

    box-sizing: content-box;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    width: 10px;

    height: 10px;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color:#fff;

	background-clip: padding-box;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

    opacity: .5;

    transition: opacity .6s ease;

}

.banner-links-right{

	padding:0px 0;

}

.banner-links-right ul{

	list-style:none;

	margin:0;

	padding:0;

}

.banner-links-right ul li{

	margin:0;

	padding:0;

	text-align:center;

	/*margin-bottom:4.7px;*/

}

.banner-links-right ul li a{

text-decoration:none;

	color:#fff;

	display:block;

	padding:16.9px 10px;

	border-bottom:1px solid #004F8A;

	transition:.5s;

	background-color:

	/*background-image: linear-gradient(to bottom, #f5f7fa 0%, #c3cfe2 100%);*/

	position:relative;

	text-transform:uppercase;

	text-align:left;

	font-size:0.875rem;

	background-color:#126caf;

}

.banner-links-right ul li a:before {

	content: "\f00c"; /* FontAwesome Unicode */

	font-family: FontAwesome;

	display: inline-block;

	width: 1.5em; /* same as padding-left set on li */

}

/*.banner-links-right ul li a:after{

	content:"";

	display:block;

	position:absolute;

	width:0px;

	height:2px;

	bottom:0;

	left:0;

	right:0;

	margin:0 auto;

	background:#004F8A;

	transition:0.5s;

}*/

.banner-links-right ul li a:hover{

	color:#00fffc;

	background:#004F8A;

}

.banner-links-right ul li a:hover:after{

width:100%;

}

.banner-links-right ul li:nth-child(13){

	margin-bottom:0px!important;

}

#media-tabs{

	display:none;

	padding:10px 0;

}

.media-tabs{

	display:flex;

	

}

.popups {

  text-align:center;

  line-height:28px;

  position: relative;

  display: inline-block;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.popups .popuptext {

  visibility: hidden;

  width: 236px;

  height:200px;

  overflow-y:scroll;

  background-color: #fff;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 8px 0;

  position: absolute;

  z-index: 2;

  top: 125%;

  left: 242%;

  margin-left: -80px;

  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);

box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);

}

.popups .show {

  visibility: visible;

  -webkit-animation: fadeIn 1s;

  animation: fadeIn 1s;

}

@-webkit-keyframes fadeIn {

  from {opacity: 0;} 

  to {opacity: 1;}

}



@keyframes fadeIn {

  from {opacity: 0;}

  to {opacity:1 ;}

}

.popups span{

	font-size:16px;

	font-weight:bold;

	text-transform:uppercase;

	padding:7px 10px;

}

.banner-links{

	padding:20px;

}

.banner-links ul{

	list-style:none;

	margin:0;

	padding:0;

}

.banner-links ul li{

	margin:0;

	padding:0;

	text-align:center;

	margin-bottom:4.7px;

}

.banner-links ul li a{

text-decoration:none;

color:#0E76B5;

	display:block;

	padding:6px 6px;

	border:1px solid #fff;

	text-transform:uppercase;

	font-size:15px;

}

a.tab-btn{

padding: 5px 10px;

font-size: 1rem;

line-height: 1.5;

border-radius: 1.25rem;

text-decoration:none;

color:#fff;

background:#3db166;

display:inline-block;

margin-left:16px;

}

/*==/////End-Banner///////==*/

/*========Announcement=========*/

.announcement{

	width:100%;

	height:auto;

	display:flex;

}

.announce-icon{

	padding:10px;

	padding-left:0;

	font-weight:bold;

	display:flex;

	color:#004F8A;

}

.announce-icon p{

	margin-bottom:0;

}

.announce-icon i{

	color:red;

	line-height:25px;

	margin-right:5px;

}

.Blink {

    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;

}

@keyframes blinker {

	form {

		opacity:1;

	}

	to {

		opacity:0;

	}

}

.announce{

	width:100%;

	padding:10px;

}

/*========Notice=========*/

#notice{

	padding:40px 0;

	/*background:#004F8A;*/

	/*background-image:url(images/texture-bg.jpg);

	background-position:left top;

	background-repeat:repeat;*/

	background: #4CA1AF;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to bottom, #C4E0E5, #86cfdb);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to bottom, #C4E0E5, #86cfdb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.notice{

	width:100%;

	display:table;

	padding:10px;

	overflow:hidden;

	background: #2980b9;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to bottom, #2c3e50, #2980b9);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to bottom, #2c3e50, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px; /* future proofing */

	-khtml-border-radius: 5px; /* for old Konqueror browsers */

	-webkit-box-shadow: 0px 5px 3px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    0px 5px 3px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         0px 5px 3px 0px rgba(50, 50, 50, 0.75);

}

.notice-icon {

	float:left;

	height:auto;

	overflow:hidden;

	padding:5px 10px;

}

.notice-icon i{

	color:#fff;

	font-size:21px;

	float:left;

	color:#0FF;

}

.notice-heading {

	float:left;

	height:auto;

	overflow:hidden;

	padding:5px 10px;

}

.notice-heading h4 {

	font-size:18px !important;

	color:#0FF;

}

.notice-info{

	width:100%;

	overflow:hidden;

	/*max-height:88px;*//*height restricted plz change if needed or delete for flexiable**/

	height:250px;

	overflow:hidden;

}

.notice-info p{

	color:rgba(255,255,255, 0.5);

	/*font-weight:600;*/

}

.notice-info p a {

	color:#FFF;

	font-size:14px;

}

.notine-button a{

	text-decoration:none;

	color:#8cfdf5;

	transition:0.5s;

	margin-top:20px;

	background-color:#003;

	padding:5px 9px;

	float:left;

	display:block;

	clear:both;

}

.notine-button a:hover{

	text-decoration-color: #fff;

	background-color:#8cfdf5;

	color:#003;

}

/*==/////End-Notice///////==*/

/*========Workshop=========*/

.principal-area {

	//background-image:url(./images/principal-area-bg.png);

	background-position:right bottom;

	background-repeat:no-repeat;

	background-size:contain;

}

.principal-wraper{

	width:100%;

	display:table;

	padding:35px 20px 20px 20px;

}

.principal-heading{

padding-bottom:20px;

}

.principal-heading h4{

	color:#004F8A;

	width:100%;

}

.principal-heading h4:after{

	left:20px;

}

.principal-main-box-img{

	/*width:100%;

	height:245px;*/

	display:table;

	overflow:hidden;

	padding:30px 0px 50px 0px;

	background-image:url(./images/review-shapes.png);

	background-position:center;

	background-repeat:no-repeat;

	background-size:contain;

}

.principal-main-box-img img{

	width:75%;

	/*height:96%;*/

	padding:2%;

	margin:2% 8%;

	box-shadow: 0px 18px 36px 0px rgba(0, 0, 0, 0.3);

	-webkit-border-top-left-radius: 15px;

	-webkit-border-top-right-radius: 100px;

	-webkit-border-bottom-right-radius: 100px;

	-webkit-border-bottom-left-radius: 75px;

	-moz-border-radius-topleft: 15px;

	-moz-border-radius-topright: 100px;

	-moz-border-radius-bottomright: 100px;

	-moz-border-radius-bottomleft: 75px;

	border-top-left-radius: 15px;

	border-top-right-radius: 100px;

	border-bottom-right-radius: 100px;

	border-bottom-left-radius: 75px;

}

/*.principal-words{

	padding:20px 40px 10px 0;

}*/

.principal-words p{

	text-align:justify;

	color:#333;

	font-size:15px;

}

.principal-words h4 {

	color:#004F8A;

}

.news-wraper{

	width:96%;

	height:auto;

	padding:5%;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	border-radius: 15px; /* future proofing */

	-khtml-border-radius: 15px; /* for old Konqueror browsers */

	/*transition:0.5s;*/

	overflow:hidden;

	margin:20px 0px;

	display:block;

	clear:both;

	border:#b9b9b9 1px solid;

	box-shadow: 0px 0px 10px 0px rgba(21, 87, 153, 0.5);

}

.news-thumnail{

	width:100%;

	min-width:100px;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	margin:0px auto;

}

.news-thumnail img{

	/*transition:0.7s;*/

	width:100% !important;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 30px;

	-webkit-border-bottom-left-radius: 45px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-topright: 0px;

	-moz-border-radius-bottomright: 30px;

	-moz-border-radius-bottomleft: 45px;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	border-bottom-right-radius: 30px;

	border-bottom-left-radius: 45px;

	margin-bottom:20px;

}

/*.news-thumnail:hover.news-thumnail img{

	transform:scale(1.1);

}*/

.news-prev{

	padding-left:20px;

	text-align:center;

}

.news-prev p{

   font-size: 16px;

   font-weight: 700;

   line-height:20px;

}

.news-prev a{

	text-decoration:none;

	color: #004F8A;

	text-transform:uppercase;

	font-size:14px;

	line-height:24px;

	font-weight:bold;

	margin:auto;

}

.news-prev a:hover{

	text-decoration:none;

	color:#3db166;

}

/*************************add button's class css here if neededd***********/

.links-bg{

		//background:url(./images/logo.png)no-repeat center center;
		background-color:#000000;

		background-size:cover;

		height:auto;

		padding:10px;

		border-radius: 30px 30px 30px 30px;

    	box-shadow: 0px 11px 28px 0px rgba(0, 0, 0, 0.45);

		margin:10px;

}

.quick-links{

	width:100%;

	height:auto;

	padding:30px;

}

.quick-links ul{

	list-style:none;

	margin:0;

	padding:0;

}

.quick-links ul li{

	border-bottom:1px solid rgba(255,255,255,0.5);

	margin:0;

	padding:0;

}

.quick-links ul li a{

	text-decoration:none;

	text-transform:capitalize;

	color:#97fffe;

	font-size: 16px;

font-weight: 600;

padding:6.5px 0px;

display:block;

}

/*************************add button's class css here if neededd***********/

/*==/////End-Workshop///////==*/

/*========Gallery=========*/

.overlay{

	position:relative;

	width:100%;

	height:100%;

	/*background:rgba(0,0,0,0.6);*/

	padding:20px 0;

}

.overlay p{

	font-weight:600;

	text-transform:uppercase;

	margin-bottom:0;

	margin-top:18px;

}

.gallery-heading{

	text-transform:uppercase;

	text-align:center;

	padding:20px 0;

}

.video-container{

	width:100%;

	height:315px;

	padding:16px;

	background:rgba(255,255,255,0.5);

}

.chennel-link{

	position:absolute;

	left:0;

	right:0;

	bottom:30px;

	text-align:center;

	display:flex;

	flex-direction:column;

	justify-content:center;

	align-items:center;

}

.chennel-link i{

	color:#ff0000;

	font-size:30px;

	cursor:default;

}

.chennel-link a{

	color:#fff;

	text-decoration:none;

	line-height:24px;

	padding-bottom:5px;

	display:inline-block;

}

/*.gellary-info{

	position:absolute;

	top:50%;

	left:50%;

	transform:translate(-50%,-50%);

	width:70%;

	text-align:center;

}

.gellary-icon {

	color:white;

	font-weight:300;

	font-size:110px;

}

.gellary-text{

	color:#fff;

}

.gellary-text p{

	font-size:20px;

}*/

/*==/////Gallery///////==*/

/*========Information-tab=========*/

.tablink-wraper{

	width:100%;

	display:table;

}

.tablink {

  background-color: #f7f7f7;

  color: #004F8A;

  float: left;

  border: none;

  outline: none!important;

  cursor: pointer;

  padding: 14px 16px;

  font-size: 17px;

  width:25%;

  text-align:center; 

}

.tablink1{

	border-left:2px solid rgba(0,0,0,0.2);

	border-right:2px solid rgba(0,0,0,0.2);

}

.tablink2{

	border-right:2px solid rgba(0,0,0,0.2);

}

.tablink:hover {

  background-color: #3db166;

  color:#fff;

}

.tabcontent {

  color:#000;

  display: none;

  padding:20px 50px 50px 50px;

  text-align:left;

}

#London {background-color:white;}

#Paris {background-color:white;}

#Tokyo {background-color:white;}

#Oslo {background-color:white;}

.tabcontent-wraper{

	width:100%;

	display:flex;

	height:auto;

}

.tab-img-wraper{

	flex-basis:30%;

	display:table;

	padding:10px;

}

.tab-img-wraper img{

	width:100%;

	height:100%;

}

.tab-details-wraper{

	flex-basis:70%;

	display:table;

	padding:50px 10px 10px 40px;

	text-align:justify;

}

.tab-heading h4{

	color:#004F8A;

	font-weight:bold;

	width:100%;

}

.tab-heading h4:after{

	content:"";

	display:inline-block;

	vertical-align:middle;

	position:relative;

	background:#e6e6e6;

	width:70%;

	height:3px;

}

.tab-heading h4:after{

	left:20px;

}

.tab-details{

	width:100%;

	max-height:433px;

	overflow:hidden;

}

.tab-details ul{

	margin:0;

	padding:0;

	list-style:none;

}

.tab-details ul li{

	margin-top:20px;

	padding:0;

}

.notice-daate{

	color:rgba(0,0,0,0.5); 

	margin-bottom:5px;

}

/*==/////end-Information-tab///////==*/

/*========Footer=========*/

.footer-logo{

	width:100%;

	height:100%;

	text-align:center;

	display:flex;

	align-items:center;

}

.footer-name h4 {

	color:#021327;

}

.footer-name p{

	color:#021327;

	font-size:14px;

	font-weight:600;

}

.footer-header h4 {

	color:#03d0dd;

}

.footer-links{

	width:100%;

	height:100%;

	text-transform:capitalize;

	color:#fff;

}

.footer-links ul{

	width:100%;

	height:100%;

	list-style:none;

	margin-left:20px;

	padding:0;

}

.footer-links ul li{

	margin:0;

	padding:0;

	font-weight:600;

}

.footer-links ul li a{

	color:#fff;

	padding:3px 0;

	display:inline-block;

	text-decoration:none;

	transition:0.5s;

	font-size:15px;

	font-weight:600;

}

.footer-links ul li i {

	margin-right:10px;

}

.footer-links ul li a:hover{

	text-decoration:underline;

}

.footer-link-item p{

	font-weight:600;

	color:#121b26;

}

/*======mission-vision-heading==========*/

.section-banner{

	width:100%;

	height:60vh;

	overflow:hidden;

	position:relative;

}

.section-banner img{

	width:100%;

	height:100%;

}

.mission-vision-heading{

	width:100%;

	display:table;

	text-align:center;

	color: #959595;

	font-weight:600;

}

.mission-vision-heading h4{

	color: #004F8A;

	text-transform:uppercase;

}

.mission-vision-text{

	width:100%;

	display:table;

	padding:30px;

	text-align:justify;

	box-shadow: 0px 0px 7px 0px rgba(186,180,186,1);

	transition:0.5s;

	background:#004F8A;

}

.mission-vision-text ul{

	margin:0;

	padding:0;

}

.mission-vision-text ul li{

	line-height:25px;

	padding-bottom:10px;

	font-size:16px;

	color: #959595;

	font-weight:600;

}

.image-style{

	width:100%;

	height:324px;

	background:red;

	overflow:hidden;

	transition:.5s;

}

.image-style img{

	width:100%;

	height:100%;

	transition:.5s;

}

.image-style:hover{

	box-shadow: 0px 0px 7px 0px rgba(186,180,186,1);

}

.image-style:hover img{

	transform:scale(1.1);

}

/*======End-mission-vision-heading==========*/

/*======Begening==========*/

.page-banner-title{

	position:absolute;

	width:50%;

	height:100%;

	top:0;

	right:0;

	bottom:0;

	display:flex;

	justify-content:center;

	align-items:center;

}

.page-banner-title h1{

	text-transform:uppercase;

	color:#fff;

	font-weight:bold;

}

.page-heading{

	width:100%;

	display:table;

	text-align:center;

	color: #959595;

	font-weight:600;

}

.page-heading h4{

	color: #004F8A;

	text-transform:uppercase;

	margin-bottom:0;

}

.beginning-wraper{

	width:100%;

	display:table;

}

.beginning-wraper-img{

	width:40%;

	height:250px;

	float:left;

	margin-right:20px;

	margin-bottom:10px;

	overflow:hidden;

}

.beginning-wraper-img img{

	width:100%;

	height:100%;

}

.beginning-text p{

	text-align:justify;

	color: #959595;

	font-weight:500;

}

/*======End-Begening==========*/

/*======Gov-body==========*/

.custom-card{

	width:100%;

	display:table;

	border:1px solid rgba(0,0,0,.125);

	border-radius:5px;

	transition:.5s;

}

.custom-card:hover{

	 box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;

}

.custom-card-img{

	width:100%;

	height:207px;

	overflow:hidden;

}

.custom-card-img img{

	width:100%;

	height:100%;

	transition:.9s;

}

.custom-card:hover .custom-card-img img{

	transform:scale(1.1);

}

.custom-card-body{

	width:100%;

	height:158px;

	padding:15px;

	background:#f5f5f5;

}

.custom-card-header h4{

	color:#16a085;

	text-transform:uppercase;

	font-size:20px!important;

	margin-bottom:5px;

}

.custom-card-text p{

	color:#004F8A;

	text-transform:uppercase;

	font-weight:600;

	margin-bottom:5px;

}

/*======Gov-body==========*/

/*======Departmant-important==========*/

.department-banner{

	width:100%;

	height:60vh;

	overflow:hidden;

	position:relative;

}

.department-banner img{

	width:100%;

	height:100%;

}

.department-banner-title{

	position:absolute;

	width:55%;

	height:100%;

	top:0;

	right:0;

	bottom:0;

	display:flex;

	justify-content:center;

	align-items:center;

}

.department-banner-title h1{

	text-transform:uppercase;

	color:#fff;

	font-weight:bold;

	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

}



.department-side-menu-wraper{

	width:100%;

	display:table;

	padding:10px;

	background:url(./images/annie-spratt-I3N7dnRn_S0-unsplash.jpg)no-repeat center center;

	background-size:cover;

}

.department-side-menu-wraper ul{

	list-style:none;

	margin:0;

	padding:0;

	min-height:50vh;

}

.department-side-menu-wraper ul li{

	margin:0;

	padding:0;

	display:block;

}

.department-side-menu-wraper ul li a{

	text-decoration:none;

	margin:0;

	padding:0;

	text-transform: capitalize;

    color:#3db166;

    font-size: 17px;

    font-weight: 600;

    padding: 10px 0px;

    display: block;

}

.department-side-menu-wraper ul li a:hover{

    color:#fff;

}

.department-side-menu-active{

    color:#fff!important;

}

.department-content-holder{

	width:100%;

	display:table;

}

.active-menu-show{

	text-transform:uppercase;

	color:#3db166;

	font-size:19px;

	font-weight:600;

}

.department-content{

	width:100%;

	display:table;

	margin-top:8px;

}

.department-content p{

	text-align: justify;

	color:#959595;

    font-weight: 500;

	margin-bottom:0;

}

.department-content table {

  border-collapse: collapse;

  border-spacing: 0;

  width: 100%;

  border: 1px solid #ddd;

}



.department-content th, td {

  text-align: left;

  padding: 8px;

}

th{

	background:#004F8A;

	color:#fff;

	text-transform:uppercase;

}

 tr:nth-child(even){background-color: #f2f2f2}

.faculty-img{

	width:100px;

	height:100px;

	overflow:hidden;

}



/*------------------------------Counter------------------------------*/

.counter-area {

	padding:20px 0px;

	background: #4b6cb7;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to right, #182848, #4b6cb7);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to right, #182848, #4b6cb7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.counter-box {

    display: block;

    padding: 40px 20px 37px;

    text-align: center;

}

.counter-box h2 {

	display:block;

	clear:both;

	text-align:center;

	color:#02aeee;

	text-shadow:#081842 0px 3px 5px;

}

.counter-box p {

    margin: 5px 0 0;

    padding: 0;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

	display:block;

	clear:both;

	text-align:center;

}



.counter-box i {

    font-size: 40px;

    margin: 0 10px 15px;

    color: #02aeee;

	text-align:center;

}

.counter {

    /*display: block;*/

    font-size: 32px;

    font-weight: 700;

    color: #02aeee;

    line-height: 28px;

}

.counter-box.colored {

    background: #3acf87

}



.counter-box.colored p,

.counter-box.colored i,

.counter-box.colored .counter {

    color: #fff;

	display:block;

	clear:both;

	text-align:center;

	width:100%;

}

.contact-area {

	background-image:url(./images/bg-contact.jpg);

	background-repeat:no-repeat;

	background-position:center;

	height:auto;

	overflow:hidden;

}

.contact-area-cover {	

	padding:0px;

	width:100%;

	float:left;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	background: rgba(0,0,0,.60);

	margin:0px;

}

.contact-info {

	color:#FFF;

	padding:30px 10px;

	border:#666 1px solid;

	height:auto;

	height:auto;

	overflow:hidden;

	width:100%;

}

.swm_cf_icon {

	background: rgba(255,255,255,.15);

	width: 48px;

	height: 48px;

	text-align: center;

	line-height: 48px;

	float: left;

	border-radius: 100%;

	margin:0px 20px;

	color:#FFF;

}

.left-menu-area {

	width:27%;

	float:left;

	background: #4b6cb7;

	background: -webkit-linear-gradient(to bottom, #182848, #4b6cb7);

	background: linear-gradient(to bottom, #182848, #4b6cb7);

    -moz-box-shadow: 0 0 10px #cccccc;

    -webkit-box-shadow: 0 0 10px #cccccc;

    -o-box-shadow: 0 0 10px #cccccc;

    box-shadow: 0 0 10px #cccccc;

    margin-top: 30px;

    padding: 20px 10px;

	height:auto;

	overflow:hidden;

}

.left-menu-area h2 {

	color:#FFF;	

	padding:7px 5px;

}

.left-menu-area h2 span {

	color:#ff4d30;

}

.left-menu-area ul {

	padding:5px;

	margin:10px 0px;

}

.left-menu-area ul li {

	color:#FFF;

	padding:7px 5px;

	border-bottom:#dfeaed 1px dashed;

	list-style:none !important;

}

.important-info-area ul li a {

	color:#FFF !important;

	font-size:16px;

	line-height:26px;

}

.left-menu-area ul li:before {    

    font-family: 'FontAwesome';

    content: '\f00c';

    margin:0 10px 0 0px;

	color:#fff !important;

	float:left;

	font-size:14px;

}

/*.left-menu-area ul li:hover {

	background-color:#f7f7f7;

	border:none;

}*/

.left-menu-area ul li:last-child {

	border-bottom:none;

}

.right-content-area {

	width:70%;

	padding: 20px 5px;

	margin-top: 10px;

	float:right;

}

.right-content-area h2 {

	text-align:left;

	background-position:left bottom;

	margin:10px;

	padding:10px 0px;

	color: #004F8A;

	font-weight:bold;

}

.right-content-area h3 {

	text-align:left;

	/*background-image:none;*/

	margin:20px 10x;

	padding:5px 10px;

	border-bottom:#182848 1px dashed;

	display:block;

	clear:both;

}

.right-content-area h4 {

	text-align:left;

	/*background-image:none;*/

	margin:20x 10px;

	padding:5px 10px;

	border-left:#182848 3px solid;

	color:#182848;

	display:block;

	clear:both;

}

.right-content-area p {

	padding:1%;

	text-align:justify !important;

	font-size:15px !important;

	line-height:24px !important;

	font-family: 'Noto Sans JP', sans-serif !important;

	color:#333 !important;

}

.right-content-area ol {

	padding:0px;

	margin:20px 10px;

}

.right-content-area ol li {

	padding:3px 7px;

	font-size:16px;

	line-height:26px;

	text-align:justify;

	list-style:upper-roman;

	list-style-position:inside;

	color:#002749;

}

.right-content-area ul li {

	padding:7px;

	font-size:16px;

	line-height:26px;

	text-align:justify;

	list-style-position:inside;

	color:#002749;

}

.right-content-area ul li:before {    

    font-family: 'FontAwesome';

    content: '\f105';

    margin:0 10px 0 0px;

	color:#ff4d30;

	font-size:18px;

}

.right-content-area li i {

	margin-right:5px;

	color:#69a37b;

	font-size:22px;

}

.right-content-area li em {

	margin-right:5px;

	color:#69a37b;

	font-size:22px;

}

.right-content-area table {

	width:95%;

	margin:2% 1%;

	padding:1%;

	border:#404f48 1px solid;

	font-size:14px;

	line-height:24px;

	text-align:justify;

}

.right-content-area table tr:nth-child(odd) {

	background-color:#f1f1f1;

}

.right-content-area table tr:nth-child(even) {

	background-color:#fafafa;

}

.right-content-area table tr td {

	padding:5px;

	text-align:left;

}

.right-content-area table tr td a {

	padding:4px 8px;

	background-color:#002147;

	color:#FFF;

	display:block;

}

.right-content-area table tr th {

	background-color:#002147;

	color:#d9fde5;

	text-align:center;

}

.table-content {

	width:100%;

	float:left;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	border:none;

}

.table-content:hover {

	overflow-x:scroll;

}

.table-content table {

	width:95%;

	margin:2% 1%;

	padding:1%;

	border:#404f48 1px solid;

	font-size:14px;

	line-height:24px;

	text-align:justify;

}

.table-content table tr:nth-child(odd) {

	background-color:#f1f1f1;

}

.table-content table tr:nth-child(even) {

	background-color:#fafafa;

}

.table-content table tr td {

	padding:5px;

	text-align:left;

}

.table-content table tr td a {

	padding:4px 8px;

	background-color:#002147;

	color:#FFF;

}

.table-content table tr th {

	background-color:#002147;

	color:#d9fde5;

	text-align:center;

}

.faculty {

	width:100%;

	float:left;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	margin:10px 0px 10px 0px;

	padding:0px 0px 10px 0px;

	border-bottom:#000b2e 1px dashed;

	text-align:left;

}

.faculty img {

	width: 20.5%;

	height:auto;

	float:left;

	padding: 1.5%;

	margin: .5% 3%;

	box-shadow: 0px 18px 36px 0px rgba(0, 0, 0, 0.3);

	-webkit-border-top-left-radius: 15px;

	-webkit-border-top-right-radius: 50px;

	-webkit-border-bottom-right-radius: 50px;

	-webkit-border-bottom-left-radius: 25px;

	-moz-border-radius-topleft: 15px;

	-moz-border-radius-topright: 50px;

	-moz-border-radius-bottomright: 50px;

	-moz-border-radius-bottomleft: 25px;

	border-top-left-radius: 15px;

	border-top-right-radius: 50px;

	border-bottom-right-radius: 50px;

	border-bottom-left-radius: 25px;

}

.faculty a {

	padding:10px 15px;

	color:#FFF;

	margin:5px 10px 15px 0px;

	font-weight:bold;

	float:left;

	background: #fe4d30;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to bottom, #c02309, #fe4d30);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to bottom, #c02309, #fe4d30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-border-top-left-radius: 15px;

	-webkit-border-bottom-right-radius: 15px;

	-moz-border-radius-topleft: 15px;

	-moz-border-radius-bottomright: 15px;

	border-top-left-radius: 15px;

	border-bottom-right-radius: 15px;

	transition:0.5s;

}

.faculty a:hover {

	background: #fff;

	color:#c02309;

	-khtml-border-radius: 10px; /* for old Konqueror browsers */

	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);

	-moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);

	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);

	text-decoration:none;

}

.faculty h3 {

	font-weight: bold;

	color: #004F8A;

	font-size: 24px !important;

	border:0px;

	display:block;

	clear:none;

	margin-top:15px;

	padding:0px 10px;

}

.active-menu {

	background-color:#f7f7f7;

}

.left-menu-area ul li i {

	margin-right:10px;

	color:#89b193;

}

.left-menu-area ul li a {

	color:#FFFFFF;

}

.left-img-content {

	width:94%;

	float:left;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	margin:10px 0px 10px 0px;

	padding:2%;

	border:#404f48 1px dashed;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px; /* future proofing */

	-khtml-border-radius: 10px; /* for old Konqueror browsers */

}

.left-img-content img {

	float:left;

	padding:1%;

	width:44%;

	height:auto;

	border:#404f48 1px  solid;

	margin:10px 20px 10px 5px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px; /* future proofing */

	-khtml-border-radius: 10px; /* for old Konqueror browsers */

}

.right-img-content {

	width:94%;

	float:left;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	margin:10px 0px 10px 0px;

	padding:2%;

	border:#dedede 1px dashed;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px; /* future proofing */

	-khtml-border-radius: 10px; /* for old Konqueror browsers */

}

.right-img-content img {

	float:right;

	padding:1%;

	width:44%;

	height:auto;

	margin:10px 5px 10px 20px;

	border:#dedede 1px solid;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px; /* future proofing */

	-khtml-border-radius: 10px; /* for old Konqueror browsers */

}

.active-area {

	width:95%;

	float:left;

	height:auto;

	overflow:hidden;

	padding:2%;

	border:#ECE9E6 1px solid;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px; /* future proofing */

	-khtml-border-radius: 10px; /* for old Konqueror browsers */

	clear:both;

	background: #ECE9E6;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-box-shadow: -3px 0px 10px -4px rgba(115,114,115,1);

	-moz-box-shadow: -3px 0px 10px -4px rgba(115,114,115,1);

	box-shadow: -3px 0px 10px -4px rgba(115,114,115,1);

}

.active-area ol {

	margin:0px 10px !important;

}

.full-img-content {

	width:94%;

	float:left;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	margin:10px 0px 10px 0px;

	padding:2%;

	border:#dedede 1px dashed;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px; /* future proofing */

	-khtml-border-radius: 10px; /* for old Konqueror browsers */

}

.full-img-content img {

	width:94%;

	float:none !important;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	margin:10px 2%;

	padding:1%;

	border:#dedede 1px solid;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px; /* future proofing */

	-khtml-border-radius: 5px; /* for old Konqueror browsers */

}

.article-banner {

	width:100%;

	float:left;

	height:auto;

	overflow:hidden;

	display:block;

	clear:both;

	padding:0px;

	margin:0px 0px 20px 0px;

	border-bottom:#ff4e31 5px solid;

	-webkit-box-shadow: 0px 10px 5px -2px rgba(89,89,89,1);

	-moz-box-shadow: 0px 10px 5px -2px rgba(89,89,89,1);

	box-shadow: 0px 10px 5px -2px rgba(89,89,89,1);

	border-radius: 0px 0px 15px 15px;

	-moz-border-radius: 0px 0px 15px 15px;

	-webkit-border-radius: 0px 0px 15px 15px;

}

.article-banner img {

	width:100%;

	float:left;

	height:auto;

	overflow:hidden;

}

.examination {

	background: #ECE9E6;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to bottom, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to bottom, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);

	border-radius: 20px;

	position: relative;

	transition: 0.5s;

	padding:1px 3px 30px 3px;

	float:left;

	margin:1%;

	width:22%;

}

.examination:after {

  content: "\f1c1"; 

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  position: absolute;

  font-size: 30px;

  color: #55a5ff;

  bottom: 10%;

  right:12.5%;

  z-index: 1;

  transition: 0.5s;

}

.examination a h2 {

	position:relative;

	z-index:99;

	padding:1px 10px;

	font-size:18px;

	line-height:24px !important;

	text-align:center;

	color:#333;	

  	transition: 0.5s;

	border:none !important;

	text-shadow:#999 0px 3px 5px;

}

.examination:hover {

	background: #4321ed;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to bottom, #1e2993, #4321ed);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to bottom, #1e2993, #4321ed); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.examination:hover a h2 {

	color:#FFF;

	text-decoration:none;

	text-shadow:#000 0px 1px 1px;

	border:0px;

}

.link {

	background: #141E30;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to top, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to top, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1);

	-webkit-box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1);

	-moz-box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1);

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	border-radius: 15px; /* future proofing */

	-khtml-border-radius: 15px; /* for old Konqueror browsers */

	transition: 0.5s;

	padding:5px 8px;

}

.link a {

	color:#FFF !important;

}

.link:hover {

	background-color:#FFF !important;

}

.link:hover a {

	color:#141E30;

	font-weight:bold;	

}

/*===============================Photo Gallery===================================*/

.photo-gallery-area {

	width:100%;

	float:left;

	height:auto;

	overflow:hidden;

}

.photo-gallery-area a {

	padding:5px;

	margin:5px;

	border:#392919 1px solid;

	float:left !important;

	height:auto;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	border-radius: 15px; /* future proofing */

	-khtml-border-radius: 15px; /* for old Konqueror browsers */	

	-webkit-box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);

	-moz-box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);

	box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);

}

.photo-gallery-area a img {

	width:100%;

	float:left !important;

	height:auto;

	overflow:hidden;

	border:0px;

}

.photo-gallery-area h3 {

	border-bottom:#504025 1px dotted;

	color:#504025;

	margin:20px 0px;

	width:100%;

	float:none;

	display:block;

	clear:both;

}

.masonry {

  -moz-transition: all .5s ease-in-out;

  -webkit-transition: all .5s ease-in-out;

  transition: all .5s ease-in-out;

  -moz-column-gap: 30px;

  -webkit-column-gap: 30px;

  column-gap: 30px;

  -moz-column-fill: initial;

  -webkit-column-fill: initial;

  column-fill: initial;

}

.masonry .brick {

  margin-bottom: 30px;

  overflow: hidden;

}

.masonry .brick img {

  -moz-transition: all .5s ease-in-out;

  -webkit-transition: all .5s ease-in-out;

  transition: all .5s ease-in-out;

  -moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px; /* future proofing */

	-khtml-border-radius: 10px; /* for old Konqueror browsers */

}

.masonry .brick:hover img {

  opacity: .75;

}

.masonry.bordered {

  -moz-column-rule: 1px solid #eee;

  -webkit-column-rule: 1px solid #eee;

  column-rule: 1px solid #eee;

  -moz-column-gap: 50px;

  -webkit-column-gap: 50px;

  column-gap: 50px;

}

.masonry.bordered .brick {

  padding-bottom: 25px;

  margin-bottom: 25px;

  border-bottom: 1px solid #eee;

}

.masonry.gutterless {

  -moz-column-gap: 0;

  -webkit-column-gap: 0;

  column-gap: 0;

}

.masonry.gutterless .brick {

  margin-bottom: 0;

}

.span {

  -moz-column-span: all;

  -webkit-column-span: all;

  column-span: all;

  *margin: 30px 0;

}

.brick p {

	text-align:center;

	color:#392919;

	font-size:14px;

}

@media only screen and (min-width: 1024px) {

  .desc {

    font-size: 1.25em;

  }



  .intro {

    letter-spacing: 1px;

  }



  /*.wrapper {

    width: 80%;

    padding: 2em;

  }*/



  .masonry {

    -moz-column-count: 4;

    -webkit-column-count: 4;

    column-count: 4;

  }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  /*.wrapper {

    width: 85%;

    padding: 1.5em;

  }*/



  .masonry {

    -moz-column-count: 2;

    -webkit-column-count: 2;

    column-count: 2;

  }

}