/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

html {scroll-behavior: smooth;}

body {
	color:#4C4C4C;
	font-family:Roboto, Arial, sans-serif;
	position:relative;
	min-width:600px;
}


button, .button {
	background: linear-gradient(255.09deg, #02A3FF 3.7%, #2A84E9 96.23%);
	border:0;
	border-radius: 5px;
	padding: 17px 27px;
	margin-bottom:20px;
	color:#fff;
	white-space:nowrap;
	font-size: 18px;
	text-decoration:none;
}
button:hover, .button:hover {
	cursor:pointer;
	background: linear-gradient(255.09deg, #06D6A0 3.7%, #05BC8C 96.23%);
}
h1 {
	font-size: 48px;
	line-height: 110%;
	color: #000000;
}

.inline-button {
	font-size: 20px;
	padding:5px 37px;
	background: linear-gradient(254.31deg, #02A3FF 3.7%, #2A84E9 96.23%);
	border-radius: 160px;
	color: #FFFFFF;
	font-weight:normal;
	vertical-align: middle;
	margin-left: 20px;
}



.wrapper {
	max-width:1280px;
	margin:0 auto;
}

.header, .block-top, .footer, .stats, .howto, .feedback, .mnenia {
	padding:0 50px;
}
/*
@media screen and (max-width: 800px) {
	.header, .block-top, .footer, .stats, .howto, .feedback {
		padding:0 50px;
	}
}
*/
.header {
	height:64px;
	line-height:64px;
	box-shadow:0 4px 30px rgba(0, 0, 0, 0.08);
}
.header img {vertical-align:middle;}

.header .menu {
	float:right;
	font-size: 18px;
}
.header .menu a {
	margin-left:50px;
	color: #888888;	
	text-decoration:none;
}
@media screen and (max-width: 880px) {
	.header .menu {
	    font-size: 16px;
	}
	.header .menu a {
		margin-left:15px;
	}
}


.block-top {
	/*padding:0;*/
	/*background-color:#ccd0d2;*/
}
	.block-top .wrapper {
		padding-top:90px;
		padding-bottom: 90px;
		/*background-image:url('header.jpg');*/
		background-size:cover;
		background-position: center;
		display:flex;
		justify-content:flex-end;
		width:100%; /*height:540px;*/
	}
	.block-top .left {
		width:50%;
	}
	.block-top .right {
		width:50%; height:450px;
		position:relative;
	}
	.block-top .right img {
		position:absolute;
		bottom:-131px;
		right:0;
		width:600px;
	}
	@media screen and (max-width: 1130px) {
		.block-top .right img {width:450px; bottom:-121px;}
	}
	@media screen and (max-width: 880px) {
		.block-top .right img {width:350px; bottom:-115px;}
	}
	
	
	.block-top h3 {
		font-size:12px;
		text-transform:uppercase;
		color: #888888;
	}
	
	.block-top .icons {height:150px;}
	
	.block-top .icons .item {
		width:100px;
		float:left;
		margin-right:43px;
		margin-left:8px;
		color:#000000;
		font-size: 14px;
		line-height: 110%;
	}
	.block-top .icons .item:last-child {
		margin-right:0;
	}
	/*
@media screen and (max-width: 800px) {
	.block-top .wrapper {
		padding:50px;
		background:none;
		background-color:#fff;
		height:auto;
	}
}*/
@media screen and (max-width: 940px) {
	.block-top .icons .item {
		margin-right:5px;
	}
}


	.block-top .icons .item img {
		margin-bottom:15px;
		margin-left:-8px;
	}
	
.stats {
	padding-top:45px;
	padding-bottom:25px;
	background-color:#f2f8fe;
}
	.stats .wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	.stats h1 {
		font-size: 64px;
		line-height: 110%;
		font-weight: 600;
		margin:0;
		
		color:#02A3FF;
		background-color:#02A3FF;
		background-image: linear-gradient(253.2deg, #02A3FF 3.7%, #2A84E9 96.23%);
		background-size: 100%;
		background-repeat: repeat;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent; 
	}
	.stats p {
		color: #000000;
		font-size: 14px;
		line-height: 110%;
	}
	
	@media screen and (max-width: 900px) {
		.stats h1 {
			font-size: 52px;
		}
	}
	@media screen and (max-width: 800px) {
		.stats h1 {
			font-size: 64px;
		}
		.stats .item:nth-child(odd) {
			width:65%;
		}
		.stats .item:nth-child(even) {
			width:35%;
		}
		.stats .item {margin-bottom:35px;}
	}
	
	
.howto {
	background-color:#F8F8F8;	
	background-image: url(c.svg);
    background-position: bottom -350px right 0;
    background-repeat: no-repeat;
}
	.howto .wrapper {
		padding-top:50px;
		padding-bottom:50px;
	}
	.howto .items {
		display:flex;
		flex-wrap: wrap;
		margin-top:130px;
	}
	
	.howto .items .item {
		width:50%;
		position:relative;
		margin-bottom:65px;
	}
	
	@media screen and (max-width: 800px) {
		.howto .items {
			display:block;
		} 
		.howto .items .item {
			width:100%;
		}
	}
	
	
	.howto .items .item img, .howto .items .item svg {
			position:absolute;
			left:0; top:0;
			width:65px;
		}
		.howto .items .item h3,
		.howto .items .item p {
			margin-left:100px;
			margin-right:130px;
			margin-top:0;
		}
		.howto .items .item h3 {
			font-weight: bold;
			font-size: 28px;
			color:#000;
		}
		.howto .items .item p {
			font-size:14px;
		}

.feedback {
	position: relative;
	overflow: hidden;
}
.feedback::before {
	content: "";
    position: absolute;
    width: 1000px;
    height: 1000px;
    bottom: -763px;
    left: 0;
    z-index: -1;
    background: url(c.svg) center no-repeat;
    transform: rotate(177deg);
}

	.feedback .wrapper {
		display:flex;
		justify-content:center;
		width:100%;
	}
	.feedback .left {
		width:50%;
		position:relative;
	}
		.feedback .left h1 {
			margin-top:52px;
		}
		.feedback .left h3 {
			font-size:12px;
			text-transform:uppercase;
			color: #888888;
		}
		.feedback .left ol {
			padding-inline-start: 20px;
			line-height: 2;
		}
		.feedback .left img {
			margin-left: -142px;
			position: absolute;
			bottom: -1px;
			left: 50%;
		}
	.feedback .right {
		width:50%; height:500px;
	}
	
	@media screen and (max-width: 800px) {
		.feedback .wrapper {
			display:block;
		}
		.feedback .left {
			width:100%;
			padding-left:0;
		} 
		.feedback .right {
			width:100%;
		}
		.feedback .left img {
			display:none;
		}
	}
	
	.feedback form {
		margin-top:64px; 
		flex-wrap: wrap;
		justify-content: space-between;
		display: flex;
		width: 100%;
	}
		.feedback input:not(.button) {
			border: 1px solid #000000;
			border-radius: 5px;		
			font-size: 12px;
			color: #888888;
			padding:20px 30px;
			text-transform:uppercase;
			margin-bottom:13px;
			width:calc(50% - 70px);
		}
		.feedback input:hover:not(.button) {
			border: 1px solid #02A3FF;
		}
		.feedback input:focus:not(.button) {
			border: 1px solid #02A3FF;
			outline: #02A3FF auto 1px;
		}
		
		.feedback input.big {width:100%;}

		/*.feedback .checkbox {
			width:50%;
			margin-left:40px;
			margin-top:30px;
			font-size: 14px;
			line-height: 110%;
		}*/
			/*.feedback .checkbox input {
				padding-left:0;
				margin-right:10px;
				margin-left:-40px;
				margin-top:2px;
				width:30px; height:30px;
				vertical-align:top;
			}
			
			@media screen and (max-width: 1080px) {
				.feedback .checkbox {width: 35%;}
			}
			@media screen and (max-width: 855px) {
				.feedback .checkbox {width: 100%;}
			}
			*/
			/*.feedback .checkbox span {
				line-height:1.2;
				display:inline-block
			}*/
			.feedback .checkbox a {
				color:inherit;
				display:contents;
			}
			.feedback .button {
				margin-top:17px;
				float:right;
			}
			
			
			
			
			.feedback .custom-checkbox {
				position: absolute;
				z-index: -1;
				opacity: 0;
			}
			.custom-checkbox+label {
				width:60%;
				display: inline-flex;
				align-items: center;
				user-select: none;
			}
			.custom-checkbox+label::before {
				content: '';
				display: inline-block;
				width: 30px;
				height: 30px;
				flex-shrink: 0;
				flex-grow: 0;
				border: 1px solid #adb5bd;
				border-radius: 0.25em;
				margin-right: 0.5em;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 50% 50%;
			}
			.custom-checkbox:checked+label::before {
				border-color: #0b76ef;
				background-color: #0b76ef;
				background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
			}
			/* стили при наведении курсора на checkbox */
			.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
				border-color: #b3d7ff;
			}
			/* стили для активного состояния чекбокса (при нажатии на него) */
			.custom-checkbox:not(:disabled):active+label::before {
				background-color: #b3d7ff;
				border-color: #b3d7ff;
			}
			/* стили для чекбокса, находящегося в фокусе */
			.custom-checkbox:focus+label::before {
				box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
			}
			/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
			.custom-checkbox:focus:not(:checked)+label::before {
				border-color: #80bdff;
			}
			/* стили для чекбокса, находящегося в состоянии disabled */
			.custom-checkbox:disabled+label::before {
				background-color: #e9ecef;
			}
			
			

.mnenia {
	color:#000000;
	font-size: 20px;
	background-image: url(c.svg);
    background-position: top -873px right 0;
    background-repeat: no-repeat;
}
.mnenia .wrapper {
	padding-top:70px;
	padding-bottom:70px;
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
	.mnenia .item {
		width:23%;
		background: #FFFFFF;
		box-shadow:7px 7px 30px #0000000f;
		border-radius: 5px;
		padding:7px 30px 20px 30px;
	}
	@media screen and (max-width: 800px) {
		.mnenia .item {
			width:100%;
			margin-bottom:40px;
		}
	}
	
	
	.mnenia img {margin-top:17px; }
	.mnenia p {
		font-weight: 500;
		font-size: 14px;
		line-height:1.6;
		color:#888888;
		margin-top: 25px;
		margin-left: 81px;
	}
	.mnenia b {
		color:#000;
	}
	.mnenia article {
		font-size: 14px;
		line-height:1.6;
	}


.footer {
	min-height:160px;
	background: linear-gradient(236.9deg, #37B6FF 8.09%, #3291FD 96.24%);
	color:#fff;
}

.footer .wrapper {
	display:flex;
	justify-content:space-between;
}

		.footer img {vertical-align:middle; filter: contrast(100%);}

		.footer > a {
			float: right;
			font-size: 18px;
			margin:0;
		}
		.footer a {
			color: #fff;
			text-decoration:none;
		}
		
		
		
		.footer .right {text-align:right;width: 45%;}
		.footer .right h1 {margin-top:0; margin-bottom:0;}
		.footer .right h1 * {
			color:#fff;
			font-size: 36px;
			line-height: 42px;
			text-decoration:none;
		}
		.footer .right h1 a:hover {
			text-decoration:underline;
		}
		.footer .right p {
			margin-top:45px;
			margin-bottom:0;
			font-size: 14px;
			line-height: 16px;
		}
		
		.footer .left {line-height:1.2; padding-top:20px;}
		.footer .left > svg {
			display: inline-block;
			border-right: 1px solid #fff;
			padding: 5px 10px;
			vertical-align: middle;
		}
		.footer .left > svg:first-child {padding-left:0;}
		.footer .left > svg+a {
			margin-left:10px;
			font-size: 14px;
		}
		.footer .left .social-icons {
			margin: 15px 0;
		}
		.footer .left .social-icons a {
			text-decoration:none; margin-right:12px;
		}
		.footer .left .social-icons a:hover {
			opacity:0.7;
		}
		.footer .left p {font-size:12px;}
	
@media screen and (max-width: 850px) {
	.footer .wrapper {
		display:block;
		padding-bottom:20px;
	}
	.footer .right {
		text-align:left;
	}
}

#modalWindow {
	position:fixed;
	top:0; left:0;
	width:100%; height:100%;
	background:#0000005c;
	z-index:9998;
}
	#modalWindow #wrapper {
		position:fixed;
		top:10%; left:10%;
		width:80%; height:80%;
		
		background:white;
		border-radius:5px;
		box-shadow: 0 0 30px rgba(0,0,0,0.5);
		z-index:9999;
		line-height:1.3;
	}
	#modalWindow #wrapper a {
		position:absolute;
		right:10px; top:10px;
		color: #888888;
	}
	#modalWindow #wrapper h1 {
		font-size:24px;
	}
#modalWindow:hover {
	cursor:pointer;
}
#modalWindow .item {
	height: calc(100% - 30px);
    margin: 30px 0 0 30px;
    overflow: auto;
}

