/*BEGIN FONTS*/
@font-face{
	font-family: 'Roboto-Black';
	src: url('../fonts/Roboto-Black.eot');
	src: local('☺'), url('../fonts/Roboto-Black.woff') format('woff'),
	url('../fonts/Roboto-Black.ttf') format('truetype'), 
	url('../fonts/Roboto-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-BlackItalic';
	src: url('../fonts/Roboto-BlackItalic.eot');
	src: local('☺'), url('../fonts/Roboto-BlackItalic.woff') format('woff'),
	url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
	url('../fonts/Roboto-BlackItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot');
	src: local('☺'), url('../fonts/Roboto-Bold.woff') format('woff'), 
	url('../fonts/Roboto-Bold.ttf') format('truetype'), 
	url('../fonts/Roboto-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.eot');
	src: local('☺'), url('../fonts/Roboto-Light.woff') format('woff'), 
	url('../fonts/Roboto-Light.ttf') format('truetype'), 
	url('../fonts/Roboto-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Roboto-Medium';
	src: url('../fonts/Roboto-Medium.eot');
	src: local('☺'), url('../fonts/Roboto-Medium.woff') format('woff'),
	url('../fonts/Roboto-Medium.ttf') format('truetype'), 
	url('../fonts/Roboto-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Roboto-MediumItalic';
	src: url('../fonts/Roboto-MediumItalic.eot');
	src: local('☺'), url('../fonts/Roboto-MediumItalic.woff') format('woff'), 
	url('../fonts/Roboto-MediumItalic.ttf') format('truetype'), 
	url('../fonts/Roboto-MediumItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), 
	url('../fonts/Roboto-Regular.ttf') format('truetype'),
	url('../fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Roboto-Thin';
	src: url('../fonts/Roboto-Thin.eot');
	src: local('☺'), url('../fonts/Roboto-Thin.woff') format('woff'),
	url('../fonts/Roboto-Thin.ttf') format('truetype'), 
	url('../fonts/Roboto-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Roboto-Italic';
	src: url('../fonts/Roboto-Italic.eot');
	src: local('☺'), url('../fonts/Roboto-Italic.woff') format('woff'), 
	url('../fonts/Roboto-Italic.ttf') format('truetype'), 
	url('../fonts/Roboto-Italic.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;
}
p, a, span, td, h1, h2, input, li{
	-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: #a9e1ff;  background: transparent; }
p::selection      { color: #a9e1ff;  background: transparent; }
a::-moz-selection { color: #a9e1ff;  background: transparent; }
a::selection      { color: #a9e1ff;  background: transparent; }
li::-moz-selection { color: #a9e1ff;  background: transparent; }
li::selection      { color: #a9e1ff;  background: transparent; }
span::-moz-selection { color: #a9e1ff;  background: transparent; }
span::selection      { color: #a9e1ff;  background: transparent; }
h1::-moz-selection { color: #a9e1ff;  background: transparent; }
h1::selection      { color: #a9e1ff;  background: transparent; }
h2::-moz-selection { color: #a9e1ff;  background: transparent; }
h2::selection      { color: #a9e1ff;  background: transparent; }
td::-moz-selection { color: #a9e1ff;  background: transparent; }
td::selection      { color: #a9e1ff;  background: transparent; }
input::-moz-selection { color: #a9e1ff !important;  background: transparent; }
input::selection      { color: #a9e1ff !important;  background: transparent; }

p, h1, h2{
	cursor: default;
}
html, body{
	overflow-x: hidden;
}
body, .container .row{
	font-size: 10px;
}
.nowrap{
	white-space: nowrap
}
a{
	text-decoration: none !important;
}
input{
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

@media (max-width: 1050px){
	.container{
		width: 100%;
	}
}
@media (min-width: 1051px){
	.container{
		width: 1030px;
	}
}
.clear{
	clear: both;
}
.skew_text, .skew_block{
	-webkit-transform: skewY(-3.1deg);
	-moz-transform: skewY(-3.1deg);
	-ms-transform: skewY(-3.1deg);
	transform: skewY(-3.1deg);
}
.skew_2_text, .skew_2_block{
	-webkit-transform: skewY(-5.3deg);
	-moz-transform: skewY(-5.3deg);
	-ms-transform: skewY(-5.3deg);
	transform: skewY(-5.3deg);
}
.hidden_before_1030{
	display: none;
}
.bottom_line{
	position: relative;
}
.bottom_line::after{	
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: #fff;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

@-webkit-keyframes rotate_1{
	0% {
		transform: rotate(0deg); 
	}
	100%{
		transform: rotate(360deg);
	}
}
@-moz-keyframes rotate_1{
	0%{
		transform: rotate(0deg); 
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes rotate_1{
	0%{
		transform: rotate(0deg); 
	}
	100%{
		transform: rotate(360deg);
	}
}

@media(min-width: 2200px), (max-width: 1030px){
	.skew_block, .skew_2_block{
		-webkit-transform: skewY(0deg);
		-moz-transform: skewY(0deg);
		-ms-transform: skewY(0deg);
		transform: skewY(0deg);
		
		margin-top: 0 !important;
	}
	.skew_2_text{
		-webkit-transform: skewY(0deg);
		-moz-transform: skewY(0deg);
		-ms-transform: skewY(0deg);
		transform: skewY(0deg);
	}
}

@media(min-width: 1031px){
	.bottom_line:hover::after{
		width: 100%;
	}
}

@media(max-width: 1030px){
	.hidden_before_1030{
		display: inline;
	}
}
/*END GENERAL SETTINGS*/

/*BEGIN #preloader*/
#preloader{
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #eeeeee;
}
#preloader img{
	position: fixed;
    top: 50%;
    left: 50%;
	width: 50px;
	height: 50px;
	
    margin-top: -25px;
	margin-left: -25px;
	
	-webkit-animation-name: rotate_1;
	-moz-animation-name: rotate_1;
	animation-name: rotate_1;
		
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	animation-duration: 1.5s;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
/*END #preloader*/

/*BEGIN #screen_1*/
#screen_1{
	position: relative;
	height: 100vh;
	background: url(../img/top_bg.jpg) no-repeat center 0;	
	background-size: cover;
	overflow: hidden;
	
	-webkit-transition: height 0.6s ease-out;
	-moz-transition: height 0.6s ease-out;
	transition: height 0.6s ease-out;
}

#video_block{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}
#video_block_cover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
}
#video{
	position: absolute;
	top: 0;
    left: 50%;
    height: 100vh;
   
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#video.proportion{
	top: 50%;
    left: 0;
    width: 100vw;
	height: auto;
   
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#top_logo_div{
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 1000px;
	height: 33%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
#top_logo{
	position: relative;
	top: 50%;
	left: -30px;
	margin: auto;
	display: block;
	width: auto;
	height: auto;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#h1_div{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1000px;
	height: 33%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
h1{
	font-family: 'Roboto-Black';
	font-size: 3.9em;
	color: #a9e1ff;
	text-transform: uppercase;
	letter-spacing: 2.2px;
	line-height: 1.24em;
	
	position: relative;
	top: 50%;
	
	-webkit-transform: skewY(-3.1deg) translateY(-50%);
	-moz-transform: skewY(-3.1deg) translateY(-50%);
	transform: skewY(-3.1deg) translateY(-50%);
}
#top_buttons_wrapper{
	z-index: 3;
	position: absolute;
	bottom: 0;
	left: 50%;
	border: 0px solid #fff;
	
	width: 100%;
	height: 33%;
    max-width: 1000px;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
#top_red_button{
	z-index: 2;
	position: absolute;
	top: 0;
	right: 69px;
	width: 280px;
	height: 98px;
	cursor: pointer;
	overflow: hidden;
}
#top_red_button span{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 180px;
	margin-top: -4px;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	font-family: 'Roboto-Medium';
	font-size: 1.9em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 3px;
}
#top_red_button span::after{	
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: #fff;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
#top_white_block{
	z-index: 1;
	position: relative;
	top: 50px;
	left: 65px;
	width:  706px;
	height: 177px;
	
	-webkit-transition: top 0.6s ease-out;
	-moz-transition: top 0.6s ease-out;
	transition: top 0.6s ease-out;
}
#top_white_block > img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.top_white_parts{
	z-index: 2;
	position: relative;
	width: 50%;
	border: 0px solid red;
	padding: 74px 30px 0 30px;
}
#top_white_part_left{
	float: left;
}
#top_white_part_right{
	float: right;
}
#top_white_part_left > img{
	float: left;
	margin-right: 18px;
}
#top_white_part_left div{
	color: #000;
	padding-left: 70px;
}
#top_white_part_left p{
	position: relative;
	margin-bottom: 0;
}
#top_white_part_left p:nth-child(1){
    top: -10px;
	font-family: 'Roboto-Black';
	font-size: 4.2em;
}
#top_white_part_left p:nth-child(2){
	top: -20px;
	left: 5px;
	font-family: 'Roboto-Light';
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 6px;
}
#top_white_part_right > img{
	float: left;
	margin-right: 20px;
}
#top_white_part_right p{
	position: relative;
    top: -5px;
	margin-bottom: 0;
	font-family: 'Roboto-Bold';
	font-size: 2em;
	color: #000;
	text-transform: uppercase;
    letter-spacing: 2.4px;
}


@media(min-height: 880px){
	#top_buttons_wrapper{
		bottom: -33px;
	}
}

@media(min-height: 1000px){
	#top_buttons_wrapper{
		bottom: 0px;
	}
}

@media (min-width: 2291px){
	#screen_1{
		height: 1000px;
	}
}

@media(min-width: 1031px){
	#top_red_button:hover span::after{
		width: 100%;
	}
}

@media (max-width: 1030px){
	#screen_1{
		padding-bottom: 50px;
	}
}

@media(max-width: 1023px){
	h1{
		text-align: center;
		font-size: 3.4em;
		padding: 0 40px;
		line-height: 1.4em;
		
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#video{
		display: none;
	}
}

@media(max-width: 830px){
	#top_white_block{
		width: 600px;
		left: 50%;
		
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.top_white_parts{
		padding-top: 60px;
	}
}

@media(min-height: 961px) and (min-width: 1031px){
	#top_logo{
		top: 70%;
	}
}

@media(max-height: 960px){
	#top_logo{
		margin: 70px auto 0;
	}
}

@media(max-height: 830px){
	#top_logo{
		margin: 50px auto 0;
	}
}

@media(max-width: 767px){
	h1{
		font-size: 2.8em;
	}
}

@media(max-width: 630px){
	#screen_1{
		height: auto;
		padding-top: 50px;
		padding-bottom: 30px;
	}
	#top_logo_div, #h1_div, #top_buttons_wrapper{
		position: relative;
		height: auto;
		padding: 30px 15px;
		
		top: 0;
		left: 0;
		bottom: auto;
		
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		transform: translate(0);
	}
	#top_logo{
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		transform: translate(0);
		
		margin-top: 0 !important;
		left: 0;
	}
	#top_white_block{
		top: 0 !important;
		margin-top: -58px;
	}
	#top_red_button{
		right: auto;
		left: 50%;
		
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#top_white_block{
		top: 0;
		padding-top: 74px;
		width: 100%;
		max-width: 600px;
		height: auto;
	}
	.top_white_parts{
		height: auto;
		background: rgba(255,255,255,0.8);
	}
	#top_white_block > img{
		display: none;
	}
	#top_white_part_left, #top_white_part_right{
		float: none;
		width: 100%;
		max-width: 450px;
		margin: auto;
		text-align: center;
	}
	#top_white_part_left > img, #top_white_part_right > img{
		display: none;
	}
	#top_white_part_left div{
		padding-left: 0;
	}
	#top_white_part_right{
	    padding-top: 10px;
		padding-bottom: 30px;
	}
	#top_white_part_right p{
		font-size: 2.4em;
		line-height: 1.6em;
	}
	h1{
		font-size: 2.4em;
		margin-bottom: 50px;
		
		-webkit-transform: translate(0) !important;
		-moz-transform: translate(0) !important;
		transform: translate(0) !important;
	}
}

