@font-face{
   font-family: 'bahnschrift';
   src:url('../fonts/bahnschrift.ttf') format('truetype');
}

/*

#6c5ce7

#252525

*/

body{  
	font-family: 'bahnschrift';
	/*border-top:4px solid #6c5ce7;*/
}

.header{
	padding-top: 10px;
	padding-bottom: 10px;
	/*border-bottom:2px solid #6c5ce7;*/
}



.logo{
	width: 80px;
	/*margin-top: -30px;*/
}

.schoolname{
	color:#009E60;
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 36px;
}

.schoolname span{
	font-size: 20px;
}

.affi{
	color:#93C572;
	margin-bottom: 5px;
	padding-left: 5px;
}
.affi img{width: 20px;}

.btn{
	border-radius: 20px;
	transition: 0.5s;
}

.btn:hover{
	transform: translate(15px,0);
}



@keyframes blinking {
  0% {
    background-color: #93C572;
  }
 
  50% {
    
   background-color: #009E60;
    
  }

  100% {
    background-color: #013220;
   
  }
}


.boxes{
	box-shadow: 0 6px 30px rgba(0, 0, 0, .2);
	/*border:2px solid #ccc;*/
	margin-top: -100px;
	padding: 0px;
	z-index: 1;
	background: #fff;
	margin-bottom: 50px;
}

.boxes .bxtop{
    margin-top: -100px;
}




.box{
	min-height:225px;

	background: #009E60; /*#4dbaf0;*/

	/*background: #4dbaf0;  /*#6c5ce7;*/
	color:#fff;
	letter-spacing: 1px;
	padding:10px 20px;
	text-align: center;
}
.box img{
	position: absolute;
	left:20px;
	top:15px;
	/*opacity: 0.6;*/
}

.box h3{
	margin-top: 40px;
}
.box p{
	line-height: 25px;
	font-size: 16px;
	margin-top: 20px;
}

.box1{
	min-height:225px;
		
	background: #fff;
	/*letter-spacing: 1px;*/
	color:#252525;
	padding:10px 20px;
	text-align: center;
}

.box1 img{
	position: absolute;
	left:20px;
	top:15px;
	opacity: 0.6;
}

.box1 h3{
	margin-top: 40px;
}

.box1 p{
	line-height: 25px;
	font-size: 16px;
	margin-top: 20px;
}


.cont{
	padding-top: 7px;
	padding-bottom: 7px;
	background: #93C572;
	/*background: #0193b7;*/
	color:#ffffff;
	animation-name: blinking;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}




.cont a{
	color:#ffffff;
	text-decoration: none;
	display: inline-block;
	margin-right: 15px;
}

.cont a i{
	color:#ffffff;
}

.cont span{
	margin-right: 15px;
}

.cont .btn-warning{
	background-color:#0193b7;
	border:0;
}

.navigation{
	margin-bottom: 0;
	border-radius: 0;
	border:0;
	background: #009E60; 
	/*background: #063e53; *//*#4dbaf0;*/
	max-height: 50px;
}

.navigation .nav li a{
	color:#ffffff;
}

.navigation .nav li a:hover{
	background: #93C572;
}



.banner{
	padding: 0;
	/*margin-top: -50px;*/
	
	height: 500px;
	overflow:hidden;
}

.banner img{
	width: 100%;
	height:500px;
}

.front{
	padding: 0;
	padding-top: 50px;
	padding-bottom: 50px;
	background: url('../images/bg1.png');
}
.welcome{
	background: #93C572;
	text-align: center;
	color:#ffffff;
	padding-top: 25px;
	padding-bottom: 25px;
}
.welcome h3{
	font-size: 32px;
	text-transform: uppercase;
}

.welcome p{
	line-height: 30px;
	font-size: 15px;
}

.front-msg{
	padding-left: 0;
	padding-right: 0;
}

.front-msg .img{padding: 0;}

.front-msg .img img{width: 100%;}

.front-msg .msg{
	padding-top: 27px;
	padding-bottom: 26px;
	background: #009E60; 
	color:#fff;
	padding-left: 100px;
	padding-right: 100px;
	line-height: 25px;

}
.front-msg .msg p{
  font-weight: 100;
  letter-spacing: 1px;
}	

.bt{background:  #93C572;
	color:#fff;
	text-decoration:none;
	padding: 5px 10px;
}

.bt:hover{
	text-decoration:none;
	color: #ffffff;
}

