@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/ProximaNovaBold.eot');
	src: url('../fonts/ProximaNovaBold.eot') format('embedded-opentype'),
		 url('../fonts/ProximaNovaBold.woff2') format('woff2'),
		 url('../fonts/ProximaNovaBold.woff') format('woff'),
		 url('../fonts/ProximaNovaBold.ttf') format('truetype'),
		 url('../fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/ProximaNovaLight.eot');
	src: url('../fonts/ProximaNovaLight.eot') format('embedded-opentype'),
		 url('../fonts/ProximaNovaLight.woff2') format('woff2'),
		 url('../fonts/ProximaNovaLight.woff') format('woff'),
		 url('../fonts/ProximaNovaLight.ttf') format('truetype'),
		 url('../fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg');
	font-weight: 100;
	font-style: normal;
}



/*@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/proximanovaregular-webfont.woff2') format('woff2'),
		 url('../fonts/proximanovaregular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}*/
@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNovaRegular.eot');
    src: url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype'),
         url('../fonts/ProximaNovaRegular.woff2') format('woff2'),
         url('../fonts/ProximaNovaRegular.woff') format('woff'),
         url('../fonts/ProximaNovaRegular.ttf') format('truetype'),
         url('../fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
		 
		 
		 font-weight: normal;
	font-style: normal;
}