@media(max-width: 560px){
	h1{
		font-size: 2em;
	}
	#top_white_part_left p:nth-child(1){
		font-size: 3.2em;
	}
	#top_white_part_left p:nth-child(2){
		font-size: 1.4em;
		top: -15px;
	}
	#top_white_part_right p{
		font-size: 1.7em;
	}
	#top_white_part_left, #top_white_part_right{
		max-width: 380px;
	}
	#top_white_part_left{
		padding-top: 60px;
	}
	#top_logo{
		width: 100%;
		max-width: 394px;
	}
}

@media(max-height: 700px) and (min-width: 1031px){
	#top_white_block{
		top: 20px;
	}
}

@media(max-height: 640px){
	#video{
		display: none;
	}
}

@media(max-height: 600px) and (min-width: 631px){
	#screen_1{
		height: 670px;
	}
}

@media(max-width: 500px){
	h1{
		font-size: 1.6em;
	}
}

@media(max-width: 440px){
	h1{
		font-size: 1.5em;
		padding-left: 0;
		padding-right: 0;
	}
	#top_logo{
		width: 90%;
	}
	#top_red_button{
		margin-left: 5px;
	}
	#top_red_button, #top_red_button > img{
		width: 260px;
	}
	#top_red_button span{
		margin-top: -8px;
	}
}
/*END #screen_1*/

