@font-face {

	font-family: 'yekan';

	src: url(fonts/Yekan.eot);

	src: url(fonts/Yekan.eot?#iefix) format("embedded-opentype"), url(fonts/Yekan.woff) format("woff"), url(fonts/Yekan.ttf) format("truetype"), url(fonts/Yekan.svg#BYekan) format("svg");

	font-weight: normal;

	font-style: normal

}

body{

	margin: 0;

	padding: 0;

}

.na-mainpage{

	background-color: #f7941d;

	margin: 0;

	margin-top: 200px;

	height: 0;

}

.na-addresssite{

	text-align: center;

	color: #fff;

	opacity: 0;

}

.na-black{

	background-color: #020103;

	margin-top: 200px;

	overflow: hidden;

}

.na-black>div{

	height: 100%;

	opacity: 0;

}

.na-black-after{

	background-image: url('../img/na-black.gif') ;

	background-size: auto 100%;

	background-repeat: no-repeat;

	background-position: center;

}

.na-before{

	background-image: url('../img/na-before.jpg') ;

	background-size: auto 100%;

	background-repeat: no-repeat;

	background-position: center;

}

.na-empty{

	height: 430px;

	overflow: hidden;

}

.na-list-menu{

	text-align: center;

	font-family: yekan;

}

.na-list-menu ul{

	list-style-type: none;

}

.na-list-menu li{

	display: inline;

	padding: 0;

	opacity: 0;

}

.na-list-menu{



}

.na-list-menu a{

	display: inline;

	text-decoration: none;

	color: #000;

	padding: 0 7px;

	font-size: 15px;



}

.na-list-menu a:hover{

	color: #fff;

}

.na-list-menu li:last-child{

	border-right: 0;

}



/*****************/



h1 {

	color: hsla(0,0%,100%,.3);

	font: 900 400% Baskerville, 'Palatino Linotype', Palatino, serif;	

	margin: 0;

}



@keyframes loading {

	from { max-width: 0; }

}



h1:before {

	content: attr(data-content);

	position: absolute;

	overflow: hidden;

	max-width: 5em;

	color: white;

	animation: loading 1s linear;

}