@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600&display=swap');

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

a, img, a:hover, button, button:hover, select, label, .anima {
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	transition:all 200ms linear;
	cursor:pointer;
	outline:none;
	/**-ms-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;	**/
}
a:hover {cursor:pointer;}
a:visited {}

span, p {
	cursor:default;
}

html {

}
body {
	margin:0;
	min-width:360px;
	width:100%;
	max-width:100vw;
	overflow-x:hidden;
	min-height:100vh;
	font-weight:400;
	font-family:'Rubik', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	background:#fff;position:relative;
}
.obolochka {
	min-width:320px;
	width:100%;
	max-width:100vw;
	overflow:hidden;
	position:relative;
}
header {
	padding:20px;
}
.container {
	min-width:320px; width:100%; max-width:1440px;z-index:10;
}

.header_logo {
	height:60px;
	margin-right:20px;
	margin-top:-5px;
}
footer {
	padding:20px;
	padding-top:40px;
	background:#066BC6;
	z-index:10;
}
.footer_grafik {
	color:#333;
	text-align:right;
	font-size:11px;
}
.footer_logo {
	width:250px;
	margin-top:20px;
}
.footer_logo img {
	width:100%;
}

.footer_reg_btn {
	background:#DF3434;
	border-radius:10px;
	color:#fff;
	font-size:14px;
	padding:15px 25px;
	text-decoration:none;
	margin-right:15px;
	font-weight:500;
	margin-top:20px;
}
.footer_reg_btn:hover {opacity:.9;}

.footer_auth_btn {
	background:#3BBB3B;
	color:#fff;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	padding:15px 25px;
	border-radius:10px;
	border:0;
	margin-top:20px;
	outline:none;
}
.footer_auth_btn:hover {
	opacity:.9;
}

.footer_link {
	color:#f0f0f0;
	font-size:20px;
	text-decoration:none;
	margin:5px 0;
}
.footer_link:hover {opacity:.8; text-decoration:underline;}

.footer_link_small {
	color:#f0f0f0;
	font-size:14px;
	text-decoration:none;
	margin:5px 0;
}
.footer_link_small:hover {opacity:.8; text-decoration:underline;}