/*BEGIN #screen_2*/
#screen_2{
	position: relative;
	height: 570px;
	background: url(../img/screen_2_bg.png) no-repeat center 0;	
	background-size: cover;
}
#screen_2_inner{
	
}
#yacht_part{
	position: absolute;
	top: 0;
	left: 330px;
}
#black_rect{
	position: relative;
	top: 163px;
    left: 24px;
	width: 570px;
}
#black_rect span:nth-child(2){
	position: absolute;
    top: -18px;
	left: 0;
	
	font-family: 'Roboto-BlackItalic';
	font-size: 2.95em;
	color: #a58260;
	text-transform: uppercase;
	letter-spacing: 5px;
}
#black_rect span:nth-child(3){
	position: absolute;
    bottom: -10px;
    right: -7px;
    text-align: right;
	
	font-family: 'Roboto-Black';
	font-size: 5.25em;
	color: #ff0000;
	text-transform: uppercase;
	line-height: 1.1em;
    letter-spacing: 3px;
}

@media (max-width: 2000px){
	#screen_2{
		margin-top: -110px;
	}
}

@media (min-width: 2001px){
	#screen_2{
		margin-top: 0;
		
		background: rgba(207,200,190,1);
		background: -moz-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,200,190,1)), color-stop(33%, rgba(232,214,193,1)), color-stop(53%, rgba(242,226,192,1)), color-stop(74%, rgba(252,240,196,1)), color-stop(100%, rgba(254,248,206,1)));
		background: -webkit-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -o-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -ms-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: linear-gradient(to bottom, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
	}
	#black_rect{
		position: absolute;
		top: 50%;
		left: 50%;
		
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 1030px){
	#screen_2{
		margin-top: 0;
		
		background: rgba(207,200,190,1);
		background: -moz-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,200,190,1)), color-stop(33%, rgba(232,214,193,1)), color-stop(53%, rgba(242,226,192,1)), color-stop(74%, rgba(252,240,196,1)), color-stop(100%, rgba(254,248,206,1)));
		background: -webkit-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -o-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -ms-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: linear-gradient(to bottom, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
	}
	#black_rect{
		position: absolute;
		top: 50%;
		left: 50%;
		
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 767px){
	#screen_2{
		height: auto;
		padding: 50px 0 90px;
	}
	#black_rect{
		position: static;
		width: 100%;
		text-align: center;
		
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		transform: translate(0);
	}
	#black_rect img{
		display: none;
	}
	#black_rect span{
		position: static !important;
		text-align: center !important;
		display: block;
	}
	#black_rect span:nth-child(2){
		margin-bottom: 20px;
	}
	#black_rect span:nth-child(3){
		font-size: 4.4em;
	} 
}

@media (max-width: 520px){
	#black_rect span:nth-child(2){
		font-size: 2em;
		letter-spacing: 4px;
		margin-bottom: 30px;
	}
	#black_rect span:nth-child(3){
		font-size: 3.4em;
	}
}
/*END #screen_2*/

/*BEGIN #screen_3*/
#screen_3{
	position: relative;
	background: #fff;
}
#screen_3_decor{
	position: absolute;
	margin-top: -54px;
	left: 0;
	width: 100%;
	height: 480px;
	/*background: #151a20;*/
	text-align: center;
	
	background: url(../img/screen_3_decor_bg.png) no-repeat center 0;	
	background-size: cover;
}
#lighthouse{
	position: absolute;
    top: -52px;
    left: 50%;
	width: 104px;
	height: 104px;
	
    -webkit-transform: translateX(-50%) skewY(3.1deg);
    -moz-transform: translateX(-50%) skewY(3.1deg);
    transform: translateX(-50%)  skewY(3.1deg);
}
#lighthouse_device{
	display: none;
}
#screen_3_inner{
	z-index: 2;
	position: relative;
	padding-top: 52px;
}
#screen_3_inner_top_info > p:nth-child(1){
	font-family: 'Roboto-Thin';
	font-size: 2.7em;
	color: #bd9f80;
	letter-spacing: 2px;
}
#screen_3_inner_top_info > p:nth-child(1) img{
	margin-left: 15px;
}
#screen_3_inner_top_info > p:nth-child(2){
	font-family: 'Roboto-Black';
	font-size: 5.84em;
	color: #bd9f80;
	letter-spacing: 3px;
}
#screen_3_inner_top_info > p:nth-child(3){
	font-family: 'Roboto-Thin';
	font-size: 2.7em;
	color: #fff;
	letter-spacing: 2px;
	line-height: 1.3em;
	margin-top: 40px;
}

@media(min-width: 2200px){
	#lighthouse{
		-webkit-transform: translateX(-50%) skewY(0deg);
		-moz-transform: translateX(-50%) skewY(0deg);
		transform: translateX(-50%) skewY(0deg);
	}
}

@media(max-width: 1030px){
	#screen_3_inner{
		padding-top: 0;
	}
	#screen_3_inner_top_info{
		text-align: center;
		background: url(../img/screen_3_decor_bg.png) no-repeat center 0;	
		background-size: cover;
		padding-top: 130px;
		padding-bottom: 90px;
	}
	#lighthouse_device{
		display: block;
		position: absolute;
		top: -52px;
		left: 50%;
		width: 104px;
		height: 104px;
		
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#screen_3_inner_top_info > p:nth-child(1) img{
		display: none;
	}
	#screen_3_inner_top_info > p:nth-child(2){
		font-size: 4em;
	}
	#screen_3_inner_top_info > p:nth-child(3){
		font-size: 2em;
	}
	#screen_3_decor{
		display: none
	}
}

@media (max-width: 767px){
	#screen_3_inner_top_info > p:nth-child(2){
		font-size: 3em;
	}
	#screen_3_inner_top_info > p:nth-child(3) br{
		display: none;
	}
}

@media(max-width: 400px){
	#screen_3_inner_top_info{
		padding-top: 110px;
		padding-bottom: 60px;
	}
	#screen_3_inner_top_info > p:nth-child(1){
		font-size: 2.2em;
	}
	#screen_3_inner_top_info > p:nth-child(2){
		font-size: 2.4em;
	}
	#screen_3_inner_top_info > p:nth-child(3){
		font-size: 1.8em;
		margin-top: 30px;
	}
}
/*END #screen_3/

/*BEGIN #Screen_3 #gallery_wrapper and #gallery_popup*/
#gallery_wrapper{
	width: 100%;
	margin: 86px auto;
}
.gallery_image_container{
	float: left;
	width: 33.3%;
	cursor: pointer;
}
.gallery_image_container:last-child{
	margin-bottom: 60px;
}
.gallery_image_container img{
	width: 100%;
	height: auto;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);

	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.gallery_image_border{
	position: relative;
	width: 100%;
	border: 4px solid #fff;
	overflow: hidden;
}
.gallery_image_title{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.3);
	opacity: 0;
	
	font-family: 'Roboto-Light';
	font-size: 1.6em;
	letter-spacing: 1px;
	
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.gallery_image_title span{
	position: absolute;
	top: 50%;
	left: 50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	display: none;
}

