/*BEGIN #preloader*/
#preloader{
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #0f0f12;
}
.preloader_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 14px;
	width: 66px;
	opacity: 0;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transform: translate(-90px, -7px);
	transform: translate(-33px, -7px);
	
	-webkit-animation: preloader_el_fade_in 1s 1s ease-in-out 1 forwards;
	animation: preloader_el_fade_in 1s 1s ease-in-out 1 forwards;
}
.preloader_element{
	float: left;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	background: #fff;
   
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.preloader_element_1{
	-webkit-animation: preloader_el_move 1s ease-in-out infinite;
	animation: preloader_el_move 1s ease-in-out infinite;
}
.preloader_element_2{
	-webkit-animation: preloader_el_fade_in 1s ease-in-out infinite;
	animation: preloader_el_fade_in 1s ease-in-out infinite;
}
.preloader_element_3{
	-webkit-animation: preloader_el_move 1s ease-in-out infinite;
	animation: preloader_el_move 1s ease-in-out infinite;
}

.preloader_element_2{
	margin-left: -18px;
	opacity: 0;
}
.preloader_element_4{
	opacity: 1;
	
	-webkit-animation: preloader_el_fade_out 1s ease-in-out infinite;
	animation: preloader_el_fade_out 1s ease-in-out infinite;
}

@-webkit-keyframes preloader_el_move{
	0%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100%{
		-webkit-transform: translateX(22px);
		transform: translateX(22px);
	}
}
@keyframes preloader_el_move{
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(22px);
	}
}