.footer_phone {
	color:#f0f0f0;
	text-align:right;
	font-size:22px;
	text-decoration:none;
	font-weight:600;
}
.footer_rekvizity {
	color:#fff;
	text-align:right;
	font-size:14px;
}
.footer_rekvizity p {
	color:#f5f5f5;
	text-align:right;
	font-size:12px;
	margin-top:20px;
	max-width:280px;
}
.footer_rekvizity p a {
	color:#f5f5f5;
	font-size:12px;
	text-decoration:underline;
}
.footer_rekvizity_email {
	text-decoration:none;
	color:#f0f0f0;
	text-align:right;
	font-size:16px;
	line-height:2.2;
}
.copyright {
	text-align:center;
	font-size:14px;
	color:#f0f0f0;
	margin-top:60px;
}
.infocontent {width:100%;min-height:82vh;}
.header_link, .header_link_reg {
	color:#292929;
	font-size:18px;
	font-weight:500;
	margin-right:30px;
	text-decoration:none;
}
.header_link:hover, .header_link_reg:hover {color:#292929;opacity:.8;}
.header_link_act {color:#066BC6;}
.header_phone_div {margin-right:20px;position:relative;}
.header_phone {
	color:#fff;
	font-size:20px;
	font-weight:500;
	text-decoration:none;
	padding:10px 20px;
	background:#066bc6;
	border-radius:10px;
	white-space:nowrap;
}
.header_btn_auth {
	background:#3BBB3B;
	color:#fff;
	font-size:16px;
	font-weight:500;
	text-decoration:none;
	padding:15px 20px;
	border-radius:10px;
	border:0;
	outline:none;
	z-index:999999999999;
}
.header_btn_auth:hover {opacity:.9;}
.header_links_r {position:relative;}
#vk_auth_button {
	position:absolute;
	bottom:-40px;
	right:0;
}
@media only screen and (max-width:1200px) {
	.header_link {font-size:16px;margin-right:30px;}
	.header_logo {height:50px;margin-right:10px;margin-top:-2px;}
}
@media only screen and (max-width:1050px) {
	.footer_links {width:100%;order:1;}
	.footer_logo {
		width:100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		margin-top:0;
		order:2;
		margin-top:40px;
	}
	.footer_logo img {width:50%; max-width:120px;}
	.footer_rekvizity {
		order:3;
		width:100%;
		padding:20px;
		margin-top:20px;
	}
	.footer_rekvizity span {width:100%;}
	
	.header_logodiv {order:2;padding-left:20px;}
	.header_links_r {order:3; margin-right:20px;}
	.header_links {
		order:1;
		background:#333;
		width:100%;
		padding:10px 20px;
		margin-bottom:20px;
	}
	header {padding:0 0 20px 0;}
	.header_link {
		color:#f5f5f5;
		font-weight:400;
		margin-right:20px;
	}
	.header_link:hover {color:#fff;opacity:.8;}
	.header_link_act {color:#fff;opacity:.5;}}
}
@media only screen and (max-width:800px) {
	.header_link {
		font-size:14px;
		margin-right:30px;
	}
	.header_logo {
		height:55px;
		margin-right:5px;
		margin-top:-2px;
	}
	.header_btn_auth {
		font-size:14px;
	}
	header {
		padding-right:20px;
		padding-left:20px;
		padding-bottom:0;
	}
}
@media only screen and (max-width:680px) {
	.header_link {
		font-size:14px;
		margin-right:15px;
	}
	.header_logo {
		height:45px;
		margin-top:3px;
	}
	footer {
		padding-left:10px;padding-right:0;
	}
}

@media only screen and (max-width:540px) {
	.header_logodiv {width:100%; margin-bottom:20px; padding:0 10px; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
	.header_links_r {width:100%; -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
	.header_links {
		order:1;
		background:#333;
		width:100%;
		padding:10px 20px;
		margin-bottom:20px;
		-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
	}
	.header_logo {
		height:65px;
		margin-top:5px;
	}
}
@media only screen and (max-width:480px) {
	.header_logo {
		height:50px;
	}	
}

.one_block {
	min-height:100vh;
	position:relative;
	padding:80px 60px;
	width:100%;
}
.one_block h1 {
	font-weight:600;
	font-size: 52px;
	color: #000;
	text-align:left;
	margin-bottom:0;
}
.one_block_tit2 {
	font-weight:500;
	font-size: 22px;
	text-align:left;
	color: #252525;
}

.bobr_div {
	position:absolute;
	top:20px; right:50px;
}
.bobr_div img {
	height:450px; margin-right:300px;
	animation-name: bobr;
	animation-delay:0;
	animation-duration:4s;
	animation-iteration-count:infinite;
	animation-direction: alternate;
	animation-fill-mode: forwards;
	animation-timing-function:ease-in-out;
	margin-top:50px;
}
@keyframes bobr {
	0%{
		margin-top:50px;
	}
	50% {
		margin-top:65px;
	}
	100% {
		margin-top:50px;
	}
}
.spokoino {
	position:absolute;
	top:150px; right:140px;
	font-weight:600;
	font-size:90px;
	text-align:left;
	color:#DDD;
	z-index:-1;
	animation-name: spokoino;
	animation-delay:0;
	animation-duration:11s;
	animation-iteration-count:infinite;
	animation-direction: alternate;
	animation-fill-mode: forwards;
	animation-timing-function:ease-in-out;
	opacity:.5;
}
@keyframes spokoino {
	0%{
		margin-right:0;
	}
	50% {
		margin-right:30px;
	}
	100% {
		margin-right:0;
	}
}
.spokoino_i {
	position:absolute;
	top:300px; left:-70px;
	font-weight:600;
	font-size:90px;
	text-align:left;
	color:#DDD;
	z-index:-1;
	opacity:.5;
}
.kontrol {
	position:absolute;
	top:445px; right:140px;
	font-weight:600;
	font-size:110px;
	text-align:left;
	color:#DDD;		
	z-index:-1;
	animation-name: kontrol;
	animation-delay:0;
	animation-duration:6s;
	animation-iteration-count:infinite;
	animation-direction: alternate;
	animation-fill-mode: forwards;
	animation-timing-function:ease-in-out;
	opacity:.5;
}
@keyframes kontrol {
	0%{
		margin-right:0;
	}
	50% {
		margin-right:-20px;
	}
	100% {
		margin-right:0;
	}
}


.green_circle {
	position:absolute;
	border-radius:360px;
	width:620px;
	height:620px;
	background:#3BBB3B;
	top:145px; left:-20px;
	z-index:-1;
}
.silver_circle {
	position:absolute;
	border-radius:360px;
	width:650px;
	height:650px;
	background:#F5F5F5;
	top:470px; right:calc(50% - 325px);
	z-index:-1;
}
.blue_circle {
	position:absolute;
	border-radius:360px;
	width:650px;
	height:650px;
	background:#1D9EF9;
	top:25px; right:-20px;
	z-index:-1;
}

@media only screen and (max-width:1500px) {
	.bobr_div {top:15px; right:0;}
	.bobr_div img {width:220px; margin-right:240px;}
	.spokoino {top:130px; right:80px;font-size:80px;}
	.spokoino_i {top:240px; left:-60px;font-size:80px;}
	.kontrol {top:380px; right:100px;font-size:100px;}
	.one_block {padding-top:60px;}
	.green_circle {
		width:550px;
		height:550px;
		top:145px; left:-80px;
	}
	.silver_circle {
		width:580px;
		height:580px;
		top:480px; right:calc(50% - 290px);
	}
	.blue_circle {
		width:580px;
		height:580px;
		top:35px; right:-50px;
	}
}

@media only screen and (max-width:1200px) {
	.bobr_div {
		padding-top:40px;
	}
	.bobr_div img {
		height:280px; margin-right:120px;
	}
	.spokoino {
		top:100px; right:40px;
		font-size:60px;
	}
	.spokoino_i {
		top:200px; left:-50px;
		font-size:60px;
	}
	.kontrol {
		top:320px; right:87px;
		font-size:65px;
	}
	.one_block {padding-top:30px;}
	.green_circle {
		width:490px;
		height:490px;
		top:130px; left:-90px;
	}
	.silver_circle {
		width:460px;
		height:460px;
		top:470px; right:calc(50% - 240px);
	}
	.blue_circle {
		width:500px;
		height:500px;
		top:50px; right:-60px;
	}
	.one_block h1 {
		font-size:48px;
	}
	.one_block_tit2 {
		font-size:18px;
	}
}

@media only screen and (max-width:1050px) {
	.bobr_div {padding-top:10px;}
	.bobr_div img {
		height:240px; margin-right:20px;
	}
	.spokoino {
		top:100px; right:40px;
		font-size:40px;
	}
	.spokoino_i {
		top:170px; left:-35px;
		font-size:40px;
	}
	.kontrol {
		top:280px; right:55px;
		font-size:45px;
	}
	.one_block {padding-top:20px; padding-left:20px;}
	.green_circle {
		width:440px;
		height:440px;
		top:120px; left:-50px;
	}
	.silver_circle {
		width:420px;
		height:420px;
		top:460px; right:calc(50% - 210px);
	}
	.blue_circle {
		width:450px;
		height:450px;
		top:100px; right:-45px;
	}
	.one_block h1 {
		font-size:46px;
	}
	.one_block_tit2 {
		font-size:18px;
	}
}

@media only screen and (max-width:900px) {
	.blue_circle {
		width:440px;
		height:440px;
		top:50px; right:-45px;
	}
	.silver_circle {
		width:400px;
		height:400px;
		top:550px; right:calc(50% - 240px);
	}
	.green_circle {
		width:440px;
		height:440px;
		top:160px; left:-150px;
	}
}

@media only screen and (max-width:800px) {
	.bobr_div {
		top:240px; right:calc(50% - 150px);
	}
	.bobr_div img {
		width:150px; margin-right:90px;
	}
	.spokoino {
		top:80px; right:10%;
		font-size:50px;
		opacity:.9;
	}
	.spokoino_i {
		top:175px; left:-45px;
		font-size:50px;
		opacity:.9;
	}
	.kontrol {
		top:275px; right:35px;
		font-size:55px;
		opacity:.9;
	}
	.green_circle {
		width:360px;
		height:360px;
		top:140px; left:-220px;
	}
	.blue_circle {
		width:400px;
		height:400px;
		top:260px; right:-220px;
	}
	.silver_circle {
		display:none;
	}
	.one_block {
		padding-right:20px;
	}
	.one_block h1 {
		font-size:44px;
		text-align:center;
	}
	.one_block_tit2 {
		font-size:18px;
		text-align:center;
		margin:10px 0;
	}

}
@media only screen and (max-width:680px) {
	.spokoino {
		opacity:1;
	}
	.spokoino_i {
		top:165px;
		opacity:1;
	}
	.kontrol {
		opacity:1;
	}
	.one_block {padding-top:10px; padding-left:20px;padding-right:20px;}

	.one_block h1 {
		font-size:34px;
	}
	.one_block_tit2 {
		font-size:16px;
	}
	.bobr_div {
		top:200px; right:calc(50% - 150px);
	}
	.bobr_div img {
		width:140px; margin-right:90px;
	}
	.kontrol {
		top:250px; right:30px;
	}
	.spokoino, .kontrol {animation-name: none;}
	.green_circle {
		width:320px;
		height:320px;
		top:140px; left:-220px;
	}
	.blue_circle {
		width:360px;
		height:360px;
		top:260px; right:-220px;
	}
}
@media only screen and (max-width:540px) {
	.one_block h1 {
		font-size:32px;
		margin-top:40px;
	}
	.green_circle {
		width:280px;
		height:280px;
		top:140px; left:-210px;
	}
	.blue_circle {
		width:320px;
		height:320px;
		top:360px; right:-240px;
	}
}

@media only screen and (max-width:500px) {
	.spokoino {
		top:70px; right:-5px;
		font-size:46px;
	}
	.spokoino_i {top:160px;}
	.kontrol {
		right:20px;
	}
}

@media only screen and (max-width:390px) {
	.one_block h1 {
		font-size:28px; padding-right:20px;
	}
}

.show_auth_form {
	padding:15px 30px;
	color:#fff;
	background:#000;
	color:#fff;
	outline:none;
	border:0;
	border-radius:20px;
}
.show_auth_form:hover {
	background:#333;
}

.one_block_pluhs {
	margin-top:65px;
	margin-left:-5px;
	max-width:800px;
}
.one_block_pl_null {
	margin:5px;
	width:185px;
	height:140px;
	opacity:0;
	background:#fff;
	border-radius:15px;
}
.one_block_pl {
	background:#066BC6;
	border-radius:15px;
	margin:5px;
	width:185px;
	height:140px;
	position:relative;
}
.one_block_pl:hover {cursor:pointer; opacity:.9;}
.one_block_pl_des, .one_block_pl_des2 {background:#1D9EF9;}
.one_block_pl span {
	color:#fff;
	font-size:22px;
	text-align:center;
	font-weight:400;
}
.one_block_pl span:hover {cursor:pointer;}
.pl_a, .pl_a_2 {
	color:#fff;
	font-size:18px;
	text-align:center;
	line-height:1.5;
	text-decoration:none;
	background:#1D9EF9;
	border-radius:180px;
	width:28px; height:28px;
	padding:0 5px;
	position:absolute;
	bottom:10px; right:10px;
	font-weight:400;
	-webkit-transition:all 400ms linear;
	-moz-transition:all 400ms linear;
	-o-transition:all 400ms linear;
	-ms-transition:all 400ms linear;
	transition:all 400ms linear;
	border:2px solid #1D9EF9;
}
.pl_a:hover {background:#066BC6;}
.pl_a_2 {background:#066BC6;}
.pl_a_2:hover {background:#1D9EF9; border:2px solid #066BC6;}


.one_block_pl:hover {
	animation-name: one_block_pl;
	animation-delay:0s;
	animation-duration:.4s;
	animation-iteration-count:1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
	animation-timing-function:ease-in-out;	
}
@keyframes one_block_pl {
	0%{
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	10% {
		-moz-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		transform: rotate(3deg);
	}
	30% {
		-moz-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		transform: rotate(-3deg);
	}
	50%{
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.pass_me_demo_div {
	margin-top:80px;
}
.pass_me_demo_div b {
	font-weight:600; font-size:28px;
}
.pass_me_demo_div span {
	font-weight:400; font-size:18px;
	margin-top:10px;
}
.pass_me_demo {
	background:#3BBB3B;
	color:#fff;
	font-size:18px;
	font-weight:400;
	padding:20px 40px;
	border-radius:15px;
	text-decoration:none;
	text-align:center;
	margin-top:20px;
}
.pass_me_demo:hover {opacity:.8;}


@media only screen and (max-width:1200px) {
	.one_block_pluhs {
		margin-top:65px;
		margin-left:-5px;
		max-width:700px;
	}
	.one_block_pl_null {
		width:160px;
		height:120px;
	}
	.one_block_pl {
		width:160px;
		height:120px;
	}
	.one_block_pl span {
		font-size:18px;
	}
	.pass_me_demo {
		font-size:16px;
		font-weight:500;
		padding:15px 30px;
		margin-top:20px;
	}
}

@media only screen and (max-width:800px) {
	.one_block_pl_null, .one_block_pl_des {display:none;}
	.one_block_pl_des2 {background:#066BC6;}
	.pl_a_2 {background:#1D9EF9;}
	.pl_a_2:hover {background:#066BC6; border:2px solid #1D9EF9;}
	.one_block_pluhs {
		margin-top:400px;
		margin-left:0;
		max-width:800px; width:100%;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
	}
}
@media only screen and (max-width:500px) {
	.one_block_pluhs {
		margin-top:380px;
	}
}
@media only screen and (max-width:420px) {
	.one_block_pl {
		width:140px;
		height:100px;
	}
	.one_block_pl span {
		font-size:16px;
	}
	.pass_me_demo {font-size:14px; }
}







.two_block {
	background:#1D9EF9;
}
.two_block_left {
	min-width:340px;
	max-width:640px;
	padding:60px 40px;
}
.two_block_left h2 {
	font-size:46px;
	margin:0;
	margin-bottom:40px;
	color:#111;
	font-weight:500;
}
.two_block_left span {
	font-size:20px;
	margin-bottom:10px;
	color:#f5f5f5;
	font-weight:300;
}
.two_block_right {
	min-width:340px;
	max-width:660px;
	padding:60px 40px;
	padding-left:100px;
	background-image:url(/img_page/bober_new2.svg);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:auto 80%;
}

.two_block_ul {
  padding-left:20px;
  list-style-type: none;
}
.two_block_ul li {
  padding-left:45px;
  margin-bottom:15px;
  background-image: url(/img_page/treyga.svg);
  background-position:left center;
  background-size:10px 10px;
  overflow:auto;
  background-repeat:no-repeat;
  color:#222;
  font-weight:500;
  font-size:18px;
}

.two_block_pluhs {
	gap:10px;
	width:520px;
}
.two_block_pluh0 {
	width:240px; height:180px;
	opacity:0;
}
.two_block_pluh {
	padding:20px;
	width:240px; height:180px;
	background:#f5f5f5;
	border-radius:15px;
	box-shadow:0 0 15px -10px #000;
}
.two_block_pluh img {width:30px; margin-right:15px;}
.two_block_pluh b {font-size:18px; color:#000; font-weight:600;}
.two_block_pluh p {font-size:14px; color:#252525; font-weight:400; text-align:center;}

.two_block_pluh_black {
	padding-right:20px;
	width:240px; height:180px;
	background-color:#252525;
	border-radius:15px;
	background-image: url(/img_page/watch.svg);
	background-position:center center;
	background-size:auto 80%;
	background-repeat:no-repeat;
	box-shadow:0 0 15px -10px #000;
}
.two_block_pluh_black b {font-size:20px; color:#fff; font-weight:600; margin:0; text-align:right; margin-top:-2px; white-space:nowrap; }
.two_block_pluh_black span {font-size:14px; color:#fff; font-weight:400; margin:0; text-align:center;text-align:right;}
.two_block_pluh_black div {width:100%;}

.two_block_act {
	margin-left:100px;
}
.two_block_span {
	color:#fff;
	font-size:18px;
	text-align:center;
	max-width:320px;
	margin-top:40px;
	margin-bottom:20px;
}
.two_block_btn {
	background:#DF3434;
	border-radius:10px;
	color:#fff;
	font-size:16px;
	padding:20px 70px;
	text-decoration:none;
}
.two_block_btn:hover {opacity:.9;}
.two_block_left p {
	margin-top:20px;
	text-align:left;
	font-size:16px;
	color:#f5f5f5;
}






@media only screen and (max-width:1310px) {
	.two_block_right {
		padding-left:60px;
	}
	.two_block_left h2 {
		font-size:44px;
	}
}
@media only screen and (max-width:1260px) {
	.two_block_right {
		padding-left:0;
	}
	.two_block_left {padding-right:0;}
	.two_block_left h2 {
		font-size:42px;
	}
}
@media only screen and (max-width:1200px) {
	
	.two_block_left {
		padding-bottom:60px;
		padding-left:40px;padding-right:40px;
		width:100%; max-width:1200px;
	}
	.two_block_right {
		padding-top:60px;
		padding-left:40%;padding-right:20px;
		padding-top:0;
		width:100%; max-width:1200px;
		background-position:30% center;
	}
	.two_block_act {
		margin-left:0;
	}
	.two_block_left h2 {
		font-size:40px;
		margin-bottom:20px;
	}
	.two_block .container {
		-ms-flex-wrap:wrap;flex-wrap:wrap;
	}
}
@media only screen and (max-width:1024px) {
	.two_block_left {
		padding-bottom:40px;
	}
	.two_block_right {
		padding:0; padding-bottom:60px;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		background-position:60px 20px;
	}
	.two_block_left h2 {
		font-size:36px;
	}
	.two_block_left p {
		font-size:14px;
	}
	.two_block_left span {
		font-size:18px;
	}
}
@media only screen and (max-width:780px) {
	.two_block_right {
		background-position:20px 20px;
	}
	.two_block_left {
		padding:60px 20px;
	}
	.two_block_left h2 {font-size:36px;}
}

@media only screen and (max-width:560px) {
	.two_block_pluh0 {display:none;}
	.two_block_right {
		margin-left:0;
		background-position:20px 40px;
		background-size:auto 65%;
	}	
	.two_block_pluh,.two_block_pluh_black {margin-left:0; margin-right:20px;}
	.two_block_pluhs {width:100%;}
	.two_block_left span {
		font-size:16px;
	}
}

@media only screen and (max-width:520px) {
	.two_block_btn {
		margin-bottom:20px;
	}
	.two_block_left h2 {font-size:32px;}
}
@media only screen and (max-width:480px) {
	.two_block_right {
		background-position:-20px 40px;
		background-size:auto 65%;
	}
	.two_block_left h2 {font-size:30px;}
}
@media only screen and (max-width:400px) {
	.two_block_right {
		background-position:-60px 40px;
		background-size:auto 60%;
	}
	.two_block_left h2 {font-size:28px;}
}



.problem_block {
	background:#f5f5f5;
	padding:60px 20px;
}
.problem_container {
	min-width:300px; width:100%; max-width:1440px;
}
.problem_container h2 {
	font-size:34px;
	color:#272727;
	text-align:center;
}
.problem_cards {gap:60px 30px; margin:40px 0;}
.problem_card {
	min-width:150px;
	width:calc(25% - 30px);
	max-width:320px;
	text-align:center;
}
.problem_card span {
	text-align:center;
	color:#00526B;
	font-size:18px;
	font-weight:bold;	
}
.problem_card p {
	color:#111;
	font-size:14px;
	text-align:center;
}
.problem_bottom {
	color:#111;
	font-size:18px;
	font-weight:bold;
	max-width:400px;
	text-align:center;
}
.problem_reg {
	background:#DF3434;
	border-radius:10px;
	color:#fff;
	font-size:16px;
	padding:15px 40px;
	text-decoration:none;
	margin-right:15px;
	font-weight:500;
	margin-top:20px;
}
.problem_reg:hover {opacity:.9;}

.problem_demo {
	margin-top:20px;
	color:#00526B;
	font-size:16px;
	text-decoration:underline;
}
.problem_demo:hover {opacity:.9;}

@media only screen and (max-width:720px) {
	.problem_container h2 {font-size:28px;}
	.problem_card {
		min-width:150px;
		width:calc(50% - 10px);
		max-width:320px;
	}
}
@media only screen and (max-width:520px) {
	.problem_container h2 {font-size:24px;}
	.problem_card {
		text-align:center;
		min-width:150px;
		width:100%;
		max-width:500px;
	}
	.problem_card p {
		color:#111;
		font-size:14px;
		max-width:500px;
	}
}


.three_block {
	background-color:#fff;
}

.in_three_block {
	background-color:#fff;
	padding:60px 40px;
	border-radius:20px;
}
.three_block h2 {
	font-size:46px;
	margin:0;
	margin-bottom:40px;
	color:#292929;
	font-weight:500;
}
.three_block_pluh0 {
	width:240px; height:220px;
	opacity:0;
	margin:5px;
}
.three_block_pluh {
	padding:20px;
	width:240px; height:210px;
	background:#fff;
	border-radius:15px;
	margin:5px;
	box-shadow:0 0 15px -10px #000;
}
.three_block_pluh img {width:30px; margin-right:15px;}
.three_block_pluh b {font-size:18px; color:#000; font-weight:600;}
.three_block_pluh p {font-size:14px; color:#252525; font-weight:400; text-align:center;}
.three_block_pluh_black {
	padding-right:7px;
	width:240px; height:210px;
	background-color:#252525;
	border-radius:15px;
	margin:5px;
	background-image: url(/img_page/watch.svg);
	background-position:center center;
	background-size:auto 80%;
	background-repeat:no-repeat;
	box-shadow:0 0 15px -10px #000;
}
.three_block_pluh_black b {font-size:20px; color:#fff; font-weight:600; margin:0; text-align:right; margin-top:-2px; white-space:nowrap; }
.three_block_pluh_black span {font-size:14px; color:#fff; font-weight:400; margin:0; text-align:center;text-align:right;}
.three_block_pluh_black div {width:100%;}

@media only screen and (max-width:1310px) {
	.three_block h2 {
		font-size:44px;
	}
}
@media only screen and (max-width:1260px) {
	.three_block h2 {
		font-size:42px;
	}
}
@media only screen and (max-width:1200px) {
	.three_block h2 {
		font-size:40px;
	}
}
@media only screen and (max-width:1024px) {
	.three_block h2 {
		font-size:38px;
	}
}
@media only screen and (max-width:780px) {
	.three_block {
		padding:60px 20px;
	}
}
@media only screen and (max-width:520px) {
	.three_block h2 {
		font-size:36px;
	}
	
}
@media only screen and (max-width:480px) {
	.three_block h2 {
		font-size:34px;
	}
}
@media only screen and (max-width:400px) {
	.three_block h2 {
		font-size:30px;
	}
}


.w100 {width:100%;}


.auth_container .container {height:98vh;}

#show_auth_form {
	display:none;
	position:absolute;
	position:fixed;
	left:0; top:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.6);
	z-index:999;
}
.auth_container {
	min-height:calc(100vh - 60px);
}

#show_demo_form {
	display:none;
	position:absolute;
	position:fixed;
	left:0; top:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.6);
	z-index:9999;
}

.name_comp_span {
	color:#bebfc3;
	font-size:18px;
	font-weight:300;
	padding:30px;
}
.top_logo {
	width:200px;
	padding:30px;
}
.h1_auth_page {
	font-size:36px;
	text-align:center;
	color:#111;
	text-align:center;
	font-weight:300;
	margin-bottom:35px;
}
.form_auth, .form_demo {
	margin:60px 20px;
	width:100%; max-width:400px;
	background:#fff;
	box-shadow:0px 2px 20px -5px rgba(0, 0, 0, 0.2);
	border-radius:10px;
	padding:40px;
	z-index:999999;
}
.form_recover {
	display:none;
	margin:60px 30px;
	width:100%; max-width:400px;
	background:#fff;
	box-shadow:0px 2px 15px -5px  rgba(0, 0, 0, 0.2);
	padding:40px;
}
.h1_form_auth {
	font-size:26px;
	text-align:center;
	color:#111;
	font-weight:400;
	margin:0;
	margin-bottom:20px;
}
.inp_form_auth {
	border:2px solid #3bbb3b;
	background:#fff;
	box-sizing:border-box;
	border-radius:5px;
	outline:none;
	padding:10px 20px;
	width:100%;
	font-size:18px;
	font-weight:300;
	margin-bottom:10px;
}
.inp_form_auth::placeholder {
	font-size:14px;
	color:#aaa;
	font-weight:300;
}
.btn_form_auth {
	background:#3bbb3b;
	color:#fff;
	font-size:18px;
	padding:10px 20px;
	text-decoration:none;
	width:100%;
	border-radius:5px;
	text-align:center;
	border:0;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
.btn_form_auth:hover {
	background:#44d444;
}
.a_form_auth {
	color:#aaa;
	font-size:14px;
	text-decoration:none;
	margin-top:20px;
	font-weight:300;
	text-align:center;
}
.a_form_auth:hover {
	color:#333;
}
.error_auth {
	margin-bottom:10px;
	color:#e35017;
	font-size:14px;
	text-align:center;
}

.sup_form_div {
	min-height:80vh;
	padding:40px 20px 80px 20px;
	position:relative;
}
.circle_opacity {z-index:1;}
.sup_form_div h1 {font-size:36px; text-align:center;}

.sup_form {
	z-index:10;
	width:100%; max-width:500px;
	padding:60px 40px;
	box-shadow:0 2px 10px -4px #aaa;
	background:#fff;
	border-radius:20px;
}
@media only screen and (max-width:720px) {
	.sup_form_div h1 {font-size:30px;}
}
@media only screen and (max-width:600px) {
	.sup_form_div {
		padding:20px 20px 80px 20px;
	}
	.sup_form {
		max-width:500px;
		padding:40px 20px;
	}
	.sup_form_div h1 {font-size:30px;}
}
@media only screen and (max-width:420px) {
	.sup_form_div h1 {font-size:26px;}
	.sup_form_div {padding:20px 0 80px 0;}
	.sup_form {
		padding:20px 10px 20px 10px; border-radius:0; background:rgba(255,255,255,.8); box-shadow:none;
	}	
}

.sup_form label {
	margin-bottom:5px;
	font-size:14px;
	color:#333;
}
.sup_form input, .sup_form select {
	background:#F3F4F5;
	border:1px solid #E2E2E2;
	box-sizing: border-box;
	border-radius:10px;
	outline:none;
	padding:10px 20px;
	min-width:200px; width:calc(50% - 10px); max-width:280px;
	font-size:18px;
	font-weight:300;
}
.sup_form input::placeholder {
	font-size:16px;
	color:#aaa;
	font-weight:300;
}
@media only screen and (max-width:520px) {
	.sup_form input, .sup_form select {width:100%;}
}

.sup_form textarea {
	background:#F3F4F5;
	border:1px solid #E2E2E2;
	box-sizing: border-box;
	border-radius:10px;
	outline:none;
	padding:10px 20px;
	width:100%; max-width:600px;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;
}
.sup_form textarea::placeholder {
	font-size:16px;
	color:#aaa;
	font-weight:300;
}
.sup_btn {
	background:#3bbb3b;
	color:#fff;
	font-size:16px;
	padding:15px 30px;
	text-decoration:none;
	width:100%;
	border-radius:10px;
	text-align:center;
	border:0;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;	
}
.sup_form_auth:hover {
	background:#44d444;
}


.sup_form b {
	margin:20px 0;
	font-size:18px;
	text-align:center;
}
.mess_btn_selector {
	width:33%;
	padding:15px 20px;
	font-size:16px;
	background:#fff;
	text-align:center;
	background:#f5f5f5;
	border-bottom:2px solid #f5f5f5;
}
.mess_btn_selector:hover {cursor:pointer;border-bottom:2px solid #3bbb3b;}
.mess_btn_selector_act {
	border-bottom:2px solid #3bbb3b;
	background:#f0f0f0;
}
.chat_links {
	width:100%;
	text-align:center;
}
#chat_whatsapp {display:none;}
#chat_vk {display:none;}
.chat_links div {
	width:100%;
}
.chat_links img {
	width:80%; max-width:240px;
}
.mess_a_select {
	color:#3bbb3b;
	font-size:14px;
}
@media only screen and (max-width:540px) {
	.mess_btn_selector {
		padding:10px 15px;
		font-size:14px;
	}
}







.contacts_con {
	min-height:60vh;
	padding-top:20px;
}
.contacts_con h1 {
	margin-bottom:40px;
}
.contacts_div {
	padding:60px 40px;
	border-radius:20px;
	background-color:#066BC6;
	background-image:url(/img_page/logo_white.svg);
	background-size:50px auto;
	background-position:calc(100% - 20px) 20px;
	background-repeat:no-repeat;
	width:100%; max-width:600px;
	margin-bottom:60px;
	box-shadow:2px 0px 15px -5px rgba(0,0,0,.5);
	z-index:999;
}
.contacts_phone {
	font-size:26px;
	color:#f0f0f0;
	text-decoration:none;
}
.contacts_email {
	font-size:22px;
	color:#f0f0f0;
	text-decoration:none;
	margin-top:20px;
}
.contacts_div small {color:#111; font-size:14px;margin-top:5px;}

.rekvizity {
	color:#f5f5f5;
	margin-top:40px;
	font-size:14px;
}

.circle_opacity {
	opacity:.4;
}

#supout {
	padding:10px 10px 0 10px;
	text-align:center;
}

.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}

.show_screen {
	display:none;
	position:absolute;
	position:fixed;
	top:0; left:0;
	height:100vh;
	width:100%;
	background:rgba(0,0,0,.5);
	z-index:999;
}

.show_screen_img button:hover {cursor:pointer; opacity:.9;}
#show_screen {
	height:90vh;
	margin:1vh;
	width:98vh;
	background-position:center center;
	background-repeat:no-repeat;
}

.show_gorizont {
	background-size:100% auto;
}
.show_vertical {
	background-size:auto 100%;
}

.video_block {
	background:#1D9EF9;
}
.video_container {
	height:100%;
	min-width:300px; width:100%; max-width:1280px;
	position:relative;
	padding:60px 20px;
}
.video_left {
	width:50%; padding-right:20px;
}
.video_left span {
	color:#f5f5f5;
	font-weight:600;
	font-size:44px;
}
.video_left p {
	font-size:18px;
	max-width:400px;
}
.video_right {
	width:50%;
}

@media only screen and (max-width:1200px) {
	.video_left {width:50%;}
	.video_left span {font-size:40px;}
	.video_left p {font-size:16px;max-width:400px;}
	.video_right {width:50%;}	
}
@media only screen and (max-width:900px) {
	.video_left {width:100%;  padding-right:0; margin-bottom:20px; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
	.video_left span {font-size:36px;text-align:center;}
	.video_left p {font-size:14px; text-align:center;}
	.video_right {width:100%;}	.video_right frame {max-width:560px;}	
}


.reg_form_div {
	min-height:80vh;
	padding:40px 20px 80px 20px;
}
.reg_form_div h1 {font-size:36px; text-align:center;}

.reg_form {
	width:100%; max-width:500px;
	padding:60px 40px;
	box-shadow:0 2px 20px -4px rgba(0,0,0,.2);
	background:#fff;
	border-radius:20px;
}


.reg_form label {
	margin-bottom:5px;
	font-size:14px;
	color:#333;
}
.reg_form input, .reg_form select {
	background:#F3F4F5;
	border:1px solid #E2E2E2;
	box-sizing: border-box;
	border-radius:10px;
	outline:none;
	padding:10px 20px;
	min-width:200px; width:calc(50% - 10px); max-width:280px;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;
}
.reg_form input::placeholder {
	font-size:16px;
	color:#aaa;
	font-weight:300;
}

.reg_form textarea {
	background:#F3F4F5;
	border:1px solid #E2E2E2;
	box-sizing: border-box;
	border-radius:10px;
	outline:none;
	padding:10px 20px;
	width:100%; max-width:600px;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;
}
.reg_form textarea::placeholder {
	font-size:16px;
	color:#aaa;
	font-weight:300;
}
.reg_btn {
	background:#3bbb3b;
	color:#fff;
	font-size:16px;
	padding:15px 30px;
	text-decoration:none;
	width:100%;
	border-radius:10px;
	text-align:center;
	border:0;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;	
}

.reg_btn:hover {background:#44d444;}
.reg_small_bottom {
	margin-top:20px;
	color:#606060; font-size:14px;
	text-align:center;
}
.reg_small_bottom2 {
	margin-top:20px;
	color:#333; font-size:14px;
}
.reg_small {
	margin-top:0;
	margin-bottom:5px;
	color:#606060; font-size:14px;
}
.reg_form b {
	margin:20px 0;
	font-size:18px;
	text-align:center;
}
.reg_form input, .reg_form select {min-width:120px;width:100%;}
@media only screen and (max-width:720px) {
	.reg_form_div h1 {font-size:30px;}
}
@media only screen and (max-width:600px) {
	.reg_form_div {
		padding:20px 20px 80px 20px;
	}
	.reg_form {
		max-width:500px;
		padding:40px 20px;
	}
	.reg_form_div h1 {font-size:30px;}
}
@media only screen and (max-width:420px) {
	.reg_form_div h1 {font-size:26px;}
	.reg_form {padding:30px 0; background:none;box-shadow:none;}	
}