#gallery_popup, #gallery_popup *{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
}
#gallery_popup{
	z-index: 10;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	overflow: hidden;
	cursor: default;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#gallery_popup.open{
	width: 100vw;
	height: 100%;
}

.gallery_popup_buttons{
	opacity: 0;
	
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
#gallery_popup.open .gallery_popup_buttons{
	opacity: 1;
}
#gallery_popup_cover{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
}
#gallery_image_block{
	z-index: 2;
	position: relative;
	top: 50%;
	width: 100%;
	max-width: 1000px;
	padding: 0 4px;
	display: none;
	
	margin: auto;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#gallery_image_block img{
	position: relative;
	width: 100%;
	height: auto;
}
#gallery_image_block_span{
	position: absolute;
	bottom: 0;
	left: 50%;
	
	font-family: 'Roboto-Light';
	font-size: 1.6em;
	letter-spacing: 1.2px;
	background: rgba(255,255,255,1);
	padding: 4px 15px 2px 15px;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	
	display: none;
}
#gb_left{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
#gb_right{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}
.gallery_switch{
	z-index: 3;
	position: absolute;
	top: 50%;
	cursor: pointer;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gallery_switch img{
	width: 40px;
	height: 66px;
}
#gallery_switch_left{
	left: 30px;
}
#gallery_switch_right{
	right: 30px;
}

#gallery_close{
	z-index: 3;
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
#gallery_loading{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	
	display: none;
	
	-webkit-animation-name: rotate_1;
	-moz-animation-name: rotate_1;
	animation-name: rotate_1;
		
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	animation-duration: 1.5s;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}

@media(min-width: 1150px){
	.gallery_image_container:hover img{
		-webkit-transform: scale(1.08);
		-moz-transform: scale(1.08);
		transform: scale(1.08);
	}
	.gallery_image_container:hover .gallery_image_title{
		opacity: 1;
	}
}

@media(max-width: 1050px){
	#gallery_wrapper_overlord{
		padding-top: 15px;
	}
	#gallery_wrapper{
		margin: 0 auto;
	}
	#gallery_image_block{
		padding: 0 19px 0 19px;
	}
	.gallery_image_container:last-child{
		margin-bottom: 15px;
	}
	#gallery_image_block_span{
		display: none;
	}
}

@media(max-width: 767px){
	.gallery_image_container{
		/*width: 50%;*/
	}
	.gallery_switch img{
		width: 30px;
		height: 49px;
	}
	#gallery_close{
		top: 15px;
		right: 18px;
	}
}

@media(max-height: 770px) and (min-width: 1021px){
	#gallery_close{
		top: 15px;
		right: 30px;
	}
}

@media(max-height: 770px) and (max-width: 1020px){
	#gallery_close{
		right: 19px;
	}
}

@media(max-height: 680px) and (min-width: 1031px){
	#gallery_image_block{
		width: 73%;
	}
}

@media(max-height: 680px) and (min-width: 480px) nad(max-width: 1030px){
	#gallery_image_block{
		width: 100%;
		padding: 0;
	}
}

@media(max-height: 610px){
	#gallery_image_block_span{
		display: none;
	}
}

@media(max-height: 420px) and (max-width: 740px){
	#gallery_switch_left{
		left: 18px;
	}
	#gallery_switch_right{
		right: 18px;
	}
}

@media(max-width: 520px){
	.gallery_image_container{
		width: 100%;
	}
}
/*END #Screen_3 #gallery_wrapper and #gallery_popup*/

/*BEGIN #screen_4*/
#screen_4{
	height: 1115px;
	background: url(../img/screen_3_bg.jpg) no-repeat center 0;	
	background-size: cover;
}
#screen_4_inner{
	padding-top: 44px;
}
#screen_4_inner_top_info{
	margin-bottom: 40px;
}
#soon{
	font-family: 'Roboto-Regular';
	font-size: 1.69em;
	color: #a58260;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	line-height: 1.2em;
	margin: 0;
}
#soon img{
	float: right;
	position: relative;
    top: -14px;
}
#screen_4_inner_top_info > p:nth-child(2){
	font-family: 'Roboto-BlackItalic';
	font-size: 9.47em;
	color: #000;
	text-transform: uppercase;
	line-height: 1em;
	margin-top: 15px;
}
#screen_4_inner_top_info > p:nth-child(2) span{
	color: #fff;
}
#screen_4_inner_middle_info_left{
	position: relative;
	margin-bottom: 50px;
}
#white_skew{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
}
#left_list{
	z-index: 2;
	position: relative;
	padding: 60px 0 20px;
}
#left_list p{
	font-family: 'Roboto-Regular';
	font-size: 2em;
	color: #4e4e4e;
	margin-bottom: 23px;
	letter-spacing: 0.8px;
}
#left_list p img{
	margin-right: 35px;
	margin-left: 50px;
}
#screen_4_inner_middle_info_right{
	padding-left: 0;
}
#watch_video{
	position: relative;
	width: 100%;
	height: 80px;
	line-height: 82px;
	margin-top: 115px;
	background: #ff0000;
	text-align: center;
	cursor: pointer;
}
#watch_video span{
	position: relative;
	font-family: 'Roboto-Bold';
	font-size: 2.21em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3.8px;
}
#watch_video span::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
#watch_video img{
    position: relative;
    top: -5px;
	margin-right: 25px;
}

@media(min-width: 1031px){
	#watch_video:hover span::after{
		width: 100%;
	}
}

@media(max-width: 1030px){
	#screen_4{
		height: auto;
		
		background: rgba(207,200,190,1);
		background: -moz-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,200,190,1)), color-stop(33%, rgba(232,214,193,1)), color-stop(53%, rgba(242,226,192,1)), color-stop(74%, rgba(252,240,196,1)), color-stop(100%, rgba(254,248,206,1)));
		background: -webkit-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -o-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -ms-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: linear-gradient(to bottom, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
	}
	#screen_4_inner{
		padding-top: 50px;
	}
	#screen_4_inner_top_info{
		text-align: center;
		margin-bottom: 5px;
	}
	#soon{
		font-family: 'Roboto-BlackItalic';
		font-size: 2.4em;
		letter-spacing: 2px;
		
		width: 100%;
		margin: 0 auto 30px;
	}
	#soon img{
		display: none;
	}
	#screen_4_inner_top_info > p:nth-child(2){
		font-size: 4.4em;
		font-family: 'Roboto-Black';
		color: #ff0000;
		text-transform: uppercase;
		line-height: 1.1em;
		letter-spacing: 3px;
		margin-bottom: 40px;
	}    
	#screen_4_inner_top_info > p:nth-child(2) span{
		color: #ff0000;
	}
	#screen_4_inner_top_info > p:nth-child(2) br{
		display: none;
	}
	#screen_4_inner_middle_info_right{
		padding-left: 15px;
	}
}