@media screen and (max-width: 800px) {
	.block-top .left {
		width:100%;
	}
	.block-top .right {
		display:none;
	}
}



/*
.block1 { 
	width:100%; /
	background:url(background.jpg);
	background-size:cover;
	background-attachment:fixed;
	text-align:center;
}
.block1 h1 {
	color:#fff;
	font-size:48px;
}
.block1 p {
	color:#fff;
	font-size: 18px;
}
.block1 img {
	width:10%;
	margin:0 45%;
}


.block2 { 
	width:100%;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
	background:url(background2.jpg);
	background-size:cover;
	background-attachment:fixed;
	color:#fff;
}
.block2 .wrapper {
	max-width:1280px; margin:0 auto;
	display:flex;
	justify-content:space-around;
}
.block2 .item {
	background-color:green;
	margin:20px;
	width:100%;
}

.block3 { 
	width:100%;
}
	.block3 .item {
		display:flex;
		min-height:300px;
	}
	.block3 .item.reverse {
		display:flex;
		flex-direction: row-reverse;
	}
		.block3 .item .left, 
		.block3 .item .right {
			padding:50px;
		}
		.block3 .item .left {
			width:50%;
			background-color:black;
			text-align:center;
		}
			.block3 .item .left img {width:80%;}
			
		.block3 .item .right {
			width:50%;
			line-height:180%;
		}
		.block3 .item .right b {
			font-size:150%;
		}

@media screen and (max-width: 800px) {
	.block3 .item .left, 
	.block3 .item .right {
		width:auto;
		padding-top:50px;
		padding-bottom:50px;
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
		margin-top:0;
		margin-bottom:0;
	}
	.block3 .item .right {
		margin-left:50px;
		margin-right:50px;
	}
	.block3 .item, 
	.block3 .item.reverse {display:block;} 
}

.block4 {}

.mytable {border:0; width:800px;}
.mytable td {}
.mytable tr:nth-child(2n) {
	background-color:#ffffbb;
	font-size:18px;
	text-align:right;
}

*/