@-webkit-keyframes preloader_el_fade_in{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes preloader_el_fade_in{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
  
@-webkit-keyframes preloader_el_fade_out{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes preloader_el_fade_out{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
/*END #preloader*/

/*BEGIN FONTS*/
@font-face{
	font-family: "Gotham-Pro-Light";
	src: url("../fonts/Gotham-Pro-Light.eot");
	src: local("☺"), url("../fonts/Gotham-Pro-Light.woff") format("woff"), 
	url("../fonts/Gotham-Pro-Light.ttf") format("truetype"), 
	url("../fonts/Gotham-Pro-Light.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "Gotham-Pro-Bold";
	src: url("../fonts/Gotham-Pro-Bold.eot");
	src: local("☺"), url("../fonts/Gotham-Pro-Bold.woff") format("woff"), 
	url("../fonts/Gotham-Pro-Bold.ttf") format("truetype"),
	url("../fonts/Gotham-Pro-Bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "GothamProRegular";
	src: url("../fonts/GothamProRegular.eot");
	src: local("☺"), url("../fonts/GothamProRegular.woff") format("woff"), 
	url("../fonts/GothamProRegular.ttf") format("truetype"), 
	url("../fonts/GothamProRegular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
/*END FONTS*/

/*BEGIN GENERAL SETTINGS*/
*{
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
p, a, span, td, h1, h2, h3, input, li, textarea{
	-webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
}
*::after, *::before{
	-webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -o-user-select: none !important;
}
p::-moz-selection { color: #0f0f12;  background: #fff; }
p::selection      { color: #0f0f12;  background: #fff; }
a::-moz-selection { color: #0f0f12;  background: #fff; }
a::selection      { color: #0f0f12;  background: #fff; }
li::-moz-selection { color: #0f0f12;  background: #fff; }
li::selection      { color: #0f0f12;  background: #fff; }
span::-moz-selection { color: #0f0f12;  background: #fff; }
span::selection      { color: #0f0f12;  background: #fff; }
h1::-moz-selection { color: #0f0f12;  background: #fff; }
h1::selection      { color: #0f0f12;  background: #fff; }
h2::-moz-selection { color: #0f0f12;  background: #fff; }
h2::selection      { color: #0f0f12;  background: #fff; }
h3::-moz-selection { color: #0f0f12;  background: #fff; }
h3::selection      { color: #0f0f12;  background: #fff; }
h3::-moz-selection { color: #0f0f12;  background: #fff; }
h3::selection      { color: #0f0f12;  background: #fff; }
td::-moz-selection { color: #0f0f12;  background: #fff; }
td::selection      { color: #0f0f12;  background: #fff; }
input::-moz-selection { color: #0f0f12 !important;  background: #fff; }
input::selection      { color: #0f0f12 !important;  background: #fff; }
textarea::-moz-selection { color: #0f0f12 !important;  background: #fff; }
textarea::selection      { color: #0f0f12 !important;  background: #fff; }

::-webkit-input-placeholder{color: #7e858d;}
::-moz-placeholder{color: #7e858d;}
:-ms-input-placeholder{color: #7e858d;} 
:-o-input-placeholder{color: #7e858d;} 

html, body{
	overflow-x: hidden;
}
html{
	font-size: 10px;
}
body{
	position: relative;
	background: #0f0f12;
	border: 20px solid #000;
	
	font-family: "Gotham-Pro-Light";
	font-size: 1em;
	color: #fff;
	line-height: normal;
}
textarea{
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
	vertical-align: top;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="button"],
input[type="submit"],
input[type="tel"],
select{
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
p, span, h1, h2, h3, h4{
	cursor: default;
}
a{
	text-decoration: none !important;
	outline: none !important;
	color: inherit;
}
a:hover, a:focus{
	color: inherit;
}
button{
	outline: none !important;
}
.clear{
	clear: both;
}
.nowrap{
	white-space: nowrap;
}
.container{
	z-index: 1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	*{
		background-attachment: scroll !important;
	}
}

@supports (-ms-ime-align:auto){
	*{
		background-attachment: scroll !important;
	}
}

@media (min-width: 2561px), (max-width: 1250px), (min-height: 1081px){
	*{
		background-attachment: scroll !important;
	}
}

@media (min-width: 1251px){
	body::-webkit-scrollbar{
		width: 10px;
	}
	body::-webkit-scrollbar-track{
		background: #efefef;
	}
	body::-webkit-scrollbar-thumb{
	   background: #0f0f12; 
	}
}

@media (max-width: 1250px){
	body{
		border: 0;
	}
	.container{
		padding-left: 15px;
		padding-right: 15px;
	}
}
/*END GENERAL SETTINGS*/

/*BEGIN GENERAL ELEMENTS*/
.screen_relative,
.screen_inner{
	position: relative;
}
.full_screen{
	height: 100vh;
	min-height: 580px;
}
.full_screen .container{
	height: 100%;
}
.middle_element{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 15px;
	
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.full_width_img{
	display: block;
	width: 100%;
	height: auto;
}
.align_center{
	text-align: center;
}
.animated_element.fade_in_simple{
	-webkit-transition: opacity 0.9s ease;
	transition: opacity 0.9s ease;
}
.animated_element.fade_in_simple.prepare{
	opacity: 0;
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_top,
.animated_element.fade_in_from_bottom,
.animated_element.fade_in_from_left,
.animated_element.fade_in_from_right{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: opacity 0.9s ease, transform 0.9s ease;
	transition: opacity 0.9s ease, transform 0.9s ease;
}
.animated_element.fade_in_from_top.prepare{
	opacity: 0;
	
	-webkit-transform: translateY(-70px);
	transform: translateY(-70px);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_bottom.prepare{
	opacity: 0;
	
	-webkit-transform: translateY(70px);
	transform: translateY(70px);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_left.prepare{
	opacity: 0;
	
	-webkit-transform: translate(-70px, 0);
	transform: translate(-70px, 0);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_right.prepare{
	opacity: 0;
	
	-webkit-transform: translate(70px, 0);
	transform: translate(70px, 0);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.animated_element.fade_in_from_scale{
	-webkit-transform: scale(1);
	transform: scale(1);
	
	-webkit-transition: opacity 0.9s ease, transform 0.9s ease;
	transition: opacity 0.9s ease, transform 0.9s ease;
}
.animated_element.fade_in_from_scale.prepare{
	opacity: 0;
	
	-webkit-transform: scale(0);
	transform: scale(0);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
.oe{
	cursor: pointer;
}
.padding_type_1{
	padding-top: 50px;
}
.btn, .btn *{
	cursor: pointer;
	
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
}
.btn{
	position: relative;
	width: 192px;
	height: 74px;
	background: url(../img/general/black_button.svg) no-repeat 0 0 / 100% 100%;
	
	font-family: "Gotham-Pro-Bold";
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.4em;
	text-transform: uppercase;
	text-align: center;
}
.btn::after{
	content: "";
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/general/white_button.svg) no-repeat 0 0 / 100% 100%;
	opacity: 0;
}
.btn span{
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (min-width: 1251px){
	.oe{
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	.oe:hover{
		opacity: 0.7;
	}
	.btn{
		-webkit-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
	}
	.btn::after{
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	.btn:hover{
		color: #000;
	}
	.btn:hover::after{
		opacity: 1;
	}
}

@media (max-width: 1250px){
	.padding_type_1{
		padding-top: 70px;
	}
}
/*END GENERAL ELEMENTS*/

/*BEGIN TEXT*/
*{
	font-weight: normal;
}
.color_grey{
	color: #888888;
}
.color_orange{
	color: #fb6120;
}
.text_caps{
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.text_bold{
	font-family: "Gotham-Pro-Bold";
}
.text_regular{
	font-family: "GothamProRegular";
}
.text_type_1{
	font-size: 1.4rem;
	line-height: 1.2em;
}
.text_type_2{
	font-size: 1.6rem;
	line-height: 1.4em;
}
.text_type_3{
	font-size: 2.4rem;
	line-height: 1.2em;
}
.text_type_4{
	font-size: 4rem;
	line-height: 1.2em;
}
.text_type_5{
	font-size: 3rem;
	line-height: 1.2em;
}
.text_type_6{
	font-size: 1.2rem;
	line-height: 1.4em;
}

@media (max-width: 1250px){
	.text_type_4,
	.text_type_5{
		font-size: 2.4rem;
	}
}
/*END TEXT*/

/*BEGIN marging settings*/
.mb_5{
	margin-bottom: 5px;
}
.mb_10{
	margin-bottom: 10px;
}
.mb_15{
	margin-bottom: 15px;
}
.mb_25{
	margin-bottom: 25px;
}
.mb_30{
	margin-bottom: 30px;
}
.mb_45{
	margin-bottom: 45px;
}
.mb_50{
	margin-bottom: 50px;
}
/*END marging settings*/

/*BEGIN #top_menu*/
#top_menu{
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#top_menu .top_menu_inner{
	position: relative;
}
#top_menu .main_logo{
	position: absolute;
	top: 25px;
	left: 20px;
	width: 130px;
}
#top_menu .menu_nav_inner{
	position: absolute;
	top: 0;
	right: 20px;
	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
#top_menu .menu_nav_inner .nav_link{
	font-family: "GothamProRegular";
	font-size: 1.2rem;
	color: #cccccc;
	text-transform: uppercase;
	line-height: 40px;
	letter-spacing: 0.04em;
}
#top_menu .menu_nav_inner .nav_link:not(:last-child){
	margin-right: 30px;
}

@media (min-width: 1251px){
	#top_menu .main_logo{
		pointer-events: none;
	}
}

@media (max-width: 1250px){
	#top_menu{
		position: fixed;
		top: 0;
		height: auto;
	}
	#top_menu .top_menu_inner{
		height: 50px;
		background: #0f0f12;
		border-bottom: 1px solid #292929;
	}
	#top_menu .main_logo{
		top: 10px;
		left: 15px;
		width: 60px;
		height: auto;
		cursor: pointer;
	}
	#top_menu .menu_nav{
		z-index: 1;
		position: absolute;
		top: 0;
		left: -100vw;
		width: 80vw;
		width: calc(100vw - 60px);
		height: 100vh;
		height: calc(100vh + 50px);
		background: #fff;
		margin-left: 0;
		overflow-y: auto;
		
		-webkit-transition: left 0.4s ease-out;
		transition: left 0.4s ease-out;
	}
	#top_menu.active .menu_nav{
		-webkit-transition: left 0.4s ease-in-out;
		transition: left 0.4s ease-in-out;
	}
	#top_menu .menu_nav::-webkit-scrollbar{
		width: 4px;
	}
	#top_menu .menu_nav::-webkit-scrollbar-track{
		background: #efefef;
	}
	#top_menu .menu_nav::-webkit-scrollbar-thumb{
	   background: #0f0f12; 
	}
	#top_menu .menu_nav::after{
		display: none;
	}
	#top_menu .menu_nav .menu_nav_inner{
		position: static;
		display: block;
		width: 100%;
		height: auto;
		overflow-y: hidden;
		padding-bottom: 100px;
	}
	#top_menu.active .menu_nav{
		left: 0;
	}
	#top_menu .menu_nav .menu_nav_inner .nav_link{
		display: block;
		height: 50px;
		margin-right: 0;
		padding: 0 15px;
		
		font-size: 1.4rem;
		color: #0f0f12;
		line-height: 50px;
		letter-spacing: 0.1em;
	}
	#top_menu .sandwich, #top_menu .sandwich *{
		cursor: pointer;
	}
	#top_menu .sandwich{
		z-index: 2;
		position: absolute;
		top: 0;
		right: 10px;
		display: block;
		padding: 16px 5px 15px 5px;
	}
	#top_menu .sandwich .inner{
		position: relative;
		width: 30px;
		height: 19px;
	}
	#top_menu .sandwich .inner div{
		position: absolute;
		left: 0;
		width: 30px;
		height: 3px;
		background: #fff;
	}
	#top_menu.active .sandwich .inner div{
		background: #fff;
	}
	#top_menu .sandwich .inner div:nth-child(1){
		top: 0;
		
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), transform 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-out;
		transition: top 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), transform 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-out;
	}
	#top_menu .sandwich .inner div:nth-child(2){
		top: 8px;
		
		-webkit-transition: opacity 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-out;
		transition: opacity 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-out;
	}
	#top_menu .sandwich .inner div:nth-child(3){
		bottom: 0;
		
		-webkit-transition: bottom 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), transform 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-out;
		transition: bottom 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), transform 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-out;
	}
	#top_menu.active .sandwich .inner div:nth-child(1){
		top: 8px;
		
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		
		-webkit-transition: top 0.2s cubic-bezier(0.76,0.16,0.33,0.95), transform 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-in-out;
		transition: top 0.2s cubic-bezier(0.76,0.16,0.33,0.95), transform 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-in-out;
	}
	#top_menu.active .sandwich .inner div:nth-child(2){
		opacity: 0;
		
		-webkit-transition: opacity 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-in-out;
		transition: opacity 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-in-out;
	}
	#top_menu.active .sandwich .inner div:nth-child(3){
		bottom: 8px; 
		
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		
		-webkit-transition: bottom 0.2s cubic-bezier(0.76,0.16,0.33,0.95), transform 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-in-out;
		transition: bottom 0.2s cubic-bezier(0.76,0.16,0.33,0.95), transform 0.2s 0.2s cubic-bezier(0.76,0.16,0.33,0.95), background 0.4s ease-in-out;
	}
	#top_menu .top_menu_cover{
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100vh;
		height: calc(100vh + 50px);
		background: rgba(0,0,0,0.6);
		display: block;
		opacity: 0;
		
		-webkit-transition: left 0s 0.4s, opacity 0.4s ease-out;
		transition: left 0s 0.4s, opacity 0.4s ease-out;
	}
	#top_menu.active .top_menu_cover{
		left: 0;
		opacity: 1;
		
		-webkit-transition: left 0s, opacity 0.4s ease-in-out;
		transition: left 0s, opacity 0.4s ease-in-out;
	}
}
/*END #top_menu*/

/*BEGIN .screen_1*/
.screen_1{
	background: url(../img/content/screen_1_bg.png) no-repeat 50% 50% / cover;
}
.screen_1 .middle_element{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	
	padding: 90px 0 0 0;
}
.screen_1 .middle_element > .part{
	position: relative;
	width: 50%;
}
.screen_1 .middle_element > .part > img{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.screen_1 .text_block{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.screen_1 .text_block .part{
	width: 50%;
	padding-right: 30px;
}
.screen_1 .text_block .part .text_type_1{
	line-height: 1.4em;
}

@media (max-width: 1250px){
	.screen_1.full_screen{
		background: none;
		height: auto;
		padding-top: 100px;
	}
	.screen_1 .middle_element{
		position: static;
		display: block;
		padding: 0;
		
		-webkit-transform: none;
		transform: none;
	}
	.screen_1 .middle_element > .part{
		width: 100%;
	}
	.screen_1 .middle_element > .part > img{
		position: static;
		
		-webkit-transform: none;
		transform: none;
	}
	.screen_1 .text_block{
		display: block;
	}
	.screen_1 .text_block .part{
		width: 100%;
		padding-right: 0;
	}
}
/*END .screen_1*/

/*BEGIN .screen_2*/
.screen_2{
	background: url(../img/content/screen_2_bg.png) no-repeat 50% 50% / cover;
}

@media (max-width: 1250px){
	.screen_2{
		background: none;
	}
}
/*END .screen_2*/

/*BEGIN .slider_type_1*/
.slider_type_1{
	position: relative;
}
.slider_type_1 .content_block{
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(50% - 145px);
}
.slider_type_1 .content_block .part{
	z-index: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 90px 15px 15px 0;
	opacity: 0;
	
	-webkit-transition: opacity 0s;
    transition: opacity 0s;
}
.slider_type_1 .content_block .part.active{
	z-index: 1;
	opacity: 1;
	
	-webkit-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease;
}
.slider_type_1 .img_block{
	position: relative;
	width: 50%;
}
.slider_type_1 .img_block .part{
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	
	-webkit-transition: opacity 0s;
    transition: opacity 0s;
}
.slider_type_1 .img_block .part.active{
	z-index: 1;
	position: relative;
	opacity: 1;
	
	-webkit-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease;
}
.slider_type_1 .img_block .part img{
	width: 100%;
	height: auto;
}
.slider_type_1 .additional_info_block{
	position: relative;
	top: 1px;
	width: 50%;
	height: 90px;
}
.slider_type_1 .additional_info_block .part{
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	
	-webkit-transition: opacity 0s;
    transition: opacity 0s;
}
.slider_type_1 .additional_info_block .part.active{
	z-index: 1;
	opacity: 1;
	
	-webkit-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease;
}
.slider_type_1 .additional_info_block .part div{
	width: 33.33%;
	height: 90px;
	padding: 15px 15px 0 15px;
	outline: 1px solid #292929;
}
.slider_type_1 .additional_info_block .part div p{
	line-height: 1.4em;
}
.slider_type_1 .link{
	z-index: 2;
	position: absolute;
	top: calc(100% - 89px);
	left: 50%;
	display: block;
	width: 50%;
	height: 90px;
	text-align: center;
	line-height: 89px;
	outline: 1px solid #fb6120 !important;
	
	letter-spacing: 0.04em;
	color: #fb6120 !important;
}
.slider_type_1 .nav_block .nav,
.slider_type_1 .nav_block .nav *{
	cursor: pointer;
	
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
}
.slider_type_1 .nav_block{
	z-index: 1;
	position: absolute;
	top: calc(100% - 380px);
	right: 0;
}
.slider_type_1 .nav_block .nav{
	position: relative;
	width: 145px;
	height: 145px;
	padding: 55px 30px 0 30px;
	outline: 1px solid #fb6120;
}
.slider_type_1 .nav_block .nav.nav_prev{
	background: url(../img/general/slider_nav_prev.jpg) no-repeat 0 0 / 100% 100%;
}
.slider_type_1 .nav_block .nav.nav_next{
	background: url(../img/general/slider_nav_next.jpg) no-repeat 0 0 / 100% 100%;
	text-align: right;
}
.slider_type_1 .nav_block .nav .nav_name_block{
	position: relative;
	margin-top: 5px;
}
.slider_type_1 .nav_block .nav .nav_name_block .part{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	
	-webkit-transition: opacity 0s;
    transition: opacity 0s;
}
.slider_type_1 .nav_block .nav .nav_name_block .part.active{
	z-index: 1;
	position: relative;
	opacity: 1;
	
	-webkit-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease;
}

@media (max-width: 1250px){
	.slider_type_1 .content_block{
		position: relative;
		left: 0;
		width: 100%;
		margin-bottom: 50px;
	}
	.slider_type_1 .content_block .part{
		padding: 0;
	}
	.slider_type_1 .content_block .part.active{
		position: relative;
	}
	.slider_type_1 .img_block{
		width: 100%;
	}
	.slider_type_1 .additional_info_block{
		top: 0;
		width: 100%;
		height: auto;
	}
	.slider_type_1 .additional_info_block .part{
		display: block;
	}
	.slider_type_1 .additional_info_block .part.active{
		position: relative;
	}
	.slider_type_1 .additional_info_block .part div{
		width: 100%;
		height: auto;
		padding: 15px;
	}
	.slider_type_1 .link{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 15px;
		line-height: 1.6em;
	}
	.slider_type_1 .nav_block{
		position: relative;
		top: 0;
		right: auto;
		width: 290px;
		height: 145px;
		margin: 26px auto 0;
	}
	.slider_type_1 .nav_block .nav.nav_prev{
		float: left;
	}
	.slider_type_1 .nav_block .nav.nav_next{
		float: right;
	}
}
/*END .slider_type_1*/

/*BEGIN .switch_block*/
.switch_block .switch_btn, .switch_block .switch_btn *{
	cursor: pointer;
	
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
}
.switch_block{
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
}
.switch_block .switch_btn{
	position: absolute;
	top: 0;
	width: 450px;
	height: 69px;
}
.switch_block .switch_btn.prev{
	left: 20px;
}
.switch_block .switch_btn.next{
	right: 20px;
}
.switch_block .switch_btn .arrow{
	position: absolute;
	top: 0;
	width: 169px;
	height: 69px;
}
.switch_block .switch_btn.prev .arrow{
	left: 0;
	background: url(../img/general/tab_prev.png) no-repeat 0 0 / 100% 100%;
}
.switch_block .switch_btn.next .arrow{
	right: 0;
	background: url(../img/general/tab_next.png) no-repeat 0 0 / 100% 100%;
}
.switch_block .switch_btn .text_block{
	position: absolute;
	top: 0;
	width: 281px;
	height: 69px;
	padding: 7px 20px 0 20px;
	text-align: center;
}
.switch_block .switch_btn.prev .text_block{
	left: 169px;
}
.switch_block .switch_btn.next .text_block{
	right: 169px;
}

@media (max-width: 1250px){
	.switch_block{
		position: static;
		width: 290px;
		margin: 0 auto;
	}
	.switch_block .switch_btn{
		position: static;
		width: 100%;
		height: auto;
	}
	.switch_block .switch_btn.prev{
		margin-bottom: 30px;
	}
	.switch_block .switch_btn .arrow{
		position: static;
		margin: auto;
		margin-bottom: 15px;
	}
	.switch_block .switch_btn .text_block{
		position: static;
		width: 100%;
		height: auto;
		padding: 0;
	}
}
/*END .switch_block*/

/*BEGIN .screen_3*/
.screen_3{
	padding-top: 120px;
	padding-bottom: 70px;
}
.screen_3 .content_part{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	
	margin-top: 80px;
}
.screen_3 .content_part > .part{
	width: 50%;
}
.screen_3 .content_part > .part > img{
	width: 100%;
	height: auto;
	padding: 30px;
}
.screen_3 .content_part > .part .text_block{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.screen_3 .content_part > .part .text_block .part{
	width: 50%;
	padding-right: 30px;
}
.screen_3 .content_part > .part .text_block .text_type_1{
	line-height: 1.6em;
}

@media (max-width: 1250px){
	.screen_3{
		padding-top: 70px;
	}
	.screen_3 .content_part{
		display: block;
		margin-top: 50px;
	}
	.screen_3 .content_part > .part{
		width: 100%;
	}
	.screen_3 .content_part > .part > img{
		padding: 0;
	}
	.screen_3 .content_part > .part .text_block{
		margin: block;
	}
	.screen_3 .content_part > .part .text_block .part{
		width: 100%;
		padding-right: 0;
	}
}
/*END .screen_3*/

/*BEGIN .screen_4*/
.screen_4{
	padding-bottom: 20px;
	background: url(../img/content/screen_4_bg.png) no-repeat 50% 50% / cover;
}
.screen_4 .button_block{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	
	margin-bottom: 70px;
}
.screen_4 .button_block > *{
    display: block;
    width: 50%;
    height: 90px;
	
    text-align: center;
    line-height: 89px;
    letter-spacing: 0.04em; 
}
.screen_4 .button_block > .link{
	z-index: 1;
	position: relative;
	outline: 1px solid #fb6120 !important;
	color: #fb6120 !important;
}
.screen_4 .button_block > div{
	outline: 1px solid #292929;
}
.screen_4 .logo_block{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	
    -webkit-justify-content: center;
    justify-content: center;
	
	margin-top: 70px;
	padding: 0 110px;
}
.screen_4 .logo_block div{
	text-align: center;
	width: 33.33%;
	margin-bottom: 60px;
}
.screen_4 .button_block .content_cange{
	display: none;
}

@media (max-width: 1250px){
	.screen_4{
		padding-bottom: 70px;
		background: none;
	}
	.screen_4 .button_block{
		display: block;
	}
	.screen_4 .button_block > *{
		width: 100%;
		height: auto;
		padding: 15px;
		line-height: 1.6em;
	}
	.screen_4 .logo_block{
		display: block;
		padding: 0;
	}
	.screen_4 .logo_block div{
		width: 100%;
		margin-bottom: 30px;
	}
}
/*END .screen_4*/

/*BEGIN #wrapper*/
#wrapper{
	position: relative;
	display: none;
    width: 100%;
    height: 100vh;
    min-height: 530px;
    background: url(../img/content/wrapper_bg.jpg) no-repeat 50% 50% / cover;
    overflow: hidden;
}
#wrapper .content{
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#wrapper .content .info_cell{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
}
#wrapper .content .info_cell .info_block{
	z-index: 1;
	position: relative;
	margin: auto;
}
#wrapper .decor_words{
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 114px;
	background: url(../img/content/decor_words.png) repeat 0 0;
}
.animated_element.animated_img_block{
	-webkit-filter: blur(0);
    filter: blur(0);
	
	-webkit-transition: opacity 2.7s ease-in-out, -webkit-filter 2.7s ease-in-out;
	transition: opacity 2.7s ease-in-out, filter 2.7s ease-in-out;
}
.animated_element.animated_img_block.prepare{
	opacity: 0;
	
	-webkit-filter: blur(20px);
    filter: blur(20px);
	
	-webkit-transition: all 0s;
	transition: all 0s;
}
#wrapper .text_type_1{
	font-size: 1.8rem;
	line-height: 1.4em;
}
#wrapper .text_type_2{
	font-size: 4.8rem;
	line-height: 1.4em;
}
#wrapper .text_type_3{
	font-size: 3rem;
	line-height: 1.4em;
}
#wrapper .text_type_4{
	font-size: 1.6rem;
	line-height: 1.4em;
}
#wrapper .text_type_5{
	font-size: 2.4rem;
	line-height: 1.4em;
}
#wrapper .text_type_6{
	font-size: 1.4rem;
	line-height: 1.4em;
}

@media (max-width: 991px){
	#wrapper,
	#wrapper .content{
		position: relative;
		height: auto;
	}
	#wrapper{
		background: none;
	}
	#wrapper .decor_words{
		display: none;
	}
	#wrapper .text_type_2,
	#wrapper .text_type_3{
		font-size: 2.4rem;
	}
}
/*END #wrapper*/

/*BEGIN #wrapper .content[data-content="test"]*/
#wrapper .content[data-content="test"]{
	display: none;
}
#wrapper .content[data-content="test"] .info_block{
	max-width: 1000px;
}
#wrapper .content[data-content="test"] .progress_line{
	position: relative;
	width: 100%;
	height: 4px;
	margin-bottom: 70px;
	background: #27272a;
	overflow: hidden;
}
#wrapper .content[data-content="test"] .progress_line .progress_show{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #ff6000;
	
	-webkit-transition: width 0.6s ease-out;
	transition: width 0.6s ease-out;
}
#wrapper .content[data-content="test"] #question_block{
	position: relative;
	height: 350px;
}
#wrapper .content[data-content="test"] #question_block .question{
	display: none;
	margin-bottom: 15px;
}
#wrapper .content[data-content="test"] #question_block .question.active{
	display: block;
}
#wrapper .content[data-content="test"] #question_block .answers{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
#wrapper .content[data-content="test"] #question_block .answers .answer{
	width: calc(25% - 30px);
	margin: 0 15px;
	cursor: pointer;
}
#wrapper .content[data-content="test"] #question_block .answers .answer .info{
	position: relative;
	min-height: 136px;
	padding: 30px 20px;
	background: transparent;
	border: 1px solid #717274;
	
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#wrapper .content[data-content="test"] #question_block .answers .answer .info::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 4px solid #fff;
	opacity: 0;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#wrapper .content[data-content="test"] #question_block .answers .answer.active .info{
	background: #fff;
	color: #0f0f12;
}
#wrapper .content[data-content="test"] #question_block .next{
	margin: 0 auto;
}
#wrapper .content[data-content="test"] #question_block .alarm{
	margin-bottom: 25px;
	opacity: 0;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#wrapper .content[data-content="test"] .decor_words.additional{
	bottom: 114px;
	background-position: 445px 0;
}

