:root {
	--corp: #A67E3F;
	--black: #000;
	--white: #FFF;
	--white-4: rgba(255, 255, 255, .04);
	--white-12: rgba(255, 255, 255, .12);
	--white-40: rgba(255, 255, 255, .4);
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;

	-webkit-text-size-adjust: 100%;
}

html {
	display: block;
}

body {
	margin: 0;
	padding: 0;
	color: var(--white);
	font-size: 16px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	line-height: 1.15;
	background-color: var(--black);

	-webkit-font-smoothing: subpixel-antialiased;
}

a {
	text-decoration: none;
}

img {
	display: block;
}

/* Main. */

.bone {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 20px;
}

.clear {
	clear: both;
}

.bg {
	background-image: url('/images/bg.svg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* Main. */



/* Button. */

.button {
	display: inline-block;

	height: 54px;
	padding: 0 28px;
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	background-color: var(--corp);
	border: 0 none;
	border-radius: 12px;
	cursor: pointer;

	transition: color .23s linear, background-color .23s linear, border-color .23s linear, box-shadow .08s linear;

	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
			user-select: none;
}

.button:active {
	line-height: 55px;
}

.button.outline {
	color: var(--corp);
	background-color: var(--white-4);
}

/* Button.  */



/* Tips. */

.tips {
	display: inline-block;
	position: relative;

	padding: 6px 10px;
	color: var(--white);
	font-size: 16px;
	background-color: var(--white-4);
	border-radius: 8px;
	cursor: pointer;

	transition: color .23s linear, background-color .23s linear, border-color .23s linear, box-shadow .08s linear;

	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
			user-select: none;

}

.tips:hover {
	color: var(--corp);
}

.tips.active {
	color: var(--corp);
}

.tips.active:hover {
	color: var(--white);
}

/* Tips. */



/* Input. */

.input,
.textarea {
	display: block;

	width: 100%;
	height: 54px;
	padding: 12px 28px;
	color: var(--corp);
	font-size: 18px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	line-height: 19px;
	background-color: var(--white-4);
	border: 2px solid transparent;
	border-radius: 12px;
	box-shadow: none;
	outline: none;

	transition: background-color .23s linear, border-color .23s linear;

	-webkit-appearance: none;
}

.input.err,
.textarea.err {
	background-color: #FFF;
	border-color: #FC6221;
}

.input:hover,
.textarea:hover {
	border-color: var(--white-4);
}

.input:focus,
.textarea:focus {
	background-color: transparent;
	border-color: var(--white-4);
	box-shadow: none;
}

.input:disabled,
.textarea:disabled { 
	opacity: .48;
}

.textarea {
	resize: vertical;

	min-height: 120px;
	padding-top: 13px;
	line-height: 22px;
}

.input:-moz-placeholder {
	color: var(--white); !important;
	line-height: normal;
}

.input::-webkit-input-placeholder {
	color: var(--white);;
	line-height: normal;
}

::-webkit-input-placeholder {
	color: var(--white);;
	line-height: normal;
}

:-ms-input-placeholder {
	color: var(--white);;
	line-height: normal;
}

::-moz-placeholder {
	color: var(--white);;
	line-height: normal;
}

:-moz-placeholder {
	color: var(--white);;
	line-height: normal;
}

.textarea:-moz-placeholder {
	line-height: 22px;
}

.textarea::-webkit-input-placeholder {
	line-height: 22px;
}

.textarea:-ms-input-placeholder {
	line-height: 22px;
}

.textarea::-moz-placeholder {
	line-height: 22px;
}

.input_err {
	display: none;

	padding-top: 4px;
	color: #FF6A55;
	font-size: 13px;
	line-height: 21px;
}

.input_back.error .input_err {
	display: block;
}

/* Input. */



/* Checkbox. */

.checkbox {
	overflow: hidden;
	position: absolute;
	left: -9999px;

	outline: 0;
	opacity: 0;
}

.checkbox + label {
	display: inline-block;
	position: relative;

	padding: 6px 0 0 36px;
	color: var(--white-40);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;

	-webkit-user-select: none;
	 -khtml-user-select: none;
		 -moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
			user-select: none;
}

.checkbox + label a {
	color: #FCFCFC;
}

.checkbox + label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0px;

	width: 20px;
	height: 20px;
	border: 2px solid var(--white-12);
	background-color: transparent;
	border-radius: 8px;

	transition: background-color .13s linear, border-color .13s linear;
}

.checkbox + label:hover:before {
	border-color: #C7C9D1;
}

.checkbox:checked + label:before {
	border-color: var(--white);
}

.checkbox + label:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 7px;

	width: 8px;
	height: 4px;
	border-left: 2px solid var(--corp);
	border-bottom: 2px solid var(--corp);

	transition: opacity .13s linear;
	transform: rotate(-45deg);
}

