/* ---------- common start ---------- */

:root {
	--black-color: #231F20;
	--yellow-color: #FEE934;
	--white-color: #FFFFFF;
	--grey-color-0: #8C8C8C;
	--grey-color-1: #A5A5A5;
	--grey-color-2: #C6C6C6;
	--grey-color-3: #DFDFDF;
	--grey-color-4: #F3F3F3;
	--red-color: #D2202F;
}
@font-face {
    font-family: 'Unbounded';
    src: url('./fonts/Unbounded-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Golos Text';
    src: url('./fonts/GolosText-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Golos Text';
    src: url('./fonts/GolosText-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded Blond';
    src: url('./fonts/Unbounded-Blond.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Golos Text';
    src: url('./fonts/GolosText-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Golos Text';
    src: url('./fonts/GolosText-DemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded';
    src: url('./fonts/Unbounded-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Golos Text';
    src: url('./fonts/GolosText-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded';
    src: url('./fonts/Unbounded-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded';
    src: url('./fonts/Unbounded-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Unbounded';
    src: url('./fonts/Unbounded-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	color: var(--black-color, #231F20);
	font-size: 1vw;
	font-family: 'Unbounded';
}
.no_highlights {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.main_section {
	display: block;
	width: 100%;
	/*height: 100vh;
	height: calc(var(--vh, 1vh) * 100);*/
	position: relative;
}
.h1_template {
	font-size: 9.5rem;
	line-height: .9em;
	font-weight: bold;
}
.h2_template {
	font-size: 4rem;
	line-height: 1em;
	font-weight: bold;
}
.team_list .h2_template {
	position: relative;
}
.team_list .h2_template:before {
	content: '→';
	position: absolute;
	top: 0;
	left: 0;
}
.h3_template {
	font-size: 3.2rem;
	line-height: 1.3em;
	font-weight: normal;
}
.nav_template {
	font-size: 3.8rem;
	line-height: 1.15em;
	font-family: 'Golos Text';
	font-weight: normal;
}
.p_template {
	font-size: 3.8rem;
	line-height: 1.15em;
	font-family: 'Golos Text';
	font-weight: normal;
}
.yellow_color_text {
	background-color: var(--yellow-color);
}

/* ---------- common end ---------- */

/* ---------- header start ---------- */

.index_header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 3rem 6rem;
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	width: 100%;
}
.burger_button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 18px;
	height: 16px;
	background-color: transparent;
	position: relative;
	border: none;
	outline: none;
	cursor: pointer;
	z-index: 2;
}
.burger_button:before,
.burger_button:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	transition: transform .4s ease, background-color .4s ease;
	background-color: var(--black-color);
}
.burger_button:before {
	top: 0;
}
.burger_button:after {
	bottom: 0;
}
.burger_button_center {
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--black-color);
	transition: opacity .4s ease;
}
.open_menu .burger_button:before {
	transform: translateY(7px) rotate(45deg);
	background-color: var(--white-color);
}
.open_menu .burger_button:after {
	transform: translateY(-7px) rotate(-45deg);
	background-color: var(--white-color);
}
.open_menu .burger_button_center {
	opacity: 0;
}
.header_dynamic_side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	background-color: var(--black-color);
	transition: transform .4s ease;
	transform: translateY(-100vh);
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}
.logo_header {
	display: block;
	width: 26rem;
	cursor: pointer;
}
.open_menu .header_dynamic_side {
	transform: none;
}
.logo_header_container {
	display: block;
	width: 48rem;
	box-sizing: border-box;
}
.logo_header_white {
	display: block;
	width: 100%;
	cursor: pointer;
	transform: translateY(0.8rem);
}
.logo_header_white_title {
	display: block;
	width: 24rem;
	margin-left: 4rem;
}
.header_navigation {
	display: block;
	width: 100%;
	height: auto;
}
.header_navigation_list {
	display: block;
	width: 100%;
	list-style: none;
}
.header_navigation_item {
	display: block;
	width: 100%;
	height: auto;
}
.header_navigation_link {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 17vh;
	height: calc(var(--vh, 1vh) * 17);
	border-top: 1px solid var(--white-color);
	color: var(--white-color);
	padding-left: 11.2rem;
	padding-right: 2rem;
	text-transform: uppercase;
	text-decoration: none;
}

/* ---------- header end ---------- */

/* ---------- main start ---------- */

#start {
	background-color: var(--grey-color-4, #F3F3F3);
	padding-top: 25rem;
}
.kv_text {
	padding-left: 51.5rem;
	color: var(--grey-color-0);
	transition: transform .4s ease, opacity .4s ease;
	transform: translateY(1rem);
  	opacity: 0;
}
.active_kv .kv_text {
	transform: none;
	opacity: 1;
}
.kv_arrow {
	font-size: 18rem;
	font-weight: 700;
	line-height: 1em;
	position: absolute;
    top: 23rem;
    left: 33rem;
	transition: transform .4s ease .4s, opacity .4s ease .4s;
	transform: translateX(-4rem);
  	opacity: 0;
  	color: var(--yellow-color);
}
.active_kv .kv_arrow {
	opacity: 1;
	transform: none;
}
.kv_image_box {
	display: block;
	position: relative;
	width: 100%;
	height: 25rem;
	margin-top: 14rem;
}
.kv_image {
	display: block;
	position: absolute;
	transition: transform .4s ease, opacity .4s ease;
	opacity: 0;
	width: 70rem;
	top: 0rem;
	left: 0rem;
  transform: translateY(-4rem);
  opacity: 0;
}
.active_kv .kv_image {
	opacity: 1;
	transform: none;
}
.kv_big_text {
	display: block;
	position: absolute;
	font-size: 5.5rem;
	line-height: 1em;
	text-transform: uppercase;
	transition: transform .4s ease .2s, opacity .4s ease .2s;
	transform: translateY(2rem);
  opacity: 0;
}
.active_kv .kv_big_text {
	opacity: 1;
	transform: none;
}
.kv_big_text_2 {
	display: none;
}
.kv_title {
	display: block;
	position: absolute;
	font-size: 3rem;
	line-height: 1.3em;
	text-transform: uppercase;
	top: 17.5rem;
	left: 0;
	font-weight: 400;
	transition: transform .4s ease .4s, opacity .4s ease .4s;
	transform: translateX(-2rem);
  	opacity: 0;
  	padding-right: 10rem;
}
.active_kv .kv_title {
	transform: none;
	opacity: 1;
}
.principles_list {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 3rem;
	list-style: none;
}
.principle_item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	border-bottom: 1px solid var(--grey-color-0);
	padding: 7.5rem;
	transition: transform .4s ease, opacity .4s ease;
	transform: translateX(-10rem);
	opacity: 0;
}
.start_anim .principle_item {
	transform: none;
	opacity: 1;
}
.principle_item:nth-child(1) {
	transition-delay: .2s;
}
.principle_item:nth-child(2) {
	transition-delay: .6s;
}
.principle_item:nth-child(3) {
	transition-delay: 1s;
}
.principle_item:last-child {
	border-bottom: none;
}
.principle_item_text {
	display: block;
	width: auto;
	text-align: left;
	color: var(--grey-color-0);
}
.principle_item_text:nth-child(2) {
	width: 50rem;
}
.principle_item_text.yellow_color_text {
	color: var(--black-color);
	padding: 1rem;
}
#service {
	background-color: var(--black-color);
	padding-top: 15.2rem;
	padding-bottom: 5.6rem;
}
.service_title {
	display: block;
	width: 100%;
	color: var(--white-color);
	padding-left: 8rem;
	text-transform: uppercase;
}
.service_title.h2_template {
	transition: transform .4s ease .2s, opacity .4s ease .2s;
	transform: translateX(-2rem);
  opacity: 0;
}
.start_anim .service_title.h2_template {
	opacity: 1;
	transform: none;
}
.service_title:nth-child(2) {
	padding-left: 18.1rem;
}
.services_list {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 4.8rem;
	list-style: none;
	overflow: hidden;
}
.service_item {
	display: block;
	width: 100%;
	height: auto;
	padding: 8rem 0;
	border-bottom: 1px solid var(--white-color);
	transition: transform .4s ease .2s, opacity .4s ease .2s;
	transform: translateX(4rem);
  opacity: 0;
}
.service_item:nth-child(1) {
	transition-delay: .2s;
}
.service_item:nth-child(2) {
	transition-delay: .4s;
}
.service_item:nth-child(3) {
	transition-delay: .6s;
}
.service_item:nth-child(4) {
	transition-delay: .8s;
}
.service_item:nth-child(5) {
	transition-delay: 1s;
}
.start_anim .service_item {
	transform: none;
	opacity: 1;
}
.service_item:last-child {
	border-bottom: none;
}
.service_title {
	display: block;
	width: 100%;
	padding-left: 7.2rem;
	color: var(--white-color);
}
.service_text {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 4.8rem;
	padding-left: 10.9rem;
	padding-right: 7.2rem;
	color: var(--grey-color-1);
}
#team {
	padding-top: 14.9rem;
}
.team_title.h2_template {
	padding-left: 5rem;
	text-transform: uppercase;
}
.team_title_dynamic {
	transition: transform .4s ease .2s, opacity .4s ease .2s;
	transform: translateY(2rem);
  opacity: 0;
}
.team_title_dynamic.start_anim {
	transform: none;
	opacity: 1;
}
.team_title.h1_template {
	padding-right: 6.9rem;
	text-align: right;
	margin-top: 5.3rem;
}
.team_title.h1_template span {
	color: var(--yellow-color);
}
.logo_team {
	display: block;
	width: 86rem;
	margin-top: 3rem;
	transition: transform .4s ease .4s, opacity .4s ease .4s;
	transform: translateY(-2rem);
  opacity: 0;
}
.logo_team.start_anim {
	transform: none;
	opacity: 1;
}
.team_list {
	display: block;
	width: 100%;
	list-style: none;
	margin-top: 19rem;
	overflow: hidden;
}
.team_item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 21.2rem;
	padding-left: 7.5rem;
	padding-right: 6.9rem;
	border-top: 1px solid var(--black-color);
	transition: transform .4s ease .2s, opacity .4s ease .2s;
	transform: translateX(4rem);
  opacity: 0;
}
.team_item:nth-child(1) {
	transition-delay: .2s;
}
.team_item:nth-child(2) {
	transition-delay: .4s;
}
.team_item:nth-child(3) {
	transition-delay: .6s;
}
.team_item:nth-child(4) {
	transition-delay: .8s;
}
.team_item:nth-child(5) {
	transition-delay: 1s;
}
.team_item:nth-child(6) {
	transition-delay: 1.2s;
}
.start_anim .team_item {
	transform: none;
	opacity: 1;
}
.team_title {
	color: var(--black-color);
}
.team_spec_container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 25.5rem;
	position: relative;
}
.team_spec_container:before {
	content: '';
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	background-image: url(./img/icon_person_yellow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: -4rem;
	right: -4rem;
}
.team_spec_arrow {
	color: var(--grey-color-3);
}
.team_spec_container .team_title {
	display: block;
	width: 19.5rem;
	margin-top: 0;
	text-align: right;
	color: var(--grey-color-3);
	padding: 0;
}
.managing_container {
	display: block;
	width: 100%;
	height: auto;
	background-color: var(--yellow-color);
	margin-top: 4rem;
	padding-top: 6.9rem;
	padding-bottom: 9rem;
	overflow: hidden;
}
.managing_title {
	display: block;
	width: 100%;
	text-transform: uppercase;
	color: var(--black-color);
	transition: transform .4s ease .2s, opacity .4s ease .2s;
	transform: translateX(-2rem);
  opacity: 0;
}
.start_anim .managing_title {
	transform: none;
	opacity: 1;
}
.managing_title:nth-child(1) {
	padding-left: 7.2rem;
}
.managing_text {
	display: block;
	width: 100%;
	padding-left: 48rem;
	margin-top: 5rem;
	color: var(--black-color);
	transition: transform .4s ease .2s, opacity .4s ease .2s;
	transform: translateX(2rem);
  opacity: 0;
}
.start_anim .managing_text {
	transform: none;
	opacity: 1;
}
.managing_text:nth-of-type(1) {
	margin-top: 10.2rem;
}
#contact_us {
	padding-top: 9rem;
}
.contact_us_title {
	display: block;
	width: 100%;
	transition: transform .4s ease .2s, opacity .4s ease .2s;
	transform: translateY(-2rem);
  opacity: 0;
}
.start_anim .contact_us_title {
	transform: none;
	opacity: 1;
}
.contact_us_title:nth-child(1) {
	padding-left: 6.7rem;
}
.contact_us_title:nth-child(2) {
	padding-left: 25.9rem;
}
.contact_us_text {
	display: none;
}
.form_titles_container {
	display: block;
	width: 100%;
	margin-top: 8.5rem;
	background-color: var(--grey-color-4);
	padding-top: 10rem;
	padding-bottom: 10.8rem;
	transition: transform .4s ease .6s, opacity .4s ease .6s;
	transform: translateY(2rem);
  opacity: 0;
}
.start_anim .form_titles_container {
	transform: none;
	opacity: 1;
}
.form_title {
	text-transform: uppercase;
	padding-left: 7.5rem;
}
.form_title:nth-child(2) {
	padding-left: 35rem;
}
.send_button {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 16rem;
	background-color: var(--yellow-color);
	color: var(--black-color);
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
	padding-left: 63.5rem;
}
.send_button span {
	color: var(--white-color);
	font-size: 1.3em;
}
.back_to_top_button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 9rem;
    height: 9rem;
    background-color: var(--black-color);
    border-radius: 50%;
    position: fixed;
    right: 10rem;
    bottom: 5rem;
    z-index: -100;
    transition: opacity .4s ease, background-color .4s ease;
    border: none;
    outline: none;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
}
.back_to_top_button svg {
    width: 50%;
    fill: #FFFFFF;
}
.back_to_top_button.active {
    z-index: 5;
    opacity: 1;
}

/* ---------- main end ---------- */

/* ---------- footer start ---------- */

.index_footer {
	display: block;
	width: 100%;
	padding-bottom: 10rem;
}
.footer_text {
	display: block;
	width: 100%;
	padding-left: 24.9rem;
	margin-top: 9rem;
	color: var(--grey-color-1);
}
.img_footer {
	display: block;
	width: 87rem;
	margin-top: 9.1rem;
}
.img_footer_desktop {
	display: none;
}

/* ---------- footer end ---------- */

@media screen and (min-width: 768px) {

	/* ---------- common start ---------- */

	html {
		font-size: .52vw;
	}
	.h1_template {
		font-size: 14rem;
		line-height: .95em;
	}
	.h2_template {
		font-size: 7.2rem;
		line-height: 1.05em;
	}
	.h3_template {
		font-size: 2.6rem;
		line-height: 1.2em;
	}
	.nav_template {
		font-size: 2.2rem;
		line-height: 1.3em;
	}
	.p_template {
		font-size: 2.2rem;
		line-height: 1.3em;
	}
	br.mobile {
		display: none;
	}

	/* ---------- common end ---------- */

	/* ---------- header start ---------- */

	.index_header {
		padding: 2.2rem 7.8rem;
	}
	.burger_button {
		width: 3.6rem;
		height: 2.8rem;
	}
	.burger_button:before,
	.burger_button:after {
		height: .4rem;
	}
	.burger_button_center {
		height: .4rem;
	}
	.open_menu .burger_button:before {
		transform: translateY(1.2rem) rotate(45deg);
	}
	.open_menu .burger_button:after {
		transform: translateY(-1.2rem) rotate(-45deg);
	}
	.header_dynamic_side {
		width: 65.4rem;
		height: auto;
		top: 0;
		left: auto;
		right: 0;
		padding-top: 16rem;
		padding-bottom: 8rem;
		max-height: 100vh;
	}
	.logo_header {
		display: block;
		width: 17.4rem;
	}
	.logo_header_container {
	width: 35rem;
	}
	.logo_header_white {
	transform: translateY(0.6rem);
	}
	.logo_header_white_title {
		width: 14.1rem;
		margin-left: 2.4rem;
	}
	.header_navigation_link {
		height: 15rem;
		border-top: 1px solid var(--white-color);
		color: var(--white-color);
		padding-left: 7.3rem;
		padding-right: 2rem;
		font-size: 2rem;
		line-height: 1em;
	}

	/* ---------- header end ---------- */

	/* ---------- main start ---------- */

	#start {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		padding-top: 24rem;
		padding-bottom: 0;
		height: auto;
	}
	.kv_text {
		padding-left: 126.6rem;
		position: absolute;
		top: 27.2rem;
		left: 0;
	}
	.kv_arrow {
		font-size: 7.2rem;
		top: 50.6rem;
		left: 126.6rem;
		transform: translateX(-2rem);
	}
	.kv_image_box {
		height: 40rem;
		margin-top: 0;
	}
	.kv_image {
		display: block;
		position: absolute;
		transition: transform .4s ease, opacity .4s ease;
		opacity: 0;
		width: 99.7rem;
	}
	.active_kv .kv_image {
		opacity: 1;
		transform: none;
	}
	.kv_big_text {
		display: block;
		position: absolute;
		font-size: 6.6rem;
		line-height: 1em;
		text-transform: uppercase;
	}
	.kv_big_text_2 {
		display: block;
		top: 27.5rem;
		left: 96.7rem;
	}
	.kv_title {
		top: 27.5rem;
		padding-left: 7.3rem;
		padding-right: 34rem;
		font-size: 2.6rem;
	}
	.principles_list {
		margin-top: 1.9rem;
	}
	.principle_item {
		padding: 4.2rem 15rem 4.2rem 92.7rem;
	}
	.principle_item_text:nth-child(2) {
		width: 54.4rem;
	}
	.principle_item_text.yellow_color_text {
		padding: .4rem;
	}
	#service {
		padding-top: 9.4rem;
		padding-bottom: 0;
	}
	.service_title {
		padding-left: 7.8rem;
	}
	.service_title.h2_template br {
		display: none;
	}
	.service_title:nth-child(2) {
		padding-left: 48.4rem;
	}
	.services_list {
		margin-top: 4.6rem;
	}
	.service_item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		height: 17.4rem;
		padding: 3.1rem 27.2rem 0 62.6rem;
	}
	.service_item .service_title {
		width: 32.4rem;
		padding-left: 0;
		text-align: right;
	}
	.service_text {
		display: block;
		width: 37rem;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#team {
		padding-top: 9.4rem;
	}
	.team_title.h2_template {
		padding-left: 7.4rem;
	}
	.team_title.h1_template {
		padding-right: 18.1rem;
		margin-top: 2.8rem;
	}
	.logo_team {
		width: 108.7rem;
		margin-top: 11.3rem;
		margin-left: 0;
	}
	.team_list {
		margin-top: 12rem;
	}
	.team_item {
		height: 30.3rem;
		padding-left: 8rem;
		padding-right: 25rem;
	}
	.team_spec_container {
		width: auto;
	}
	.team_spec_container:before {
		width: 7.6rem;
		height: 7.6rem;
		top: -3.5rem;
		right: -8.4rem;
	}
	.team_spec_container .team_title {
		width: 27.2rem;
		padding: 0;
		margin: 0;
	}
	.managing_container {
		margin-top: 0;
		padding-top: 9.4rem;
		padding-bottom: 10.4rem;
	}
	.managing_title:nth-child(1) {
		padding-left: 9.8rem;
	}
	.managing_title:nth-child(2) {
		padding-left: 23.6rem;
	}
	.managing_text {
		padding-left: 115.3rem;
		margin-top: 6.3rem;
		font-size: 4.6rem;
		line-height: 1.2em;
	}
	.managing_text:nth-of-type(1) {
		margin-top: 7.6rem;
	}
	#contact_us {
		padding-top: 3.7rem;
	}
	#contact_us:before {
		content: '';
		display: block;
		width: 57.4rem;
		height: 12.3rem;
		background-image: url(./img/kv_image.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		position: absolute;
		top: 17.4rem;
		left: 127.4rem;
	}
	.contact_us_title:nth-child(1) {
		padding-left: 7.1rem;
	}
	.contact_us_title:nth-child(2) {
		padding-left: 28.3rem;
	}
	.contact_us_text {
		display: block;
		position: absolute;
		top: 30.7rem;
		left: 127.2rem;
		color: var(--grey-color-0);
	}
	.form_titles_container {
		margin-top: 13.6rem;
		padding-top: 0;
		padding-bottom: 12.5rem;
		background-color: transparent;
	}
	.form_title {
		padding-left: 7.8rem;
	}
	.form_title:nth-child(2) {
		padding-left: 40rem;
	}
	.send_button {
		height: 20.8rem;
		padding-left: 128.9rem;
	}
	.send_button span {
		font-size: 1.3em;
		transition: transform .4s ease;
	}
	.send_button:hover span {
		transform: translateX(2rem);
	}
	.back_to_top_button {
	    width: 8rem;
	    height: 8rem;
	    right: 10rem;
	    bottom: 5rem;
	}
	.back_to_top_button.active:hover {
	    background-color: var(--yellow-color);
	}

	/* ---------- main end ---------- */

	/* ---------- footer start ---------- */

	.index_footer {
		padding-top: 4.7rem;
		padding-bottom: 4.7rem;
		position: relative;
	}
	.index_footer:before {
		content: '';
		display: block;
		width: 16.8rem;
		height: 3rem;
		background-image: url(./img/kv_image.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		position: absolute;
		top: 3.9rem;
		left: 8rem;
	}
	.footer_text {
		width: 100%;
		padding-left: 126.3rem;
		margin-top: 0;
		position: static;
		bottom: 5.3rem;
		left: 0;
	}
	.img_footer {
		display: none;
	}
	.img_footer_desktop {
		display: block;
		width: 114rem;
		margin-top: 5rem;
		margin-left: 38.4rem;
	}

	/* ---------- footer end ---------- */
}

@media screen and (min-width: 1900px) and (max-width: 2000) {

	/* ---------- common start ---------- */

	html {
		font-size: 10px;
	}

	/* ---------- common end ---------- */
}