﻿@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:'Ubuntu', sans-serif;}

header{background-color:#fcdb00;}
.logo{float:left;  width: 70%;}
.logo img{ margin: 10px auto; max-width: 100%;}

.socialmedia{float:right; margin-top:28px;}
.socialmedia ul{float:right;}
.socialmedia ul li{
	float: left;
    margin-left: 6px;
	}
.socialmedia ul li:first-child{
	color: #f50c00;
    font-size: 16px;
    line-height: 30px;
    margin-left: 0;
	}
.msg_img{
	float: left;
    width: 235px;
    margin: 0 15px 15px 0;
    border: 1px solid #2c3e50;
	}

.schoolname {
   font-size: 45px;
    color: #29166f;
    text-shadow: 1px 2px 0px #fdfdfd;
    text-align: center;
    font-family: vardana;
    FONT-WEIGHT: 800;
    display:none;
}
.call{
	color: #000;
    font-size: 17px;
	}
	
.navbar{
	background: #da251c;
    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;}
.para1{
	font-size: 16px;
    color: #6D6D6D;
    line-height: 26px;
    word-spacing: 3px;
    text-align: justify;
	}
.butmore{
	background-color: transparent;
    color: #e43f27;
    padding: 8px 20px;
    margin: auto;
    transition: .3s;
    text-decoration: none !important;
    border: 1px solid #E43F27;
    margin: 15px auto;
    display: table;
	}
.butmore:hover{background-color:#E43F27; color:#fff;}
.notice{min-height:265px; width:100%; background-color:#fcdb00; padding:10px;}
.notice table{width:auto; height:auto;}
.heading2{
    color: #121f30;
        text-transform: uppercase;
	}
.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:#da251c; padding:20px 0;}

footer p{float:left; margin-bottom: 0;
    color: white;
    /* font-weight: bold; */
    font-weight: 300;}
footer a{float:right; margin-bottom: 0;
    color: white;
    /* font-weight: bold; */
    font-weight: 300;}	

.go_up{
	font-size: 20px;
    color: #29166f;
    position: fixed;
    right: 8px;
    top: 86%;
   
    transition:200ms;
    cursor: pointer;
    background:#fcdb00;
    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:#da5d1c;
    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:1200px) {
    .socialmedia {margin-top: 20px;}
}

@media (max-width:960px){
	.institution_box{
	width: 33.33%;
    padding: 1%;
	}
    .socialmedia {margin-top: 10px;}
	}
@media (max-width:500px){
	.institution_box{
	width: 100%;
    padding: 2%;
	}
	}
/*--- other venture css---*/

.submenu{
	width: 205px;
    background-color: #29166f;
    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;
	}
.submenu li a:hover{
	background-color: #fec20c;
    color: #383838;
    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: 30px;}
	}

	
@media (max-width:767px){
.logo{float:none;}
.logo img{display:block; margin:10px 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;
}
.facilities_image_box img{
	display: block;
    margin: auto;
   
	}
.facilities_content{min-height:auto;}

.submenu {
    width: auto;
    position: relative;
}
.iframe_box{height:300px !important;}
.logo {
    width: 80%;
    margin-left: 10%;
}
	}
	
@media (max-width:400px){
.heading3{font-size:14px; letter-spacing:0;}
ol li{font-size:12px;}
.logo {
    width: 100%;
    margin-left:0px;
}
	}