.checkbox:not(:checked) + label:after {
	opacity: 0;
}

.checkbox:checked + label:after {
	opacity: 1;
}

/* Checkbox. */



/* Header. */

.header {

}

.header_group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

	padding: 20px 0;
}

.header_logo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header_icon {
	width: 64px;
}

.header_icon img {
	width: 100%;
	height: auto;
}

.header_label {
	padding-left: 16px;
	color: var(--white);
	font-size: 21px;
	font-weight: 500;
	font-family: 'Domine', sans-serif;
}

.header_label br {
	display: none;
}

.header_label span {
	display: block;

	padding-top: 8px;
	color: var(--white-40);
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.header_buttons {
	display: flex;
	flex-wrap: wrap;
}

.header_buttons > .tips {
	margin-right: 20px;
}

.header_buttons > .tips:last-child {
	margin-right: 0;
}

.header_avatar {
	position: relative;

	width: 60px;
}

.header_avatar img {
	width: 100%;
	height: auto;
	border: 2px solid var(--white);
	border-radius: 50%;
}

.header_avatar_wrapper {
	visibility: hidden;
	position: absolute;
	top: calc(100% + 20px);
	right: 0;

	margin-top: 12px;
	opacity: 0;
	z-index: 10;

	-webkit-transition: visibility 0s .43s, top .43s, opacity .43s;
			transition: visibility 0s .43s, top .43s, opacity .43s;
}

.header_avatar:hover .header_avatar_wrapper,
.tips:hover .header_avatar_wrapper {
	visibility: visible;
	top: 100%;

	opacity: 1;

	-webkit-transition: visibility .43s 0s, top .43s, opacity .43s;
			transition: visibility .43s 0s, top .43s, opacity .43s;
}

.header_avatar_group {
	position: relative;

	padding: 20px;
	background-color: #0A0A0A;
	border-radius: 16px;
}

.header_avatar_group:before {
	content: '';
	position: absolute;
	top: -4px;
	right: 26px;

	width: 8px;
	height: 8px;
	background-color: #0A0A0A;
	z-index: -1;

	transform: rotate(-45deg);
}

.header_avatar_group .tips {
	margin-top: 16px;
	white-space: nowrap;
}

.header_avatar_group .tips:first-child {
	margin-top: 0;
}

/* Header. */



/* Content. */

.content {
	padding: 20px 0 80px;
}

.content_header {
	padding-left: calc((100% - 1000px) / 2 + 200px);
	padding-bottom: 40px;
}

.content_header.center {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;

	padding-left: 0;
}

.content_title {
	font-size: 42px;
	font-weight: 500;
	font-family: 'Domine', sans-serif;
}

.content_bread {
	padding-top: 20px;
	font-size: 0;
}

.content_bread a {
	display: inline-block;
	position: relative;

	margin-right: 28px;
	color: var(--corp);
	font-size: 18px;
}

.content_bread a:before {
	content: '';
	position: absolute;
	top: 50%;
	right: -16px;

	width: 4px;
	height: 4px;
	background-color: var(--white-40);
	border-radius: 50%;
}

.content_bread span {
	color: var(--white);
	font-size: 18px;
}

.content_wrapper {
	display: flex;
	flex-wrap: wrap;

	max-width: 1000px;
	margin: 0 auto;
}

.content_wrapper .boxer {
	max-width: 100%;
}

.content_bar {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: column;

	width: 200px;
}

.content_bar .tips {
	margin-bottom: 16px;
}

.content_group {
	width: calc(100% - 200px);
}

/* Content. */



/* Boxer. */

.boxer {
	max-width: 660px;
	margin: 40px auto 0;
	padding: 40px;
	background-color: var(--white-4);
	border-radius: 16px;
}

.content_header ~ .boxer,
.boxer:first-child {
	margin-top: 0;
}

.boxer_form {
	padding: 40px 95px;
}

.boxer_col {
	margin-top: 16px;
}

.boxer_col:first-child {
	margin-top: 0;
}

.boxer_col.between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.boxer_col.width .button {
	width: 100%;
}

.btn-boxer_col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.btn-boxer_col p {
	margin: 12px 0 0;
}

.boxer_label {
	padding-left: 12px;
	padding-bottom: 4px;
	color: var(--white-40);
	font-size: 14px;
	font-weight: 500;
}

.boxer_input {

}

.boxer_pag {
	position: relative;

	margin-top: 28px;
	padding-bottom: 12px;
	text-align: center;
}

.boxer_pag:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;

	height: 1px;
	background-color: var(--white-12);
}

