@charset "utf-8";
/* CSS Document */



 @font-face {
 font-family: 'Bebas Neue';
 src: url('BebasNeue-webfont.eot');
 src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#Bebas Neue') format('svg');
 font-weight: normal;
 font-style: normal;
}


.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*.l-left {
	float: left;
}

.l-right {
	float: right;
}

.end {
	margin-top: 30px;
	font-size: 3em;
	font-weight: bold;
	opacity: 0;
	-webkit-transform: translateY(300px);
	    -ms-transform: translateY(300px);
	        transform: translateY(300px);
	-webkit-transition: opacity, -webkit-transform 1s;
	        transition: opacity, transform 1s;
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}*/

.hide {
	display: none;
}

/* RESET-GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

* {
	margin: 0;
	padding: 0;
}


body {
	color: #000;
	background:#919698;
	font-family: "Montserrat", Arial, serif; 
	font-weight: 400;
	font-size:14px;
	margin:0 auto;
	padding:0;
}

/*a {
	text-decoration: none;
	color: white;
}*/

ul, li {
	list-style-type: none;
}
#fakeload{ width:100%; margin:0 auto; text-align:center; position:fixed; z-index:1200; display:block; height:100%; background:#FFF url(../img/loading.gif) center center no-repeat; background-size: auto;}

/* NAV STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#headcont{
	
	background:#CC6;
	top:0;
	left:0;
	right:0;
	display:block;
	padding:0;
	margin:0;
	width:100%;
	display:none;
	}
#header-top {
	/*background: rgba(255, 255, 255, .3);*/
	height: 70px;
	padding: 0;
	position:absolute;	
	top: 0;
	left:0;
	width: 100%;
	z-index: 12;
	box-sizing: border-box;
	background:#2D2B2B;
	/*margin:0 auto;
	text-align:center;
	display:none;*/
	box-shadow:2px 2px 2px rgba(0,0,0,0.4);
}




.dnatop{
	width:225px;
	height:70px;
	display:block;
	float:left;
	}

.dnatop a{
	width:225px;
	height:70px;
	display:block;
	background:url(../img/dnatop.png) left top no-repeat;
	text-indent:-9999px;
	}
	
.dnatop a:hover{
	background:url(../img/dnatop.png) left bottom no-repeat;
	}
	
.samtop{
	width:190px;
	height:70px;
	display:block;float:left;
	}

.samtop a{
	width:190px;
	height:70px;
	display:block;
	background:url(../img/samtop.png) left top no-repeat;
	text-indent:-9999px;
	}
	
.samtop a:hover{
	background:url(../img/samtop.png) left bottom no-repeat;
	}

.section{
	text-align:center;
	
}

.skroldown{position:absolute; bottom:-3px; margin-left:-70px; text-align:center; display: inline-block;}

#menucont{
float:right;position:absolute; right:5px;
}

#menu li {
	display: inline-block;
	margin:0;
	padding:0;
	color: #919698;
	/*background:#fff;
	background: rgba(255,255,255, 0.9);
	
	-webkit-border-radius: 10px;
    border-radius: 10px;
	width:100px*/
}
#menu li.active{
	
	color: #919698;
}
#menu li a{
	text-decoration:none;
	color: #919698;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height:50px;
	
}
#menu li.active a:hover,#menu li a:hover{
	color: #e5e5e5;
	text-decoration:underline;
}
#menu li:hover{
	background: rgba(0,0,0, 0.5);
	color: #919698;
}
#menu li a,
#menu li.active a{
	padding: 11px 10px 9px;
	display:block;
}
#menu li.active a{
	color: #e5e5e5;
	text-decoration:underline;
}

#menu li a.uplink{
background:url(../img/upp.png) repeat; text-indent:-9999px; width:20px; height:50px;}
#menu li a.uplink:hover{
background:url(../img/upp.png) left bottom no-repeat;}
#menu{
	position:relative;
	top:0;
	right:0;
	height: 50px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}

/* SECTION STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section { 
	text-align: center;
}
h1 {
	-epub-hyphens:none;
	font-family:"Bebas Neue", Arial, Helvetica, sans-serif;
	font-size:60px;
	line-height:56px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	margin:0 0 20px 0;
	padding:0;
}
h2 {
	color:#000;
	font-family: "Montserrat", Arial, serif; font-weight: 400;
	font-size:26px;
	line-height:31px;
	font-style:normal;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
}

h3 {
	color:#6c6c6c;
	font-family:"Hand Of Sean", sans-serif;
	font-size:30px;
	line-height:35px;
	font-style:normal;
	font-weight:normal;
}


p {
	color:#000;
	font-family: "Montserrat", Arial, serif; font-weight: 400;
	font-size:17px;
	line-height:22px;
	font-style:normal;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
}
.sec {
	text-align:center;
	margin:0 auto;
	}

.p01{
	max-width:800px;
	padding:80px 0px 40px;
	}
.p02{
	max-width:706px;	
	}
.p03{
	max-width:720px;	
	}
.p03 h1{
	font-size:72px;
	color:#000;}
	
.p04{
	max-width:633px;
	
	}
.p05{
	max-width:650px;
	
	}
.p06{
	max-width:800px;
	
	}
.p07{
	max-width:1190px;
	
	}
.p08{
	max-width:1190px;
	
	}
.p09{
	max-width:1190px;
	padding:80px 20px 20px;	
	}

.p10{
	max-width:900px;
	padding:20px 10px 0px;	
	/*text-align:right;
	margin:0 auto;
	float:right;*/
	}