html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
.pledge-area{
	background-color:  #6ed4ed;
	background-image: url(../images/bhavans%20logo.png) ;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	border-radius: 20px;
	width: 50%;
	display: block;
	border: 3px solid #adf6ff;
}
.pledge-area h3{ color: #fff; font-size: 30px; margin: 10px 0 20px 0; font-weight: 600; border-bottom:2px #fff solid; clear:both;}
.pledge-area p{margin-bottom: 5px; font-size: 18px; color: #fff;}
@media screen and (max-width:480px){
	.pledge-area{width: 100%}
}
@media screen and (max-width:767px){
	.pledge-area{width: 100%}
}
.pledgeHolder {padding:40px; max-width:700px; margin:40px auto 0px auto; background:url(../images/pledge-bg.png) no-repeat bottom center; background-size:cover; text-align:center; border-radius:30px; border:2px solid #ccc; color:#203e8b;}
.pledgeHolder p {margin-bottom:20px; line-height:26px;}

.technical-section .packages_content .content_pane {
    max-width: calc(100% - 25%);
}

.technical-section .packages_content .right_pane {
    width: 24%;
    background-color: #ffffff;
    padding: 25px;
    box-shadow: 0 0 8px -1px #dadada;
}

.technical-section .packages_content {
    background-color: #ffffff;
}



.technicaltab-wraper .panel-default>.panel-heading {
    padding: 0;
}

.technicaltab-wraper .panel-title>a .custom-arrow:before,
.technicaltab-wraper .panel-title>a .custom-arrow:after {
    position: absolute;
    content: "";
    background-color: #fff;
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-title>a.collapsed .custom-arrow:before {
    right: 0;
    width: 11px;
    height: 1px;
    top: calc(50%);
    background-color: #552787;
    opacity: 1;
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-title>a.collapsed .custom-arrow:after {
    width: 1px;
    height: 11px;
    right: calc(50%);
    background-color: #552787;
    top: 0;
    transform: rotate(0deg);
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-title>a .custom-arrow:after {
    width: 1px;
    height: 11px;
    right: 0;
    top: 0;
    transform: rotate(90deg);
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-title>a .custom-arrow:before {
    opacity: 0;
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-title>a .custom-arrow {
    position: absolute;
    right: 30px;
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
}

.technicaltab-wraper .panel-title>a .heading-caption {
    position: relative;
    z-index: 60;
}

.technicaltab-wraper .panel-title>a {
    display: block;
    width: 100%;
    line-height: 230px;
    padding: 0 15px;
    position: relative;
    font-size: 20px;
    font-family: 'Maven-medium';
    color: #fff;
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-title>a:hover,
.technicaltab-wraper .panel-title>a.collapsed:hover {
    color: #fff;
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-title>a.collapsed:hover span:before,
.technicaltab-wraper .panel-title>a.collapsed:hover span:after {
    background-color: #fff;
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-group .panel {
    margin-bottom: 10px;
    border-radius: 0;
}

.technicaltab-wraper .panel-default {
    border-color: #f2f2f2;
}

.panel-default>.panel-heading {
    background-color: #f8f6fa;
    border-color: #f2f2f2;
}

.technicaltab-wraper .panel-title>a.collapsed {
    font-size: 16px;
    line-height: 58px;
    transition: all 0.5s ease;
    color: #4b4750;
}

.technicaltab-wraper .panel-title>a.collapsed:before {
    opacity: 0;
    transition: all 0.5s ease;
    visibility: hidden;
}

.technicaltab-wraper .panel-title a:before,
.technicaltab-wraper .panel-title a:hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-1 .panel-title a:hover:before,
.technicaltab-wraper .panel-1 .panel-title a:before {
    background-image:url(../images/acco-2.jpg);
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-2 .panel-title a:hover:before,
.technicaltab-wraper .panel-2 .panel-title a:before {
  background-image:url(../images/acco-2.jpg);
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-3 .panel-title a:hover:before,
.technicaltab-wraper .panel-3 .panel-title a:before {
    background-image: url("../images/bg/hematology.jpg");
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-4 .panel-title a:hover:before,
.technicaltab-wraper .panel-4 .panel-title a:before {
    background-image: url("../images/bg/histo.jpg");
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-5 .panel-title a:hover:before,
.technicaltab-wraper .panel-5 .panel-title a:before {
    background-image: url("../images/bg/molbio.jpg");
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-6 .panel-title a:hover:before,
.technicaltab-wraper .panel-6 .panel-title a:before {
    background-image: url("../images/bg/genome.jpg");
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-7 .panel-title a:hover:before,
.technicaltab-wraper .panel-7 .panel-title a:before {
    background-image: url("../images/bg/persmed.jpg");
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-8 .panel-title a:hover:before,
.technicaltab-wraper .panel-8 .panel-title a:before {
    background-image: url("../images/bg/metabol.jpg");
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-9 .panel-title a:hover:before,
.technicaltab-wraper .panel-9 .panel-title a:before {
    background-image: url("../images/bg/proteomics.jpg");
    transition: all 0.5s ease;
}

.technicaltab-wraper .panel-10 .panel-title a:hover:before,
.technicaltab-wraper .panel-10 .panel-title a:before {
    background-image: url("../images/bg/newborn.jpg");
    transition: all 0.5s ease;
}
/*--------------------------------------------------------*/
/*----------------new css 20-03-2019------------------------*/
.achiv-img-area{margin-bottom: 30px; overflow: hidden;}
.achiv-img-area_2{margin-bottom: 30px; margin-top: 30px; overflow: hidden;}
.spectacular-area{background-color: #f0f0f0; padding: 50px; }

/*----------------new css 20-03-2019 ends------------------------*/

.table-achievements table{
    border-collapse: collapse;
    width: 100% !important;
	margin-bottom:50px;
	color:#1d3446;
}
.table-achievements tr th{
    border: 1px solid #fff; 
    text-align: left;
    padding: 10px;
	text-align:center;
	background-color:#22a6c7;
	color:#ffffff;
}
.table-achievements tr td{
    border: 1px solid #fff; 
    text-align: left;
    padding: 10px;
}
.table-achievements tr:nth-child(even){
    background-color: #ededed;
}
.table-achievements tr:nth-child(odd){
    background-color: #dddddd;
	}


/*-------------------test 2 ends-----------------------------*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body{ margin:0; padding:0;font-family: 'ProximaNova'; background:#fff;}
a{ margin:0; padding:0; text-decoration:none !important;  outline:none !important; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
a:hover{ color:#25d8ae;}


img{ max-width:100%; height:auto;}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0;}
p{ padding:0; color:#555; font-size:16px; line-height:31px; font-family: 'ProximaNova'; margin:0 0 15px 0; font-weight:normal;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-family: 'ProximaNova'; color:#151515;}
input, select, button{outline:none !important;}

		/* search start  */
.search-open{position: absolute;
top: 37px;
right:0;}
		.search-inline {
			width: 100%;
			left: 0;
		
		 top: -13px;
min-height: 77px;
			position: absolute;
			opacity: 0;
			visibility: hidden;
			background-color: #efefef;
			z-index: 9;
			transition: all .5s ease-in-out;
		}

		.search-inline.search-visible {
			opacity: 1;
			visibility: visible;
			animation: fadeInDown 0.4s ease-in-out;
		}

		.search-inline button[type="submit"] {
			position: absolute;
			right: 52px;
			top: 0;
			background-color: transparent;
			border: 0px;
			top: 0;
			right: 80px;
			padding: 0px;
			cursor: pointer;
			width: 80px;
			height: 100%;
			background: #222;
			color: #fff;
		}

		.search-inline .form-control {
	border: 0px none;
	padding-left: 46px;
	font-size: 45px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	font-weight: bold;
		}

		.search-inline .search-close {
			position: absolute;
			top: 0;
			right: 0;
			color: #616161;
			width: 80px;
			height: 100%;
			text-align: center;
			display: table;
			background: #efefef;
			text-decoration: none;
		}

		.search-inline .search-close i {
		  color: #333;
font-size: 25px;
margin-top: 24px;
		}
		.captionHolderWrapper{ position:relative; text-align:center}
/*.captionHolderDiv{ position:absolute; width:100%; z-index:100; bottom:300px; }*/
.captionHolderWrapper h1{ font-size:49px; color:#d6d5d5; font-family: 'ProximaNova'; font-weight:normal; line-height:20px; }
.captionHolderWrapper h3{font-size:78px; color:#fefefe; font-family: 'ProximaNova'; font-weight:bold; }
.active .captionHolderDiv {bottom:300px; opacity:1}

.captionHolderDiv{ position:absolute; width:100%; z-index:100; bottom:50px; transition:0.9s; opacity: 0; }

		.form-control {
			display: block;
			width: 100%;
			padding: .375rem .75rem;
			font-size: 1rem;
			line-height: 1.5;
			color: #495057;
			background-color: #efefef;
			background-clip: padding-box;
			border: 1px solid #efefef;
			border-radius: .25rem;
			transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
		}

		@keyframes fadeInDown {
			from {
				opacity: 0;
				transform: translate3d(0, -0%, 0);
			}
			to {
				opacity: 1;
				transform: translate3d(0, -10%, 0);
			}
		}

.logoHolder{ position:absolute; left:0;}
.logoHolder1{ position:fixed; left:0;}
.banner{ float:left; clear:both; width:100%; position:relative; height:100vh; overflow:hidden;}
.header{ position: absolute;top: 13px;left: 0;right: 0;text-align: center;z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding-bottom: 45px;}
.header img{ max-width:100%; margin:0 auto; }


.banner .owl-dots{ display:none; visibility:hidden;}
.bottom-sec{ float:left; clear:both; width:100%;}
.bottom-sec img{ width:100%;}
.video{ float:left; clear:both; width:100%; clear:both; min-height:650px; background:#ddd;}
.video video{ width:100%; height:auto; display:block; margin:0; padding:0; object-fit:contain;}
.banner:after{ content:''; position:absolute; display:block; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, .5); }
.ban-text{ position:absolute; top:50%; margin-top:-60px; left:0; right:0; z-index:999;}
.ban-text img{ max-width:100%; margin: 0 auto;}
.sec-1{ float: left; clear: both; width: 100%; padding: 150px 0; }
.sec-3{float: left; clear: both; width: 100%; position: relative; background-image:url(../images/background.jpg); 
background-size: cover; background-attachment: fixed; background-repeat: no-repeat; backface-visibility: hidden;padding: 63px 0;}

.about-1{ position: relative; bottom: -100px; transition: 1s; }
.active .about-1{ bottom: 0; }

.white-title{ display:block; clear:both; font-size:53px; color:#fff; font-weight:300; margin:0 0 60px 0;}
.white-title span{ font-weight:bold;}
.icon-col{ text-align:center; margin-bottom:80px; border-right:1px solid #3f5262;}
.icon-col:last-child{ border-right:none;}
.facility-icon{ display:block; text-align:center; margin:0 0 5px 0; position:relative; bottom:0; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s;}
.facility-label{ display:block; text-align:center; font-size:22px; color:#fff; font-weight:100;}
.white-button{ display:inline-block; font-size:14px; color:#fff; padding:12px 50px; border:2px solid #fff; text-transform:uppercase; position:relative; border-radius:50px; transition:0.3s; }
.white-button i{ color:#fff; margin-right:10px;}
.icon-col:hover .facility-icon{ bottom:10px;}
.white-button:hover{ border-color:#ffcc00; color:#ffcc00;}
.principal-img{ height: 610px; position: relative;; width: 100%; }
.principal-img img{ position: absolute; left: 0; top: -60px; }
.sec-4{ float: left; clear: both; width: 100%;}
.sec-4 img{ width: 100%; }
.news{ position: fixed; top: 50%; margin-top: -81px; right: 0; z-index: 10; display: block; }
.headerMenuNav{ margin:40px 0 0; padding:0; text-align:right }
.headerMenuNav li{ display:inline-block}
.headerMenuNav a{ color:#fff; font-weight:bold; text-transform:uppercase; font-size:15px; padding: 0 24px 5px 0; position:relative; }
.headerMenuNav a:before{position: absolute;bottom: 0; left:0;display: block;width: 0px;height: 2px;background: #22a6c7;content: '';
-webkit-transition: all .7s ease;-ms-transition: all .7s ease;transition: all .7s ease;   }
.headerMenuNav a:hover:before{ width: 50%;}
.aboutImgWrapper{ position:relative; z-index:1;}
.aboutImgWrapper:before{position: absolute;content: "";width: 204px;height: 398px;left: 296px;top: 30px;background: #d8d8d8; z-index:-1}
.aboutImgWrapper:after{position: absolute;content: "";width:70px;height: 1px;right: 0px;top: 50%; background: #d8d8d8; z-index:-1}
.reveal {opacity: 0;-webkit-transform: translate3d(0, 60px, 0);transform: translate3d(0, 60px, 0);transition: opacity 0.8s, -webkit-transform 2s;
transition: opacity 0.8s, transform 2s;transition: opacity 0.8s, transform 2s, -webkit-transform 2s;}
.reveal_visible {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.aboutWrapperTxtDiv h2{ color:#22a6c7; font-size:53px; margin-top:0; margin-bottom:5px; font-weight:300;}
.aboutWrapperTxtDiv h3{ color:#22a6c7; font-size:29px; margin-top:0; margin-bottom:5px; font-weight:bold; margin-bottom:40px;}
.aboutWrapperTxtDiv p{ color:#54565b; font-size:17px; line-height:28px; font-weight:300; margin-bottom:20px; }
.aboutWrapperTxtDiv a{ margin-top:35px; border: 2px #22a6c7 solid;padding: 14px;position: relative;width: 253px;display: block;text-align: center;font-weight: normal;font-size: 15px;text-transform: uppercase;color: #333333; }
.aboutWrapperTxtDiv a:hover{ background:#22a6c7; color:#fff}
.aboutWrapperTxtDiv a:before{ position:absolute; content:""; left: 26px; top: 50%; background:url(../images/btn-icon.png) left top; width:8px; height:13px; margin-top:-8px; transition:0.2s }
.aboutWrapperTxtDiv a:hover:before{background:url(../images/btn-icon1.png) left top; left:28px;}

.aboutWrapperTxtDivClub {margin-bottom:40px;float:right;margin-right:216px}

.aboutWrapperTxtDivClub a{ margin-top:0px; border: 2px #22a6c7 solid;padding:6px;position: relative;width: 163px;display: block;text-align: center;font-weight: normal;font-size: 15px;text-transform: uppercase;color: #333333; }
.aboutWrapperTxtDivClub a:hover{ background:#22a6c7; color:#fff}
.aboutWrapperTxtDivClub a:before{ position:absolute; content:""; left: 26px; top: 50%; background:url(../images/btn-icon.png) left top; width:8px; height:13px; margin-top:-8px; transition:0.2s }
.aboutWrapperTxtDivClub a:hover:before{background:url(../images/btn-icon1.png) left top; left:28px;}




.sec-2{ float: left; clear: both; width: 100%; padding-bottom: 35px; position:relative }
.sec-2:before{ position:absolute; left:0; top:0; background:url(../images/bg-left.jpg) left top no-repeat; content:""; width:238px; min-height:670px;  }
.sec-2:after{ position:absolute; right:0; top:100px; background:url(../images/bg-right.jpg) left top no-repeat; content:""; width:238px; min-height:670px;  }
.campusLifeDiv{ position:relative; float:left; width:100%; clear:both; min-height:670px; padding-left: 77px;padding-right: 614px;}
.campusLifeDivWrapper{ position:absolute; left: 0px; bottom: 60px; overflow: hidden;}

.campusLifeDivWrapper img{-moz-animation:zoomimge 35s infinite; -webkit-animation:zoomimge 35s infinite; animation:zoomimge 35s infinite;}
.campusLifeDivWrapper1{ position:absolute; right: 0px; top: -20px; z-index:100;}
.campusLifeDivWrapper2{position: absolute;right: 305px;top: -20px;z-index: 100;}
.campusLifeDivWrapper3{position: absolute;right: 57px;bottom: -33px;z-index: 100; border:10px #fff solid}
.campusLifeDivWrapper4{position: absolute; left: 174px; bottom: -22px; }
.campusLifeDiv h3{ color:#22a6c7; font-size:53px; font-weight:300; margin-top:0; margin-bottom:10px;   }
.campusLifeDiv p{ color:#54565b; font-size:16px; font-weight:300; line-height:27px}
.readMoreBtn{ color:#333333!important; font-size:19px; font-weight:300; position:relative; }
.readMoreBtn:before{ position:absolute; content:""; background:#000000; width:66px; height:1px; right: -73px;
bottom: 7px;}
.readMoreBtn:hover{ color:#22a6c7!important;}
.munshiImgDiv{ position:relative; z-index:1;}
.munshiImg{ border-radius:50%; overflow:hidden; width:203px; height:203px; margin:0 auto 45px; display:block; position:relative; z-index:1;   }
.munshiImgBg{position: absolute;content: "";width: 203px;background: #22a6c7;right: 41%;bottom: -7px;height: 203px;border-radius: 50%;}
.munshiImgBg:before{position: absolute;content: "";background: url(../images/quotes-img.png) left top no-repeat;bottom: 0px;left: -55px;width: 95px;height: 76px;z-index: 10;}

.munshiBg{ padding: 90px 15px 134px;}
.munishiDivWrapper p{ color:#54565b; font-size:19px; font-weight:300; line-height:36px; margin-bottom:30px;}
.munishiDivWrapper{ text-align:center; max-width: 910px; margin: 0 auto;}
.munishiDivWrapper h3{ color:#333333; font-size:25px; font-weight:300; margin-bottom:30px; margin-top:0;}
.munishiDivWrapper h3 span{font-weight:bold;}
.munishiDivWrapper a{margin-top:35px; border: 2px #22a6c7 solid;padding: 14px;position: relative;width: 175px;display: block;text-align: center;font-weight: normal;font-size: 15px;text-transform: uppercase;color: #333333; margin: 72px auto 0; }
.munishiDivWrapper a:before{ position:absolute; content:""; left: 19px; top: 50%; background:url(../images/btn-icon.png) left top; width:8px; height:13px; margin-top:-7px; transition:0.2s }
.munishiDivWrapper a:hover{ background:#22a6c7; color:#fff}
.munishiDivWrapper a:hover:before{background:url(../images/btn-icon1.png) left top; left:28px;}

.munishiDivWrapper a:after{ position:absolute; background:#000000; content:""; left:50%; top: -42px;  width:2px; height:40px; transition:0.2s }
.principalDiv{background: #22a6c7;min-height: 667px;position: absolute;right: 0;top: -113px; z-index: 100;width: 100%; text-align:center; padding-top: 40px; padding-bottom: 47px; }
.principalDiv img{ width:100%;}
.principalDiv h3{ font-weight:300; font-size:53px; font-weight:300; color:#fff; position:relative; line-height: 43px; }
.principalDiv strong{ display:block; font-size:45px; margin-bottom: 42px; }
.principalDiv h3:before{position: absolute;content: "";width: 1px;height: 40px;bottom: -42px;left: 50%;background: #fff;  }
.our-facilities{ padding:30px 0 0 0}
.principalDiv p{ color:#ffffff; font-size:17px; line-height:28px; margin-top:20px; margin-bottom:20px; padding: 0 52px;}
.principalDiv span{ font-weight:bold; font-size:22px; display:block; margin-bottom:0px; color:#fff; }
.principalDiv label{font-weight:300; font-size:22px; display:block; color:#fff}
.activityDiv1{ float:left; width:25%; margin-top: -279px; padding: 0 10px;}
.activityDiv2{ float:left; width:25%; margin-top: -192px; padding: 0 10px;}
.activityBg{ background:#d5dbde; min-height:500px; overflow:hidden; }
.campus-life-div img{ width:100%;}
.campus-lifeAll{ position:absolute; z-index:100; top:50%; width:100% ; margin-top:-50px; opacity:0; transition:0.9s    }
.campus-life-div:hover .campus-lifeAll{ opacity:1;}
.campus-life-div{  position:relative;  -moz-transition:.3s; -webkit-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;  text-align:center; margin-top: -279px; overflow:hidden;  }
.campus-life-div:before{position:absolute; z-index:100;  content:""; width:0px; height:0px; bottom:50%; left:50%; right:50%; top:50%; background:rgba(34, 166, 199, 0.71); transition:0.7s; opacity:0; border-radius:50%; }
.campus-life-div:hover:before{width:100%; height:100%; top:0; right:0; left:0; bottom:0; opacity:1; border-radius:0; }
.campus-lifeAll h3{ font-size:24px; color:#fff; font-weight:300; margin-bottom:10px; }
.campus-lifeAll p{ color:#fff; font-size:16px; font-weight:bold; margin-bottom:20px; line-height:23px}
.campus-lifeAll a{ display:inline-block; border:1px #fff solid; padding: 9px 50px; color:#fff; font-weight:300; }
.campus-lifeAll a:hover{ background:#0090ff; border:1px #0090ff solid; color:#fff}
.campus-life-divWrapper{ position:absolute; left: -13px;bottom: 111px; transition:0.9s;}
.campus-life-divWrapper h3{ background:#22a6c7; padding:2px 10px; color:#fff; font-weight:300; font-size:20px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.campus-life-divWrapper h3:before{position: absolute;background: #ffffff;height: 100px;width: 1px;content: "";bottom: 50%;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);left: -50px;margin-bottom: -50px; z-index:-1   }
.campus-life-div:hover .campus-life-divWrapper{ bottom:-100px;}

.campus-life-div1:hover .campus-life-divWrapper{ bottom:-100px;}
.campus-life-div1 img{ width:100%;}
.campus-life-div1:hover .campus-lifeAll{ opacity:1;}
.campus-life-div1{   -moz-transition:.3s; -webkit-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; position:relative; text-align:center; margin-top: -192px; overflow:hidden;   }
.campus-life-div1:before{position:absolute; z-index:100;  content:""; width:0px; height:0px; bottom:50%; left:50%; right:50%; top:50%; background:rgba(34, 166, 199, 0.71); transition:0.7s; opacity:0; border-radius:50%; }
.campus-life-div1:hover:before{width:100%; height:100%; top:0; right:0; left:0; bottom:0; opacity:1; border-radius:0; }



.campus-life-div:hover .campus-life-divWrapper1{ bottom:-100px;}
.campus-life-divWrapper1{ position:absolute; left: -27px; bottom: 111px; transition:0.9s;}
.campus-life-divWrapper1 h3{ background:#22a6c7; padding:2px 10px; color:#fff; font-weight:300; font-size:20px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.campus-life-divWrapper1 h3:before{position: absolute;background: #ffffff;height: 100px;width: 1px;content: "";bottom: 50%;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);left: -50px;margin-bottom: -50px; z-index:-1   }


.campus-life-div:hover .campus-life-divWrapper2{ bottom:-100px;}
.campus-life-divWrapper2{ position:absolute; left: -27px; bottom: 111px; transition:0.9s;}
.campus-life-divWrapper2 h3{ background:#22a6c7; padding:2px 10px; color:#fff; font-weight:300; font-size:20px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.campus-life-divWrapper2 h3:before{position: absolute;background: #ffffff;height: 100px;width: 1px;content: "";bottom: 50%;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);left: -50px;margin-bottom: -50px; z-index:-1   }



.campus-life-div1:hover .campus-life-divWrapper3{ bottom:-100px;}
.campus-life-divWrapper3{ position:absolute; left: -42px; bottom: 111px; transition:0.9s;}
.campus-life-divWrapper3 h3{ background:#22a6c7; padding:2px 10px; color:#fff; font-weight:300; font-size:20px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.campus-life-divWrapper3 h3:before{position: absolute;background: #ffffff;height: 100px;width: 1px;content: "";bottom: 50%;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);left: -50px;margin-bottom: -50px; z-index:-1   }


.testmonialImgDiv{ position:relative; z-index:1;}
.testmonialImg{ border-radius:50%; overflow:hidden; width:203px; height:203px; margin:0 auto 45px; display:block; position:relative; z-index:1;}
.testmonialImgBg{position: absolute;content: "";width: 203px;background: #d0d0d0;right: 41%;bottom: -7px;height: 203px;border-radius: 50%;}
.testmonialImgBg:before{position: absolute;content: "";background: url(../images/quotes-img1.png) left top no-repeat;bottom: -77px;left: -214px;
width: 241px;height: 193px;}

.testmonialBg{ padding:154px 15px;}
.testmonialHeder{ font-size:46px; text-align:center; margin-top:0; margin-bottom:40px; font-weight:300;}
.testmonialTxt p{ color:#54565b; font-size:17px; line-height:32px; font-weight:normal;margin-bottom:30px }
.testmonialTxt{ text-align:center; max-width:800px; margin:0 auto; }
.testmonialTxt span{ font-size:22px; font-weight:bold; text-align:center; display:block; color:#54565b; position:relative}

.testmonial-carousel .owl-dots{ text-align:center!important;}
.testmonial-carousel .owl-dots:before{ position:absolute; content:""; width:1px; height:42px; background:#333; bottom: -50px; left:50%; margin-left:-1px }
.testmonial-carousel .owl-dot.active  { background:#22a6c7!important; width:27px!important; height:5px!important; border-radius:15px; } 
.testmonial-carousel .owl-dot  { background:#d4d4d4!important; width:27px!important; height:5px!important; margin: 20px 4px;!important; border-radius:15px;} 
.testmonial-carousel .owl-dot{ margin-top:30px;}

.kinderGardenBg{ position:relative; background:#22a6c7}
.kinderGardenBg:before{ content:""; background:url(../images/kindergardenBg.jpg) right top no-repeat; position:absolute; right:0; top:-51px; min-height:690px; width:250px; height:689px; z-index:100;}
.kinderGardenBgDiv{ background:#22a6c7; min-height:586px; padding-top:124px;}

.kinderGardenBgDiv h3{ color:#ffffff; font-size:53px; font-weight:300; margin-top:0; margin-bottom:30px; position:relative }
.kinderGardenBgDiv h3:before{ position: absolute;top: -124px;left: 50%;width: 1px;height: 108px;content: "";background: #fff;}
.kinderGardenBgDiv{ text-align:center; max-width: 435px;margin: 0 auto; }
.kinderGardenBgDiv p{ color:#fff; font-size:17px; font-weight:300; line-height:33px; margin-bottom:30px;} 
.kinderGardenBgDiv a{ font-size:16px; font-weight:bold; border:1px #fff solid; width:169px; display:block; margin:0 auto; padding:12px; color:#fff; }
.kinderGardenBgDiv a:hover{ background:#fff; color:#22a6c7;}
.kinderGardenBgDivWhite{ background:#fff; position:relative; min-height:586px; position:relative;}
.kinderGardenBgDivWhiteWrapper{ position: absolute;left: -96px;top: 53px;z-index: 100;}
.kinderGardenBgDivWhiteWrapper1{ position: absolute;right: -183px;bottom: -119px;z-index: 100;}
.kinderGardenBgDivBorder{ border:7px #fff solid;}

/*asp change*/.testimonial a{margin-top:0px; border: 2px #22a6c7 solid;padding: 15px 40px 15px 46px;position: relative;width: 275px;text-align: center;font-weight: normal;font-size: 15px;text-transform: uppercase;color: #333333; margin:0px auto 0; }
.testimonial a:before{ position:absolute; content:""; left: 19px; top: 50%; background:url(../images/btn-icon.png) left top; width:8px; height:13px; margin-top:-7px; transition:0.2s }
.testimonial a:hover{ background:#22a6c7; color:#fff}
/*.testimonial a:after{ position:absolute; background:#000000; content:""; left:50%; top: -42px;  width:2px; height:40px; transition:0.2s }/*asp change*/


.cv-footer{ padding:100px 15px 0; background:#ffffff; overflow:hidden; }
.footerHeader{ color:#22a6c7; font-size:24px; margin-bottom:15px; font-weight:normal;}
.footerAbout p{ color:#54565b; font-size:15px; line-height:29px; margin-bottom:30px; font-weight:normal;}
.learnMoreBtn{ color:#0d5f73!important; font-size:18px; font-weight:bold; border:none!important}
.learnMoreBtn:hover{ color:#22a6c7!important;}
.learnMoreBtn1{ color:#FFF!important; font-size:18px; font-weight:700;}
.learnMoreBtn1:hover{ color:#FFCC00!important;}
.socialMediaIcon{ color:#116275; padding-right:40px; font-size:20px; display:inline-block; margin-bottom:30px;}
.socialMediaIcon:hover{ color:#22a6c7}

.socialMediaIcon1{ color:#fff; margin-right: 23px; font-size:20px; display:inline-block; margin-top: 16px; border:1px #fff solid; border-radius:50%; text-align:center; display:inline-block; width:50px; height:50px; padding-top: 10px;}
.socialMediaIcon1:hover{ color:#ffcc00}

.cv-footer-link{ color:#686c6e!important; font-size:14px; padding: 4px 0px; width:100%; background:#d5dbde; position:relative; z-index:1; display:block; text-align:center; font-weight:300;}
.cv-footer-link:before{position: absolute;content: "";left: 0;background: #22a6c7;width: 0px;height: 28px;transition: 0.9s;z-index: 0;top: 0px; z-index:-1}
.cv-footer-link:hover:before{ width:100%;  }
.cv-footer-link:hover{color:#fff!important }
.footer-end{ padding:15px; background:#091923}

.footerDivall{ margin-bottom:30px;}
.footerNav1 {margin: 0;padding: 0;}
.footerNav1 li {list-style: none;display: inline-block;}
.footerNav1 a {color: #969696;font-size: 14px;padding-right: 28px;margin-top: 5px;display: inline-block;position: relative; font-weight:normal;}
.footerNav1 a::before {position: absolute;left: -18px;top: 9px;width: 6px;height: 6px;content: "";background: #969696; border-radius: 50%;}
.footerNav1 a:hover {color: #0d5f73;}
.footerNav1 li:first-child a::before {background: none;}
.footerNav {margin: 0;padding: 0; overflow:hidden; transition:0.9s; min-height:225px;}
.footerNav li {list-style: none;display: inline-block; width:49%}
.footerNav a {color: #0d5f73;font-size: 17px;padding-right: 28px;margin-top: 5px;display: inline-block;position: relative; font-weight:bold;  padding-bottom:6px; transition:0.5s;}
.footerNav a::before {position: absolute;left: -11px;top: 10px;width: 6px;height: 6px;content: "";background: #2acad0; border-radius: 50%; transition:0.5s; opacity:0;}
.footerNav a:hover:before{ left:1px; opacity:1; } 
.footerNav a:hover {color: #22a6c7; padding-left:12px;}
.footer-address-para{ color:#54565b; font-size:17px; line-height:29px; font-weight:300; margin-bottom:9px; font-weight:normal;}
.footer-phn-txt{color:#54565b; font-size:17px; font-weight:300;}
.mailIdDiv{ background:#091923; text-align:center; margin-top: 34px; padding-top:22px;}
.mailIdDiv p{ margin-bottom:0; color:#fff; font-size:19px; font-weight:300;}
.mailIdDiv span{ color:#fff; font-weight:normal; font-size:15px;}
.footerHeader1{ color:#d5dbde; font-size:63px; font-weight:300; margin-top:0; margin-bottom:70px;}

.menu {
	width: 100%;
}
.menu-container {
  margin: 0 auto;

}
.menu a.logo {
	display: inline-block;
	padding: 1.5em 3em;
	width: 19%;
	float: left;
}
.menu img {
	max-width: 100%; float:left;
}

.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}
.menu > ul {
  margin: 0 auto;

  list-style: none;
padding: 21px 0;
  position: relative; 
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
 
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {


  padding: 0; display:inline-block;
  margin: 0;
}
.menu > ul > li a:before{ position:absolute; left:0; bottom:0; background:#333; height:3px; width:0px;}
.menu > ul > li a:hover:before{ width:100%;}
.menu > ul > li a {
  text-decoration: none;
padding: 0px 15px 0px 15px; font-weight:bold; font-size:17px; color:#fff; position:relative;
  display:block;
}


.menu > ul > li a:hover {
 color:#22a6c7!important;
}
.menu > ul > li > ul {
  display: none;
width: 100%;

background: #fff;

padding: 20px; min-height: 275px;

position: absolute;

z-index: 99;

right: 0px;

margin: 0;

list-style: none;

box-sizing: border-box;

bottom: 48px;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none; color:#333

}
.menu > ul > li > ul > div > li a {
  color: #777; text-align:left;
padding: 8px 0;
  width: 100%;
  display: block;
border-bottom: 1px solid #CBCCCD;
}
.menu > ul > li > ul > div > li a:hover{
	color:#03a9f4;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0; text-align:left;    
  font-size: 14px;
}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}
.sticky ul > li > ul{ position: absolute;
bottom: 0px;
top: 67px;
width: 92%;
right: 57px;
min-height: 310px; background:#fff; border:1px #cbcccd solid; border-top:none!important; 


}
.sticky > ul{ width: 1170px;
text-align: right;
padding-left: 15px;
padding-right: 15px;}

.sticky ul > li a{ color:#54565B!important; font-size:17px;}
.menuImgWrapper{ position:relative; text-align:left; padding-left:230px;}
.menuImgWrapper h3{ font-size:20px; font-weight:bold; color:#22a6c7; margin-top:20px; margin-bottom:10px;}
.menuImgWrapper p{ color:#333; font-weight:300; font-size:15px; line-height:27px;}
.menuImgDiv{ position:absolute; left:0; top:0;}
.nav{margin-bottom: 0px;
padding-left: 15px; padding-right:15px;
list-style: outside none none;
position: absolute;
bottom: 0px;
z-index: 1000;
width: 1170px;
text-align: right;}

.sticky .menuImg{ display:none;}
.sticky{ position: fixed; top: -20px; left: 0;  background:#fff; bottom: auto; right: 110px; width:100%; border-bottom:1px #cbcccd solid;}
.menuImgIcon{ display:none;}

.hoverLog{ display:none; transition:0.9s; opacity:0; height: 51px;
margin-top: 29px; }
.sticky .hoverLog{ display: block;
opacity: 1;
position: absolute;
left: 84px;}

.accordion {padding: 0px 0px 3px; text-decoration: none;font-size: 18px;color: #fff; font-weight:normal;display:block;transition: 0.3s; text-align:left; position:relative;}
.accordion:after {content: '\002B';color: #fff; font-weight: 100;position: absolute; left: 210px; font-size: 28px;top: -3px;}
.accordion:before {content: "";color: #fff;font-weight: 100;position: absolute;}
.active1:after {content: "\2212";}

.menuTxt{ text-transform: capitalize;
font-size: 28px;
color: #fff;
font-weight:bold;
text-align: left !important;
display: block;
margin-bottom: 4px; margin-top: 7px;}
.searchFieldDivAll{ position:relative; padding-left:50px; padding-right: 52px;}
.searchField{width:100%; background:#1c7a91; position:relative; color:#fff; padding: 16px; border:none; }
.searchDivAll{ width: 410px; background:#1c7a91; position:relative; color:#fff; border:none; }
.searchDivField{ position: absolute;
left: 12px;
width: 31px;
height: 30px;
content: "";
top: 15px;}
.searchDivField1{ position: absolute;
right: 21px;
width: 23px;
height: 30px;
content: "";
top: 0px;}

.searchNav{ margin:0; padding:0; text-align:left}
.searchNav li{ display: inline-block;
width: 33%;}
.searchNav a{ color:#fff; display:inline-block; font-size:16px; border:none!important;}
.searchDivFieldBtn{background: url(../images/btn-icon1.png) no-repeat center center;
border: none;
padding: 16px 22px;}
.searchdivCentre{max-width: 1036px; margin:0 auto;}
.popularHedaer{ color: #fff;
font-size: 24px;
font-weight: bold; text-align:left;}
/*.menuImgDiv{ background:#142a38;  position:absolute; width:100%;  padding: 18px; bottom:0;}*/
.panel1 {
	transition: 0.7s; box-shadow:none!important;
	background:none!important;
	max-height: 0;
	overflow: hidden; border:none!important; margin-bottom:0!important;
	}
	.panel1 a{padding: 4px 12px 10px 26px;margin-bottom:0; 
	text-decoration: none;
	font-size: 15px!important;
	color: #fff; font-weight:300;
	 display:block; 
	transition: 0.3s; text-align:left; position:relative; }
.sidenav {
	height:200px; width:100%;
	position: fixed; padding-top: 51px;
	z-index: 1;
	top: -1000px;
	right:0px;
	background-color: #22a6c7;
	overflow-x: hidden;
	transition: 0.5s;
 
}



.sidenav a {
padding: 4px 0 0px 0px; 
	text-decoration: none;
	font-size: 17px;
	color: #fff;
	display: block; font-weight:bold; text-align:left;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #ffcc00; 
}

.sidenav .closebtn {
 text-align: center;
 position: absolute;

top: 8px;

right: 18px;

font-size: 24px; transition:0.9s
}
.sidenav .closebtn:hover{ background:#0090ff;}


.closebtn{ font-size:40px; color:#fff; 

float: right; font-weight:700; cursor:pointer; border: 1px #fff solid; width:40px; height:40px; border-radius:50%; }


#menuIcon1	{ display:none;}

.sidenav1 {
    height: 100%;
width:250px;
    position: fixed;
    z-index: 100;
    top: 0;
    right:-250px;
    background-color: #22a6c7;
    background-image: url(../images/nav-bg.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100%;
    overflow-x: hidden;
    transition: 0.5s;
    -webkit-box-shadow: -5px 0px 10px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    -5px 0px 10px 0px rgba(50, 50, 50, 0.32);
box-shadow:         -5px 0px 10px 0px rgba(50, 50, 50, 0.32);
 
}



.sidenav1 a {
padding: 4px 0 10px 25px; border-bottom:1px #39b5d4 solid;
	text-decoration: none;
	font-size: 17px;
	color: #fff;
	display: block; font-weight:300; text-align:left;
	transition: 0.3s;
	
	
	
	
}

.sidenav1 a:hover {
	color: #ffcc00; 
}

.sidenav1 .closebtn1 {
 text-align: center;
 position: absolute;

top: 14px;

right: 18px;

font-size: 24px; transition:0.9s
}
.sidenav1 .closebtn1:hover{ background:#0090ff;}

.closeDiv {
    background: #142a38;
    padding: 15px 22px;
    margin-bottom: 30px;
}

.closeDiv1 {
    background: #142a38;
    padding: 15px 22px;
    margin-bottom: 30px;
}

.closebtn1{ font-size:40px; color:#fff; 

float: right; font-weight:700; cursor:pointer; border: 1px #fff solid; width:40px; height:40px; border-radius:50%; }





.sidenav2 {
    height: 100%; padding-top: 80px;
width:320px; padding-left: 25px;
padding-right: 16px;
    position: fixed;
    z-index: 100000;
    top: 0;
    right:-320px;
    background-color: #13a1c5;
    overflow-x: hidden;
    transition: 0.5s;
    background-image: url(../images/news-bg.jpg);
    background-repeat: no-repeat; background-position: bottom center; 
 
}

.sidenav2 a {
padding: 4px 0 10px 25px; border-bottom:1px #142a38 solid;
	text-decoration: none;
	font-size: 17px;
	color: #fff;
	display: block; font-weight:300; text-align:left;
	transition: 0.3s;
}

.sidenav2 a:hover {
	color: #ffcc00; 
}

.sidenav2 .closebtn2 {
 text-align: center;
 position: absolute;

top: 8px;

right: 18px;

font-size: 24px; transition:0.9s
}
.sidenav1 .closebtn1:hover{ background:#0090ff;}



.closeDiv2 {
    background: #142a38;
    padding: 15px 22px;
    margin-bottom: 30px;
}

.closebtn2{ font-size:40px; color:#fff; 
float: right; font-weight:700; cursor:pointer; border: 2px #fff solid !important; width:40px; height:40px; border-radius:50%; }

.newBorder p{ margin-bottom:0; font-weight:bold; font-size:20px; text-transform:uppercase; text-align:center; color:#333}
.newBorder h3{ color:#fff; font-size:50px;}
.newDivWrapper p{ margin-top:0; color:#333; font-size:16px;}
.newBorder span{ margin-bottom:0; font-weight:bold; font-size:15px; text-transform:uppercase; text-align:center; color:#333}
/*Subpage Style*/
.inner-banner{ float: left; clear: both; width: 100%; position: relative; }
.inner-ban-wrap{ float: left; clear: both; width: 100%; position: relative;  }
.inner-ban-wrap > img{ width: 100%; }

.foot-top{ float: left; clear: both; width: 100%; position: relative; background-image:url(../images/foot-top-bg.jpg); background-repeat: no-repeat;
	background-size: cover; backface-visibility: hidden;}
.foot-top-in{ float: left; clear: both; width: 100%; position: relative; }
.foot-top-col{ float: left; width: 25%; text-align: center; background: transparent; -moz-transition: 0.5s;  -webkit-transition: 0.5s;  transition: 0.5s;  }
.foot-top-col span{ display: block; text-align: center; font-size: 24px; color: #fff; padding-top: 5px; }
.foot-top-col:hover{ background: #1095b6;}
.foot-top-col a{ display: block;  padding:80px 20px 20px 20px; height: 300px; }

.banner-text{ position: absolute; width:100%; text-align: center; top: 275px; left: 0; right: 0; z-index: 1; }
.banner-text h1{ font-size: 45px; color: #fff; text-transform: uppercase;; text-align: center; display: block; margin:0 0 12px 0; }
.breadcrembs{ display: inline-block; text-align: center; }
.breadcrembs li{ float: left; padding:0 15px; position: relative; }
.breadcrembs li a{ display: block; font-size: 16px; color: #fff; }
.breadcrembs li:after{ display: block; content:""; width: 6px; height: 6px; background: #fff; position: absolute;right: -5px; -moz-border-radius: 50%; 
-webkit-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -3px; }
.breadcrembs li span{ display: block; font-size: 16px; color: #fff; }
.breadcrembs li:last-child:after{ display: none; visibility: hidden; }

.inner-tml{ padding-top: 90px !important; }

.inner-main{ float: left; clear: both; width: 100%; position: relative; padding: 120px 0 120px 0; }
.news-col{ float: left; width: 100%; clear: both; position: relative; padding-bottom: 30px; margin-bottom: 45px; border-bottom: 1px solid #ddd; }
.news-date{ position: relative; padding-left: 20px; font-size: 17px; color: #8a8989; font-weight: bold; padding-left: 35px; margin-bottom: 30px; }
.news-date:after{ content: ''; display: block; width: 24px; height: 24px; background: url(../images/clock.png) no-repeat center; position: absolute; top: 50%; 
margin-top: -12px; left: 0; }
.news-title{ display: block; clear: both; font-size: 25px; color:#333; margin:0 0 15px 0; }
.news-col p{ font-size: 17px; color: #54565b; margin:0 0 15px 0; font-weight: normal;  }

.news-button{ display: block; padding:10px 25px; background: #22a6c7; font-size: 16px; text-transform: uppercase; font-weight: bold; color: #fff; position: absolute; 
	top: 0; right: 0; text-align: center;}
.news-button:hover{ background: #0c7893; color: #fff; }
.news-col:last-child{ border: none; margin-bottom:0; padding-bottom: 0; }

.dpartments-top{ float: left; clear: both; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 50px; }
.dpartment-title{ display: block; float: left; font-size: 31px; color: #333; margin-top: 14px; }
.dapartment-dropdown{ float: right; position: relative; }

.dapartment-dropdown .dropdown .dropdown-button{ background: #22a6c7 !important; color: #fff; font-size:16px; text-transform: uppercase; border: none; 
	padding: 15px 20px; }
.dapartment-dropdown .dropdown .dropdown-button span{ float: left; display: block; }
.dapartment-dropdown .dropdown .dropdown-button i{ float: right; margin:-4px 0 0 15px; }
.dapartment-dropdown .dropdown .dropdown-menu{ width: 100%; background: #091923 !important; border-radius: 0 !important; }
.dapartment-dropdown .dropdown .dropdown-menu li a{ display: block; padding: 10px 20px !important; font-size: 16px; color: #fff; }
.dapartment-dropdown .dropdown .dropdown-menu li a:hover{ background:#142a37 !important; }

.dprt-row{ clear: both;  }
.dprt-details{ display: block; clear: both; width: 100%; padding:15px 20px; background: #091923; text-align: center; margin-bottom: 30px;  min-height:140px;}
.dprt-details h3{ display: block; clear: both; text-align: center; font-size: 16px; color: #fff; font-weight:normal; text-transform: uppercase; }
.dprt-details span{ display: block; clear: both; text-align: center; font-size: 16px; color: #1fb2d7; font-weight:normal; }
.dprt-img{ display: block; clear: both; text-align: center; background: #cbd0d6; }

.facilities-row{clear: both; padding-bottom: 50px; margin-bottom: 50px;}
.facilities-row:last-child{ margin-bottom: 0; padding-bottom: 0; }
.facilities-frame{ float: left; clear: both; width: 100%; position: relative; padding-left: 135px; position: relative; min-height: 118px }
.facilities-icon{ float: left; width: 118px; height: 118px; background: #22a6c7; border-radius: 20px; text-align: center; padding:17px 10px; position: absolute; left: 0;
top: 0; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.facilities-frame:hover .facilities-icon{ background: #091923; }
.facilities-details{ float: left; }
.facilities-details h2{ font-size: 24px; color: #333; font-weight: bold; margin:0 0 5px 0; }
.facilities-details p{ font-size: 17px; color: #555; font-weight: normal; margin:0 0 10px 0; min-height:55px; }
.facilities-details a{ display: block; float: left; clear: both; font-size: 13px; font-weight: bold; color: #22a6c7; text-transform: uppercase; transition: 0.4s; }
.facilities-details a:hover{ color: #091923; }

.ec-col{ float: left; clear: both; width: 100%; padding:0 0 60px 56px !important; position: relative; border-bottom: 1px solid #ddd !important; margin-bottom: 50px !important; }
.ec-date{ display: block; clear: both; font-size: 16px; color: #555; margin:12px 0 10px 0; font-weight: normal; }
.ec-date:before{ content: ''; display: block; width: 44px; height: 44px; background-image: url(../images/calentar.png); background-repeat: no-repeat; 
background-position: center; background-color: #22a6c7; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 0;   }
.ec-col p{ font-size: 22px; color: #555; margin: 0 0 15px 0; font-weight: normal; }
.ec-day{ display: block; float: left; clear: both; padding: 3px 10px 2px 10px; background: #091923; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: normal; }
.ec-row{ clear: both; }
.ec-row:last-child .ec-col{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.don-row{ clear: both; }
.down-col{ float: left; clear: both; width: 100%; padding:35px; background: #f3f5f6; position: relative; min-height: 175px; position: relative;
 margin-bottom: 55px; transition: 0.4s; }
.down-no{ display: block; width: 50px; height: 50px; background:#22a6c7; text-align:center; line-height: 50px; font-size: 27px; color: #fff; font-weight: normal;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;  position: absolute; top: -25px; left: 10px;}
.down-col p{  font-size: 19px; color: #333; font-weight: normal; margin:0 0 10px 0;}
.down-col a{ display: block; clear: both;   font-size: 15px; color: #11809c; font-weight: normal; margin:0; text-transform: uppercase;}
.down-col:hover{ background: #dce5ea; }

.about-img{ float: right; width: 22%;}
.about-img img{ max-width: 100%; }
.about-img-frame{ box-shadow: 12px 12px 0px -2px rgba(34, 166, 199, 1); margin: 0 0 30px 0;}
.about-img span{ display: block; clear: both; text-align: center; font-size: 23px; color: #555; }
.about-text{ float: left; width: 78%; padding-right: 45px; }
.content-in h2{ display: block; clear: both; margin: 0 0 15px 0; font-size: 31px; color: #333; }
.content-in p{ margin: 0 0 25px 0; font-size: 17px; color: #555; font-weight: normal; text-align: justify; line-height: 34px;}
.content-in ul{ margin: 0 0 20px 0; }
.content-in ul li{ position: relative; font-size: 17px; color: #555; font-weight: normal; padding: 0 0 25px 40px; }
.content-in ul li:before{ content: ''; display: block; width:26px; height: 26px; background-image: url(../images/bulletl-arrow.png); 
background-repeat: no-repeat; background-position: center; background-color: #22a6c7; -moz-border-radius: 50%; -webkit-border-radius: 50%; 
border-radius: 50%; position: absolute; left: 0; top: -2px; }
.about-mv-sec{ float: left; clear: both; width: 100%; margin: 50px 0 90px 0;}
.about-mv-left{ float: left; width: 42%; background-color: #081923; background-image: url(../images/about-bg.jpg); background-repeat: no-repeat;
 background-size: cover; height: 645px; position: relative;}
.about-mv-right{ float: left; width: 58%; background: #22a6c7; height: 645px; position: relative;}
.about-mv-left-in{ float: right; padding: 105px 0; position: absolute; right: -109px; z-index: 1; }
.about-mv-left-in h2{ font-size: 42px; color: #fff; margin: 0 0 15px 0; }
.about-mv-right-in{ float: left; padding:105px 0 0 130px; width: 695px;}
.about-mv-right-in p{ font-size: 17px; color: #fff; font-weight: normal; }
.middle-content{ clear: both; width: 100%; }
.middle-content p{ text-align: center; font-weight: normal; }
.middle-content h2{ text-align: center; display: block; }
.vm-image{ overflow: hidden; width: 558px; }
.vm-image img{ -moz-animation:zoomimge 35s infinite; -webkit-animation:zoomimge 35s infinite; animation:zoomimge 35s infinite; display: block; }
@-webkit-keyframes zoomimge{
	0%{ -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	50%{ -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
	100%{ -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes zoomimge{
	0%{ -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	50%{ -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
	100%{ -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes zoomimge{
	0%{ -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	50%{ -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
	100%{ -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
/*-----------------new code-----------------------*/
.achiv h3{ display: block; clear: both; margin: 0px 0 15px 0; font-size: 30px; color: #333; }
.achiv p{ margin: 0 0 25px 0; font-size: 17px; color: #555; font-weight: normal; text-align: justify; line-height: 34px;}
.achiv ul{ margin: 30px 0 20px 0; }
.achiv ul li{ position: relative; font-size: 17px; color: #555; font-weight: normal; padding: 0 0 25px 40px; text-align: justify; }
.achiv ul li::before {content: '';
display: block;
width: 26px;
height: 26px;
background-image: url(../images/achiv-icon.png);
background-repeat: no-repeat;
background-position: center;
background-color: #22a6c7;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;}
/*-----------------new code ends-----------------------*/
.student-life-wrap{ float: left; clear: both; width: 100%; position: relative; padding-left: 298px; margin-bottom: 50px; }
.sl-image-sec{ position: absolute; left: 0; top: 0; }
.sl-image{margin: 0 0 15px 0; text-align: center;}
.sl-image img{ width: auto !important; margin: 0 auto; }
.sl-image-sec span{ display: block; text-align: center; font-size: 27px; color:#22a6c7; font-weight: bold; }
.student-life-text{ float: left; clear: both; width: 100%; border-left: 1px solid #c6c6c6; padding-left: 35px; }
.student-life-text h2{ position: relative; line-height: 1; }
.student-life-text h2:after{ display: block; content: ''; width: 18px; height: 27px; position: absolute; left: -36px; top: 0; background: #22a6c7; }
.student-life .owl-nav{ clear: both; text-align: center; width: 100%; }
.student-life .owl-nav button{ display: inline-block; width: 48px; height: 48px; border: 2px solid #b1b1b1 !important; -moz-border-radius: 50%; 
	-webkit-border-radius: 50%; border-radius: 50%; margin: 0 10px; background: url(../images/slider-arrow.png) no-repeat !important;
-moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.student-life{ margin-bottom: 50px; }
.student-life .owl-nav button span{font-size: 0; line-height: 0; }
.student-life .owl-nav .owl-prev{ background-position: -27px 14px !important; }
.student-life .owl-nav .owl-next{ background-position: -101px 14px !important; }
.student-life .owl-nav .owl-prev:hover{ border-color: #22a6c7 !important;  background-position: 16px 14px !important;}
.student-life .owl-nav .owl-next:hover{ border-color: #22a6c7 !important; background-position: -151px 14px !important;}

.student-life-bottom{ float: left; clear: both; width: 100%; position: relative; }
.middle-title{ display: block; text-align: center; padding:0 20px;}
.student-life-main .inner-main{ padding-bottom: 0 !important; }
.student-life-bottom .middle-title{ padding-bottom: 50px; position: relative; margin-bottom:0; }
.student-life-bottom .middle-title:after{ content: ''; display: block; width: 2px; height: 40px; background: #22a6c7; position: absolute; left: 50%; 
margin-left: -1px; bottom: 0; }

.st-bot-wrap{ float: left; clear: both; width: 100%; background: #efefef; min-height: 676px; padding-right: 30%; position: relative; }
.st-bot-right{ display: block; position: absolute; right: 0; bottom: 0; width: 30%; background: #0c212c; height: 100%;
background-image: url(../images/student-life-bg.jpg); background-repeat: no-repeat; background-size: cover; }
.st-bot-content{ float: right; padding:115px 135px 0 0; width: 83%;  position: relative;}
.st-bot-img{ position: absolute; right:-285px; top: 115px;  border: 8px solid #d0d0d0; z-index: 1; }

.activity-slider .owl-nav{ display: none; visibility: hidden; }
.activity-slider .owl-dots{ text-align: center; }
.activity-slider .owl-dots button{ display: inline-block; width: 42px; height: 6px; background: #cdcdcd !important; margin: 0 4px; border-radius: 10px;}
.activity-slider .owl-dots .active{ background: #22a6c7 !important; }
.activity-slider .owl-stage-outer{ margin: 0 0 10px 0; }
.activity-slider .owl-item.active img{-moz-animation:zoomimge 35s infinite; -webkit-animation:zoomimge 35s infinite; animation:zoomimge 35s infinite;}
.activity-title{ text-transform: uppercase;}

.activity-sec{ float: left; clear: both; width: 100%; position: relative; margin-bottom: 150px; }
.activity-sec:after{ transition: 1s; }
.activity-sec .activity-title{ margin-bottom: 25px; }
.activity-sec .bp-button{ margin-top: 20px; }
.bp-button{ display: inline-block; padding:12px 30px; border: 2px solid #22a6c7; font-size: 14px; color: #333; text-transform: uppercase; 
position: relative; }
.bp-button i{ font-size: 23px ; float: left; color: #22a6c7; margin: 0 15px 0 0; transition: 0.4s; }
.bp-button span{ margin: 3px 0 0 0; display: block; float: left;  transition: 0.4s;}
.activity-img-frame{ float: left; margin-top: 62px; border: 3px solid #fff; position: relative; width: 40%; }
.activity-content{ float: left; width: 60%; padding-left: 25px; }
.activity-img-frame img{}
.bp-button:after{ content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 0%; background: #22a6c7; z-index: -1; transition: 0.4s; }
.bp-button:hover i{ color: #fff; }
.bp-button:hover span{ color: #fff; } 
.bp-button:hover::after{ width: 100% }

.activity-no{ display: block; width: 50px; height: 50px; position: absolute; top: 15px; left: 15px;  
z-index: 1; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.6); text-align: center; 
font-size: 20px; line-height: 50px; font-weight: bold; animation: 2s infinite blink; box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2); border: 1px solid #fff;}
@keyframes blink{
	0%{ box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.2);}
	50%{ box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);}
	100%{ box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.2);}
}
.clubBorderRight{border-right:1px #d3d3d3 solid}.campusLifeTxt,.circularDateTxt{font-family:PoppinsBold,Arial,Tahoma}.galleryBgDiv{padding-bottom:100px}.gallaryImgDiv{padding:0}.gallaryImgDiv1{margin-top:50px}.gallaryImgDiv2,.gallaryImgDiv3{margin-top:-50px}.gallaryImg{margin-bottom:5px;transition:all .5s ease-out}.clubHeadTxt{margin-bottom:0px;text-align:center}.clubHead{margin-bottom:10px;text-align:center}.gallaryImg:hover{opacity:.6;-webkit-box-shadow:-2px 23px 35px -1px rgba(0,0,0,.69);-moz-box-shadow:-2px 23px 35px -1px rgba(0,0,0,.69);box-shadow:-2px 23px 35px -1px rgba(0,0,0,.69)}.clubHead{color:#4f4f4f;font-size:20px;margin-top:30px;text-transform:uppercase}.clubHeadTxt{font-size:14px;color:#585858;line-height:28px;margin-top:0}.clubBorderRight{height:314px}
.activity-sec-one:after{ display: block; content: ''; width: 29%; background: #22a6c7; position: absolute; left: 0; top: 0; bottom: 0; }
.activity-sec-two:after{ display: block; content: ''; width: 29%; background: #22a6c7; position: absolute; right: 0; top: 0; bottom: 0; }
.activity-sec-in{ position: relative; z-index: 1; }
.activity-sec-one p{ text-align: left; }
.activity-sec-two p{ text-align: right; }
.activity-sec-two h2{ text-align: right; }
.activity-sec-two .bp-button{ text-align: right; }
.activity-sec-two .activity-no{ left: auto; right: 15px; }

.activity-sec-two .activity-img-frame{ float: right; }
.activity-sec-two .activity-content{ padding-left: 0; padding-right: 25px; text-align: right;}
.activity-sec:hover:after{ width: 32%; }
.activity-sec:last-child{ margin-bottom: 0; }

.form-and-add{ float: left; clear: both; width: 100%; position: relative;  margin: 0 0 95px 0;}
.form-sec{ float: left; width: 70%; padding: 52px 200px 52px 52px; background: #e2e6e8; }
.form-sec h2{ font-size: 31px; color: #333; margin: 0 0 25px 0; }
.bp-input{ display: block; clear: both; width: 100%; background: #fff; border: 1px solid #c8ced1; height: 45px; padding:0 15px; 
font-size: 16px; color: #555; margin: 0 0 25px 0; }
.bp-inputDropdown{width: 30%; background: #fff; border: 1px solid #c8ced1; height: 45px; 
font-size: 16px; color: #555; margin: 0 0 25px 0; }


.bp-textarea{ display: block; clear: both; width: 100%; background: #fff; border: 1px solid #c8ced1; height: 90px; padding:15px; 
font-size: 16px; color: #555; margin: 0 0 25px 0;}
.captcha-img{ float: left; padding:7px 10px 7px 7px; background: #fff; height: 50px; }
.captcha-button{ display: block; float: left; padding:10px 20px; background: #22a6c7; height: 50px; }
.captcha-input{ display: block; float: left; width: 185px; background: #fff; border: none; text-align: center; font-size: 16px; color: #555; text-align: center; 
height: 50px; padding:5px 15px; }
.Form-button{ display: block; float: right; background: #22a6c7; color: #fff; font-size: 17px; font-weight: bold; color: #fff; text-transform: uppercase;
border: none; height: 50px; padding:10px 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.Form-button:hover{ background: #0d87a6; }

.address-sec{ display: block; padding:45px; background: #22a6c7; width: 44%; position: absolute; top: 65px; right: 0; z-index: 1;}
.address-in{ float: left; clear: both; width: 100%; }
.address-in li{float: left; clear: both; width: 100%; position: relative; padding: 0 0 20px 60px;}
.address-sec h2{ font-size: 31px; color: #fff; margin: 0 0 50px 0; }
.address-in li{ font-size: 19px; color: #fff; line-height: 35px; }
.address-in li span{ display: block; width: 30px; height: 30px; border: 1px solid #fff; text-align: center; position: absolute; left: 0; top: 0; 
line-height: 30px; transform: rotate(45deg); }
.address-in li span i{ font-size: 19px; transform: rotate(-45deg); }
.address-in li span i.fa-envelope{ font-size: 14px !important; text-align: center; }

.contact-social{ float: left; clear: both; width: 100%; position: relative; text-align: center; margin-bottom: 95px; }
.contact-social h2{ display: block; text-align: center; margin: 0 0 20px 0; font-size: 35px; color: #555; font-weight: normal; }
.contact-social-in{ clear: both; position: relative; display: inline-block; }
.contact-social-in li{ text-align: center; float: left; padding:0 35px; }
.contact-social-in li i{ display: inline-block; width: 84px; height: 84px; border: 2px solid #cbd1d4; line-height: 84px; font-size: 38px; color: #22a6c7;
border-radius: 20px; margin: 0 0 10px 0; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.contact-social-in span{ font-size: 20px; color: #555; text-align: center; display: block;  font-weight: normal;}
.contact-social-in li a{ display: block; }
.contact-social-in li a:hover i{ border-color: #22a6c7; }
.google-map{ float: left; clear: both; width: 100%; position: relative; }

.gallery-tab{ float: left; clear: both; width: 100%; }
.gallery-tab-content{ float: left; clear: both; width: 100%;}
.gallery-nav-tabs{float: left; clear: both; width: 100%; text-align: center; border-bottom: 1px solid #22a6c7; margin-bottom: 70px;}
.gallery-nav-tabs li{ display: inline-block; position: relative; }
.gallery-nav-tabs li a{ display: block; text-align: center; padding:20px; font-size: 22px; color: #333; text-transform: uppercase;}
.gallery-nav-tabs li.active:after{ display: block; content: ''; width: 45px; height: 25px; background: url(../images/tab-arrow.png) no-repeat top center; 
position: absolute; bottom: -25px; left: 50%; margin-left: -22.5px;}

.gallery-head{ float: left;; clear: both; width: 100%; position: relative; margin-bottom: 50px; }
.gallery-head h2{ font-size: 31px; color: #333; margin: 10px 0; display: block; float: left; }

.gallery-wraper{ float: left; clear: both; width: 100%; }
.image-frame{ display: block; margin-bottom: 24px; position: relative; overflow: hidden; background: #000; }/* background: #000;*/
.latest-image{display: block; margin-bottom: 24px; position: relative; position: relative;}
.latest-image img{ width: 100%; }
.latest-image h3{ display: block; z-index: 1; position: absolute; bottom: 40px; left: 0; background: #22a6c7; font-size: 27px; color: #fff; 
font-weight: normal; padding:10px 30px; }
.image-frame img{ -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.image-frame a{ display: block; }
.image-frame:hover img{ opacity: 0.8;  -moz-opacity: 0.8;  -webkit-opacity: 0.8; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.view-image{ display: block; font-size: 17px; color: #fff; font-weight: bold; position: absolute; bottom: -35px; right: 20px; z-index: 1; 
line-height: 30px; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;  }
.view-image i{ display: block; float: left; width: 26px; height: 26px; background: #22a6c7; color: #fff; text-align: center; line-height: 26px; 
font-size: 15px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 8px; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.view-image:hover{ color: #fff; }
.view-image:hover i{background: #fff; color: #22a6c7;}
.image-frame:hover .view-image{ bottom: 12px; }
.newBorder{ border:1px #fff solid; padding: 10px 6px; text-align:center; background: #0887a7; width: 58px;}
.newDivWrapper{ position:relative; padding-left: 68px; margin-bottom: 20px; min-height: 111px; padding-bottom: 20px; border-bottom: 1px solid #35b4d4; }
.newDiv{ position:absolute; left:0; top:0;}
.down-animation{ width: 20px; height: 40px; position:relative;  transition: 2s all ease-in-out; }
.down-arrow{ width: 11px; height: 8px;}
.newBorder p{ line-height: 1; color: #fff; font-size: 12px; display: block;}
.newBorder span{ line-height: 1; color: #fff; font-size: 12px; display: block; }
.newBorder h3{ line-height: 1; color: #5ddfff; font-size: 35px; display: block; }
.right-news-title{ font-size: 18px !important; color: #fff; font-weight: bold !important; line-height: 25px; margin: 0 0 2px 0; padding: 0 !important; border: none !important; }
.right-news-p p{ font-size: 15px !important; color: #fff !important; margin:0 0 5px 0; line-height: 21px; }
.right-news-title:hover{ color: #fff !important; }
.right-news-link{ font-weight: bold !important; font-size: 15px !important; color: #fff; border: none !important; padding: 0 !important; }
.newDivWrapper:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.news-all-button{ display: block; clear: both; border: 2px solid #fff !important; padding:8px 30px !important; font-size: 15px !important; color: #fff; 
	text-transform: uppercase; text-align: center !important; font-weight: bold !important; margin: 50px 0 20px 0; position: relative; text-align: center; }
.last-news{ padding-bottom: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.news-all-button:after{ content: ''; position: absolute; top: 50%;  bottom: 0; width: 50%; height: 100%; background: #0a7590; left: 50%; 
-moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
-moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; z-index: -1; }
.news-all-button:hover:after{ width: 100%; opacity: 1; }
.news-all-button:hover{ color: #fff !important; }

.continue-animation {
  display: block;
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 20px;
  height: 40px;
  text-align: center;
  transition: 2s all ease-in-out;
  cursor: pointer;
}
.continue-animation .down-angle {
  width: 20px;
  height: 10px;
  position: absolute;
  margin: 0 auto;
  color: #fff;
 background: url(../images/down-arrow-icon.png) no-repeat center;
}
.continue-animation .down-angle:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  font-size: 18px;
  line-height: 1;
}
.continue-animation .down-angle.one {
  -webkit-animation: chevron-reveal 0.5s infinite;
  animation: chevron-reveal 0.5s infinite;
}
.continue-animation .down-angle.two {
  -webkit-animation: chevron-slide 0.5s infinite;
  animation: chevron-slide 0.5s infinite;
}
.continue-animation .down-angle.three {
  top: 8px;
  -webkit-animation: chevron-slide 0.5s infinite;
  animation: chevron-slide 0.5s infinite;
}
.continue-animation .down-angle.four {
  top: 16px;
  -webkit-animation: chevron-fade 0.5s infinite;
  animation: chevron-fade 0.5s infinite;
}

@-webkit-keyframes chevron-reveal {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0.001;
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }
  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes chevron-reveal {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0.001;
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }
  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes chevron-slide {
  to {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes chevron-slide {
  to {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes chevron-fade {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0.001;
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }
}
@keyframes chevron-fade {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0.001;
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
  }

}

.bgMain1{ background: #ddd; padding:20px 20px; float:left; width:100%; border-radius:15px; margin-bottom:15px}
.achievmentFloat{ float:left; width:10%; }
.achievmentFloat img{ margin-bottom:10px;}
.achievmentFloat1{ float:left; width:90%; padding: 0 20px; }
.achievmentImgMain{ width:112px; height:112px; overflow:hidden; margin: 0 auto 10px;}
.achievmentImgMain img{ border-radius:50%}
.floatLeftMainNav{ margin: 0;
padding: 0;
display: block;
text-align: center;}
.floatLeftMainNav li{ display:inline-block; padding: 0 18px!important;}
.floatLeftMainNav li:before{ display:none!important;}
.floatLeftMainImg h3{ font-size:20px; font-weight:bold; margin: 0 0 10px;}
.floatLeftMainImg{ text-align:center}
.bgMain1 p{ font-size:15px; margin-bottom:0; text-align:center}

@media screen and (max-width:1366px){
.campusLifeDiv{ padding-left:160px;}

}
@media screen and (max-width:1199px)
{
    .aboutImgWrapper
    {
        display:none;
    }
.hoverLog{height: 46px;}
.sticky .hoverLog{left: 20px;}
.sticky > ul{ width: 970px;}
.nav{ width:960px;}
.sticky{ width:100%;}
.banner{ height:auto;}
.sec-1{padding: 55px 0;}
.aboutWrapperTxtDiv h2{ margin-top:20px; font-size:36px;}
.aboutWrapperTxtDiv h3{font-size: 23px; margin-bottom:20px;}
.aboutWrapperTxtDiv p{ font-size:16px;}
.aboutWrapperTxtDiv a{margin-top: 23px;}
.campusLifeDivWrapper1{ display:none;}
.campusLifeDivWrapper2{display:none;}
.campusLifeDiv{padding-right: 176px;}
.aboutImgWrapper::after{ display:none;}
.aboutWrapperTxtDiv a{ padding: 10px; width: 190px; font-size:14px;}
.aboutWrapperTxtDiv a::before{ display:none;}
.munshiImgBg{right: 39%;}
.munishiDivWrapper h3{ font-size:20px; margin-bottom:20px;}
.munishiDivWrapper p{ font-size:16px;}
.testmonialHeder{font-size: 40px; margin-bottom:30px;}
.testmonialBg{padding: 78px 15px 100px;}
.testmonialImgBg{right: 39%;}
.kinderGardenBg::before{ display:none;}
.kinderGardenBgDivWhiteWrapper{ position:static;}
.kinderGardenBgDivWhiteWrapper1{ position:static}
.kinderGardenBgDivBorder img{ width:100%}
.kinderGardenBgDivWhite{ background:#22a6c7}


/*Subpage Style Start*/
.banner-text{ top: 160px; }
.banner-text h1{ font-size: 33px; }

.vm-image{ width: 495px; }
.about-mv-right-in{width: 570px;}
.about-mv-right{ min-height: 740px; height: auto; }
.about-mv-left{ min-height: 740px;  height: auto;}
.captcha-input{ width: 100px; }
}


@media screen and (max-width:991px){
.cv-menu-but{ position: absolute;
right: 49px;
top: 23px;}
#menuIcon1{ display:block;}
.menuTxt{ font-size:23px;}
.sidenav{ height:auto; padding-top:20px; padding-bottom:20px;}
.sidenav .closebtn{ z-index:100;}
.popularHedaer{ margin-top:20px; margin-bottom:15px;}
.searchDivAll{ width:100%}
.header{padding-bottom: 65px; position:fixed; background:#22a6c7; top:0;}
.logoHolder img{ height:100px; height: 66px;
margin-top: 2px;}
.search-open{top: 20px;}
.banner{ margin-top:60px;}
.nav{ display:none;}
show-on-mobile{ display:none;}
.menu-mobile{ display:none;}
.sticky{  display:none;}
.menu-mobile{ display:none;}
.headerMenuNav{ display:none;}
.menu > ul{ display:none;}

 
.testmonialImgBg{right: 36%;}
.testmonialHeder{ font-size:30px;}

.principalDiv{ padding-top: 40px;}
.principalDiv h3{ font-size:39px; line-height:35px;}
.principalDiv strong{font-size: 30px;}
.sec-3{padding: 20px 0 60px;}
.white-title{ font-size:40px; margin: 0 0 22px 0; text-align:center;}
.principalDiv{ position:static;}
.munshiImgBg{ right:36%}
.munshiBg{padding: 53px 15px 65px;}
.campusLifeDiv p{ color:#fff;}
.campusLifeDiv{ min-height:auto;}
.campusLifeDivWrapper3{ display:none;}
.campusLifeDivWrapper{ position:static; margin-top:30px; margin-bottom:30px;}
.sec-2::before{ display:none;}
.sec-2::after{ display:none;}
.sec-2{ background:#22a6c7; padding:55px 15px;}
.campusLifeDiv h3{ color:#fff;}
.campusLifeDiv{ padding-left:0; padding-right:0;}
.campusLifeDivWrapper4{ position:static; }
.readMoreBtn{ color:#fff!important;}
.readMoreBtn:before{ background:#fff;}
.readMoreBtn:hover{ color:#333!important}
.readMoreBtn:hover:before{ background:#333!important}
.activityBg{ background:none; min-height: auto;}
.campus-life-div1{margin-top: 40px;}
.campus-life-div{margin-top: 40px;}
.cv-footer{padding: 22px 15px 0;}
.footerHeader1{font-size: 41px; margin-bottom: 15px;}

/*Subpage Style Start*/
.inner-banner{ padding-top: 66px; }
.dprt-details{ margin-bottom: 20px; }
.facilities-row{ padding-bottom: 0; margin-bottom: 0; }
.facilities-frame{ margin-bottom: 15px; display: block; width: 100%; text-align: center; min-height:auto; padding:0; }
.facilities-icon{ position: static; display: inline-block; float: none; margin-bottom: 10px; }
.facilities-details{ width: 100%; padding:0; clear: both; }
.facilities-details a{ display: block; float: none; text-align: center; }

.ec-col{ padding-bottom: 25px !important; margin-bottom: 25px !important; border-bottom: 1px solid #ddd !important; }
.down-no{left: 50%; margin-left: -25px;}
.down-col{text-align: center;}
.about-img span{ font-size: 18px; }

.about-mv-left-in{ position: static; clear: both; }
.about-mv-left{ width: 100%; clear: both; height: auto; padding:20px; min-height: inherit; }
.about-mv-right{ width: 100%; clear: both; min-height: inherit; }
.vm-image{ display: none; visibility: hidden; }
.about-mv-left-in{ padding:0; margin: 0; width: 100%; text-align: center; }
.about-mv-right-in{ width: 100%; clear: both; padding:20px; }

.sl-image-sec{ width: 175px; }
.student-life-wrap{ padding-left: 200px; }
.sl-image-sec span{ font-size: 17px; }
.student-life-text h2{ font-size: 23px; }

.st-bot-img{ width: 200px; right: -95px; }

.form-sec{ width: 100%; clear: both; padding:50px; }
.address-sec{ position: static; clear: both; width: 100%; padding:50px; float: left; }
.captcha-input{ width: 150px; }
.captionHolderWrapper h1{ font-size:27px;}
.captionHolderWrapper h3{ font-size:44px;}
.captionHolderDiv{ bottom:200px; }
}


@media screen and (max-width:767px){
.logoHolder img{ height: 54px;
margin-top: 7px;}
.cv-menu-but{right: 64px;}
.logoHolder{left: 15px;}
.search-open{ right:15px;}
.footerNav1 a{margin-top: 13px;}
.kinderGardenBgDivWhite{ min-height:auto;}
.aboutImgWrapper::before{ display:none;}
.campusLifeDiv h3{ font-size:35px;}
.captionHolderDiv{ display:none;}
.kinderGardenBg{ padding-bottom:50px;}
.kinderGardenBgDiv h3::before{ height: 32px; top: -50px;}
.kinderGardenBgDiv h3{ font-size:35px; margin-bottom:20px; }
.kinderGardenBgDiv p{ margin-bottom:20px;}
.kinderGardenBgDiv a{ margin-bottom:50px;}
.kinderGardenBgDivWhiteWrapper1{ display:none;}
.kinderGardenBgDiv{ max-width:700px!important; min-height:auto;padding-top: 50px;}
.kinderGardenBg::before{ display:none}
.munshiImgBg{ display:none;}
.testmonialImgBg{ display:none;}
.testmonialImg{ margin-bottom:17px;}
.icon-col{ border-right:none; margin-bottom:40px;}
.cv-footer-link{ width:200px;}
.spectacular-area h3{font-size: 23px !important; margin-bottom:20px;}
/*Subpage Style Start*/
.foot-top-col{ width: 100%; clear: both; border-bottom: 1px solid #68cde4; }
.foot-top-col:last-child{ border-bottom: none; }
.foot-top-col a{ height: auto; padding:20px; }
.banner-text{ top: 120px; }
.breadcrembs li a{ font-size: 14px; }
.breadcrembs li span{ font-size: 14px; }

.news-button{ position: static; clear: both; }
.dpartment-title{ clear: both; width: 100%; margin: 0 0 15px 0; text-align: center; }
.dapartment-dropdown{ width: 100%; clear: both; text-align: center;; }
.inner-main{ padding: 50px 0; }

.ec-col p{font-size: 19px;}
.down-col p{font-size: 18px;}
.about-img{ float: left; width: 30%; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.about-text{ float: left; width: 100%; padding: 0 0 0 0; }
.about-img{ width: 100%; clear: both; text-align: center; }
.about-img-frame{ box-shadow: none; border: 5px solid #22a6c7; width: 200px; display: inline-block; margin-bottom: 12px; }
.content-in p{ font-size: 16px; line-height: 30px; margin-bottom: 18px; }

.sl-image-sec{ position: static; clear: both; width: 100%; text-align: center; margin: 0 0 20px 0; }
.student-life-text{ padding-left: 0; border-left: none; }
.student-life-text h2{ text-align: center; padding-bottom: 10px; position: relative;  }
.student-life-text h2:after{ display: block; width: 100px; height: 2px; left: 50%; margin-left: -50px; bottom: 0; top: auto;}
.student-life-wrap{ padding-left: 0; }

.st-bot-right{ display: none; visibility: hidden;; }
.st-bot-wrap { padding: 20px; }
.st-bot-content{ width: 100%; padding:0; }
.st-bot-img{ position: static; clear: both; text-align: center; width: 100%; margin: 0 0 15px 0;}
.student-life-bottom .middle-title{ font-size: 25px; }

.activity-sec-one::after{display: none; visibility: hidden;}
.activity-sec-two::after{display: none; visibility: hidden;}
.activity-img-frame{ float: left; width: 100%; clear: both; margin: 0 0 25px 0; }
.activity-content{float: left; width: 100%; clear: both; padding:0;}
.activity-title{ font-size: 20px !important; text-align: center; }
.activity-content{ text-align: center; !important; }
.activity-content p{ text-align: center; }
.activity-sec{ margin-bottom: 35px; }
.activity-sec-two .activity-content .activity-title{ text-align: center; font-size: 20px; }
.activity-sec-two .activity-content p{ text-align: center; }
.activity-sec-two .activity-content{ text-align: center !important; }

.Form-button{ clear: both; width: 100%; margin: 10px 0 0 0; }
.captcha-input{ width: 150px; float: right; }
.form-and-add{ margin-bottom: 50px; }
.contact-social-in li{ padding: 0 10px; }
.contact-social-in li i{ width: 50px; height: 50px; font-size: 23px; line-height: 50px; }
.contact-social-in span{ font-size: 16px; }
}

@media screen and (max-width:480px){
.menuTxt{ font-size:19px;}
.popularHedaer{ font-size:21px; margin-bottom:0px;}
.searchNav li{ width:100%; display:block;}
.spectacular-area h3{font-size: 17px !important; margin-bottom:20px;}
.footer
 li{ width:100%}
.footerHeader{ margin-top:20px; margin-bottom: 7px;}


/*Subpage Style Start*/
.banner-text{ top: 90px; }
.banner-text h1{ font-size: 21px; margin-bottom: 2px; }
.form-sec{ padding:20px; }
.captcha-input{ width: 100%; clear: both; margin: 10px 0 0 0; }
.captcha-button{ float: right; }
.address-sec{ padding:20px; }
.address-sec h2{ margin-bottom: 25px; }
.address-in li{ padding-left: 48px; }
.contact-social-in span{ display: none; }
.gallery-wraper .col-xs-6{ width: 100% !important; clear:both !important; }
.gallery-head h2{ display: block; text-align: center; margin:0 0 15px 0; width: 100%; }
.gallery-nav-tabs li a{ font-size: 16px; padding:10px; }
.gallery-nav-tabs{ margin-bottom: 47px; }

}