html,body{
	padding:0;
	margin:0;
	font-family:"Roboto",arial;
}
body.dark{background:#000;color:#fff}
body.dark_grey{background:#212121;color:#fff}
div.content_left{
	background:#00002c;
	color:#c995f8;
	float:left;
	width:60%;
	box-sizing:border-box;
	min-height:400px;
	height:100vh;
}
div.content_left a{color:#c995f8;text-decoration:none}

div.content_right{
	background:#000;
	color:#fff;
	float:right;
	width:40%;
	box-sizing:border-box;
	min-height:400px;
	height:100vh;
}

div.logo{
	font-size:22px;
	font-weight:600;
}
div.logo span{
	font-size:42px;
	position:absolute;
	margin-top:-14px
}

div.text{
	margin-top:22%;
	font-size:37px;
	line-height:55px
}
div.text1{
	font-weight:bold;
	font-size:42px
}
div.text2 span{
	font-size:80px;
	position:absolute;margin-top:-5px
}

div.box{
	padding:50px
}

div.header{
	font-size:40px;
	margin-bottom:20px
}

div.buttons{
	padding-top:20px
}
div.buttons a{
	display:block;
	margin-bottom:15px;
	
	background:#2a64d6;
	color:#fff;
	display:block;
	padding:20px 0;
	text-align:center;
	box-sizing:border-box;
	text-decoration:none;
	font-size:21px;
	border-radius:10px
}
div.buttons a:hover,
div.buttons a:active{
	opacity:0.9
}
div.buttons a.btn1{
	background:#222;
	float:left;
	width:35%;
}
div.buttons a.btn2{
	float:right;
	
	width:63%;
}


div.box_center{
	margin:auto;
	margin-top:20%;
	max-width:500px;
}


.text-center{
	text-align:center
}





div.footer{
	position:absolute;
	bottom:25px;
	text-align:center;
	width:100%;
	max-width: 40%;
}



a{color:#f0f0f0}
body.light a{color:#333}


div.fnote,
div.fnote a{margin-bottom:30px;font-size:13px;color:#999}
div.flogo{margin-bottom:20px;}
div.flogo,
div.flogo a{color:#e0e0e0;font-size:18px;text-decoration:none}
div.footer div.flinks a{display:block;margin:6px 8px}

div.flinks1{float:left;width:50%;text-align:right}
div.flinks2{float:right;width:50%;text-align:left}

div.footer div.flinks,
div.footer div.flinks a{color:#888;font-size:13px}
div.footer div.fimg img{height:15px;margin-top:10px;opacity:0.5}

.mobile_logo{display:none}

div.static{
	width:100%;
	max-width:800px;
	margin:20px auto;
	text-align:center;
	padding:5px;
	box-sizing:border-box

}

div.static div.static_head{
	font-size:30px;
	font-weight:600;
	margin-top:50px;
	margin-bottom:20px
}

div.static div.static_box_title{
	font-size:22px;
	font-weight:600;
	margin-bottom:20px;
	text-align:left;
	color:#333
}

div.static div.static_box{
	text-align:left;
	margin-top:50px;
	min-height:300px
}


div.static div.footer{
	width:100%;
	margin:auto;
	max-width:800px;
	position:relative;
	margin-top:150px
}



div.form{
	width:100%;
	max-width:400px;
	margin:20px auto;
	text-align:center;
	padding:5px;
	box-sizing:border-box
}
div.static div.logo a,
div.form div.logo a{text-decoration:none}





body.light div.static div.logo a,
body.light div.form div.logo a,
body.light div.footer div.flogo a{color:#222}

div.form div.form_box{
	width:100%;
	max-width:330px;
	margin:auto
}

div.form div.form_head{
	font-size:35px;
	font-weight:600;
	margin-top:70px;
	margin-bottom:20px
}
div.form div.form_inp input{
	display:block;
	width:100%;
	box-sizing:border-box;
	color:#333;
	background:#fff;
	border:1px #ccc solid;
	padding:15px;
	border-radius:50px;
	font-size:16px;
	max-width:330px;
	margin:auto;
	margin-bottom:7px
}
div.form div.form_inp button{
	display:block;
	width:100%;
	box-sizing:border-box;
	color:#fff;
	background:#333;
	border:0;
	padding:15px;
	border-radius:50px;
	font-size:16px;
	max-width:330px;
	margin:10px auto;
	margin-top:0;
	cursor:pointer;
}
div.form div.form_inp button:hover{
	opacity:0.9
}

div.form div.form_descr{margin:25px auto}
div.form div.form_or{
	margin:25px auto;
	margin-bottom:20px
}
div.form div.form_or{
  border-top:1px #ccc solid;
  height:10px;
}

div.form div.form_or span{
	display:block;
	background:#fff;
	width:100px;
	margin:auto;
	margin-top:-10px;
}

div.form div.form_soc{margin:20px auto}
div.form div.form_soc a{
	display:block;
	color:#0d0d0d;
	background:#f0f0f0;
	border:1px #7a7a7a solid;
	border:0;
	
	/*
	background:#000;
	color:#fff;
	border:0;
	*/
	
	border-radius:50px;
	padding:15px 20px;margin-top:5px;
	text-decoration:none;
	text-align:left;
}
div.form div.form_soc a span{
	padding-left:30px
}
div.form div.form_soc a:hover,
div.form div.form_soc a:active{
	background:#e9e9e9;
}

svg.svg_tel{fill:#222}
svg.svg_em{stroke:#222;fill:transparent}





div.form div.footer{
	width:100%;
	margin:auto;
	max-width:400px;
	position:relative;
	margin-top:70px
}

div.alert{
	padding:20px;
	background:#f9f9f9;
	margin:20px auto;
	border-radius:50px;
	color:#333
}
.bold{font-weight:bold}

body.light a.btn,
a.btn{
	background:#333;
	color:#fff;
	display:block;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	border-radius:50px;
	text-decoration:none;
	cursor:pointer;
	max-width:250px;
	margin:auto
}
body.light a.btn:hover,
a.btn:hover{
	opacity:0.9;
}

body.light a.btn_light,
a.btn_light{
	background:#f0f0f0;
	color:#333
}
body.light a.btn_light:hover,
a.btn_light:hover{
	background:#e9e9e9
}

.red{color:red}


.promo_bg{background:#111;color:#fff}
.promo_wrap{width:100%;max-width:1200px;padding:12px 15px;box-sizing:border-box;font-size:16px;margin:auto;text-align:center}


@media only screen and (max-height: 450px),
screen  and (max-width: 950px) and (max-height: 500px)
{
	div.box_center{
		margin-top:0;
	}
	
	div.text{
		margin-top:50px;
	}
	body{min-height:300px}
	div.footer{
		position:relative;
		width:100%;
		max-width:100%;
		display:block;
		margin-top:170px
	}
}


@media only screen  and (max-width: 950px) and (max-height: 500px){

	div.footer{
		margin-top:220px
	}
}

@media only screen and (max-height:650px){
	div.form div.form_head{margin-top:35px}
}

@media only screen and (max-width: 1000px){

	div.box{padding:50px 20px}

}
@media only screen and (max-width: 950px){

	div.box{padding:50px 15px}
	div.buttons a.btn1{width:100%;padding:15px 0}
	div.buttons a.btn2{width:100%;padding:15px 0}
}

@media only screen and (max-width: 750px){

	.promo_wrap{padding:7px 15px}

	div.form div.form_head{margin-top:35px}

	div.mobile_logo{display:block;text-align:left}
	div.mobile_logo a{text-decoration:none;font-size:25px}
	div.mobile_logo a span{font-size:49px;margin-top:-17px}

	div.header{font-size:24px;color:#999;margin-top:25px;margin-bottom:10px}

	div.content_left{display:none}
	div.content_right{width:100%}
	div.footer{width:100%;max-width:100%}

	div.box{
		box-sizing:border-box;
		padding:10px;
		max-width:350px;
		margin:20px auto
	}
	div.buttons a.btn1,
	div.buttons a.btn2{width:100%;padding:20px 0}
	
	
	div.footer{
		position:relative;
		width:100%;
		max-width:100%;
		display:block;
		margin-top:300px
	}
	
	/*
	div.footer div.flinks1,
	div.footer div.flinks2{width:100%;padding:0;margin:0;text-align:center}
	div.footer div.flinks a{
		display:block;
		text-align:center;
		margin:0;
		margin-bottom:5px;
		font-size:13px
	}
	*/
	div.footer div.flinks a{font-size:13px;margin-bottom:7px}
}

@media only screen and (max-width: 300px){
	div.footer div.flinks1,
	div.footer div.flinks2{width:100%;padding:0;margin:0;text-align:center}
	div.footer div.flinks a{
		display:block;
		text-align:center;
		margin:0;
		margin-bottom:5px;
		font-size:13px
	}
}


@media only screen and (max-width: 750px) and (min-height: 600px){


	div.buttons a.btn1,
	div.buttons a.btn2{padding:30px 0}

	div.header{
		margin-top:80px
	}

	div.footer{
		position:absolute;
		bottom:25px;
		text-align:center;
		width:100%;
		max-width: 100%;
	}

}




@media (prefers-color-scheme: dark) {

	.promo_bg{background:#f5f5f5;color:#333}

	body {
		scrollbar-color: #424242 transparent;
		background-color: #212121;
		color: #ececec;
	}
	
	div.form div.form_soc a{
		background:#212121;
		background:#333;
		color:#ececec;
		border:1px #333 solid
	}
	div.form div.form_soc a:hover{
		background:#444;
		opacity:1
	}
	
	svg.svg_tel{fill:#f9f9f9}
	svg.svg_em{stroke:#f9f9f9;fill:transparent}
	
	
	div.form div.form_or{border-top:1px #333 solid}
	div.form div.form_or span{background:transparent}
	
	body.light div.static div.logo a,
body.light div.form div.logo a,
body.light div.footer div.flogo a,
	
	a,
	body.light a{color:#ececec}
	
	/**/
	div.alert{background:#333;color:#fff}
	body.light a.btn,
	a.btn{background:#f0f0f0;color:#333}
	body.light a.btn_light,
	a.btn_light{background:#333;color:#f0f0f0}
	body.light a.btn_light:hover,
	a.btn_light:hover{background:#444}
	/**/
	
	
	div.static div.static_box_title{color:#f0f0f0}
	
	div.form div.form_inp input{
		color:#f0f0f0;
		background:#333;
		border:0
	}
	div.form div.form_inp button{
		background:#fff;
		color:#333
	}
	
}