.front-msg .msg1{
	padding-top: 15px;
	padding-bottom: 5px;
	background: #93C572;
	color:#fff;
	padding-left: 100px;
	padding-right: 100px;
	line-height: 25px;
}


.bt1{background:  #009E60;
	color:#fff;
	text-decoration:none;
	padding: 5px 10px;
}

.bt1:hover{
	text-decoration:none;
	color: #ffffff;
}



.notice{
	/*background: #063e53;*/
	/*border: 1px solid #063e53;*/
	color:#ffffff;
	padding: 20px;
}
.notice h3{
	margin-bottom: 20px;
	background: #009E60;
	margin-top: 0;
	padding: 5px;
}

.notice ul{
	width: 100%;
}
.notice ul li{
	padding-bottom: 5px;
}
.notice ul li a{
	color:#333;
	display: block;
	text-decoration: none;
	padding-bottom: 5px;
	border-bottom:1px dotted #333;
	text-transform: capitalize;	
}

#example{
	background: rgba(255,255,255,.3);
}

.toppers{
	margin-top: 50px;
}

.headingin{
	color:#fff;
	margin-bottom: 20px;
}


.heading{
	color:#009E60;
	margin-bottom: 20px;
	text-align: center;
}

.heading span{
/*	display: block;
	width: 75px;
	height: 5px;
	background: #009E60;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;*/
}

.toppers .lr-box {
  background: #595959;
  color: #fff;
  padding: 15px;
  margin-top: 25px;
  height: 205px;
  font-size: 16px;
  line-height: 30px;
}

 .toppers .pic {
  padding: 0;
  padding: 10px;
  border: 2px solid #009E60;
}

.pic img{
	width:100%;
}

.topper{
	padding: 20px;
	text-align: center;
}

.topper h4{
	color:#009E60;
}

.topper img{
	width: 80%; 
	/*border-radius: 50%;*/
	border:2px solid #ccc;
	padding: 5px;
	transition: .5s;
	box-shadow: 0 6px 30px rgba(0, 0, 0, .2);
}


.topper img:hover{
	/*transform: rotateY(180deg);*/
}

.topper .name{
/*background: #009E60;*/
padding: 8px;
color:#333;
}



.act{
	/*padding-top: 50px;*/
	background: url('../images/bg1.png');
}

.ach{
	margin-top: 50px;
}

.ach img{
	border:1px solid #ccc;
	padding: 5px;
	transition: 0.3s;
}

.ach img:hover{
	transform: scale(1.1);
}

.feat{
	padding: 0;
	margin-top: 50px;
}

.feat .bg1{
	padding: 0;
	height: 300px;
	overflow: hidden;
}

.feat .bg2{
	padding: 0;
	height: 300px;
	overflow: hidden;
}


.feat img{
	width: 100%;
	height: 100%;
	transition: 0.5s;
		
}



.feat div:hover img{
	transform: scale(1.2);
	z-index: -1000;
	
}
.feat div:hover .cover{
	color:#013220; 
	z-index: 111;
}


.feat .bg1 .cover{
	background: rgba(0, 158, 96,0.8);
	color:#fff;
	height: 300px;
	width: 100%;
	position: absolute;
	text-align: center;
	font-size: 40px;
	padding-top: 100px;
	transition:0.5s;
	z-index: 111;
}

.feat .bg2 .cover{
	background: rgba(147, 197, 114,0.8);
	color:#fff;
	height: 300px;
	width: 100%;
	position: absolute;
	text-align: center;
	font-size: 40px;
	padding-top: 100px;
	transition:0.5s;
	z-index: 111;
}


.footer{
	/*background-image: url('../images/border.png');
	background-repeat:repeat-x;*/
	background-color: #013220;
	padding: 35px;
	margin-top: 50px;
	color:#ffffff;
}

.footer h4{
	margin-bottom: 25px;
}

.footer ul{
	padding-left: 0;
	list-style: none;
}

.footer ul li a{
	display: block;
	padding: 5px;
	color:#ffffff;
	text-decoration: none;
}

