/*
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:visible;
	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;
	
	
}
#uvid{
	height:315px;
	width:560px;
	margin-left:5%;
	margin-top:12%;
	float:left;
	
}
#vidcont {
	position:relative;
	height:550px;
	width:100%;
}

#header {
	font-size:2vw;	
	
}
#uvid:first-of-type {
	margin-left:5%;
}


.scroll {
	background-color:#333;
}
#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;
	height:auto;
	overflow: scroll;
	background-color: #FFF;
	margin: 0 auto 0 auto;
}
#nxt {
	position:absolute;
	top:40%;
	font-size:3vw;
	right:5%;
	color:#FFF;
	
}
#nxt:hover {
	cursor:pointer;
	
}
#pre {
	position:absolute;
	top:40%;
	font-size:3vw;
	left:5%;
	color:#FFF;
	
}
#pre:hover {
	cursor:pointer;
}


@keyframes fadein {
    from{opacity:0}
    to{opacity:1}
}
@-webkit-keyframes fadein {
    from{opacity:0}
    to{opacity:1}
}
#s3 {
	color:#333;
	font-size:3.3vw;
	position:absolute;
	left:80%;
	top:5%;
	border-radius:4px;
}

a {
	color: inherit;
	text-decoration:none;
	
}

#subnav {
	font-size:1.3vw;
	display:block;
	text-align:center;
	float:left;
	margin:0 12px;
	
}
#social {
	color: inherit;
	display:block;
	float:left;
	margin-left:14px;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	
}
#social:hover {
	color:#666;
}
#home1 {
	width:100%;
	overflow:hidden;
	height:700px;
    position:relative;
    background-color:#FFF;
}

button.but1 {
    margin:0 4px 0 0;
    line-height:inherit;
    cursor:pointer;
    font-family:"Hammersmith One",'Roboto';
	font-weight:normal;
    font-size:inherit;
    position:relative;
    border-radius: 3px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: transparent;
    color: inherit;
    border: 2px solid #FFF;  
}
button.but1:hover {
    color: black;
    background-color:#FFF;
}
  
button.but2 {
	
    margin:0 4px 0 0;
    line-height:inherit;
    cursor:pointer;
    font-family:"Hammersmith One",'Roboto';
	font-weight:normal;
    -webkit-transition-duration: 0.4s;
    font-size:inherit;
    position:relative;
    border-radius: 3px;
    transition-duration: 0.4s;
    background-color: transparent;
    color: inherit;
    border: 2px solid #FFF;  
}
button.but2:hover {
    color: black;
    background-color:#FFF;
}
button.but3 {
    line-height:inherit;
    cursor:pointer;
    font-family:"Hammersmith One",'Roboto';
	font-weight:normal;
    font-size: inherit;
    position:relative;
    border-radius: 3px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: transparent;
    color: inherit;
    border: 2px solid #FFF;  
}
button.but3:hover {
    color: black;
    background-color:#FFF;
}
#bcg {
	position:absolute;
	top:70%;
	left:45%;
	color:#FFF;
	
	
	
}
#dt1 {
	list-style-type:none;
	font-size:3vw;
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
	float:left;
	margin-right:20px;
	
}
#dt1:hover {
	color: #666;
	cursor:pointer;
}
	
	
#home2 {
	width:100%;
	background-image: url(src/shot.jpg);
	position:relative;
	background-attachment:fixed;
	color:#000;
	height:500px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;


    }
#shot_kara {
	float:right;
	position:absolute;
	left:7%;
	top:25%;
	height:17vw;
	width:auto\9;
	
}

#tit1{
	position:absolute;
	font-family: 'Fjalla One', sans-serif;
	font-weight: normal;
	text-align:center;
	margin-left:30%;
	color: #FFF;	
}
#tit2{
	position:absolute;
	
	font-family: 'Fjalla One', sans-serif;
	font-weight: normal;
	text-align:center;
	margin-left:37%;
	color: #666;
	
}
#hom1inf {
	text-align:center;
	text-justify:auto;
	left:17%;
	width:70%;
	margin-top:190px;
	position:relative;
	font-size:1.7vw;
	font-family: 'Nunito', serif;
}

#certimg {
	top:20%;
	position:relative;
	display:block;
	margin:auto;
	width:auto;
	height:20vw;
	max-height:30%;
}
#hom2inf {
	top:40%;
	text-align:justify;
	left:40%;
	color: white;
	width:55%;
	position:absolute;
	font-size:1.7vw;
	font-family: 'Nunito', serif;
}
#exp1 {
	margin-left:30%;
	cursor:pointer;
	border: 2px solid #333;
	color: #FFF;
	font:Lucida Console;
	line-height:40px;
	border-radius:3px;
	background-color:transparent;
}
.spl {
	color:#333;
	margin-left:10%;
	cursor:pointer;
	border: 2px solid #333;

	font:Lucida Console;
	line-height:36px;
	border-radius:3px;
	background-color:transparent;
}
.spl:hover {
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
	color: #FFF;
	background-color:#333;
	
}
#exp1:hover {
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
	color: #FFF;
	background-color:#333;
}
#home3 {
	width:100%;
	background-image: url(src/h3paper.jpg);
	position:relative;
	background-attachment:fixed;
	height:620px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
}
#sllogo {
	position:absolute;
	width:33%;
	float:left;
	left:0%;
	top:25%;
}
#tit3 {
	position:absolute;
	
	font-family: 'Fjalla One', sans-serif;
	font-weight: normal;
	text-align:center;
	margin-left:20%;
	color: White;
}
#tit4 {
	position:relative;
	
	font-family: 'Fjalla One', sans-serif;
	font-weight: normal;
	text-align:center;
	margin-left:20%;
	color: grey;
}
#home4 {
	width:100%;
	position:relative;
	background-image:url(src/kut.png);
	background-attachment:fixed;
	height:550px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
}
#footer1 {
	width:100%;
	position:relative;
	font-size:17px;
	margin-top:15%;
	left:0%;
	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;
}
@media screen and (min-width:1300px) {
#reshead {
		display:none;
		height:0%;
		width:0%;
	}
div#picb {
	background-attachment:fixed;
	margin-top:0;
    vertical-align:top;
    height:auto;
    position:relative;
    margin-left:0;
    background-image:url(src/black-belt.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top; 
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
    padding-top:40%;
	-webkit-transition-duration:0.3s;
    overflow:hidden;
	
}	

#b { 
 	 position:absolute;
  	left:23%;
	line-height:33px;
	font-size:30px;
    top:50%;
    }
#greeting {
	
	font-family:'Hammersmith One',serif;
	font-size:4vw;
	margin-top:-33%;
  
	text-align: center;
}

#greeting2 {
	
	font-family:'Hammersmith One',serif;
	text-align: center;
	font-size:3.3vw;
	    
}
	
	
h1 {
	font-size:3.5vw;

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

    }
#r2 {
	display:none;
	color: #FFF;
	top:144px;
	left:90px;
}
#s2 {
	color: #FFF;
	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;
	letter-spacing:2px;
	margin-left:185px;
	margin-top:1%;
	text-align:center;
	
}
#navhead {
	position:absolute;
	top:1%;
	left:60%;
}
}
@media screen and (max-width:1300px) and (min-width:830px){

#footer1 {
	margin-top:35%;
	}
div#picb {
	background-attachment:fixed;
	margin-top:0;
    vertical-align:top;
    max-height:100%;
    height:auto;
    position:relative;
    margin-left:0;
    background-image:url(src/black-belt.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top; 
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
    padding-top:40%;
	-webkit-transition-duration:0.3s;
    overflow:hidden;
	
}
#b { 
    position:absolute;
    left:23%;
	line-height:28px;
	font-size:25px;
    top:50%;
    }	
	

#greeting {

	font-family:'Hammersmith One',serif;
	font-size:4vw;
	text-align:center;
	margin-top:-33%;

}

#greeting2 {

	font-family:'Hammersmith One',serif;
	text-align: center;
	font-size:3.3vw;

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

#header {
    opacity:0.96;
    z-index:10000;
    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;
    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: #FFF;
	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){

#exp1 {
	line-height:18px;
		
	}
#uvid {
		height:215px;
		width:80%;
		
		
	}
div#picb {
	background-attachment:fixed;
	margin-top:0;
    vertical-align:top;
    max-height:100%;
    height:auto;
    position:relative;
    margin-left:0;
    background-image:url(src/black-belt.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:top; 
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
    padding-top:40%;
	-webkit-transition-duration:0.3s;
    overflow:hidden;
	
}
#b { 
    position:absolute;
    left:23%;
	line-height:33px;
	font-size:30px;
    top:50%;
	display:none;
    }
#greeting {

	font-family:'Hammersmith One',serif;
	font-size:4vw;
	position:absolute;
    top:40px;
	left:30%;
	
}

#greeting2 {

	font-family:'Hammersmith One',serif;
	left:22%;
	font-size:6.3vw;
	position:absolute;
    top:50px;
}
h1 {
	font-size:4.3vw;
	}
#men {
	font-weight:normal;
	color:#FFF;
	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: #FFF;
	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 {
	
	position:absolute;
	float:right;
	overflow:auto;
	letter-spacing:2px;
	margin-left:139px;
	margin-top:3px;
	text-align:center;
	
}
#resnav {
	left:13px;
	
}
#navhead {
	display:none;
	position:absolute;
}
#bcg {
	position:absolute;
	top:70%;
	left:38%;
	color:#FFF;
			
}
#home1 {
	height:470px;
	
}
#hom1inf{
	margin-top:100px;
	font-size:17px;
	
}
#home4 {
	height:300px;
	
}
#hom2inf {
	top:13%;
	font-size:17px;
	
}
}