/*
Designed By Ashwin.
For GiTHub page details, Refer my facebook profile.
:)
Do not use/copy/clone the template of this website.
Cloning templates and website features without prior permission will result in severe legal actions.

*/
#drpcont {
 	background-color:#666;
	opacity:0.87;
	margin-left:-63px;
	position:absolute;
	height:auto;
	display:none;
	border-style:solid;
	border-color:#FFF;
	overflow:auto;
	z-index:10000000;
	
}
#reshead {
	display:none;
	z-index:9999;
    opacity:0.96;
    color:#453F41;
	left:0px;
	width:379px;
	height:100%;
    position: fixed;
    background-color: #333;
	font-family: 'Hammersmith One', serif;
	overflow-x:hidden;
    overflow-y:hidden;
	
	
}

#drp:hover #drpcont {
	display:block;
}
#drlink {
	position:relative;
	
    color: white;
    
    text-decoration: none;
	
	
}
#header {
	font-size:2vw;	
	
}

#resnav {
	position:absolute;
	top:44px;
	left:80px;
}
#subnav1 {
	font-size:18px;
	list-style:none;
	color:#FFF;
	z-index:99999;
	margin-top:20px;

}
#uvid{
	position:relative;
	height:615px;
	width:960px;
	margin-left:15%;
	margin-top:12%;
}
#vidcont {
	position:relative;
	width:100%;
	height:-50px;
}

#header {
	font-size:2vw;	
	
}#resnav {
	position:absolute;
	top:44px;
	left:80px;
}

#loc_card:first-child {
	margin-left:15%;
}
#loc_card {
	float:left;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	top:20%;
	margin-left:5%;
	margin-bottom:3%;
	padding-bottom:5px;
	height:auto;
	width:auto;
	padding: 5px 5px 5px 5px;
	background-color: #FBFBFB;
	font-family:Roboto,sans-serif;
	text-align:center;
	text-justify:auto;
}
#loc_card:last-child {
	margin-left:25%;
	
}

#loc_card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

#map {
	position:relative;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	margin-top:20%;
	overflow:visible;
	height:600px;
	width:800px;
	margin-left:15%;
	background-color:#999;
	
}

#map1 {
	position:relative;
	
	height:350px;
	width:350px;
	background-color:#999;
	
}
 body

 {
	position: relative;
	width: 100%;
	
	overflow: scroll;
	background-color: #FFF;
	margin: 0 auto 0 auto;
}

#social {
	color: inherit;
	display:block;
	float:left;
	margin-bottom:4px;
	margin-left:14px;
	margin-top:-3px;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	
}
#social:hover {
	color:#666;
}
#link {
	color: inherit;
	text-decoration:none;
	
}
#subnav {
	font-size:1.3vw;
	display:block;
	text-align:center;
	float:left;
	margin:0 12px;
	
}

#nav_bar {
	font-family:'Hammersmith One',serif;
	background-color:#333;
	color:#FFF;
	margin-top:4.4%;
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	font-size:1.5vw;
	text-align:center;
	left:10%;
	top:5%;
	
}

#vid {
	position:relative;
	left:0;
	width:100%;
}
#wimg {
	background-image:url(src/kut.png);
	padding-bottom:45%;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed;
}
#sub_head0 {
	position:absolute;
	font-size:5.5vw;
	font-family:'Fjalla One',serif;
	font-weight:normal;
	top:35%;
	margin-left:5%;
	color: white;
	
}
#sub_head2 {
	position:relative;
	font-size:5.5vw;
	font-family:'Fjalla One',serif;
	font-weight:normal;
	top:5%;
	margin-left:5%;
	color: #333;
	
}
#heri {
	position:relative;
	background-image: url(src/Photo.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	padding-bottom:10%;
	height:auto;
	padding-top:5%;
	z-index:-1;
	
}
#sub_head {
	position:fixed;
	font-family:"Fjalla One";
	color:#FFF;
	margin-left:10%;
	margin-top:-30%;
	font-size:5.5vw;
	font-weight:normal;
}
#sub_para {
	box-shadow:0 8px 8px 0 #000;
	position: relative;
	width:50vw;
	overflow: auto;
	height:50%;
	background-color:#FFF;
	background-blend-mode: red;
	border-radius:4px;
	opacity:0.7;
	margin-right:15%;
	margin-left:35%;
	padding-left:5%;
	padding-right:6%;
	padding-top:5%;
	padding-bottom:1%;
	text-align:justify;
	font-family:'Proza Libre', sans-serif;
	font-size:20px;
	 transition: 0.3s;
}
#sub_para:hover {
	box-shadow:0 8px 16px 16px #000;
	background-color:#0FF;
}


#teachers {
	position:relative;
	padding-bottom:50%;
	
}

#sub_head1 {
	color:inherit;
	font-family:"Fjalla One",serif;

	margin-left:10%;
	font-size:4.5vw;
	font-weight:normal;
}
#cards {
	margin-top:15%;
	position:relative;
	margin-left:15%;
	transition: 1s;

}

