/*preloder*/
	.preloder {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: #071021;}
	.preloder .logo {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.preloder img.fon_pre {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 380px;}
	.preloder p.please_wait {position: absolute; left: 50%; top: 65%; transform: translate(-50%,-50%); color: #fff; font-size: 20px;}
/*preloder*/
/*animation*/
	@keyframes preloder{
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
/*animation*/
/*adaptiv*/
	@media (min-width: 300px) and (max-width: 1023px){
		.preloder .logo {width: 90%; text-align: center;}
		.preloder .logo .desc_logo p:nth-child(2), .preloder .logo .desc_logo p:nth-child(1), 
		.preloder .logo .desc_logo p:nth-child(1) strong {text-align: left;}
		.preloder p.please_wait {width: 90%; text-align: center;}
	}
/*adaptiv*/