:root {
	--black: #010101;
	--white: #FFF;

	--h1: 60px;
	--h2: 40px;
	--h3: 24px;
	--h4: 18px;
	--label: 16px;
	--big_text: 21px;
	--text: 18px;

	--font_title: 'Unbounded', serif;

	--v_padding: 80px;
	--g_padding: 140px;
}

* {
	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: 80px 0 0;
	color: var(--white);
	font-size: 15px;
	font-weight: 400;
	font-family: 'Tektur', serif;
	line-height: 1.15;
	background-color: var(--black);

	-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 40px;
}

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

.h1 {
	font-size: var(--h1);
	font-weight: 700;
	font-family: var(--font_title);
}

.h2 {
	font-size: var(--h2);
	font-weight: 700;
	font-family: var(--font_title);
}

.h3 {
	font-size: var(--h3);
	font-weight: 700;
	font-family: var(--font_title);
	text-transform: uppercase;
	line-height: 160%;
}

.h4 {
	font-size: var(--h4);
	font-weight: 700;
	font-family: var(--font_title);
	text-transform: uppercase;
	line-height: 160%;
}

.lbl {
	font-size: var(--label);
	font-weight: 600;
}

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

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

.nte {
	font-size: 14px;
	line-height: 180%;
}

.tac {
	text-align: center;
}

/* button */