.p10 h1{ font-size:72px;
}
	
.p11{
	max-width:800px;
	padding:140px 20px;	
	}
.p11 h1{
	font-size:72px;}
	
.p12{
	max-width:800px;
	
	}
.p13{
	max-width:1190px;
	padding:80px 20px 20px;	
	}
.p13 h1{
	font-size:72px;
	line-height:66px;
	margin:0;}	
	
.p14{
	max-width:900px;
	
	}
.p15{
	max-width:900px;
	
	}
.p16{
	max-width:900px;	
	padding:80px 20px 20px;
	}

.p16 h1{
	text-align:left;
	margin:0;
	font-size:80px;
	line-height:120px;

}
.p16 h2{
	text-align:left;
	margin-bottom:0;
}

.p17{
	max-width:1000px;
	padding:400px 20px 20px;	
	}
	
.p18{
	max-width:1009px;
	
	}
.p19{
	max-width:1200px;
	
	}
.p20{
	max-width:1200px;
	
	}
.p21{
	max-width:1000px;
	
	}
.p22{
	max-width:1200px;
	padding:100px 10px 20px;		
	}
.p22 ul{
	width:46%;
	display:inline-block;
	padding:0;
	margin:0;
	vertical-align: top;}
.p22 ul li{
	text-align:left;
	list-style:disc;
	margin:0 0px 10px 20px;
	padding:0 20px 0 0;
	font-size:18px

}

.p23{
	max-width:530px;
	
	}
.p24{
	max-width:600px;
	
	}
.p25{
	max-width:980px;
	
	}
.p26{
	max-width:1200px;
	
	}
.p27{
	max-width:1200px;
	
	}
.p28{
	max-width:1200px;
	
	}
.p29{
	max-width:500px;
	padding:500px 10px 20px;
	}
.p30{
	max-width:1200px;
	padding:50px 0 0;
	}
.p30 h1{
	color:#000
}
.p31{
	max-width:900px;
	padding:80px 0px 20px;
	}
.p31 p{
	text-align:left}

ul.onama1{
	
}
ul.onama2{
margin-top:50px;
}

li.a31{
	max-width:400px;
	display: inline-block;
	vertical-align:top;
	text-align:left;
	 }
ul.onama1 p{
	color:#e5e5e5;
	text-align:left;
	padding-left:15px;
}
	 
ul.onama1 a{
	text-decoration:underline;
	color:#FFF;
}

li.b31{
	 max-width:480px;
	 display: inline-block;
	 vertical-align:top;
	 padding:0;
	 margin:0;
	 text-align:left;
	 }
ul.onama2 p{
	color:#333;text-align:left;padding-left:15px;
}
	 
ul.onama2 a{
	text-decoration:underline;
	color:#333;
}


.p32{
	max-width:1480px;
	text-align:left;
padding:80px 0px 20px;
	}


.p33{
	max-width:700px;
	padding:80px 10px 20px;
	}
.p33 p{ color:#e5e5e5; margin-bottom:5px;}
	
#uploadform {width: 100%; margin:0 auto; text-align:center;}
	label {display: block; margin:0 auto; font-weight:normal; padding:0;}
	input, textarea {width: 90%; margin:0 auto 20px; padding:5px; border: #999 solid 1px; color:#333; font-size:21px; text-align:center;border-radius: 4px;}
	.required {color: red;}
	#formfeedback {color:#FFDE02; padding:25px 0px; text-align:center}
input#attachment{
	background:#CCC
}
input[type=file] {
	display: block
}
input[type=range] {
	display: block;
	width: 100%
}
select[multiple], select[size] {
	height: auto
}
input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

input#submit{
	-epub-hyphens:none;
	font-family:"Bebas Neue", Arial, Helvetica, sans-serif;
	font-size:60px;
	line-height:56px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:#FFDE02;
	margin:30px 0 0 0;
	padding:10px;
	text-decoration:underline;
	background:none; border:0; cursor:pointer;
	}

input#submit:hover{text-decoration:none;}

.slicknav_menu {
	display:none;
}



@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.eot);
	src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.glyphicon-asterisk:before {
	content: "\2a"
}
.glyphicon-plus:before {
	content: "\2b"
}

.glyphicon-folder-close:before {
	content: "\e117"
}
.glyphicon-folder-open:before {
	content: "\e118"
}



@media screen and (max-width: 980px) {
	.js #menu {
		display:none;
	}
	
.js .slicknav_menu {
		display:block;
		position:fixed;
		right:0;
		z-index:1200
	}
  .scroll-icon {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .dnatop{
	width:96px;
	height:70px;
	display:block;
	float:left;
	}

.dnatop a{
	width:96px;
	height:70px;
	display:block;
	background:url(../img/dnatop.png) left top no-repeat;
	text-indent:-9999px;
	}
	
.samtop{
	width:70px;
	height:70px;
	display:block;float:left;
	}

.samtop a{
	width:70px;
	height:70px;
	display:block;
	background:url(../img/samtop.png) left top no-repeat;
	text-indent:-9999px;
	}
  
}