@charset "UTF-8";

:root {
	--orange: #FF7847;
	--dark-blue: #39425b;
	--text-color: #191C26;
	--second-text-color: #74767e;
	--border-color: #EAEAEA;
	--transition: .2s;
	--space: 25px; }
* {
	box-sizing: border-box;
	font-size: inherit;
	outline: none; }
body {	
	margin: 0;
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: .01428571em;
	color: var(--text-color);
	overflow-x: hidden; }
input,
select,
textarea,
button,
a {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit; }
a {
	text-decoration: none; }
button {
	cursor: pointer; }
ul {
	list-style: none;
	margin: 0;
	padding: 0; }
img {
	max-width: 100%; }
.col {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px; }
header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 48px;
	font-weight: 500; }
header {
	font-size: 16px; }
header.home {
	background: white; }
header ul,
header .lang,
header .right {
	display: flex; }
header .right {
	align-items: center; }
header ul {
	gap: 30px; }
header .logo {
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--dark-blue);
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .5px; }
header .logo img {
	width: 20px;
	margin-top: 5px; }
header .add {
	margin-left: 15px;
	padding: 7px 22px;
	color: white;
	transition: .3s;
	border-radius: 5px;
	border: 1px solid var(--orange);
	background: var(--orange); }
header .add:hover {
	color: var(--orange);
	background: transparent; }
header li {
	cursor: pointer; }
header li.active {
	cursor: default; }
header li.active,
header li:hover {
	color: var(--orange); }
header .lang {
	color: #a2a4ad;
	font-size: 14px;
	gap: 6px; }
header .lang .active {
	color: var(--text-color); }
header .icon-menu svg {
	display: flex;
	width: 17px;
	height: 17px; }
