@charset "utf-8";
/* CSS Document */
a{text-decoration:none !important;}
*{margin:0; padding:0;}
ul{list-style:none; padding:0;}
.responsive{width:100%;}
body{font-family:Verdana, Geneva, sans-serif;}

header{background-color:#fff;}
.logo{float:left;}

.socialmedia{float:right; margin-top:12px;}
.socialmedia ul{float:right;}
.socialmedia ul li{
	float: left;
    margin-left: 6px;
	}
.socialmedia ul li:first-child{
	font-weight: bold;
    color: #034603;
    font-size: 16px;
    line-height: 30px;
	}
.schoolname {
   font-weight: bold;
    font-size: 36px;
    font-family: Verdana, Geneva, sans-serif;
    color: white;
    text-shadow: 1px 2px 5px #000;
    text-align: center;
   margin:auto;
   
   
}
.call{
	color: #034603;
    font-weight: bold;
	}
	
.navbar{
	background: #191717;
    border-radius: 0;
	}
.nav li a{color:#fff; transition:200ms;}
.nav li a:hover{color:#333;}
	
.schoolbanner{position:relative; overflow:hidden;}
.bannerimg{
	width:100%;
	animation:zoom 30000ms linear infinite;
	animation-delay:1200ms;
	}
@keyframes zoom{
	0%{transform:scale(1);}
	50%{transform:scale(1.5);}
	100%{transform:scale(1);}
}
.runningmarquee{
	background-color: #033125;
    color: #fff;
    padding: 5px 10px;
    width: 90%;
    margin: 0 5%;
    position: absolute;
    bottom: 10px;
    border-radius: 20px;
	}
		
.wrapper1{
	background: white;
	padding: 50px 0;
	color: #033125;
	}
.aside li{
	background-color: #065D46;
    padding: 10px;
    margin-bottom: 4px;
	transition:200ms;
	}
.aside li:hover{background-color: #033125;}

.aside li:last-child{border-bottom:none;}
.aside li a{color:#fff;}

.notice{min-height:300px; width:100%; background-color:#d6585e; padding:10px;}
.notice table{width:auto; height:auto;}
.heading2{
    font-weight: bold;
    margin-top: 0;
    font-family: Verdana, Geneva, sans-serif;
    color: rgb(255, 56, 64);
    text-shadow: 1px 2px 5px #000;
	}
.heading3{
	    background: linear-gradient(to right, #f13b3b, #cc5055, #4c1f23);
    color: #ddd;
    padding: 10px;
    font-size: 16px;
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 2px;
	}	
.button1{
	color: #FFFFFF;
    padding: 5px 10px;
    margin: 10px 0 15px 0;
    display: inline-block;
    font-weight: bold;
    transition: 300ms;
    background: #F54F1A;
	}
.button1:hover{background-color:#E43B05; color:#fff;}

.wrapper2{background-color:#065D46; padding:10px 0;}

/********* image slider *************/
ul, li {
	list-style: none;
}

.my-slider {
	height: 150px;
	margin: 0 auto;
	width: 100%;
}
.my-slider ul {
	height: 150px;
	overflow: hidden;
}
.my-slider li {
	float: left;
	}
.my-slider li img{margin-left:10px;}	
/**********************/

footer{background-color:#cc5055; padding:20px 0;}

footer p{float:left; margin-bottom:0;}
footer a{float:right; color:#cc5055;}	

.go_up{
	font-size: 20px;
    color: #FFFFFF;
    position: fixed;
    right: 8px;
    top: 86%;
   
    transition:200ms;
    cursor: pointer;
    background: #de5a5f;
    padding: 10px;
    border-radius: 50%;
	display:none;
	z-index:10;
	}
.go_up:hover{
	color: white;
    background: black;
	}

ol li{
	list-style: inside square;
    margin-bottom: 10px;
    color: #07362A;
	}

.facilities_box{margin:20px 0;}
.facilities_image_box img{
	    display: block;
    margin: auto;
    width: 100%;
    padding: 10px;
    border: 1px solid #e6474e;
    box-shadow: 2px 2px 4px 0px #101010;
	}
	
.lab_image_box img{
	display: block;
    margin: auto;
    width: 100%;
    padding:5px;
    border: 1px solid #219475;
    box-shadow: 2px 2px 4px 0px #101010;
	}
	
.facilities_content{
	min-height: 260px;
    background: #2EE8B6;
    box-shadow: 1px 1px 2px 0 #000;
	}
	
.download li{
	padding: 10px;
    margin-bottom: 3px;
    border-bottom: 1px solid #20B38B;
    color: #033125;
    font-weight: bold;
	}
	
.download li a{
	float: right;
    color: #FFFFFF;
    background: #065D46;
    padding: 5px;
    margin-top: -7px;
	transition:150ms ease-in;
	border: 1px solid #05503C;
	}

.download li a:hover{
	color: #065D46;
    background: #1CF1B7;
}

.schoolrules li{
	list-style: inside decimal-leading-zero;
    margin-bottom: 10px;
    color: #033125;
    border-bottom: 1px solid #25B991;
    background: #27BF96;
    padding: 10px;
    border-radius: 6px 0 6px 0;
	}

.map{
	width: 100%;
    height: 275px;
    padding: 10px;
    background: #2DD8AA;
    box-shadow: 1px 1px 2px #000;
	}
	
/*--- other venture css---*/

.other_venture{
	background-color:#2BCEA2;
	padding:30px 0;
	text-align: center;
	color: #fff;
}
.institution_box{
	width: 20%;
    padding: 1%;
    float: left;
	box-sizing:border-box;
	}

.other_venture_box{
	border:1px solid #36AED6;
    margin: 15px 0;
	}

.other_venture h2{
    font-weight: bold;
    margin-top: 0;
	margin-bottom: 20px;
	text-shadow: 1px 2px 5px #000;
	}
.other_venture_image_box{overflow:hidden;}

.address_box{
	background-color: #065D46;
    padding: 10px;
    color: #fff;
    font-size: 12px;
	transition:300ms ease-in;
	}
.address_box span{font-size:10px;}

.other_venture_image_box img{
	width:100%;
	transition:300ms ease-in;
	}
.other_venture_image_box img:hover{
	transform:scale(1.2);
	}
.other_venture_box ul{
	background-color: #f8f8f8;
    padding: 0 10px;
    text-align: left;
    margin-bottom: 0;
	}
.other_venture_box ul li{
	padding: 10px 10px 10px 35px;
    border-bottom: 1px dotted #ccc;
	position:relative;
	}
.other_venture_box ul li span{
	position: absolute;
    top: 11px;
    left: 3px;
    font-size: 16px;
    color: #7D7D7D;
	}

.other_venture_box:hover .address_box{background-color:#0A4032;} 
@media (max-width:960px){
	.institution_box{
	width: 33.33%;
    padding: 1%;
	}
	}
@media (max-width:500px){
	.institution_box{
	width: 100%;
    padding: 2%;
	}
	}
/*--- other venture css---*/

.submenu{
	width: 200px;
    background-color: #bf484c;
    position: absolute;
    z-index: 10;
    display: none;
	transition:250ms;
	}
.submenu li:first-child{display:none;}
.submenu li a{
	display: block;
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #0C5441;
	}
.submenu li a:hover{
	background-color: #bf484c;
    color: #383838;
    border-bottom: 1px solid #2AB993;
    padding: 5px 5px 5px 5px;
	}
.drop:hover .submenu{
	display:block;
	}
.address{
	font-weight: bold;
    padding: 15px;
    background: #000000;
    color: #fff;
	}
.enquiry{
	margin: 0 0 25px 0;
    color: #53E4BD;
    font-weight: bold;
    border-bottom: 1px dotted #2E7764;
    padding-bottom: 16px;
	}

@media (max-width:992px){
.lab_image_box img{margin: 15px auto;}	
.iframe_box{height:400px !important;}
    .schoolname {
       font-size: 20px;
    margin: auto;
    display: block;
    }
	}

	
@media (max-width:767px){
.logo{float:none;}
.logo img{display:block; margin:auto;}

.socialmedia{float:none; margin-top:6px;}
.call{text-align:center; margin-bottom:10px; padding:0 15px;}

.socialmedia ul {
    float: none;
    text-align: center;
    margin: 0 auto 10px auto;
    display: table;
}
.notice{margin-bottom:15px;}
footer p{float:none; margin-bottom:10px; text-align:center; display:block;}
footer a{float:none; text-align:center; display:block;}	

.nav > li > a {
    padding: 8px 15px;
	border-bottom: 1px solid #05543F;
}
.facilities_image_box img{
	display: block;
    margin: auto;
    width:auto;
	}
.facilities_content{min-height:auto;}

.submenu {
    width: auto;
    position: relative;
}
.iframe_box{height:300px !important;}
	}
	
@media (max-width:400px){
.logo img{width:250px;}	
.heading3{font-size:14px; letter-spacing:0;}
ol li{font-size:12px;}
	}