@media(max-width: 991px){
	#left_list, #white_skew{
		width: 100%;
	}
	#screen_4_inner_middle_info_right{
		width: 50%;
	}
	#left_list p{
		font-size: 1.8em;
	}
	#left_list p img{
		margin-left: 40px;
	}
}

@media(max-width: 890px){
	#left_list p{
		font-size: 1.6em;
	}
	#left_list p img{
		margin-left: 20px;
	}
	#watch_video span{
		font-size: 2em;
	}
	#watch_video img{
		margin-left: 15px;
		margin-right: 15px;
	}
}

@media(max-width: 767px){
	#soon{
		max-width: 330px;
	}
	#screen_4_inner_top_info > p:nth-child(2) br{
		display: inline;
	}
	#left_list{
		width: 100%;
	}
	#white_skew{
		display: none;
	}
	#screen_4_inner_middle_info_left, #screen_4_inner_middle_info_right{
		width: 100%;
	}
	#left_list{
		padding: 0;
		text-align: center;
	}
	#left_list p{
		margin-bottom: 10px;
	}
	#left_list p img{
		display: block;
		margin: 0 auto;
	}
	#watch_video{
		max-width: 290px;
		margin: 20px auto 40px;
	}
	#watch_video img{
		top: -3px;
		margin-left: 5px;
	}
	#watch_video span{
		font-size: 1.6em;
	}
}

@media(max-width: 520px){
	#soon{
		font-size: 2em;
		max-width: 330px;
	}
	#screen_4_inner_top_info > p:nth-child(2){
		font-size: 3.4em;
	}
	#left_list p{
		font-size: 1.6em;
		margin-bottom: 14px;
	}
}
/*END #screen_4*/

/*BEGIN #youtube_popup*/
#youtube_popup, #youtube_popup *{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
}
#youtube_popup{
	z-index: 10;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	overflow: hidden;
	cursor: default;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#youtube_popup.open{
	width: 100vw;
	height: 100%;
}

.youtube_popup_buttons{
	opacity: 0;
	
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
#youtube_popup.open .youtube_popup_buttons{
	opacity: 1;
}
#youtube_popup_cover{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
}
#youtube_video_block{
	z-index: 2;
	position: relative;
	top: 50%;
	width: 100%;
	max-width: 1000px;
	padding: 0 4px;
	display: none;
	
	margin: auto;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#youtube_close{
	z-index: 3;
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#iframe_div{
	z-index: 2;
	position: relative;
	top: 50%;
	left: 50%;
	
	width: 1000px;
	height: 562px;
	
	display: none;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#ytplayer{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

@media(max-width: 1050px){
	#iframe_div{
		width: calc(100% - 38px);
		padding-bottom: 56.3%;
		height: auto;
	}
}

@media(max-width: 767px){
	#youtube_close{
		top: 15px;
		right: 18px;
	}
}

@media(max-height: 770px) and (min-width: 1021px){
	#youtube_close{
		top: 15px;
		right: 30px;
	}
}

@media(max-height: 770px) and (max-width: 1020px){
	#youtube_close{
		right: 19px;
	}
}

@media(max-height: 680px) and (min-width: 1031px){
	#iframe_div{
		width: 73%;
	}
}
/*END #youtube_popup*/

/*BEGIN #screen_5*/
#screen_5{
	position: relative;
	background: #fff;
	height: 650px;
	background: transparent;
}
#screen_5_decor{
	position: absolute;
	margin-top: -96px;
	left: 0;
	width: 100%;
	height: 659px;
	/*overflow: hidden;*/
	
	background: url(../img/screen_3_decor_bg.png) no-repeat center 0;	
	background-size: cover;
}
#screen_5_decor_inner{
	width: 100%;
	max-width: 1030px;
	padding: 0 15px;
	margin: auto;
}
.decore_5_top_text{
	font-family: 'Roboto-BlackItalic';
	font-size: 4.6em;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}
.decore_5_top_text:nth-child(1){
	font-size: 3.7em;
}
#screen_5_decor_inner h2:nth-child(1){
	line-height: 0.72em;
	margin-top: -1px;
	
	background: rgba(1,70,149,1);
	background: -moz-linear-gradient(left, rgba(1,70,149,1) 0%, rgba(1,27,89,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,70,149,1)), color-stop(100%, rgba(1,27,89,1)));
	background: -webkit-linear-gradient(left, rgba(1,70,149,1) 0%, rgba(1,27,89,1) 100%);
	background: -o-linear-gradient(left, rgba(1,70,149,1) 0%, rgba(1,27,89,1) 100%);
	background: -ms-linear-gradient(left, rgba(1,70,149,1) 0%, rgba(1,27,89,1) 100%);
	background: linear-gradient(to right, rgba(1,70,149,1) 0%, rgba(1,27,89,1) 100%);
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #fff;
	
}
@-moz-document url-prefix(){
   #screen_5_decor_inner h2:nth-child(1){
	   background: transparent;
	   color: #fff;
   }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#screen_5_decor_inner h2:nth-child(1){
		background: transparent;
		color: #fff;
	}
}
#screen_5_decor_inner p:nth-child(2){
	margin-bottom: 0;
	color: #fff;
}
#screen_5_decor_inner p:nth-child(3){
	text-align: center;
}
#screen_5_decor_inner p:nth-child(3), #screen_5_decor_inner p:nth-child(4){
	font-family: 'Roboto-BlackItalic';
	font-size: 7.44em;
	color: #fff;
	text-transform: uppercase;
}
#screen_5_decor_inner p:nth-child(4){
    line-height: 1.3em;
    margin-top: -20px;	
    letter-spacing: 1.4px;
}
.bb{
	position: absolute;
	left: 0;
	width: 100%;
	height: 20px;
}
#bblue{
	bottom: 0;
	background: #0c335e;
	
	-webkit-box-shadow: 1px 1px 1px #0c335e;
	-moz-box-shadow: 1px 1px 1px #0c335e;
	box-shadow: 1px 1px 1px #0c335e;
}
#bblack{
	bottom: 20px;
	background: #151a20;
}
#big_steering{
	z-index: 2;
	position: relative;
	margin: -55px auto 0;
    display: block;
	
	-webkit-transform: skewY(5.3deg);
	-moz-transform: skewY(5.3deg);
	-ms-transform: skewY(5.3deg);
	transform: skewY(5.3deg);
}
@-moz-document url-prefix(){
    #big_steering{
		margin: -58px auto 0;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #big_steering{
		margin: -58px auto 0;
	}
}