.button {
	display: block;
	position: relative;

	padding: 8px 32px;
	color: var(--white);
	font-size: 14px;
	font-weight: 700;
	font-family: 'Tektur', sans-serif;
	text-align: center;
	text-transform: uppercase;
	background: linear-gradient(180deg, #368B3D 0%, #1A6425 100%);;
	border: 2px solid #6AA375;
	border-radius: 12px;
	box-shadow: none;
	cursor: pointer;

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

.button:hover {
	box-shadow: 0 0 0 4px rgba(42, 122, 51, .6);
}

.button:active {
	padding: 6px 8px 3px;
}

.button span {
	display: block;

	margin-top: 4px;
	opacity: .6;
}

/* - - - black */

.button.black {
	background: linear-gradient(180deg, #424242 0%, #010101 100%);
	border-color: #4E4E4E;
}

.button.black:hover {
	border-color: var(--black);
}

/* - - - big */

.button.big {
	padding: 16px 32px;
	font-size: 21px;
}

.button.big:active {
	padding: 17px 32px 15px;
}

/* button */



/* bar */

.bar {
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;

	max-width: 600px;
	width: 100%;

	background-color: var(--black);
	z-index: 998;

	transition: transform .23s ease-out;
	transform: translateX(100%);
}

.bar.active {
	transform: translateX(0) !important;
}

.bar_scroll {
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	position: relative;

	width: calc(100% + 30px);
	height: 100vh;
	padding: 0 30px 0 0px;

	-webkit-overflow-scrolling: touch;
}

.bar_scroll::-webkit-scrollbar {
	width: 0;
}

.bar_scroll {
	-ms-overflow-style: none;
}

.bar_scroll {
	overflow: -moz-scrollbars-none;
}

.bar_nav {
	flex-grow: 1;

	padding: 120px 20px 40px;
}

.bar_nav_li {
	padding: 12px 0;
	text-align: center;
}

.bar_nav_li a {
	color: var(--white);
	font-size: 24px;
	font-weight: 600;
	font-family: var(--h2);
	line-height: 140%;
	opacity: .6;

	transition: color .23s ease-out;
}

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

.bar_bottom {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	gap: 24px;

	padding-bottom: 80px;
}

.bar_bottom .header_phone_link {
	color: var(--white);
}

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

/* bar */



/* visual */

.visual {
	position: relative;
}

.visual.top_dark,
.visual.top_medium,
.visual.top_light {
	padding-top: 160px;
}

.visual.bottom_dark,
.visual.bottom_medium,
.visual.bottom_light {
	padding-bottom: 160px;
}

.visual.top_padding {
	padding-top: 80px;
}

.visual.bottom_padding {
	padding-bottom: 80px;
}

.visual.top_dark:after,
.visual.top_medium:after,
.visual.top_light:after,
.visual.bottom_dark:before,
.visual.bottom_medium:before,
.visual.bottom_light:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;

	height: 80px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.visual.top_dark:after,
.visual.top_medium:after,
.visual.top_light:after {
	top: 0;
}

.visual.bottom_dark:before,
.visual.bottom_medium:before,
.visual.bottom_light:before {
	bottom: 0;
}

.visual.top_dark:after {
	background-image: url('../images/visual.bottom.dark.svg');

	transform: rotate(180deg);
}

.visual.bottom_dark:before {
	background-image: url('../images/visual.bottom.dark.svg');
}

.visual.top_medium:after {
	background-image: url('../images/visual.bottom.medium.svg');

	transform: rotate(180deg);
}

.visual.bottom_medium:before {
	background-image: url('../images/visual.bottom.medium.svg');
}

.visual.top_light:after {
	background-image: url('../images/visual.bottom.light.svg');

	transform: rotate(180deg);
}

.visual.bottom_light:before {
	background-image: url('../images/visual.bottom.light.svg');
}

/* visual */



/* header */

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	padding: 12px 0;
	background-color: var(--black);
	z-index: 999;

	transition: top .23s ease-out, padding .23s ease-out;
}

.header.lock {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.header.hidden {
	top: -88px;
}

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

.header_logo {
	width: 194px;
}

.header_logo img {

}

.header_nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.header_nav a {
	color: var(--white);

	transition: color .23s ease-out;
}

.header_nav a:hover {
	color: #F2B321;
}

.header_button {

}

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

.header_call {
	display: none;

	width: 68px;
	height: 48px;
	padding: 12px 22px;
	background: linear-gradient(180deg, #368B3D 0%, #1A6425 100%);
	border: 2px solid #6AA375;
	border-radius: 100px;

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

.header_call:hover {
	box-shadow: 0 0 0 4px rgba(42, 122, 51, .6);
}

.header_bar {
	position: relative;
	display: none;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

	width: 48px;
	height: 48px;

	background: linear-gradient(180deg, #424242 0%, #010101 100%);
	border: 2px solid #4E4E4E;
	border-radius: 100px;
	cursor: pointer;
}

.header_bar span {
	display: block;
	position: relative;

	width: 24px;
	height: 2px;

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

.header_bar span:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;

	width: 24px;
	height: 2px;
	background-color: var(--white);

	transition: transform .23s ease-out;
}

.header_bar span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;

	width: 24px;
	height: 2px;
	background-color: var(--white);

	transition: transform .23s ease-out;
}

.header_bar.active span {
	background-color: transparent;
}

.header_bar.active span:before {
	transform: translate3d(0, 3px, 0) rotate(-135deg);
}

.header_bar.active span:after {
	transform: translate3d(0, -3px, 0) rotate(135deg);
}

/* header */



/* general */

.general {
	padding: var(--v_padding) 0 200px;
	background-image: url('../images/general.bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.general_group {

}

.general_logo {
	width: 120px;
}

.general_logo img {

}

.general_title {
	margin-top: 60px;
}

.general_subtitle {
	margin-top: 20px;
}

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

	margin-top: 60px;
}

/* general */



/* brigade */

.brigade {
	padding: var(--v_padding) var(--g_padding);
	background-color: #222622;
}

.brigade_group {

}

.brigade_about {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px;
}

.brigade_about_block {

}

.brigade_about_title {
	padding-bottom: 40px;
	text-align: center;
}

.brigade_about_video {
	background-color: #4C5942;
	border-radius: 20px;
}

.brigade_about_video img {
	border-radius: 20px;
}

.brigade_about_block {
	width: calc(50% - 20px);
}

.brigade_about_text {
	padding-top: 86px;
}

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

	margin-top: var(--v_padding);
}

.brigade_form_title {

}

.brigade_form_subtitle {

}

.brigade_form_button {

}

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

	margin-top: var(--v_padding);
}

.brigade_info_block {
	width: calc(50% - 20px);
}

.brigade_info_image {
	margin-top: 40px;
}

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

.brigade_info_image img {
	border-radius: 20px;
}

.brigade_info_title {
	margin-top: var(--v_padding);
}

.brigade_info_text {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 20px;

	margin-top: 20px;
}

.brigade_info_text p {

}

.brigade_culture {
	margin-top: var(--v_padding);
}

.brigade_culture_title {

}

.brigade_culture_text {
	margin-top: 20px;
}

/* brigade */



/* edges */

.edges {
	padding: var(--v_padding) 0;
	background-color: #333A33;
}

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

.edges_block {
	width: calc(100% / 3 - 80px / 3);
}

.edges_title {

}

.edges_photo {

}

.edges_photo img {
	border-bottom: 8px solid #222622;
	border-radius: 0 0 20px 20px;
}

.edges_block {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 20px;

	padding: 60px;
	background-color: #222622;
	border-radius: 20px;
}

.edges_logo {
	width: 48px;
}

.edges_logo img {

}

.edges_block_title {

}

.edges_block_descr {

}

.edges_block.bg {
	background-image: url('../images/edges.bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.edges_block.none {
	padding: 0;
	background-color: transparent;
}

/* edges */



/* steps */

.steps {
	padding: var(--v_padding) 0;
	background-color: #222622;
}

.steps_group {

}

.steps_header {

}

.steps_title {

}

.steps_subtitle {
	margin-top: 20px;
	color: #F2B321;
}

.steps_descr {
	margin-top: 20px;
}

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

	margin-top: var(--v_padding);
}

.steps_block {
	width: calc(100% / 3 - 80px / 3);
	padding: 60px;
	background-color: #1A1C1A;
	border-radius: 20px;
}

.steps_block_number {
	color: #F2B321;
}

.steps_block_descr {
	margin-top: 20px;
}

.steps_block_button {
	display: flex;

	margin-top: 20px;
}

/* steps */



/* footer */

.footer {
	padding: var(--v_padding) 0;
	background-color: #1A1C1A;
}

.footer_group {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}

.footer_descr {

}

.footer_phone {

}

.footer_phone a {
	color: #F2B321;

	transition: color .23s ease-out;
}

.footer_phone a:hover {
	color: var(--white);
}

.footer_email {

}

.footer_email a {
	color: var(--white);

	transition: color .23s ease-out;
}

.footer_email a:hover {
	color: #F2B321;
}

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

.footer_socs_icon {
	display: block;

	padding: 16px;
	background: linear-gradient(180deg, #368B3D 0%, #1A6425 100%);
	border: 2px solid #6AA375;
	border-radius: 50%;

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

.footer_socs_icon:hover {
	box-shadow: 0 0 0 4px rgba(42, 122, 51, .6);
}

.footer_socs_icon img {

}

/* footer */



/* copy */

.copy {
	padding: 40px 0;
	background-color: var(--black);
}

.copy_group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
}

.copy_links {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.copy_links a {
	color: var(--white);
}

.copy_right {
	opacity: .6;
}

/* copy */



/* about_video */

.about_video {
	background-color: #111816;
}

.about_video video {
	display: block;
}

/* about_video */



/* about_steps */

.about_steps {
	padding: var(--v_padding) 0;
	background-color: #222622;
}

.about_steps_group {

}

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

.about_steps_bbs {
	width: 120px;
}

.about_steps_header_title {

}

.about_steps_header_button {

}

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

	margin-top: 40px;
}

.about_steps_block {
	width: calc(100% / 3 - 40px / 3);
	padding: 40px;
	background-color: #333A33;
	border-radius: 20px;
}

.about_steps_number {
	color: #F2B321;
}

.about_steps_title {
	margin-top: 40px;
	color: var(--white);
	
}

.about_steps_descr {
	margin-top: 12px;
}

.about_steps_descr span {
	color: #F2B321;
}

/* about_steps */



/* contr_general */

.contr_general {
	padding: var(--v_padding) 0;
	background-image: url('../images/1824.bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.contr_general_group {

}

.contr_general_title {

}

.contr_general_subtitle {
	margin-top: 40px;
	color: #F2B321;
}

.contr_general_descr {
	margin-top: 40px;
}

.contr_general_button {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	margin-top: var(--v_padding);
}

/* contr_general */



/* contr_about */

.contr_about {
	padding: var(--v_padding) var(--g_padding);
	background-color: #333A33;
}

.contr_about_group {

}

.contr_about_title {

}

.contr_about_descr {
	margin-top: 40px;
}

.contr_about_slider {
	overflow: hidden;

	margin-top: var(--v_padding);
	border-radius: 20px;
}

.contr_about_slide {

}

.contr_about_slide img {
	border-radius: 20px;
}

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

	margin-top: var(--v_padding);
}

.contr_about_block {
	width: calc(50% - 10px);
	padding: 24px 28px 20px;
	background-color: #222622;
	border-radius: 20px;
}

.contr_about_block_title {

}

.contr_about_block_descr {
	margin-top: 12px;
}

/* contr_about */



/* contr_plus */

.contr_plus {
	padding: 160px var(--g_padding);
	background-image: url('../images/contr.bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.contr_plus_group {

}

.contr_plus_title {

}

.contr_plus_row {
	margin-top: var(--v_padding);
}

.contr_plus_label {

}

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

	margin-top: 40px;
}

.contr_plus_block {
	padding: 20px 24px 20px 52px;
	background-color: #333A33;
	background-image: url('../images/contr.plus.svg');
	background-position: 28px 26px;
	background-repeat: no-repeat;
	background-size: 12px;
	border-radius: 20px;
}

/* contr_plus */



/* vacancy */

.vacancy {
	padding: var(--v_padding) 0;
	background-color: #222622;
}

.vacancy_group {

}

.vacancy_title {

}

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

	margin-top: var(--v_padding);
}

.vacancy_block {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;

	width: calc(25% - 15px);
	padding: 20px;
	background-color: #1A1C1A;
	border-radius: 20px;
}

.vacancy_block_image {

}

.vacancy_block_image img {

}

.vacancy_block_title {
	margin-top: 20px;
}

.vacancy_block_descr {
	flex-grow: 1;

	margin-top: 12px;
}

.vacancy_block_button {
	margin-top: 20px;
}


/* vacancy */



/* dream */

.dream {
	padding: var(--v_padding) 0;
	background-color: #1A1C1A;
}

.dream_group {

}

.dream_title {

}

.dream_descr {
	margin-top: 40px;
}

.dream_descr a {
	color: #F2B321;
}

.dream_image {
	margin-top: var(--v_padding);
}

.dream_image img {
	border-radius: 20px;
}

.dream_button {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	margin-top: var(--v_padding);
}

/* dream */



/* boards */

.boards {
	padding: 160px 0;
	background-color: #222622;
}

.boards_group {

}

.boards_title {

}

.boards_descr {

}

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

	margin-top: var(--v_padding);
}

.boards_block {
	width: calc(20% - 16px);
	padding: 40px;
	background-color: #333A33;
	border-radius: 20px;
}

.boards_block_image {
	max-width: 120px;
	margin: 0 auto;
}

.boards_block_image img {

}

.boards_block_button {
	margin-top: 20px;
}

/* boards */



/* media */

.media {
	padding: var(--v_padding) 0;
	background-color: #222622;
}

.media_group {

}

.media_title {

}

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

	margin-top: var(--v_padding);
}

.media_info {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	gap: 40px;

	width: calc(50% - 20px);
	padding: 40px 60px;
	background-color: #1A1C1A;
	border-radius: 20px;
}

.media_info_title {

}

.media_info_separator {
	width: 120px;
	border-top: 2px dashed #F2B321;
}

.media_info_descr {

}

.media_info_descr p {

}

.media_images {
	width: calc(50% - 20px);
}

.media_images_row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.media_images_row_image {
	overflow: hidden;

	width: calc(100% / 3 * 2 - 10px);
}

.media_images_row_image img {
	object-fit: cover;

	height: 100%;
	border-radius: 20px;
}

.media_images_row_col {
	width: calc(100% / 3 - 10px);
}

.media_images_row_col_image {
	margin-top: 20px;
}

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

.media_images_row_col_image img {
	border-radius: 20px;
}

.media_images_big {
	margin-top: 20px;
}

.media_images_big img {
	border-radius: 20px;
}

/* media */



/* videos */

.videos {
	padding: var(--v_padding) 0;
	background-color: #333A33;
}

.videos.even {
	background-color: #222622;
}

.videos_group {

}

.videos_row {

}

.videos_title {
	display: inline-block;

	padding: 20px;
	background-color: #222622;
	border-radius: 20px;
}

.videos.even .videos_title {
	background-color: #333A33;
}

.videos_title span {
	color: #F2B321;
}

.videos_blocks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px;

	margin-top: 40px;
}