.boxer_pag_text {
	display: inline-block;
	position: relative;

	padding: 0 16px;
	background-color: #0A0A0A;
	z-index: 2;
}

.boxer_note {
	font-size: 18px;
	line-height: 1.6;
}

.boxer_checks,
.boxer_selects {
	display: flex;
	flex-wrap: wrap;

	margin: -4px;
}

.boxer_check,
.boxer_select {
	width: calc(20% - 8px);
	margin: 4px;
	padding: 12px 2px;
	color: var(--white);
	font-size: 16px;
	text-align: center;
	border-radius: 8px;
	background-color: var(--white-4);
	cursor: pointer;

	transition: color .23s ease-out;
}

.boxer_check:hover,
.boxer_select:hover {
	color: var(--corp);
}

.boxer_check.active,
.boxer_select.active {
	color: var(--white);
	background-color: var(--corp);
}

.boxer table {
	width: 100%;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}

.boxer table tr {
	border-top: 1px solid #272B30;
}

.boxer table tr:first-child {
	border-top: 0 none;
}

.boxer table td {
	padding: 12px 36px 12px 0;
}

.boxer table td:last-child {
	padding-right: 0;
}

.boxer table tr:last-child td {
	padding-bottom: 0;
}

.boxer table td a {
	color: var(--corp);
}

/* Boxer. */



/* Footer. */

.footer {
	padding-bottom: 20px;
}

.footer_group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;

	padding: 28px;
	background-color: var(--white-4);
	border-radius: 16px;
}

.footer_nav {
	display: flex;
	flex-wrap: wrap;
}

.footer_nav .tips {
	margin-right: 20px;
}

.footer_copy {
	color: var(--white-40);
}

/* Footer. */



/* Text. */

.text {

}

.text_title {
	padding-top: 40px;
	font-size: 27px;
	font-weight: 500;
}

.text_block {
	padding-top: 40px;
	font-size: 18px;
	line-height: 1.6;
}

.text_block.big {
	font-size: 21px;
}

.text_block.mini {
	font-size: 16px;
}

.text_block a {
	color: var(--corp);
}

.text_block .button {
	color: inherit;
}

.text > div:first-child {
	padding-top: 0;
}

/* Text. */



/* Storyline. */

.storyline {

}

.storyline_group {
	display: flex;
	flex-wrap: wrap;

	margin: 10px -10px;
}

.storyline_block {
	width: calc(50% - 20px);
	margin: 10px;
	padding: 40px 28px;
	background-color: var(--white-4);
	border-radius: 16px;
}

.storyline_block .text_title:first-child,
.storyline_block .text_block:first-child {
	padding-top: 0;
}

/* Storyline. */



/* Profile. */

.profile {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
}

.profile_avatar {
	position: relative;

	width: 160px;
	height: 160px;
	margin-bottom: 40px;
	background-color: var(--white-4);
	border-radius: 50%;
	cursor: pointer;
}

.profile_avatar.mini {
	width: 100px;
	height: 100px;
}

.profile_avatar:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;

	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	background-image: url('/images/edit.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 1;

	transition: transform .23s ease-out;
}

.profile_avatar:hover:before {
	transform: scale(1.2);
}

.profile_avatar img {
	position: relative;

	width: 100%;
	height: auto;
	border: 8px solid var(--white);
	border-radius: 50%;
	z-index: 2;
}

.profile_avatar.mini img {
	border-width: 4px;
}

.profile_title {
	font-size: 42px;
	font-weight: 500;
	font-family: 'Domine', sans-serif;
	text-align: center;
}