@media(min-width: 2000px){
	#screen_4_inner_top_info > p:nth-child(2) span{
		color: #000;
	}
}

@media(min-width: 2200px){
	#screen_5{
		height: 547px;
		background: #151a20;
	}
	#screen_5_decor{
		height: auto;
		padding-bottom: 65px;
	}
	#big_steering{
		display: none;
	}
}

@media(min-width: 2200px), (max-width: 1030px){
	#screen_5_decor_inner h2:nth-child(1){
		margin-top: 50px;
		line-height: 1.3em;
	}
}

@media (max-width: 1030px){
	#screen_5, #screen_5_decor{
		height: auto;
	}
	#screen_5_decor{
		position: relative;
		padding-top: 50px;
		padding-bottom: 37px;
	}
	#screen_5_decor_inner{
		text-align: center;
	}
	#big_steering{
		display: none;
	}
	.bb{
		display: none;
	}
	.decore_5_top_text, .decore_5_top_text:nth-child(1){
		font-family: 'Roboto-Regular';
		text-transform: none;
		font-size: 2.6em;
		letter-spacing: 3px;
	}
	#screen_5_decor_inner h2:nth-child(1){
		margin-top: 0;
		margin-bottom: 3px;
	}
	#screen_5_decor_inner p:nth-child(3), #screen_5_decor_inner p:nth-child(4){
		font-size: 3.6em;
		letter-spacing: 3px;
	}
	#screen_5_decor_inner p:nth-child(3){
	    margin-top: 10px;
	}
	#screen_5_decor_inner p:nth-child(4){
		margin-top: 0;
		margin-bottom: 0;
	}
	#screen_5_decor_inner h2:nth-child(1){
		color: #fff;
		background: transparent;
		-webkit-background-clip: text;
		-webkit-text-fill-color: #fff;
	}
}

@media (max-width: 620px){
	#screen_5_decor{
		padding-top: 38px;
	}
	.decore_5_top_text, .decore_5_top_text:nth-child(1){
		font-size: 2em;
	}
	#screen_5_decor_inner h2:nth-child(1), #screen_5_decor_inner p:nth-child(2){
		display: inline;
	}
	#screen_5_decor_inner p:nth-child(3), #screen_5_decor_inner p:nth-child(4){
		font-size: 2.5em;
	}
}

@media (max-width: 337px){
	.decore_5_top_text, .decore_5_top_text:nth-child(1){
		line-height: 1.2em;
	}
}
/*END #screen_5*/

/*BEGIN #screen_6*/
#screen_6{
	height: 860px;
	margin-top: -108px;
	background: url(../img/screen_6_bg.jpg) no-repeat center 0;	
	background-size: cover;
}
#screen_6_inner h2:nth-child(1){
	margin-top: 180px;
	margin-bottom: 20px;
	
	font-family: 'Roboto-BlackItalic';
	font-size: 3.06em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
#screen_6_inner h2:nth-child(1) img{
	float: right;
	position: relative;
    top: -8px;
}
#screen_6_inner p:nth-child(2){
	font-family: 'Roboto-BlackItalic';
	font-size: 6.4em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 1.1em;
}

@media (min-width: 2000px){
	#screen_6_inner h2:nth-child(1), #screen_6_inner p:nth-child(2){
		text-shadow: 3px 3px 1px #fff;
	}
}

@media (min-width: 2200px){
	#screen_6{
		margin-top: 0;
	}
}

@media (max-width: 1030px){
	#screen_6{
		margin-top: 0;
		height: auto;
	}
	#screen_6_inner{
		text-align: center;
		background: rgba(255,255,255,0.6);
	}
	#screen_6_inner h2:nth-child(1){
		margin-top: 0;
		padding-top: 50px;
	}
	#screen_6_inner h2:nth-child(1) img{
		display: none;
	}
	#screen_6_inner p:nth-child(2){
		padding-bottom: 40px;
		margin-bottom: 0;
		font-size: 5em;
	}
}

@media (max-width: 620px){
	#screen_6_inner p:nth-child(2){
		font-size: 4em;
	}
}

@media (max-width: 470px){
	#screen_6_inner p:nth-child(2){
		font-size: 3.06em;
		line-height: 1.2em;
	}
}
/*END #screen_6*/

/*BEGIN #screen_7*/
#screen_7{
	position: relative;
	padding-bottom: 60px;
}
#screen_7_inner_top_part{
	height: 522px;
}
.col_left{
	float: left;
}
.col_right{
	float: right;
}
#at_first{
	position: absolute;
	top: -126px;
	left: 50%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.why_text_top{
	margin-top: 45px;
	margin-bottom: 15px;
	
	font-family: 'Roboto-Bold';
	font-size: 1.9em;
	color: #595959;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}
.master_reg{
	font-family: 'Roboto-Regular';
	font-size: 1.8em;
	color: #595959;
	letter-spacing: 0.5px;
	line-height: 1.4em;
}
.col_right img{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.col_left img{
	margin-bottom: 10px;
}
.kirill{
	width: 100%;
	height: auto;
	margin-top: 50px;
}
.master_class_h3{
	font-family: 'Roboto-Medium';
	font-size: 2em;
	color: #919191;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	
	margin-top: 86px;
	padding-left: 40px;
}
.marter_under_text{
	font-family: 'Roboto-Black';
	font-size: 4.5em;
	color: #000;
	line-height: 1.2em;
    letter-spacing: 1.4px;
	
	margin-top: 33px;
}
.ul_h{
	font-family: 'Roboto-Bold';
	font-size: 1.8em;
	color: #6fb9dc;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	
	margin-top: 40px;
	padding-left: 40px;
}
.ul_h br{
	display: none;
}
.master_ul{
	margin-top: 25px;
	padding-left: 60px;
}
.master_ul li{
	margin-bottom: 12px;
}

@media (max-width: 1030px){
	#screen_7_inner{
		text-align: center;
	}
	#screen_7_inner_top_part{
		height: auto;
	}
	#at_first, .col_left img{
		display: none;
	}
	.col_left, .col_right{
		float: none;
		width: 100%;
	}
	.col_right img{
		max-width: 497px;
	}
	.kirill_wrap{
		display: none;
	}
	.master_info{
		float: none;
		width: 100%;
	}
	.master_class_h3{
		padding-left: 0;
	}
	.marter_under_text{
		font-size: 3em;
	}
	.marter_under_text br{
		display: none;
	}
	.ul_h, .master_ul{
		padding-left: 0;
	}
	.master_ul li{
		margin-bottom: 4px;
		list-style: none;
	}
}