.videos_descr {
	width: calc(50% - 20px);
}

.videos_descr span {

}

.videos_player {
	width: calc(50% - 20px);
	background-color: #4C5942;
	border-radius: 20px;
}

.videos_player iframe {
	display: block;

	border-radius: 20px;
}

/* videos */



/* faqs */

.faqs {
	padding: var(--v_padding) var(--g_padding);
	background-color: #222622;
}

.faqs_group {

}

.faqs_title {
	margin-bottom: 60px;
}

.faqs_block {
	position: relative;

	margin-top: 20px;
	padding: 32px 40px;
	background-color: #1A1C1A;
	border-radius: 20px;
	cursor: pointer;
}

.faqs_block:before {
	content: '';
	position: absolute;
	top: 40px;
	right: 32px;

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

	transition: transform .23s ease-out;
}

.faqs_block.active:before {
	transform: rotate(45deg);
}

.faqs_block_title {
	transition: color .23s ease-out;
}

.faqs_block:hover .faqs_block_title {
	color: #F2B321;;
}

.faqs_hidden {
	display: none;
}

.faqs_block_descr {
	margin-top: 20px;
}

.faqs_block_descr p {

}

.faqs_block_descr p span {
	color: #F2B321;
}

.faqs_block_descr p a {
	color: #F2B321;

	transition: color .23s ease-out;
}

