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

*/
#det {
	font-family:'Segoe UI','Hammersmith One';
	margin-left:14%;
	position:relative;
	font-size:20px;
}
#main {
	position:relative;
	border-radius:100%;
	width:275px;
	height:275px;
	top:100px;
	display:block;
	margin:auto;
}
#card {
	background-color:#EAEAEA;
	padding-bottom:30px;
	width:50%;
	margin-top:10%;
	text-justify:auto;
	text-align:center;
	font-family:'Segoe UI',Roboto;
	color:#333;
	border-radius:3px;
	margin-left:27%;
	transition-duration:0.3s;
	position:relative;
	
}
#card:hover {
	box-shadow:4px 4px 2px #CCCCCC;
	
	
}

#drpcont {
 	background-color:#666;
	opacity:0.87;
	margin-left:-63px;
	position:absolute;
	height:auto;
	display:none;
	border-style:solid;
	border-color:#FFF;
	overflow:visible;
	z-index:10000000;
	
}
#header {
	font-size:2vw;	
}
#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;
	
	
}
#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;
}
#subnav {
	font-size:1.3vw;
	display:block;
	text-align:center;
	float:left;
	margin:0 12px;
	
}
#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;
}
#s3 {
	color:#333;
	font-size:3.3vw;
	position:absolute;
	left:80%;
	top:5%;
	border-radius:4px;
}
a {
	text-decoration:none;
	color:inherit;
	
	
}
a:hover {
	-webkit-transition-duration:0.3s;
	transition-duration:0.7s;
	text-decoration:underline;
	
}

#footer1 {
	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;
	}

@media screen and (min-width:1300px) {
#men {
	color:inherit;
	display:none;
	font-size:30px;
		
	}
div#header {
	
    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){

	
#men {
	font-weight:normal;
	color:inherit;
	font-size:30px;
	margin-top:17px;
	margin-left:8px;
	}
#men:hover {
	cursor:pointer;
		
	}



#header {
    opacity:0.96;
	height:85px;
    z-index:10000;
	background-color:#333;
    color:#FFF;
    position: fixed;
    left: 0%;
    right: 0;
    top: 0%;
	-webkit-transition-duration:0.3s;
	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:14%;
	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%;
	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;
	
}
#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;
}
}