.footer a{color:#009E60;}
.about{
	margin-top: 30px;
}

.about p{
	line-height: 30px;
	font-size: 14px;
	color:#333;
}

.about ul{
	position: relative;
	list-style: none;
	padding-left: 0;
}
.about ul li{
	padding-left: 35px;
	position: relative;
	border-bottom: 1px dotted #252525;
}
.about ul li p{
	margin-bottom: 0;
	margin-top: 10px;
}
.about ul li i{
	position: absolute;
	color:#009E60;
	left:0;
	top:5px;
}

.about img{
	width:100%;
}

.mt{
	margin-top: 30px;
}

.about .box p{
	color:#ffffff;
	font-size: 15px;
}

.about .box1 p{
	
	font-size: 15px;
}

.leftmenu{padding-right: 0;}

.leftmenu p{
  /*border-bottom: 1px solid #ccc;*/
  border-left: 4px solid #ffffff;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}

.leftmenu p:hover{
  border-left: 4px solid #009E60;
}

.about .active{
	border-left: 4px solid #009E60;
	background: #009E60;
	color:#ffffff;
}

.about table{
	font-size: 14px;
}

.academic .insearch{
	float: right;
	font-size: 14px;
	padding-left: 7px;
	height: 30px;
}

.gallery img{
	border:1px solid #ccc;
	padding: 5px;
	margin-top: 15px;
	width: 100%;
	height: 150px;
}

.gallery a{
	text-decoration: none;
	outline: none;
}


.gallery .cap{
	/*background-color: #595959;*/
	/*text-align: center;*/
	/*color:#fff;*/
	text-transform: capitalize;
	padding: 7px;
	line-height: 20px;
	min-height: 54px;
}

.gallery .cap1{
	background-color: #009E60;
	text-align: center;
	color:#fff;
	padding: 7px;
	line-height: 20px;
	min-height: 54px;
}

.vids{
	margin-top: 25px;
}

.vids iframe{
	border:1px solid #ccc;
	padding: 5px;
	width: 100%;
	height: 210px;
}

.albms{
	/*border:1px solid #ccc;*/
	padding: 15px;
}
.albms p{
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	margin-top: 10px;
}

.albms p a{
	color:#333333;
	display: block;
	text-transform: capitalize;
	text-decoration: none;
}

.albms p a:hover{
	background: #595959;
	color:#ffffff;
}



.photos .col-md-3 span{
position: absolute;
display: block;
width: 80%;
box-sizing: border-box;
left: 10%;
bottom: 0;
padding: 10px;
background: #009E60;
opacity: 0;
transition: .5s;
color: #fff;
text-align: center;
}

.photos .col-md-3:hover span{
	bottom: 100px;
	opacity: .9;
}

.form input{
	width: 100%;
	height: 35px;
	padding-left: 10px;
}

.form select{
	width: 100%;
	height: 35px;
	padding-left: 10px;
}

.form textarea{
	width: 100%;
	padding-left: 10px;
}

.form input[type='submit']{
	width: 150px;
	height: 35px;
}

.more{
	padding: 15px; border:1px solid #ccc; min-height: 326px;
}


@media(max-width: 810px){


	.header{
		padding-left: 0; 
		padding-right: 0;
	}

	.logo{width:60px;}
	.schoolname{
		font-size: 26px;
		margin-top: 5px;
	}

	.cont{
		font-size: 13px;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0px;
		padding-top: 0;
	}


	.navigation .nav li a{
		padding-left: 7px;
		padding-right: 8px;
		font-size: 12px;
	}

	.navigation .container{
		padding: 0;
		margin: 0;
	}

	.more{
		min-height: 150px;
		margin-bottom: 10px;
	}


	.msgs h3{
		font-size: 18px;
	}

	.msgs img{
		height: 170px;
	}
	
	.box{
		min-height: 266px;
	}
}
	.call p{
		margin-top: 25px;
	}
	.call p a{color: #333; display: block; text-decoration: none;}
	.call p a i{color:#009E60;}

@media(max-width: 768px){

	.navigation{z-index: 1;}
	.navigation .navbar-collapse{background: #009E60;  padding-left: 30px; padding-right: 30px;}
	.header{
		padding-left: 0; 
		padding-right: 0;
	}

	.logo{width:60px;}
	.schoolname{
		font-size: 26px;
		margin-top: 5px;
	}

	.cont{
		font-size: 13px;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0px;
		padding-top: 0;
	}


	.navigation .nav li a{
		padding-left: 7px;
		padding-right: 8px;
		font-size: 12px;
	}

	.navigation .container{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
	}

	.more{
		min-height: 150px;
		margin-bottom: 10px;
	}


	.msgs h3{
		font-size: 18px;
	}

	.msgs img{
		height: 170px;
	}
	
	.boxes .bxtop{
		margin-top: 15px;
	}
	.box{
		min-height: 266px;
		margin-top: 15px;
	}

	.box1{
		min-height: 266px;
		margin-top: 15px;
	}
	.welcome{
		padding-left: 15px;
	}

	.navbar-header button{
		margin-bottom: 0;
	}

		.topper img{width: 100%;}

}


@media(max-width: 428px){
	.call p{margin: 0; font-size: 12px; text-align: center;}
	.call p a{color: #333; display: inline-block;}
	.cont{display: none;}
	.header{
		padding-left: 0; 
		padding-right: 0;
	}
	.header .col-xs-1{padding: 0; width:20%;}

	.header .col-xs-7{padding-right: 0; width: 80%;}

	.header .col-xs-4{padding-right: 0; width: 100%;}

	.logo{width:45px;}

	.schoolname{
		font-size: 14px;
		margin-top: 5px;
	}

	.schoolname span{font-size: 11px;}
	.affi{
		font-size: 11px;
	}

	.cont{
		font-size: 11px;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0px;
		padding-top: 0;
		text-align: center;
	}
	.cont a{
		display: inline-block;
		margin-right: 5px;
	}

	.cont span {display: inline-block; margin-right: 0;}

	.navigation .nav li a{
		padding-left: 7px;
		padding-right: 8px;
		font-size: 12px;
	}

	.navigation .container{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
	}

	.more{
		min-height: 150px;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.msgs .col-xs-4{padding-left: 0; width: 50%;}
	.msgs .col-xs-8{ width: 50%;}
	.msgs h3{
		font-size: 14px;
	}

	.msgs img{
		height: 170px;
	}
	
	.topper img{width: 100%;}

	.boxes .bxtop{
		margin-top: 15px;
	}
	.box{
		min-height: 293px;
		margin-top: 15px;
	}

	.box1{
		min-height: 293px;
		margin-top: 15px;
	}
	.welcome{
		padding-left: 15px;
	}


	.banner{
		height: 250px;
		margin-top: 0;
	}

	.toppers .lr-box{
		height: 270px;
	}



	.footer .col-xs-6{
		width:100%;

	}
	.banner{height: 155px;}


	.front-msg .msg{
	
	padding-left: 20px;
	padding-right: 20px;
	}
	.front-msg .msg1{
	
	padding-left: 20px;
	padding-right: 20px;
	}

	.notice h4{font-size: 16px;}
}



@media(max-width: 375px){


	.header{
		padding-left: 0; 
		padding-right: 0;
	}
	.header .col-xs-1{padding: 0; width:20%;}

	.header .col-xs-7{padding-right: 0; width: 80%;}

	.header .col-xs-4{padding-right: 0; width: 100%; padding-left: 0;}

	.logo{width:45px;}

	.schoolname{
		font-size: 14px;
		margin-top: 5px;
	}

	.schoolname span{font-size: 11px;}
	.affi{
		font-size: 11px;
	}

	.cont{
		font-size: 10.5px;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0px;
		padding-top: 0;
		text-align: left;
	}
	.cont a{
		display: inline-block;
		margin-right: 5px;
	}

	.cont span {display: inline-block; margin-right: 0;}

	.cont .btn{padding: 3px; font-size: 10px;}

	.navigation .nav li a{
		padding-left: 7px;
		padding-right: 8px;
		font-size: 12px;
	}

	.navigation .container{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
	}

	.more{
		min-height: 150px;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.msgs .col-xs-4{padding-left: 0; width: 50%;}
	.msgs .col-xs-8{ width: 50%;}
	.msgs h3{
		font-size: 14px;
	}

	.msgs img{
		height: 170px;
	}
	
	.toppers .col-xs-6{width: 100%;}
	.topper img{width: 100%;}

	.boxes .bxtop{
		margin-top: 15px;
	}
	.box{
		min-height: 293px;
		margin-top: 15px;
	}

	.box p{font-size: 13px;line-height: 20px;}

	.box1{
		min-height: 293px;
		margin-top: 15px;
	}
	.box1 p{font-size: 13px;line-height: 20px;}

	.welcome{
		padding-left: 15px;
	}


	.banner{
		height: 138px;
		margin-top: 0;
	}

	.toppers .lr-box{
		height: 280px;
	}



	.footer .col-xs-6{
		width:100%;

	}
}