:root {
	--white: #FFF;
	--black: #1D1D1D;
	--caps: 12px;
	--button: 15px;
	--h2: 36px;
	--h3: 24px;
	--h4: 19px;
	--big_text: 21px;
	--note: 14px;
	--v_padding: 80px;





	--bg: #ECB239;
	--dark_bg: #DD9C1A;
	--accent: #7E3B03;
	
	--placeholder: rgba(30, 0, 0, .4);


	--h1: 48px;
	--text: 16px;
	--label: 16px;
}

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

	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
			text-size-adjust: none;
}

html {
	display: block;
}

body {
	margin: 0;
	padding: 0;
	color: var(--black);
	font-size: var(--text);
	font-weight: 400;
	font-family: 'Lato', serif;
	line-height: 1.15;
	background-color: #F5F7FB;

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

img {
	display: block;

	width: 100%;
	height: auto;
}

a,
a:hover {
	text-decoration: none;
	cursor: pointer;
}

.bone {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 80px;
}

.bone_bottom {
	padding-bottom: var(--v_padding);
}



/* main */

.h1 {
	font-size: var(--h1);
	text-transform: uppercase;
	line-height: 140%;
}

.lbl {
	font-size: var(--label);
	line-height: 120%;
}

.txt {
	font-size: var(--text);
	line-height: 180%;
}

.tac {
	text-align: center;
}

/* main */



/* global */

.global_header {
	margin-bottom: 20px;
}

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

.global_pretitle {
	color: var(--accent);
}

.global_title {

}

.global_subtitle {
	color: var(--accent);
}

/* - - - toggle */

.global_toggle {

}

.global_toggle_nav {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}

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

	cursor: pointer;
}

.global_toggle_li_before,
.global_toggle_li_after {
	width: 6px;
	height: 44px;
	background-image: url('../images/icons/button.form.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 0;

	transition: opacity .23s ease-out;
}

.global_toggle_li_label {
	height: 44px;
	padding: 0 20px;
	font-size: var(--caps);
	text-transform: uppercase;
	line-height: 42px;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;

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

.global_toggle_li_after {
	transform: rotate(180deg);
}

.global_toggle_li:hover .global_toggle_li_label,
.global_toggle_li.active .global_toggle_li_label {
	border-color: var(--black);
}

.global_toggle_li:hover .global_toggle_li_before,
.global_toggle_li:hover .global_toggle_li_after,
.global_toggle_li.active .global_toggle_li_before,
.global_toggle_li.active .global_toggle_li_after {
	opacity: 1;
}

/* global */



/* input */

.input,
.textarea {
	display: block;

	width: 100%;
	height: 44px;
	padding: 12px 20px 10px;
	color: var(--black);
	font-size: var(--label);
	font-weight: 400;
	font-family: 'Roslyn', sans-serif;
	line-height: 19px;
	background-color: transparent;
	border: 2px solid var(--black);
	border-radius: 0;
	box-shadow: none;
	outline: none;

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

	-webkit-appearance: none;
}

.input.err,
.textarea.err {
	background-color: rgba(238, 12, 12, .12);
}

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

.input:focus,
.textarea:focus {
	border-color: var(--accent);
	box-shadow: none;
}

.textarea {
	resize: vertical;

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

.error {
	width: 100%;
	text-align: left;
}

.error span {
	color: #EE0C0C;
}

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

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

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

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

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

:-moz-placeholder {
	color: var(--placeholder);
	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 */



/* select */

.select {
	position: relative;

	height: 44px;
	padding: 12px 20px 12px;
	color: var(--black);
	font-size: var(--label);
	font-weight: 400;
	line-height: 19px;
	border: 2px solid var(--black);
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	z-index: 1;

	transition: background-color .23s ease-out, border-color .23s ease-out, box-shadow .23s ease-out;
}

.select:hover {
	
}

.select.active {
	z-index: 2;
}

.select:before {
	content: '';
	pointer-events: none;
	position: absolute;
	top: 13px;
	right: 20px;

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

	transition: transform .23s ease-out;
	transform: rotate(270deg) translateX(-1px);
}

.select.active:before {
	transform: rotate(450deg);
}

.select_ul {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;

	padding: 8px 0;
	background-color: var(--light_black);
	border: 2px solid var(--corp);
	border-radius: 12px;

	-ms-overflow-style: none;
	   scrollbar-width: none;
}

.select_ul::-webkit-scrollbar {
	display: none;
}

.select.active .select_ul {
	display: block;
	overflow-y: scroll;

	max-height: 350px;
}

.select_li {
	padding: 8px 20px 8px;
	cursor: pointer;

	transition: color .23s ease-out;
}

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

/* select */



/* checkbox */

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

	outline: 0;
	opacity: 0;
}

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

	padding: 5px 0 3px 36px;
	color: var(--black);
	font-size: var(--label);
	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: var(--accent);

	transition: color .23s ease-out;
}

.checkbox + label a:hover {
	color: var(--black);
}

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

	width: 20px;
	height: 20px;
	border: 2px solid var(--black);
	border-radius: 0;

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

.checkbox + label:hover:before {
	border-color: var(--accent);
}

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

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

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

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

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

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

/* checkbox */


/* ███╗  ██╗ ███████╗ ██╗       ██╗ 
// ████╗ ██║ ██╔════╝ ██║  ██╗  ██║ 
// ██╔██╗██║ █████╗   ╚██╗████╗██╔╝ 
// ██║╚████║ ██╔══╝    ████╔═████║  
// ██║ ╚███║ ███████╗  ╚██╔╝ ╚██╔╝  
// ╚═╝  ╚══╝ ╚══════╝   ╚═╝   ╚═╝   */



/* main */

.h2 {
	font-size: var(--h2);
	font-weight: 700;
	line-height: 140%;
}

.h3 {
	font-size: var(--h3);
	font-weight: 700;
	line-height: 140%;
}

.h4 {
	font-size: var(--h4);
	font-weight: 700;
	line-height: 140%;
}

.btxt {
	font-size: var(--big_text);
	line-height: 180%;
}

/* main */



/* button */

.button {
	display: block;
	position: relative;

	height: 48px;
	padding: 0 20px;
	font-size: var(--button);
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	text-align: center;
	text-transform: uppercase;
	line-height: 48px;
	background-color: transparent;
	border-radius: 16px;
	box-shadow: none;
	cursor: pointer;

	transition: color .23s ease-out, background-color .23s ease-out, border-color .23s ease-out, box-shadow .23s ease-out;
}

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

/* - - - black */

.button.black {
	color: var(--white);
	background: #372148;
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .12), inset -2px -2px 4px rgba(0, 0, 0, .4);
}

.button.black:hover {
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .4), inset -2px -2px 4px rgba(255, 255, 255, .32);
}