#avatar {
	width: 20vw; 
	height:auto;
	
}
.container {
	font-family:'Proza Libre', sans-serif;
	margin-left:5%;
}
.profile {
	float:left;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	width:20vw;
	margin-left:5%;
}
.profile:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
#feesdet {
	position:relative;
	position:relative;
	padding-bottom:50%;
	background-color:#FFF;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
}
#feesdet:hover {
	background-color:#C00;
}
#sub_head2 {
	font-family:'Fjalla One',serif;
	margin-left:10%;
	position:absolute;
	font-size:4.5vw;
	font-weight:normal;
}
#footer1 {
	margin-top:10%;
	font-size:17px;
	position:relative;
	padding-bottom:8%;
	background-color:#E0E600;
	font-weight:normal;
	overflow:hidden;
}
#footer_title {
	margin-left:5%;
	font-weight:inherit;
	top:0%;
	font-family:'Fjalla One',serif;
}
#footer_title1 {
	position:absolute;
	margin-left:40%;
	font-weight:inherit;
	top:3%;
	font-family:'Fjalla One',serif;
}
#footer_title2 {
	position:absolute;
	font-weight:inherit;
	margin-left:75%;
	top:3%;
	font-family:'Fjalla One',serif;
}
#navfoot {
	width:30%;	
}
#footli {
	margin-right:25px;
	font-family:'Hammersmith One',serif;
	float:left;
	}
#per1 {
	position:absolute;
	width:auto;
	height:85px;
	margin-left:15%;
	bottom:2%;
}
#per2 {
	position:absolute;
	margin-left:40%;
	text-align:justify;
	font-family:'Hammersmith One',serif;
}
#s3 {
	color:#333;
	font-size:3.3vw;
	position:absolute;
	left:80%;
	top:5%;
	border-radius:4px;
}
@media screen and (min-width:1300px) {
#reshead {
	display:none;
}



h1 {
	font-size:3.5vw;

	}
#men {
	color:inherit;
	display:none;
	font-size:30px;
		
	}
div#header {
	box-shadow: -1px 5px 5px #333333;
    opacity:0.96;
	height:85px;
    z-index:10000;
    color:#FFF;
    position: fixed;
    left: 0%;
    right: 0;
    top: 0%;
    background-color: #333;
	color:#FFF;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	font-family: 'Hammersmith One', serif;

    }
	
#r2 {
	display:none;
	color: #FFF;
	top:44px;
	left:90px;
}
#s2 {
	color: inherit;
	position:absolute;
	left:85%;
	top:-14%;
}
#logo_head {
	position:absolute;
	margin-top:1%;
	width:160px;
	height:auto;
	float:left;
	margin-left:1%;
	
}
#head {
	font-size:50px;
	float:left;
	text-align:center;
	letter-spacing:2px;
	margin-left:185px;
	margin-top:1%;
	
}
#navhead {
	position:absolute;
	top:1%;
	left:60%;
}
}
@media screen and (max-width:1300px) and (min-width:830px){
#uvid {
	width:auto;
	
}
	h1 {
	font-size:3.5vw;
		
	}
#men {
	font-weight:normal;
	color:inherit;
	font-size:30px;
	margin-top:17px;
	margin-left:8px;
	}
#men:hover {
	cursor:pointer;
		
	}


#header {
	background-color:#333;
    opacity:0.96;
    z-index:10000;
    color:#FFF;
	height:60px;
    position: fixed;
    left: 0%;
    right: 0;
    top: 0%;
 -webkit-transition-duration:0.3s;
	font-family: 'Hammersmith One', serif;
	overflow-x:hidden;
    overflow-y:hidden;
    opacity:0.96;
    z-index:10000;
    color:#FFF;
	height:63px;
    position: fixed;
    left: 0%;
    right: 0;
    top: 0%;
	font-family: 'Hammersmith One', serif;
	overflow-x:hidden;
    overflow-y:hidden;
    }
	
	
#r2 {
	display:block;
	color: #FFF;
	font-size:32px;
	position:absolute;
	right:44px;
	top:30px;
}
#s2 {
	display:none;
	color: inherit;
	position:relative;
	margin-top:2%;
	margin-left:77%;
	
}
#logo_head {
	display: block;
	position:absolute;
	margin-top:1%;
	width:150px;
	height:auto;
	float:left;
	margin-left:50px;
	
}
#head {
	position:absolute;
	font-size:40px;
	float:right;
	text-align:center;
	letter-spacing:2px;
	margin-left:200px;
	margin-top:1%;
	
}
#navhead {
	display:none;
	position:absolute;
}
}
@media screen and (max-width:830px){
#uvid {
		height:215px;
		width:80%;
		
		
	}
h1 {
	font-size:3.5vw;
	}
#men {
	font-weight:normal;
	color:inherit;
	font-size:21px;
	margin-top:10px;
	margin-left:8px;
	}
#men:hover {
	cursor:pointer;
		
	}


#header {
    opacity:0.96;
    z-index:10000;
    color:#FFF;
	height:51px;
    position: fixed;
    left: 0%;
    right: 0;
	background-color:#333;
    top: 0%;
	font-size:21px;
   -webkit-transition-duration:0.3s;
	font-family: 'Hammersmith One', serif;
	overflow-x:hidden;
    overflow-y:hidden;
    }
	
#r2 {
	font-size:30px;
	display:block;
	color: #FFF;
	position:absolute;
	right:44px;
	top:30px;
}
#s2 {
	display:none;
	color: inherit;
	position:relative;
	margin-top:1%;
	margin-left:77%;
	
}
#logo_head {
	display: block;
	position:absolute;
	margin-top:1%;
	width:100px;
	height:auto;
	float:left;
	margin-left:40px;
	
}
#wimg {
	margin-top:51px;
	background-size:cover;

	
}
#head {
	
	position:absolute;
	float:right;
	overflow:auto;
	letter-spacing:2px;
	margin-left:139px;
	margin-top:3px;
	text-align:center;
	
}
#navhead {
	display:none;
	position:absolute;
}
}