@media (min-width: 992px) and (max-height: 850px){
	#wrapper .content[data-content="test"] .decor_words.additional{
		display: none;
	}
}

@media (min-width: 1251px){
	#wrapper .content[data-content="test"] .answers .answer:hover .info{
		box-shadow: inset 0 0 0 4px #fff;
	}
	#wrapper .content[data-content="test"] .answers .answer:hover .info::before{
		opacity: 1;
	}
}

@media (max-width: 991px){
	#wrapper .content[data-content="test"]{
		padding: 15px 0 120px 0;
	}
	#wrapper .content[data-content="test"] .progress_line{
		margin-bottom: 45px;
	}
	#wrapper .content[data-content="test"] #question_block{
		height: auto;
	}
	#wrapper .content[data-content="test"] #question_block .answers{
		display: block;
	}
	#wrapper .content[data-content="test"] #question_block .answers .answer{
		width: 100%;
		margin: 0 0 15px 0;
	}
	#wrapper .content[data-content="test"] #question_block .answers .answer .info{
		min-height: 0;
		padding: 15px;
		border: 1px solid #717274;
		
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#wrapper .content[data-content="test"] #question_block .answers .answer .info::before{
		display: none;
	}
	#wrapper .content[data-content="test"] #question_block .alarm{
		margin-bottom: 15px;
	}
}
/*END #wrapper .content[data-content="test"]*/

/*BEGIN #wrapper .content.product*/
#wrapper .content.product{
	display: none;
	padding-top: 45px;
	text-align: center;
}
#wrapper .content.product .text_block{
	z-index: 1;
	position: relative;
}
#wrapper .content.product .btn{
	margin: 0 auto;
}
#wrapper .content.product .content_img{
	max-width: 100%;
    height: auto;
	max-height: 104vh;
    margin-top: -20%;
	
    -webkit-transform: translateY(8%);
    transform: translateY(8%);
}

@media (min-width: 992px) and (max-height: 850px){
	#wrapper .content.product .decor_words{
		display: none;
	}
}

@media (max-width: 991px){
	#wrapper .content.product{
		padding-top: 0;
		padding-bottom: 100px;
	}
	#wrapper .content.product .content_img{
		width: 100%;
		max-height: 100%;
		margin-top: 10%;
		
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}
/*END #wrapper .content.product*/