.faqs_block_descr p a:hover {
	color: var(--white);
}

/* faqs */



/* contacts */

.contacts {
	padding: var(--v_padding) 0;
	background-color: #222622;
}

.contacts_group {

}

.contacts_title {

}

.contacts_descr {
	margin-top: 20px;
}

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

	margin-top: var(--v_padding);
}

.contacts_block {
	width: calc(100% / 3 - 80px / 3);
	padding: 40px;
	background-color: #1A1C1A;
	border-radius: 20px;
}

.contacts_block_icon {
	width: 64px;
	margin: 0 auto;
	padding: 16px;
	background: linear-gradient(180deg, #368B3D 0%, #1A6425 100%);
	border: 2px solid #6AA375;
	border-radius: 50%;
}

.contacts_block_icon img {

}

.contacts_block_descr {
	margin-top: 20px;
}

.contacts_block_descr a {
	color: #F2B321;

	transition: color .23s ease-out;
}

.contacts_block_descr a:hover {
	color: var(--white);
}

.contacts_block_descr span {
	color: #F2B321;
}

.contacts_form {

}

.contacts_form_title {
	margin-top: var(--v_padding);
}

.contacts_form_button {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	margin-top: 20px;
}

/* contacts */



/* texter */

.texter {
	padding: var(--v_padding) var(--g_padding);
	background-color: #222622;
}

.texter_group {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 40px;
}

.texter_title {

}

.texter_subtitle {

}

/* texter */



/* 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: 1400px) {
	:root {
		--g_padding: 0;
	}

	/* header */

	.header_nav {
		display: none;
	}

	.header_bar {
		display: flex;
	}

	/* header */



	/* edges */

	.edges_block {
		width: calc(50% - 20px);
	}

	/* edges */
}