/* - - - white */

.button.white {
	color: var(--white);
	background: linear-gradient(111deg, #FFA9FE 0%, #6B21AF 100%);
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .32), inset -2px -2px 4px rgba(0, 0, 0, .4);
}

.button.white:hover {
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .4), inset -2px -2px 4px rgba(255, 255, 255, .32);
}

/* - - - purple */

.button.purple {
	color: var(--white);
	background-color: #A25AE6;
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .12), inset -2px -2px 4px rgba(0, 0, 0, .4);
}

.button.purple:hover {
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .4), inset -2px -2px 4px rgba(255, 255, 255, .12);
}

/* - - - green */

.button.green {
	color: #23400B;
	background: linear-gradient(111deg, #CBF54C 0%, #7CF54C 100%), #97F54C;
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .12), inset -2px -2px 4px rgba(0, 0, 0, .4);
}

.button.green:hover {
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .4), inset -2px -2px 4px rgba(255, 255, 255, .12);
}

/* button */



/* header */

.header {
	padding: 12px;
}

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

	padding: 12px 12px 12px 20px;
	background: #281B32;
	border-radius: 28px;
}

.header_logo {
	height: 48px;
}

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

.header_nav {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.header_nav_li {
	color: var(--white);
	font-size: var(--caps);
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;

	transition: color .23s ease-out;
}

.header_nav_li:hover {
	color: #FFA9FE;
}

.header_buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* header */



/* general */

.general {
	background: linear-gradient(180deg, #F5F7FB 0%, #DDC9FF 100%);
}

.general_group {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 80px;
}

.general_info {
	width: calc(50% - 40px);
	padding: 80px 0;
}

.general_logo {
	width: 52px;
}

.general_logo img {

}

.general_title {
	margin-top: 16px;
}

.general_descr {
	margin-top: 40px;
}

.general_button {
	display: flex;

	margin-top: 40px;
}

.general_cover {
	width: calc(50% - 40px);
}

/* general */



/* with */

.with {
	padding: var(--v_padding) 0;
	background-color: #CAAFFF;
}

.with_group {

}

.with_title {
	color: #281B32;
	font-size: 48px;
	font-weight: 700;
	text-transform: uppercase;
}

.with_blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;

	margin-top: 40px;
}

.with_block {
	width: calc(50% - 20px);
	padding: 40px;
	background-color: #281B32;
	border-radius: 16px;
}

.with_block_list ul {
	margin: 0 0 0 8px;

	list-style: none;
}

.with_block_list li {
	position: relative;

	margin-top: 12px;
	padding-left: 20px;
	font-size: var(--big_text);
}

.with_block_list li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;

	width: 8px;
	height: 8px;
	border-radius: 50%;
}

