body { position: relative;  overflow: hidden; }

.loarer_block { 
	position: fixed; 
	top: 0; left: 0;
	width: 100%;height:100vh;
	background: url(../img/bg_3.jpg);
	background-size: cover;
	color: #FFF;
	display: flex;
	justify-content: center;
    align-items: center;
    z-index: 99;
    overflow: hidden;
    text-align: center; 
}

.digital_count_down { text-align: center; margin-top:40px; }
.digital_count_down span { 
	text-align: center; 
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
}

.page_wrap { 
	width:100%; 
	height:100vh;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	background: url(../img/bg_3.jpg);
	background-size: cover;
	overflow: hidden;
}

/*#clonedLogo { transition: all 5s; z-index:2000; position:absolute; }*/
/*#clonedLogo.animate { top:30px !important; left:30px !important; width: 118px; }*/

.wrap_inner { width:100%; height:100vh; overflow: hidden; }

.top_line { position: absolute; width: 100%; top: 20px; }
.logo_ico { display: none; top:30px; left: 30px; cursor:pointer; z-index: 2; position: absolute; }


.top_line .top_menu { top:30px; right: 30px; cursor:pointer; z-index: 2; position: absolute; width:380px; overflow: hidden; height: 32px; }

.top_menu .top_menu_items { position: absolute; left:-500px; transition: all .5s; }
.top_menu .top_menu_items.active { display: block; left:0; }

.top_menu .top_menu_items .menu_item { 
	display: inline-block; 
	padding:0 10px; 
	line-height: 32px; 
	color:#FFF; 
	text-decoration: none;
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
}

.top_menu .top_menu_items .menu_item.active { color:#F15A24; }
.top_menu .top_menu_items .menu_item:hover { color:#F15A24; }

.top_line .top_menu .menu_ico { display: none; position: absolute; right:0; top:0; }
.top_line .top_menu .menu_ico.active { display: inline-block; }


.inner_block {
	position: absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100vh;
	display: flex;
	justify-content: center;
    align-items: center;
    transition: all 2s;
    z-index: 1;
}

.inner_block.block_2 { top:100vh; }
.inner_block.block_3 { top:200vh; }
.inner_block.block_4 { top:300vh; }
.inner_block.block_5 { top:400vh; }

.block_content { width:1000px; text-align: center; }

.block_1 .block_content div { text-align: center; }
.block_1 .block_content div.arrow { margin-top:60px; }
.block_1 .block_content div.arrow img { cursor: pointer; z-index: 2; }

.block_content .title_block {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal; 
	font-weight: 500; 
	font-size: 28px;
	line-height: 40px;
	text-align: right; 
	text-transform: uppercase; 
}
.block_content .text_block { 
	font-family: 'Roboto Mono', monospace; 
	font-style: normal; 
	font-weight: 400; 
	font-size: 20px; 
	line-height: 32px;
	margin-bottom: 20px; 
	text-align: justify; 
}
.block_content .text_block:last-child { margin-bottom: 0; }

/*#screen_block_5 {
	background: url(../img/bg_last.jpg);
	background-size: cover;
}*/

.form { width:100%; float:left; }
.form .left { width:40%; display: inline-block; vertical-align: top; float:left; }
.form .right { width:40%; display: inline-block; vertical-align: top; float:right; }

.form .form_title {
	width: 100%;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 40px;
	text-align: right;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom:40px;
	width:100%; float:left;
}

.form .label {
	display: block;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	color: rgba(255, 255, 255, 0.6);
	text-align: left;

}

.left .input_block:last-child { margin-top:20px; }
.input_holder input {
	height: 50px;
	background: rgba(255, 255, 255, 0.5);
	/*border: 2px solid #FFFFFF;*/
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	text-align: justify;
	color: rgba(255, 255, 255, 0.6);
	width: 100%;
}

.textarea_block { display: block; }
.textarea_block textarea{
	height: 140px;
	background: rgba(255, 255, 255, 0.5);
	/*border: 2px solid #FFFFFF;*/
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	text-align: justify;
	color: rgba(255, 255, 255, 0.6);
	width: 100%;
}

.form_btn { width: 100%; text-align: right; margin-top:40px; width:100%; float:left; }
.form_btn .btn {
	display: inline-block;
	width: 50px;
	height: 20px;
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
	color: #FFFFFF;
	background: #F15A24;
	padding: 15px 30px;
	position: relative;
	overflow: hidden;
}


.form_btn .btn { z-index: 1; cursor: pointer; }
.form_btn .btn span {
	position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    left: 0;
    background: #F15A24;
    text-align: left;
    /*padding-left: 7px;*/
    justify-content: center;
    align-items: center;
    z-index: 3;
    transition: all .35s;
}

.form_btn .btn img { position: absolute; right:100%; top: 36%; transition: all .35s; z-index: 2; }

.form_btn .btn:hover span { width: 50%; }
.form_btn .btn:hover img { right:7px; }


.copy_right { position: absolute; width: 100%; text-align: center; bottom: 20px; }

@media screen and (max-width: 1200px){
	html { padding:0; margin:0; font-size:0; }
	body {  width:100%; max-width: 100%; overflow: auto; margin: 0; padding: 0; }
	#preloadBlock { width:100%; height:100vh; overflow: auto; }
	.page_wrap { overflow: auto; height:auto; overflow: auto; padding-top: 50px; }
	.wrap_inner { height: 100%; overflow: auto; }
	.wrap_inner div { display: block; width:100%; position: static; float: none; overflow: auto; }
	.inner_block { position: static; height:auto; }
	.block_content { width:100%; }

	.form, .form .left, .form .right, .form div { float:none; width:100%; }

	.copy_right { position: static; margin: 30px auto; }
	.block_content .arrow { display: none; }

	.block_content .title_block {
		font-family: 'Roboto Condensed', sans-serif;
		font-style: normal; 
		font-weight: 500; 
		font-size: 22px;
		line-height: 40px;
		text-align: center; 
		text-transform: uppercase; 
		margin: 40px auto;

	}
	.block_content .text_block { 
		font-family: 'Roboto Mono', monospace; 
		font-style: normal; 
		font-weight: 400; 
		font-size: 16px; 
		line-height: 32px;
		margin-bottom: 20px; 
		text-align: left;
		width: 90%;
    	margin-left: 5%;
	}

	.form .form_title {
		width: 100%;
		font-family: 'Roboto Condensed';
		font-style: normal;
		font-weight: 500;
		font-size: 28px;
		line-height: 40px;
		text-align: center;
		text-transform: uppercase;
		color: #FFFFFF;
		margin-bottom:40px;
		width:100%; 
	}

	.top_line { width: 100%; top: 0; height: 60px; position: fixed !important; padding-bottom: 20px; background: #000; box-shadow: 0px 6px 8px -4px rgba(255,255,255,0.24); }
	.top_line .logo_ico { display: inline-block; }
	.no_mob_show { display: none !important; }

	.digital_count_down span { 
		text-align: center; 
		font-family: 'Roboto Mono';
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
	}
}


@media screen and (max-width: 420px){
	.top_menu .top_menu_items .menu_item { font-size:12px; }
	.top_menu .top_menu_items.active { left:27%; }
}