@media only screen and (max-width: 1200px) {
	:root {
		--h1: 48px;
		--h2: 32px;
		--h3: 21px;
		--h4: 16px;
		--label: 15px;
		--big_text: 18px;
		--text: 16px;
	}



	/* brigade */

	.brigade_about {
		gap: 20px;
	}

	.brigade_about_block {
		width: calc(50% - 10px);
	}

	.brigade_info {
		gap: 20px;
	}

	.brigade_info_block {
		width: calc(50% - 10px);
	}

	/* brigade */



	/* edges */

	.edges_group {
		gap: 20px;
	}

	.edges_block {
		width: calc(50% - 10px);
		padding: 40px;
	}

	/* edges */



	/* steps */

	.steps_blocks {
		gap: 20px;
	}

	.steps_block {
		width: calc(100% / 3 - 40px / 3);
		padding: 40px;
	}

	/* steps */



	/* vacancy */

	.vacancy_block {
		width: calc(100% / 3 - 40px / 3);
	}

	/* vacancy */



	/* media */

	.media_blocks {
		gap: 20px;
	}

	.media_info {
		width: calc(50% - 10px);
		padding: 40px;
	}

	.media_images {
		width: calc(50% - 10px);
	}

	/* media */



	/* contacts */

	.contacts_blocks {
		gap: 20px;
	}

	.contacts_block {
		width: calc(100% / 3 - 40px / 3);
		padding: 20px;
	}

	/* contacts */
}