.profile_subtitle {
	padding-top: 8px;
	color: var(--corp);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.profile_subtitle.mini {
	font-size: 12px;
	text-align: center;
	text-transform: none;
	line-height: 1.6;
}

.profile_subtitle.padding {
	padding-top: 0;
}

.profile_subtitle.white {
	color: var(--white);
}

.profile_tips {
	padding-top: 20px;
}

.profile_buttons {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;

	padding-top: 40px;
}

.profile_buttons .button {
	margin-top: 16px;
}

.profile_buttons .button:first-child {
	margin-top: 0;
}

.profile_list {
	width: 100%;
	padding-top: 40px;
}

.profile_list:first-child {
	padding-top: 0;
}

.profile_list_li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	margin-top: 16px;
	padding: 20px 24px;
	background-color: var(--white-4);
	border-radius: 12px;
}

.profile_list_li:first-child {
	margin-top: 0;
}

.profile_list_label {
	color: var(--white-40);
	font-size: 18px;
}

.profile_list_value {
	font-size: 18px;
	font-weight: 700;
}

.profile_list_value.active {
	/* color: var(--corp); */
}

.profile_repeat {
	display: inline-block;
	position: relative;

	padding-left: 20px;
	color: var(--corp);
	font-size: 18px;
	font-weight: 700;
}

.profile_repeat.left {
	margin-left: 40px;
}

.profile_repeat.right {
	margin-right: 40px;
}

.profile_repeat:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;

	width: 12px;
	height: 12px;
	background-image: url('../images/repeat.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;

	transition: transform .23s ease-out;
}

.profile_repeat:hover:before {
	transform: rotate(180deg);
}

.profile_qr {
	max-width: 280px;
	margin-top: 40px;
	padding: 12px;
	background-color: var(--white);
}

.profile_qr img {
	width: 100%;
	height: auto;
}

.profile_form {
	width: 100%;
	padding: 40px 80px;
}

/* Profile. */



/* General. */

.general {
	overflow: hidden;
}

.general_group {

}

.general_mask {
	position: relative;

	-webkit-mask: url('/images/mask.svg') no-repeat;
			mask: url('/images/mask.svg');

	-webkit-mask-size: 100% auto;
			mask-size: 100% auto;
}

.general_info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	position: relative;

	padding: 140px 20px 180px;
	background-color: var(--white-4);
	z-index: 3;
}

