body{
	margin: 0;
	position: relative;
	width: 100vw;
	height: 100vh;
	/* overflow: hidden; */
	background-color: rgb(118,135,161);
	overflow-x: hidden;
}
.link_to_main{
	font-family: "Helios_regular";
	font-size: 2vw;
	color: white;
	text-decoration: none;
	position: absolute;
	top: 5%;
	left: 5%;
}
.desc{
	position: absolute;
	top: 11%;
	left: 10%;
	color: white;
	font-family: "Helios_regular";
}
	.desc img{
		width: 25vw;
	}
	.desc h1{
		font-size: 1.5vw;
	}
	.desc h1 span{
		font-size: 2.5vw;
	}
	.desc ul{
		font-size: 1.5vw;
	}	
.content{
	width: 28%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10%;
	position: absolute;
}
	.content .top{
		margin: auto;
		margin-bottom: 1vw;
		/* text-align: center; */
	}
	.content .top h1{
		display: inline-block;
		font-size: 1.5vw;
		color: #5f5551;
		/* text-align: center; */
		line-height: 2vw;
		height: 2vw;
		margin: 0;
		font-family: "Helios_regular";
	}
	.content .top img{
		height: 3.5vw;
		display: inline-block;
	}	
.contact_form{
	font-family: "Helios_regular";
	padding: 0 ;
	color: white;
}
.contact_form h3{
	font-size: 1.5vw;
	line-height: 100%;
	margin: 0;
}
		.contact_form label{
			width: 100%;
			line-height: 100%;
			display: block;
			font-size: 1.8vw;
			margin-top: 1.2vw;
		}
		.contact_form .form-control{
			width: 100%;
			display: block;
			box-sizing: border-box;
			line-height: 2vw;
			height: 2vw;
			font-size: 1.2vw;
			outline: none;
			border: none;
			background-color: white !important;
			color: black;
			/* border-bottom: 1px solid black;		 */
			margin-top: 0.3vw;		
		}
		.contact_form textarea{
			width: 100%;
			height: 10vw;
			background-color: white;
			resize: none;
			font-size: 1vw;
			display: block;
			color: black;
			outline: none;
			border: 1px solid black;			
		}
		
		 input:valid {
			background: #dfd; /* Зеленый цвет фона */
		}
		input:invalid {
			background: #fdd; /* Красный цвет фона */
		}
		.politik{
			margin-top: 1.2vw;
			overflow: auto;
			height: 2vw;
			overflow: visible;
		}
		.politik input{
			width: 1vw;
			height: 1vw;
			background-color: white;
			border-radius: 50%;
		}
		.politik label{
			width: auto;
			margin-top: 0;
			font-size: 1vw;
		}
		.contact_form .btn_send{
			position: relative;
			top: auto;
			cursor: pointer;
			display: block;
			margin: auto;
			margin-top: 1.5vw;
			background-color: rgba(255,255,255,0.5);
			outline: none;
			font-size: 1.2vw;
			border-radius: 0.2vw;
			border: 0px solid white;
			padding: 0.5vw 1vw;
			color: black;
		}
		.contact_form .btn_send:active{
			top: 2px;
		}
.contact_info{
	font-family: "Helios_light";
	margin-top: 2vw;
	font-size: 1vw;
	line-height: 1.5vw;
}		

@media (max-width: 900px) {
body{
	background-position: right;
}	
	.link_to_main{
		font-size: 30px;
	}
.desc{
    left: 5%;
    margin: auto;
    position: relative;
    width: 80%;
}
.desc img{
    width: 40vw;
}
.desc h1{
    font-size: 20px;
}
.desc h1 span{
     font-size: 25px;
}
.desc ul{
    font-size: 20px;
}
.content{
	 left: 5%;
	 width: 80%;
	 top: 35%;
	position: relative;
}
	.content .top h1{
		display: inline-block;
		font-size: 18px;
		color: white;
		/* text-align: center; */
		line-height: 25px;
		height: 25px;
		margin: 0;
		font-family: "Helios_regular";
	}
	.content .top img{
		height: 45px;
		display: inline-block;
	}
.contact_form h3{
	font-size: 18px;
}
.contact_form label{
	width: 100%;
	line-height: 100%;
	display: block;
	font-size: 20px;
	margin-top: 10px;
}
.contact_form .form-control{
	font-size: 15px;	
	line-height: 25px;
	height: 25px;	
}
.politik{
	height: 25px;
}
.politik input{
	width: 15px;
	height: 15px;
}
.politik label{
	font-size: 15px;
	position: relative;
	left: 20px;
}
.politik input[type="checkbox"]+label:before,
.politik input[type="checkbox"]:checked+label:before {
	line-height: 15px;
	font-size: 15px;
	width: 15px;
	height: 15px;
margin: 0 0 0 -20px;	
}
.contact_form .btn_send{
		font-size: 20px;
padding: 5px 10px;		
}
}

@font-face{
	font-family: "Helios_Thin";
	src: url("../fonts/HelveticaNeueCyr-Thin.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Helios_light";
	src: url("../fontsHelveticaNeueCyr-Light.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Helios_regular";
	src: url("../fonts/HelveticaNeueCyr-Bold.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Helios_Black";
	src: url("../fonts/HelveticaNeueCyr-Black.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Intro_Cond_Light_Free";
	src: url("../fonts/HelveticaNeueCyr-Thin") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Intro_Cond_Light_Free_Regular";
	src: url("../fonts/HelveticaNeueCyr-Bold.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Intro_Cond_Black_Free";
	src: url("../fonts/HelveticaNeueCyr-Black.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}