@media (max-width: 767px){
	#screen_7{
		padding-bottom: 30px;
	}
	.master_class_h3{
		margin-top: 60px;
	}
	.marter_under_text{
		font-size: 2.8em;
		margin-top: 25px;
	}
	.master_ul.master_reg{
		font-size: 1.6em;
	}
	.ul_h{
		margin-top: 30px;
	}
	.master_ul li{
		margin-bottom: 10px;
	}
}

@media (max-width: 520px){
	.why_text_top{
		font-size: 1.6em;
	}
	.master_reg{
		font-size: 1.6em;
		line-height: 1.3em;
	}
}

@media (max-width: 370px){
	.ul_h br{
		display: inline;
	}
}
/*END #screen_7*/

/*BEGIN #screen_8*/
#screen_8{
	padding: 60px 0 100px 0;
}
#screen_8_inner{
	text-align: center;
}
#screen_8_inner h2{
	font-family: 'Roboto-MediumItalic';
	font-size: 4.21em;
	color: #318ac8;
	letter-spacing: 0.5px;
	
	margin-bottom: 34px;
} 

#slider_text_review_block{
	position: relative;
	margin-top: 30px;
}
#slider_text_review{
	position: relative;
	width: 100%;
	height: 340px;
	border: 0px solid red;
	overflow: hidden;
}
#slider_text_review *{
	-webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -o-user-select: none !important;
}
#slider_text_review .wrapper{
	position: relative;
	left: 0;
	width: 20000px;
	height: 100%;
	
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
#slider_text_review .wrapper:active, #slider_text_review .wrapper:active *{
	cursor: url(../img/slider/drag.png), move !important; 
}
#slider_text_review .wrapper .slide{
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 1000px;
	border: 0px solid blue;
}
.slide_cover{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.quotes{
	position: absolute;
	top: 65px;
    left: 120px;
}
.slide_text{
	font-family: 'Roboto-Italic';
	font-size: 1.6em;
	line-height: 1.5em;
	
	margin: 30px auto 0;
	width: 100%;
	max-width: 600px;
}
.slide_name{
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.slide_name span:nth-child(1){
	font-family: 'Roboto-Bold';
	font-size: 1.3em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.slide_name span:nth-child(3){
	font-family: 'Roboto-BlackItalic';
	font-size: 1.2em;
	color: #555;
	letter-spacing: 0.6px;
	line-height: 1.7em;
}
.slider_nav{
	z-index: 2;
	position: absolute;
	top: 0;
	height: 100%;
	width: 22px;
	/*background: #fff;*/
	cursor: pointer;
	opacity: 0.7;
	
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
.slider_nav:hover{
	opacity: 1;
}
.slider_nav img{
	position: absolute;
	top: 50%;
	left: 50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.slider_nav.prev{
	left: 0;
}
.slider_nav.next{
	right: 0;
}

@media(max-width: 1050px){
	#screen_8{
		padding-top: 30px;
		padding-bottom: 60px;
	}
	#slider_text_review, #slider_text_review .wrapper .slide{
		width: calc(100vw - 30px);
	}
	#slider_text_review .wrapper .slide{
		max-width: 1030px;
	}
	.quotes{
		display: none;
	}
}

@media(max-width: 991px){
	#screen_8_inner h2{
		font-size: 3em;
	}
}

@media(max-width: 767px){
	.slide_text{
		font-size: 1.4em;
		padding: 0 47px;
	}
}

@media(max-width: 600px){
	#slider_text_review{
		height: 370px;
	}
}

@media(max-width: 500px){
	#screen_8_inner h2{
		font-size: 2.8em;
	}
	.slide_text{
		line-height: 1.4em;
	}
}

@media(max-width: 420px){
	#screen_8{
		padding-bottom: 110px;
	}
	.slide_text{
		font-size: 1.3em;
	}
	.slider_nav{
		height: 40px;
		top: auto;
		bottom: -50px;
	}
	.slide_text{
		padding: 0;
	}
	#slider_text_review{
		height: 380px;
	}
	.slider_nav.prev{
		left: calc(50% - 50px);
	}
	.slider_nav.next{
		right: calc(50% - 50px);
	}
}
/*END #screen_8*/

/*BEGIN #screen_9*/
#screen_9{
	height: 490px;
	background: url(../img/screen_9_bg.jpg) no-repeat center 0;	
	background-size: cover;
}
.price_block{
	clear: both;
	margin-top: 90px;
	height: 80px;
	border: 0px solid #fff;
}
.price_block p{
	margin-bottom: 0;
}
.price_block:nth-child(1) p{
	color: #318ac8;
}
.price_block:nth-child(2) p{
	color: #fff;
}
.price_block p:nth-child(1){
	float: left;
	width: 45%;
	
	font-family: 'Roboto-Light';
	font-size: 1.8em;
	line-height: 1.45em;
	letter-spacing: 0.4px;
}
.price_block p:nth-child(2){
	float: right;
	width: 55%;
	line-height: 1.1em;
	text-align: center;
	
	font-family: 'Roboto-Regular';
	font-size: 7.32em;
}
.price_block:nth-child(1) p:nth-child(1){
	padding-top: 27px;
}
#form_part{
	position: relative;
}
#form_bg{
	position: absolute;
	top: 18px;
	left: 0;
}

#simple_form_1{
	z-index: 2;
	position: relative;
	left: -15px;
	margin: 70px auto 0;
	width: 100%;
	max-width: 284px;
}
.field_checkout{
	display: none;
}
#simple_form_1 .field_wrapper{
	position: relative;
}
#simple_form_1 .field_wrapper, #simple_form_1 .field{
	width: 100%;
}
#simple_form_1 .field{
	margin-bottom: 28px;
	outline: none !important;
	border: 0;
	border-bottom: 1px solid #cccccc;
	
	font-family: 'Roboto-Light';
	font-size: 1.5em;
	letter-spacing: 0.4px;
	line-height: 1.6em;
}
#simple_form_1 .alarm{
	position: absolute;
	bottom: 7px;
    right: 0;
	color: #ff0000;
	margin-bottom: 0;
	opacity: 0;
	
	font-family: 'Roboto-Regular';
	font-size: 1.3em;
	letter-spacing: 0.4px;
	
	-webkit-transition: opacity 0.1s ease-in-out;
	-moz-transition: opacity 0.1s ease-in-out;
	transition: opacity 0.1s ease-in-out;
}
#simple_form_1 .field_wrapper.warning .alarm{
	opacity: 1;
}
#form_go_1{
	float: right;
    margin-top: 10px;
	background: #fff;
	outline: none !important;
	border: 0;
	border-bottom: 1px solid #ff0000;
	
	font-family: 'Roboto-Black';
	font-size: 1.5em;
	color: #ff0000;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	padding: 5px 1px 2px 1px;
}
#screen_9_inner_top{
	position: relative;
}
#dots{
	position: absolute;
	top: 183px;
    left: 356px;
}