.general_pretitle {
	color: var(--white);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.general_title {
	margin-top: 16px;
	font-size: 42px;
	font-weight: 500;
	font-family: 'Domine', sans-serif;
	text-align: center;
	text-fill-color: transparent;
	background: linear-gradient(270deg, #8F5E25 0%, #FBF4A1 50%, #8F5E25 100%);
	background-clip: text;

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.general_descr {
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
	line-height: 1.6;
}

.general_logo_left_fill,
.general_logo_right_fill {
	position: absolute;
	top: -140px;

	width: 400px;
	opacity: 0;
	z-index: 2;

	transition: opacity .43s ease-out, transform .83s ease-out;
}

.general_logo_left_fill {
	left: -120px;

	transform: translate3d(-30%, 0, 0);
}

.general_logo_right_fill {
	right: -120px;

	transform: translate3d(30%, 0, 0);
}

.general_logo_left_dot,
.general_logo_right_dot {
	position: absolute;
	top: -120px;

	width: 360px;
	opacity: 0;
	z-index: 1;

	transition: opacity .43s ease-out, transform .83s ease-out;
}

.general_logo_left_dot {
	left: -100px;

	transform: translate3d(-30%, 0, 0);
}

.general_logo_right_dot {
	right: -100px;

	transform: translate3d(30%, 0, 0);
}

.general_logo_left_fill img,
.general_logo_right_fill img,
.general_logo_left_dot img,
.general_logo_right_dot img {
	width: 100%;
	height: auto;
}

.general.active .general_logo_left_fill,
.general.active .general_logo_right_fill,
.general.active .general_logo_left_dot,
.general.active .general_logo_right_dot {
	opacity: 1;

	transform: translate3d(0, 0, 0);
}

.general_form {
	position: relative;

	max-width: 488px;
	height: 100px;
	margin: -80px auto 0;
	padding: 0 20px;
}

.general_form_bg {
	width: 100%;
}

.general_form:hover .general_form_bg path {
	stroke: var(--corp);
}

.general_form_icon {
	position: absolute;
	top: 32%;
	left: 10%;
}

.general_form_icon path {
	fill: var(--corp);
}

.general_form_text {
	overflow: visible !important;
	position: absolute;
	top: 52%;
	left: 18%;

	user-select: text;

	transform: rotate(-1deg);
}

.general_form_text text {
	fill: var(--black);
	font-family: 'Roboto', sans-serif;
	background-color: var(--white);

	user-select: none;
}

.general_form_button {
	position: absolute;
	top: 15%;
	right: 8%;

	width: 30%;
	cursor: pointer;
}

.general_form_button_bg {
	fill: var(--corp);
}

.general_blinker {
	display: none;

	padding-left: 4px;

	animation: 900ms ease 0s infinite normal none running blink;
}

.general_form.active .general_blinker {
	display: block;
}

.general_input {
	position: absolute;
	top: 0;

	opacity: 0;
	z-index: -1;
}

/* General. */



/* Edge. */

.edge {
	padding-top: 80px;
}

.edge_group {

}

.edge_title {
	font-size: 42px;
	font-weight: 500;
	font-family: 'Domine', sans-serif;
	text-align: center;
}

.edge_blocks {
	display: flex;
	flex-wrap: wrap;

	margin: -10px;
	padding-top: 60px;
}

.edge_block {
	width: calc(100% / 3 - 20px);
	margin: 10px;
	padding: 80px 28px 40px;
	background-color: var(--white-4);
	border-radius: 16px;
}

.edge_icon {
	position: relative;

	width: 120px;
	margin: 0 auto;
}

.edge_icon:before {
	content: '';
	position: absolute;

	width: 64px;
	height: 80px;
	background-image: url('/images/pattern.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 1;
}

.edge_icon.one:before {
	top: -8px;
	left: -28px;
}

.edge_icon.two:before {
	right: -28px;
	bottom: -8px;
}

.edge_icon.three:before {
	left: -28px;
	bottom: -8px;
}

.edge_icon img {
	position: relative;

	width: 100%;
	height: auto;
	z-index: 2;
}

.edge_label {
	margin-top: 40px;
	font-size: 36px;
	font-weight: 500;
	font-family: 'Domine', sans-serif;
	text-align: center;
}

.edge_descr {
	margin-top: 8px;
	font-size: 18px;
	text-align: center;
	line-height: 1.6;
}

/* Edge. */



/* Reviews. */

.reviews {
	padding: 80px 0;
}

.reviews_group {

}

.reviews_header {
	max-width: 600px;
	margin: 0 auto;
	padding-bottom: 36px;
	border-bottom: 1px solid var(--white-12);
}

.reviews_pretitle {
	color: var(--corp);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.reviews_title {
	margin-top: 16px;
	font-size: 42px;
	font-weight: 500;
	font-family: 'Domine', sans-serif;
	text-align: center;
}

.reviews_slider {
	position: relative;

	max-width: 600px;
	margin: 40px auto 0;
}

.reviews_slide {
	position: relative;

	margin-bottom: 8px;
	padding: 20px 28px;
	font-size: 14px;
	line-height: 1.8;
	background-color: #0A0A0A;
	border-radius: 16px;
}

.reviews_slide a {
	color: var(--corp);
}

.reviews_slide strong {
	font-weight: 500;
}

.reviews_slide:before {
	content: '';
	position: absolute;
	left: 28px;
	bottom: -4px;

	width: 8px;
	height: 8px;
	background-color: #0A0A0A;

	transform: rotate(45deg);
}

.reviews_who {
	margin-top: -20px;
	color: var(--corp);
	font-size: 21px;
	font-weight: 500;
	font-family: 'Domine', sans-serif;
}

.reviews_arrow {
	position: absolute;
	top: 50%;

	width: 44px;
	height: 44px;
	margin-top: -38px;
	background-color: var(--white-12);
	background-image: url('/images/arrow.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	border-radius: 50%;
	cursor: pointer;
	z-index: 3;

	transition: background-color .23s ease-out;
}

.reviews_arrow.left {
	left: -20%;
}

.reviews_arrow:hover {
	background-color: var(--corp);
}

.reviews_arrow.right {
	right: -20%;

	transform: rotate(180deg);
}

/* Reviews. */



/* Msg. */

.msg {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;

	padding: 22px 88px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	background-color: #000;
	cursor: pointer;
	opacity: 0;
	z-index: 100;

	transition: opacity .33s ease-out, transform .83s ease-out;
	will-change: transform;

	-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
}

.msg.red {
	background-color: #FF6A55;
}

.msg.green {
	background-color: var(--corp);
}

.msg.active {
	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

/* Msg.  */


/* Misc */

.button.t-b {
	background-color: white;
	color: #000;
}

.button.iconed {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.button .b-icon {
	display: block;
	width: auto;
	height: 40px;
}

.button .b-icon svg {
	display: block;
	height: 100%;
	width: auto;
}

/* Misc */


@-webkit-keyframes blink {
	0% {
		opacity: 0;
	}
	17% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	67% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes blink {
	0% {
		opacity: 0;
	}
	17% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	67% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media only screen and (max-width: 1280px) {
	.bg {
		background-image: url('/images/bg_2.svg');
	}
}

@media only screen and (max-width: 1100px) {
	/* General. */

	.general .bone {
		padding: 0;
	}

	.general_mask {
		-webkit-mask-size: auto 100%;
				mask-size: auto 100%;

		-webkit-mask-position: center;
				mask-position: center;
	}

	/* General. */
}

@media only screen and (max-width: 900px) {
	.bg {
		background-image: none;
	}

	/* Boxer. */

	.boxer_form {
		padding: 0;
	}

	/* Boxer. */



	/* Content. */

	.content {
		padding: 36px 0;
	}

	/* Content. */



	/* Footer. */

	.footer_group {
		flex-direction: column;
	}

	.footer_nav {
		align-items: center;
		flex-direction: column;
	}

	.footer_nav .tips {
		margin-right: 0;
		margin-bottom: 8px;
	}

	.footer_copy {
		margin-top: 24px;
	}

	/* Footer. */



	/* Edge. */

	.edge_label {
		font-size: 24px;
	}

	.edge_descr {
		margin-top: 16px;
		font-size: 16px;
	}

	/* Edge. */



	/* General. */

	.general_logo_left_fill {
		left: -280px;
	}

	.general_logo_right_fill {
		right: -280px;
	}


	.general_logo_left_dot {
		left: -240px;
	}

	.general_logo_right_dot {
		right: -240px;
	}

	/* General. */



	/* Reviews. */

	.reviews_arrow {
		display: none;
	}

	/* Reviews. */



	/* Profile. */

	.profile_form {
		padding: 0;
	}

	.profile_list_label span {
		display: block;

		padding-top: 8px;
		font-size: 14px;
	}

	.profile_list_value {
		display: flex;
		align-items: flex-end;
		flex-direction: column;

		text-align: right;
	}

	.profile_repeat {
		order: 1;
		display: block;

		margin-top: 8px;
		padding-left: 18px;
		font-size: 14px;
	}

	.profile_repeat:before {
		top: 3px;

		width: 10px;
		height: 10px;
	}

	.profile_repeat.left {
		margin-left: 0;
	}

	.profile_repeat.right {
		margin-right: 0;
	}

	/* Profile. */
}

@media only screen and (max-width: 600px) {
	/* Header. */

	.header_icon {
		width: 40px;
	}

	.header_label {
		font-size: 16px;
	}

	.header_label br {
		display: block;
	}

	.header_label span {
		display: none;
	}

	.header_buttons .tips:last-child {
		margin-left: 12px;
	}

	.header_avatar {
		width: 48px;
	}

	.header_avatar_group:before {
		right: 20px;
	}

	/* Header. */



	/* Boxer. */

	.boxer {
		padding: 24px;
	}

	/* Boxer. */



	/* Storyline. */

	.storyline_block {
		width: 100%;
	}

	/* Storyline. */



	/* Content. */

	.content_title {
		font-size: 36px;
		text-align: center;
	}

	.content_bar {
		display: none;
	}

	.content_group {
		width: 100%;
	}

	.content_header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		flex-direction: column;

		padding-left: 0;
	}

	/* Content. */



	/* Profile. */

	.profile_title {
		font-size: 36px;
	}

	/* Profile. */



	/* Button. */

	.button {
		width: 100%;
	}

	.boxer_col.between .button:last-child {
		margin-top: 16px;
	}

	/* Button. */



	/* Edge. */

	.edge_block {
		padding-top: 40px;
	}

	.edge_title {
		font-size: 36px;
	}

	.edge_block {
		width: 100%;
	}

	/* Edge. */



	/* Reviews. */

	.reviews_title {
		font-size: 36px;
	}

	.reviews_slide {
		font-size: 16px;
	}

	/* Reviews. */



	/* General. */

	.general_title {
		font-size: 36px;
	}

	/* General. */
}

@media only screen and (max-width: 440px) {
	/* General. */

	.general_form_text {
		top: 49%;

		transform: rotate(-2deg);
	}

	.general_form_text text {
		font-size: 15px;
	}

	/* General. */
}