/* - - - within */

.with_block.within .with_block_title {
	color: #6F767E;
}

.with_block.within .with_block_list li {
	color: #6F767E;
}

.with_block.within .with_block_list li:before {
	background-color: #F1B5F2;
}

/* - - - without */

.with_block.without .with_block_title {
	color: #A25AE6;
}

.with_block.without .with_block_list li {
	color: var(--white);
}

.with_block.without .with_block_list li:before {
	background-color: #A25AE6;
}

/* with */



/* how */

.how {
	overflow: hidden;

	padding: var(--v_padding) 0;
	background-color: #DDC9FF;
}

.how_group {

}

.how_header {
	display: flex;
	justify-content: center;
	gap: 120px;

	font-size: 80px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 100%;
	white-space: nowrap;
}

.how_header span {
	display: block;

	color: var(--white);
	opacity: .4;
}

.how_header span.how_header_center {
	position: relative;

	color: #281B32;
	opacity: 1;
}

.how_header span.how_header_center:before,
.how_header span.how_header_center:after {
	content: '';
	position: absolute;
	top: 50%;

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

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

.how_header span.how_header_center:before {
	left: -80px;
}

.how_header span.how_header_center:after {
	right: -80px;
}

.how_toggle {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;

	margin-top: 40px;
}

.how_toggle_label {

}

.how_toggle.client .how_toggle_label:first-child {
	color: var(--white);
}

.how_toggle.client .how_toggle_label:last-child {
	color: #281B32;
}

.how_toggle_button {
	width: 64px;
	height: 44px;
	padding: 12px;
	background-color: #372148;
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .12), inset -2px -2px 4px rgba(0, 0, 0, .4);
	border-radius: 100px;
}

.how_toggle_button_pin {
	width: 20px;
	height: 20px;
	background-color: #A25AE6;
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .12), inset -2px -2px 4px rgba(0, 0, 0, .4);
	border-radius: 50%;
}

.how_blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;

	margin-top: 40px;
}

.how_block {
	width: calc(25% - 15px);
	padding: 20px 20px 32px;
	background: linear-gradient(137deg, #956DCC 0%, #674797 100%);
	border-radius: 32px;
	box-shadow: inset -4px -4px 4px #4D2969, inset 4px 4px 4px #CEADFE;
}

.how_block_image {

}

.how_block_image img {
	border: 2px solid #4D2969;
	border-radius: 12px;
}

.how_block_info {
	padding-top: 16px;
}

.how_block_title {
	color: var(--white);
	text-align: center;
}

.how_block_descr {
	margin-top: 12px;
	color: var(--white);
	font-size: var(--note);
	text-align: center;
	line-height: 160%;
}

/* how */



/* gallery */

.gallery {
	overflow: hidden;
	position: relative;

	padding: var(--v_padding) 0;
	background: #A25AE6;
}

.gallery_group {

}

.gallery_header {

}

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

.gallery_subtitle {
	margin-top: 12px;
	color: var(--white);
}

.gallery_gotext {
	position: absolute;
	left: 0;

	width: 100vw;
	margin-top: 40px;
}

.gallery_gotext_line {
	display: inline-block;

	white-space: nowrap;
}

.gallery_gotext span {
	display: inline-block;
	position: relative;

	padding-right: 120px;
	color: var(--white);
	font-size: 80px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 100%;
}

.gallery_gotext span:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 40px;

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

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

.gallery_slider {
	margin: 200px -20px 0;
}

.gallery_slide {
	padding: 20px;
}

.gallery_shadow {
	position: relative;
}

.gallery_shadow:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	border-radius: 32px;
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .32), inset -2px -2px 4px rgba(0, 0, 0, .4);
}


