/*
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.

*/
#br1 {
	font-family:"Fjalla One";
	position:relative;
	font-weight:normal;
	margin-top:13%;
	margin-left:50px;
	
}
#brp {
	font-family:'Segoe UI',Roboto;
	font-weight:normal;
	font-size:20px;
	position:relative;
	top:17px;
	margin-left:70px;
	
}
#drpcont {
	margin-left:-63px;
 	background-color:#666;
	opacity:0.87;
	position:absolute;
	height:auto;
	display:none;
	border-style:solid;
	border-color:#FFF;
	overflow:visible;
	z-index:100000000000;
	
}
#teachers {
	position:relative;
	margin-top:10%;
}
#reshead {
	top:0%;
	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;
	
	
}

#loc_card {
	position:relative;
	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%;
	height:150px;
	width:320px;
	text-align:center;
	background-color: #FBFBFB;
	font-family:Roboto,sans-serif;
	text-justify:auto;
}


#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:28%;
	overflow:visible;
	height:600px;
	width:60vw;
	margin-left:20%;
	background-color:#999;
	
}

#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;

}
 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;
	
}
#footer1 {
	width:100%;
	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;
}




#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){
#loc_card:last-child {
	 margin-left:30%;
	
}
#men {
	font-weight:normal;
	color:inherit;
	font-size:30px;
	margin-top:17px;
	margin-left:8px;
	}
#men:hover {
	cursor:pointer;
		
	}



#header {
    opacity:0.96;
    z-index:10000;
	background-color:#333;
	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;
	left:88px;
	top:300px;
}
#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){


#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%;
   -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;
	left:88px;
	top:300px;
}
#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;
	
}
#head {
	text-align:center;
	font-size:20px;
	position:absolute;
	float:right;
	letter-spacing:2px;
	margin-left:145px;
	margin-top:3px;
	
}
#navhead {
	display:none;
	position:absolute;
}
}