@media only screen and (max-width: 980px) {
	:root {
		--h1: 40px;
		--h2: 32px;
		--h3: 19px;
		--h4: 16px;
		--label: 15px;
		--big_text: 18px;
		--text: 16px;

		--v_padding: 40px;
	}

	body {
		padding-top: 72px;
	}

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



	/* visual */

	.visual.top_dark,
	.visual.top_medium,
	.visual.top_light {
		padding-top: 80px;
	}

	.visual.bottom_dark,
	.visual.bottom_medium,
	.visual.bottom_light {
		padding-bottom: 80px;
	}

	.visual.top_padding {
		padding-top: 40px;
	}

	.visual.bottom_padding {
		padding-bottom: 40px;
	}
	.visual.top_dark:after,
	.visual.top_medium:after,
	.visual.top_light:after,
	.visual.bottom_dark:before,
	.visual.bottom_medium:before,
	.visual.bottom_light:before {

		height: 40px;
	}

	/* visual */



	/* header */

	.header_logo {
		width: 148px;
	}

	.header_button {
		display: none;
	}

	.header_call {
		display: block;
	}

	/* header */



	/* general */

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

	.general_logo {
		width: 80px;
	}

	.general_title {
		text-align: center;
	}

	.general_subtitle {
		text-align: center;
	}

	.general_buttons {
		justify-content: center;
	}

	/* general */



	/* brigade */

	.brigade_about_block {
		width: 100%;
	}

	.brigade_about_text {
		padding-top: 20px;
	}

	.brigade_form {
		padding: 40px 20px;
		background-color: #333A33;
		border-radius: 20px;
	}

	.brigade_info_block {
		width: 100%;
	}

	/* brigade */



	/* edges */

	.edges_block {
		width: 100%;
	}

	.edges_block.bg {
		height: 200px;
	}

	/* edges */



	/* steps */

	.steps_block {
		width: 100%;
	}

	/* steps */



	/* footer */

	.footer_phone a {
		font-size: var(--h3);
	}

	/* footer */



	/* copy */

	.copy_group {
		justify-content: center;
	}

	.copy_links {
		justify-content: center;

		width: 100%;
	}

	/* copy */



	/* about */

	.about_steps_header {
		justify-content: center;
	}

	.about_steps_block {
		width: 100%;
	}

	.about_steps_header_title {
		text-align: center;
	}

	/* about */



	/* contr */

	.contr_general {
		background-position: top right;
	}

	.contr_general_subtitle br {
		display: none;
	}

	.contr_general_descr br {
		display: none;
	}

	.contr_about_block {
		width: 100%;
	}

	/* contr */



	/* vacancy */

	.vacancy_block {
		width: 100%;
	}

	/* vacancy */



	/* board */

	.boards_block {
		width: 100%;
	}

	/* board */



	/* media */

	.media_info {
		width: 100%;
	}

	.media_images {
		order: 1;

		width: 100%;
	}

	/* media */



	/* videos */

	.videos_descr {
		width: 100%;
	}

	.videos_player {
		order: 1;

		width: 100%;
	}

	/* videos */



	/* faqs */

	.faqs_block {
		padding: 20px 40px 20px 20px;
	}

	.faqs_block:before {
		top: 20px;
		right: 20px;

		width: 16px;
		height: 16px;
	}

	/* faqs */



	/* contacts */

	.contacts_descr br {
		display: none;
	}

	.contacts_block {
		width: 100%;
	}

	/* contacts */
}