header .icon-menu {
	display: none;
	align-items: center;
	justify-content: center;
	width: 33px;
	height: 33px;
	margin-left: 10px;
	border-radius: 5px;
	border: 1px solid #E9E9E9;
	background: #F3F4F6; }
header.active .menu {
	display: flex; }

.main {
	padding: 60px 0;
	background: #F3F4F6; }
section h1 {
	font-size: 37px;
	font-weight: 500;
	line-height: 47px;
	color: var(--dark-blue); }
section .subtitle {
	margin-bottom: 10px;
	color: var(--orange); }
section .title {
	margin-bottom: 30px;
	font-size: 28px; }

section.block-1 {
	display: flex;
	gap: 30px; }
section.block-1 {
	padding-top: 45px;
	padding-bottom: 45px; }
section.block-2 {
	display: flex;
	gap: 50px; }
section.block-2 .text {
	margin-top: -32px; }
section.block-3 {
	margin-top: 45px;
	padding-top: 45px;
	border-top: 1px solid #dddddd; }
section.block-4 {
	padding-top: 60px; }
section.block-1,
section.block .right {
	position: relative; }
section img {
	box-shadow: rgb(100 100 111 / 22%) -14px 18px 24px -6px; }
section.block-1 .left {
	width: 43%; }
section.block-1 .text {
	font-size: 22px;
	line-height: 35px; }
section.block-1 .text span {
	color: var(--dark-blue);
	font-weight: 500; }
section.block-1 .text div:first-child {
	margin-bottom: 13px; }
section.block ul,
section.block-5 .steps {
	line-height: 27px; }
section.block li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-left: 35px; }
section.block li:before {
	content: '✓';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 6px;
	width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: 600;
	color: white;
	border-radius: 50%;
	background: var(--dark-blue);
	background: var(--orange); }
section.block-3 .right,
section.block-4 .right {
	display: flex;
	align-items: flex-start;
	justify-content: space-between; }
section.block-3 .text,
section.block-4 .text {
	margin-bottom: 40px;
	font-size: 22px;
	font-weight: 300; }
section.block-4 .text div:first-child {
	margin-bottom: 15px; }
section.block-5 {
	padding-top: 80px;
	padding-bottom: 100px; }
section .img2 {
	max-width: initial; }
section .img,
section .img1 {
	border: 1px solid #e9e9e9;; }
section .img1 {
	position: absolute;
	right: 20px; }
section .img3 {
	position: absolute;
	top: -34px;
	right: 0; }

.steps > div {
	display: flex;
	align-items: baseline;
	margin-bottom: 15px; }
.steps > div:before {
	content: '';
	position: relative;
	top: -3px;
	display: flex;
	flex-shrink: 0;
	width: 6px;
	height: 6px;
	margin-right: 17px;
	border-radius: 50%;
	border: 2px solid var(--orange); }
.steps .item:before {
	border: 2px solid #a9adb7; }
.steps .item {
	margin-left: 25px; }
.steps img {
	margin: 0 5px;
	margin-bottom: -5px;
	box-shadow: none; }
.steps .lg {
	width: 16px; }
.steps .add {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 15px;
	color: white;
	font-size: 16px;
	white-space: nowrap;
	background: var(--dark-blue);
	border: 1px solid var(--dark-blue);
	border-radius: 15px; }

section.block-6 {
	padding-top: 40px;
	padding-bottom: 52px;
	font-size: 18px;
	text-align: center;
	color: #c8ccd7;
	background: var(--dark-blue); }
section.block-6 span {
	color: white; }
section.block-6 .title {
	font-weight: 500; }
	

.policy .subtitle-2 {
	font-weight: 600; }
.policy ul {
	margin-top: 15px;
	padding-left: 30px; }
.policy ul li + li {
	margin-top: 10px; }
.policy .title {
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 600; }

.content {
	margin-top: 40px;
	margin-bottom: 40px; }

footer {
	padding-top: 7px;
	padding-bottom: 7px;
	color: var(--dark-blue);
	text-align: right; }

.frontend {
	display: flex;
	flex-direction: column;
	min-height: 100vh; }
.frontend .cover {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	background: #F9F9F9;
	background: #F3F4F6;
	border-top: 1px solid var(--border-color); }
.frontend .cover form {
	width: 450px;
	padding: 40px;
	background: white;
	border: 1px solid var(--border-color); }
.frontend .cover .one-line {
	margin-bottom: 25px; }
.frontend .cover .subtitle {
	margin-bottom: 7px; }
.frontend .cover input,
.frontend .cover button {
	width: 100%;
	padding: 9px 20px;
	border-radius: 7px;
	border: 1px solid var(--border-color); }
.frontend .cover button {
	color: white;
	font-weight: 500;
	background: var(--dark-blue);
	border: 1px solid var(--dark-blue);
	cursor: pointer;
	transition: var(--transition); }
.frontend .cover button:hover {
	background: var(--orange);
	border: 1px solid var(--orange); }
.frontend .finish span {
	font-weight: 500;
	color: var(--dark-blue); }
.frontend .finish .rules {
	color: var(--second-text-color);
	font-size: 14px;
	margin-top: 5px; }
.frontend .psw-rules {
	color: var(--second-text-color); }
.frontend form .success-txt,
.frontend form.success > * {
	display: none; }
.frontend form.success .success-txt {
	display: block; }

.frontend .cover.com-block {
	align-items: flex-start; }
.frontend .cover.com-block > div {
	margin-top: 70px;
	line-height: 25px; }

.frontend .set-password .err,
.frontend .set-password .psw-rules,
.frontend .set-password .one-line[name="password2"] {
	margin-bottom: 10px; }
.frontend .set-password .cover-line {
	position: relative; }
.frontend .set-password svg {
	width: 20px;
	height: 20px; }
.frontend .set-password .show-psw {
	display: flex;
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer; }
.frontend .set-password .eye-open,
.frontend .set-password .open .eye-closed {
	display: none; }
.frontend .set-password .open .eye-open {
	display: block; }

.frontend .cover .err {
	color: indianred; }
.finish .err {
	display: none;
	margin-bottom: 7px; }
.frontend .finish div.bad_handle .err-1,
.frontend .finish div.handle_not_avail .err-2 {
	display: block; }
.frontend .finish div.error input {
	border: 1px solid indianred; }

.frontend form {
	position: relative; }
.processing {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 111;
	background: rgba(0, 0, 0, .17);
	background: rgba(255, 255, 255, .7);
	transition: var(--transition);
	visibility: hidden; }
.processing svg {
	width: 37px;
	height: 37px; }
.processing svg * {
	fill: black; }
.processing svg {
	animation: 1s infinite linear normal rotate; }
@keyframes rotate {
	from {
		transform: rotateY(180deg) rotate(0deg);
	}
	to {
		transform: rotateY(180deg) rotate(-359deg);
	}
}
.in-process > .processing {
	visibility: visible; }