#thanx_popup{
	z-index: 8;
	position: fixed;
	top: -160px;
	left: 0;
	width: 100%;
	height: 160px;
	background: #fff;
	border-bottom: 1px solid #333;
	text-align: center;
	padding: 27px 15px 0 15px;
	
	-webkit-transition: top 0.4s ease-out;
	-moz-transition: top 0.4s ease-out;
	transition: top 0.4s ease-out;
}
#thanx_popup.show{
	top: 0;
}
#thanx_popup p:nth-child(1){
	font-family: 'Roboto-Bold';
	font-size: 3.4em;
	color: #5aa1d3;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}
#thanx_popup p:nth-child(2){
	font-family: 'Roboto-Regular';
	font-size: 3em;
	color: #333;
	letter-spacing: 0.4px;
}

@media(max-width: 1030px){
	#dots{
		display: none;
	}
}

@media(max-width: 991px){
	.price_block p:nth-child(1){
		font-size: 1.6em;
	}
	.price_block p:nth-child(2){
		font-size: 6em;
	}
	.price_block:nth-child(1) p:nth-child(1){
		padding-top: 22px;
	}
}
@media(max-width: 900px){
	.price_block p:nth-child(1){
		width: 60%;
	}
	.price_block p:nth-child(2){
		width: 40%;
		font-size: 4em;
		line-height: 66px;
	}
}

@media(max-width: 767px){
	#screen_9{
		height: auto;
		background: none;
	}
	#screen_9_inner_top{
		background: url(../img/screen_3_decor_bg.png) no-repeat center 0;
		background-size: cover;
		padding: 40px 15px 35px 15px;
	}
	.price_block{
		height: auto;
		margin-top: 0;
	}
	.price_block:nth-child(1){
		margin-bottom: 30px;
	}
	.price_block p:nth-child(1), .price_block p:nth-child(2){
		float: none;
		width: 100%;
		text-align: center;
	}
	#form_bg{
		display: none;
	}
	#form_part{
		background: #fff;
		padding: 30px 15px 50px 15px;
	}
	#simple_form_1{
		margin: 30px auto 0;
		left: 0;
	}
	#form_go_1{
		float: none;
		display: block;
		margin: 30px auto 0;
	}
	
	#thanx_popup{
		height: 142px;
		top: -142px;
	}
	#thanx_popup p:nth-child(1){
		font-size: 2.8em;
	}
	#thanx_popup p:nth-child(2){
		font-size: 2.4em;
	}
}

@media(max-width: 500px){
	#thanx_popup{
		height: 120px;
		top: -120px;
	}
	#thanx_popup p:nth-child(1){
		font-size: 2.1em;
	}
	#thanx_popup p:nth-child(2){
		font-size: 1.9em;
	}
}
/*END #screen_9*/

/*BEGIN #screen_10 */
.cost_block h2{
	position: relative;
    z-index: 2;
    margin-left: 190px;
	
	font-family: 'Roboto-Black';
	font-size: 5.73em;
	color: #000;
	letter-spacing: 1.5px;
	margin-bottom: 0;
}
.cost_block > div{
	position: relative;
}
.cost_image{
	position: absolute;
	top: -85px;
	left: 0;
}
.cost_ul{
	margin-top: 42px;
}
.cost_ul li{
	margin-bottom: 12px;
}
.cost_ul li:last-child{
	margin-bottom: 100px;
}
.cost_ul li br{
	display: none;
}

@media(max-width: 1100px){
	.cost_image{
		left: 15px;
		width: calc(100% - 45px);
	}
}

@media(max-width: 1030px){
	.cost_image{
		display: none;
	}
	.cost_block > div{
		width: 100%;
		text-align: center;
	}
	.cost_block h2{
		position: static;
		margin-left: 0;	
		text-align: center;
		font-size: 3em;
	}
	.cost_ul{
		margin-top: 30px;
	}
	.cost_ul li{
		list-style: none;
		margin-bottom: 4px;
	}
	.cost_ul li:last-child{
		margin-bottom: 70px;
	}
	.cost_ul li br{
		display: inline;
	}
}

@media(max-width: 767px){
	#screen_10{
		padding-top: 50px;
		
		background: rgba(207,200,190,1);
		background: -moz-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,200,190,1)), color-stop(33%, rgba(232,214,193,1)), color-stop(53%, rgba(242,226,192,1)), color-stop(74%, rgba(252,240,196,1)), color-stop(100%, rgba(254,248,206,1)));
		background: -webkit-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -o-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: -ms-linear-gradient(top, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
		background: linear-gradient(to bottom, rgba(207,200,190,1) 0%, rgba(232,214,193,1) 33%, rgba(242,226,192,1) 53%, rgba(252,240,196,1) 74%, rgba(254,248,206,1) 100%);
	}
	.cost_block h2{
		font-size: 2.8em;
	}
	.cost_ul{
		font-size: 1.6em;
	}
	.cost_ul li{
		margin-bottom: 10px;
	}
}
/*END #screen_10 */

/*BEGIN #screen_11 */
#screen_11{
	height: 746px;
	background: url(../img/screen_11_bg.jpg) no-repeat center 0;	
	background-size: cover;
}
#screen_11_inner{
	text-align: center;
}
#screen_11_inner p:nth-child(1){
	font-family: 'Roboto-Black';
	font-size: 7.3em;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	
	margin-top: 300px;
}
#screen_11_inner p:nth-child(2){
	font-family: 'Roboto-Light';
	font-size: 2em;
	color: #fff;
	letter-spacing: 1px;
}
#social_block{
	margin-top: 178px;
}
#social_block img{
	margin: 0 12px;
}

@media(max-width: 1030px){
	#screen_11_inner p:nth-child(1){
		font-size: 6em;
	}
}

@media(max-width: 991px){
	#screen_11{
		height: auto;
	}
	#screen_11_inner p:nth-child(1){
		margin-top: 60px;
		font-size: 4em;
	}
	#screen_11_inner p:nth-child(2){
		font-size: 1.6em;
	}
	#social_block{
		margin-top: 70px;
		margin-bottom: 40px;
	}
}

@media(max-width: 600px){
	#screen_11_inner p:nth-child(1){
		font-size: 3em;
		line-height: 1.3em;
	}
	#screen_11_inner p:nth-child(2) br{
		display: none;
	}
}
/*END #screen_11 */