.gallery_shadow img {
	border-radius: 32px;
}

/* gallery */



/* why */

.why {
	padding: var(--v_padding) 0;
	background: linear-gradient(360deg, #F5F7FB 0%, #DDC9FF 100%);
}

.why_group {

}

.why_title {
	color: #281B32;
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	line-height: 100%;
}

.why_blocks {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;

	margin-top: 40px;
}

.why_block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;

	padding: 24px;
	background: linear-gradient(137deg, #956DCC 0%, #674797 100%);
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .12), inset -2px -2px 4px rgba(0, 0, 0, .4);
	border-radius: 32px;
}

.why_block_icon {
	width: 24px;
}

.why_block_icon img {

}

.why_block_label {
	color: #F1E0FF;
}

/* why */



/* ready */

.ready {
	padding: 12px;
	background-color: #F5F7FB;
}

.ready_group {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	gap: 20px;

	padding: 40px 24px;
	background-image: url('../images/home/ready.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 32px;
}

.ready_title {
	color: #F5F7FB;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.ready_button {

}

/* ready */



/* footer */

.footer {
	padding: 0 12px 12px;
}

.footer_group {
	padding: 48px 48px 20px;
	background: #281B32;
	border-radius: 28px;
}

.footer_main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 40px;

	padding-bottom: 48px;
}

.footer_logo {
	height: 48px;
}

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

.footer_nav {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.footer_nav_li {
	color: var(--white);
	font-size: var(--caps);
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;

	transition: color .23s ease-out;
}

.footer_nav_li:hover {
	color: #FFA9FE;
}

.footer_socs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.footer_socs_icon {
	width: 52px;
	height: 52px;
	padding: 16px;
	background-color: #372148;
	box-shadow: inset 2px 2px 4px rgba(255, 255, 255, .32), inset -2px -2px 4px rgba(0, 0, 0, .4);
	border-radius: 16px;
	cursor: pointer;

	transition: box-shadow .23s ease-out;
}

.footer_socs_icon:hover {
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .4), inset -2px -2px 4px rgba(255, 255, 255, .32);
}

.footer_socs_icon img {

}

.footer_copy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	padding-top: 20px;
	border-top: 1px solid #372148;
}

.footer_copy_links {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.footer_copy_links a {
	color: var(--white);
	font-size: 16px;
}

.footer_copy_right {
	color: var(--white);
	font-size: 16px;
}

/* footer */



/* ███╗  ██╗ ███████╗ ██╗       ██╗ 
// ████╗ ██║ ██╔════╝ ██║  ██╗  ██║ 
// ██╔██╗██║ █████╗   ╚██╗████╗██╔╝ 
// ██║╚████║ ██╔══╝    ████╔═████║  
// ██║ ╚███║ ███████╗  ╚██╔╝ ╚██╔╝  
// ╚═╝  ╚══╝ ╚══════╝   ╚═╝   ╚═╝   */


/* animation */

.animation_top {
	opacity: 0;

	transform: translate3d(0, 40px, 0);
	transition: opacity .63s ease-in-out, transform .63s ease-in-out;
}

.animation_top.active {
	opacity: 1;

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

.animation_left {
	opacity: 0;

	transform: translate3d(-40px, 0, 0);
	transition: opacity .63s ease-in-out, transform .63s ease-in-out;
}

.animation_left.active {
	opacity: 1;

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

.animation_opacity {
	opacity: 0;

	transform: translate3d(40px, 0, 0);
	transition: opacity .63s ease-in-out, transform .63s ease-in-out;
}

.animation_opacity.active {
	opacity: 1;

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

.animation_rotate {
	opacity: 0;

	transform: rotate(-90deg);
	transition: opacity 1.1s ease-in-out, transform 1.1s ease-in-out;
}

.animation_rotate.active {
	opacity: 1;

	transform: rotate(90deg);
}

.animation_rotate_2 {
	opacity: 0;

	transform: rotate(-25deg);
	transition: opacity 1.1s ease-in-out, transform 1.1s ease-in-out;
}

.animation_rotate_2.active {
	opacity: 1;

	transform: rotate(0);
}

.animation_levitate {
	will-change: transform;

	animation: levitate-animation 8s ease-in-out infinite alternate;
}

.animation_orbita {
	will-change: transform;

	animation: orbita-animation 16s ease-in-out infinite alternate;
}

@keyframes arrow-animation {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(20px, 0, 0);
	}
}

@keyframes orbita-animation {
	from {
		transform: rotate(0deg) translateX(40px) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translateX(40px) rotate(-360deg);
	}
}

@keyframes levitate-animation {
	0% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(3%, -5%, 0);
	}
	100% {
		transform: translate3d(0, -7%, 0);
	}
}

/* animation */




@media only screen and (max-width: 1320px) {
	/* general */

	.general_descr br {
		display: none;
	}

	.general_cover img {
		width: calc(100% + 80px);
		margin-left: -80px;
	}

	/* general */
}

@media only screen and (max-width: 1220px) {
	:root {
		--h3: 21px;
		--big_text: 19px;
	}



	/* for */

	.for_block {
		padding: 60px;
	}

	.for_label {
		right: -20px;
	}

	/* for */
}

@media only screen and (max-width: 1120px) {
	/* general */

	.general_title br {
		display: none;
	}

	/* general */



	/* with */

	.with_title {
		font-size: 27px;
	}

	/* with */
}

@media only screen and (max-width: 980px) {
	:root {
		--h2: 27px;
		--h3: 19px;
		--big_text: 16px;
		--v_padding: 40px;
	}

	.bone {
		max-width: 600px;
		padding: 0 24px;
	}


	/* header */

	.header_group {
		padding-right: 24px;
	}

	.header_logo {
		height: 32px;
	}

	.header_nav {
		gap: 12px;
	}

	.header_buttons {
		display: none;
	}

	/* header */



	/* general */

	.general_group {
		gap: 0;
	}

	.general_info {
		width: 100%;
		padding: 40px 0;
	}

	.general_descr {
		margin-top: 20px;
	}

	.general_cover {
		width: 100%;
	}

	.general_cover img {
		width: 100%;
		margin-left: 0;
	}

	.general_button {
		margin-top: 20px;
	}

	/* general */



	/* how */

	.how_block {
		width: 100%;
	}

	.how_header {
		gap: 96px;

		font-size: 32px;
	}

	.how_header span.how_header_center:before,
	.how_header span.how_header_center:after {
		width: 32px;
		height: 32px;
	}

	.how_header span.how_header_center:before {
		left: -64px;
	}

	.how_header span.how_header_center:after {
		right: -64px;
	}

	/* how */



	/* for */

	.for_block {
		width: 100%;
		padding: 40px 60px 40px 24px;
	}

	.for_label {
		right: -36px;

		width: 20px;
	}

	.for_list li {
		margin-top: 4px;
		font-size: 14px;
		line-height: 160%;
	}

	/* for */



	/* with */

	.with_blocks {
		gap: 12px;

		margin-top: 20px;
	}

	.with_block {
		width: 100%;
		padding: 24px;
	}

	.with_block_list li {
		margin-top: 4px;
		font-size: 14px;
		line-height: 160%;
	}

	/* with */



	/* gallery */

	.gallery_slider {
		margin-top: 102px;
	}

	.gallery_gotext span {
		padding-right: 96px;
		font-size: 32px;
	}

	.gallery_gotext span:after {
		right: 32px;

		width: 32px;
		height: 32px;
	}

	/* gallery */



	/* why */

	.why_title {
		font-size: 32px;
	}

	.why_blocks {
		gap: 8px;
	}

	.why_block {
		padding: 16px;
	}

	/* why */



	/* ready */

	.ready_title {
		font-size: 32px;
	}

	/* ready */



	/* footer */

	.footer_group {
		padding: 40px 24px 24px;
	}

	.footer_main {
		flex-direction: column;
	}

	.footer_copy {
		flex-direction: column;
	}

	.footer_copy_links {
		gap: 20px;
	}

	/* footer */
}