/* header */
.header {
	position: fixed;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 5.875rem;
	background-color: rgba(11, 11, 11, 0.55);
	clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 15.625rem) 100%, calc(50% + 12.625rem) calc(100% - 1.875rem), calc(50% - 12.625rem) calc(100% - 1.875rem), calc(50% - 15.625rem) 100%, 0 100%);
	z-index: 2;
	transition: top var(--animation_time) ease;
}
.header.hidden {
	top: -5.9375rem;
}
.header_content {
	position: relative;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 0rem 2.5rem;
	width: 90rem;
	margin: 0 auto;
}
.header_logotype {
	position: relative;
	width: 13.125rem;
	height: 3.375rem;
}
.header_logotype svg {
	position: absolute;
	transition: margin-left calc(var(--animation_time) * 0.2) ease;
}
.header_logotype > svg:nth-child(1) {
	left: 0rem;
	top: 0.615rem;
	width: 13.12375rem;
	height: 1.9225rem;
}
.header_logotype > svg:nth-child(2) {
	left: 0.125rem;
	top: 1.646875rem;
	width: 12.93875rem;
	height: 1.446875rem;
}
.header_logotype > svg:nth-child(3) {
	top: 0.25rem;
	left: 1.993125rem;
	width: 0.784375rem;
	height: 2.25375rem;
}
.header_logotype > svg:nth-child(4) {
	top: 2.375rem;
	left: 2.25rem;
	width: 0.441875rem;
	height: 0.948125rem;
}
.header_logotype.animation:hover > svg:nth-child(1) {
	margin-left: -0.1875rem;
}
.header_logotype.animation:hover > svg:nth-child(2) {
	margin-left: 0.1875rem;
}
.header_logotype.animation:hover > svg:nth-child(3) {
	margin-left: -0.1875rem;
}
.header_logotype.animation:hover > svg:nth-child(4) {
	margin-left: 0.1875rem;
	margin-top: 0rem;
}
.header_logotype.animation > svg:nth-child(2) {
	transform: translate(-0.125rem, -0.125rem);
	animation: logo_bottom calc(var(--animation_time) * 2) linear calc(var(--animation_time) * 1) 1 forwards;
}
.header_logotype.animation > svg:nth-child(3) {
	transform: translate(0rem, -12.375rem);
	animation: logo_weapon_top calc(var(--animation_time) * 2) linear calc(var(--animation_time) * 1) 1 forwards;
}
.header_logotype.animation > svg:nth-child(4) {
	transform: translate(-0.125rem, -12.5rem);
	animation: logo_weapon_bottom calc(var(--animation_time) * 2) linear calc(var(--animation_time) * 1) 1 forwards;
}
.header_logotype.animation .header_logotype_slice {
	background-color: transparent;
	position: absolute;
	height: 0rem;
	width: 125rem;
	transform: rotate(-4.5deg);
	left: -62.5rem;
	top: 2.5rem;
	animation: logo_slice_line var(--animation_time) linear calc(var(--animation_time) * 2.2) 1 forwards;
}
.header_logotype.animation .header_logotype_slice::after {
	content: '';
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 18.75rem;
	height: 0.0625rem;
	box-shadow: 0rem 0rem 0.3125rem 0.125rem #FFBD12;
	border-radius: 0.1875rem;
	background-color: #FFBD12;
	animation: logo_slice var(--animation_time) linear calc(var(--animation_time) * 2.2) 1 forwards;
}
@keyframes logo_bottom {
	0% {
		transform: translate(-0.125rem, -0.125rem);
	}
	70% {
		transform: translate(-0.125rem, -0.125rem);
	}
	100% {
		transform: translate(0rem, 0rem);
	}
}
@keyframes logo_weapon_top {
	0% {
		transform: translate(0rem, -12.375rem);
	}
	70% {
		transform: translate(0rem, 0rem);
	}
	100% {
		transform: translate(0rem, 0rem);
	}
}
@keyframes logo_weapon_bottom {
	0% {
		transform: translate(-0.125rem, -12.5rem);
	}
	70% {
		transform: translate(-0.125rem, -0.125rem);
	}
	100% {
		transform: translate(0rem, 0rem);
	}
}
@keyframes logo_slice_line {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes logo_slice {
	0% {
		left: 0rem;
	}
	100% {
		left: 125rem;
	}
}
.header_info {
	position: relative;
	transform: translate(0rem, 0rem);
	transition: transform var(--animation_time) ease;
}
.header.active .header_info {
	transition: transform var(--animation_time) ease var(--animation_time);
	transform: translate(0rem, -5.9375rem);
}
.header.hidden .header_info {
	transition: transform var(--animation_time) ease var(--animation_time);
	transform: translate(0rem, 0rem);
}
.header_content .button {
	position: absolute;
	right: 0rem;
	bottom: -5.9375rem;
}
.header_info_subtitle {
	display: flex;
	justify-content: space-between;
}
.header_info_subtitle span {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
}
.header_info_title span {
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
/* abilities */
.abilities {
	position: relative;
	margin-top: 5.875rem;
	padding: 1.875rem 2.5rem;
	overflow-x: hidden;
}
.abilities > .abilities_border {
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 0.8125rem;
	height: 30rem;
	background-image: url('../images/abilities/borders.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	transform: rotate(180deg);
}
.abilities > .abilities_border:last-child {
	right: 0rem;
	left: auto;
	transform: rotate(0deg);
}
.abilities_list {
	display: flex;
	justify-content: space-between;
}
.abilities_list_item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20.3125rem;
	height: 26.25rem;
}
.abilities_list_item::before {
	content: '';
	position: absolute;
	width: 0.25rem;
	height: 7.375rem;
	left: 0.5rem;
	top: calc(50% - 3.6875rem);
	background-color: #717171;
	clip-path: polygon(0% 0%, 100% 0.25rem, 100% calc(100% - 0.25rem), 0% 100%);
	transition: background-color var(--animation_time) ease;
}
.abilities_list_item_image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 19.3125rem;
	height: 25.25rem;
	clip-path: polygon(0% 0%, calc(100% - 0.875rem) 0%, 100% 0.875rem, 100% calc(100% - 1.0625rem), calc(100% - 14.375rem) calc(100% - 1.0625rem), calc(100% - 14.8125rem) 100%, 0% 100%, 0% calc(50% + 4.0625rem), 0.5rem calc(50% + 3.5625rem), 0.5rem calc(50% - 3.5625rem), 0% calc(50% - 4.0625rem));
}
.abilities_list_item h2 {
	position: absolute;
	left: 5.8125rem;
	bottom: 0.1875rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #F7F7F7;
}
.abilities_list_item_border {
	position: absolute;
	width: 0.625rem;
	height: 100%;
	top: 0rem;
	left: 0rem;
}
.abilities_list_item_border::before,
.abilities_list_item_border::after {
	content: '';
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 0.625rem;
	height: 0.625rem;
	border-style: solid;
	border-color: #717171;
	border-width: 0rem;
	transition: border-color var(--animation_time) ease;
}
.abilities_list_item_border::after {
	top: auto;
	bottom: 0rem;
}
.abilities_list_item > .abilities_list_item_border:last-child {
	left: auto;
	right: 0rem;
}
.abilities_list_item > .abilities_list_item_border:first-child::before {
	border-top-width: 0.0625rem;
	border-left-width: 0.0625rem;
}
.abilities_list_item > .abilities_list_item_border:first-child::after {
	border-bottom-width: 0.0625rem;
	border-left-width: 0.0625rem;
}
.abilities_list_item > .abilities_list_item_border:last-child::before {
	border-top-width: 0.0625rem;
	border-right-width: 0.0625rem;
}
.abilities_list_item > .abilities_list_item_border:last-child::after {
	border-bottom-width: 0.0625rem;
	border-right-width: 0.0625rem;
}
.abilities_list_item.abilities_last_item {
	flex-direction: column;
	justify-content: center;
	background-image: url('../images/abilities/background.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
}
.abilities_list_item.abilities_last_item::before {
	left: 0rem;
}
.abilities_list_item.abilities_last_item::after {
	content: '';
	position: absolute;
	width: 0.25rem;
	height: 7.375rem;
	right: 0rem;
	top: calc(50% - 3.6875rem);
	background-color: #717171;
	clip-path: polygon(100% 0%, 100% 100%, 0% calc(100% - 0.25rem), 0% 0.25rem);
	transition: background-color var(--animation_time) ease;
}
.abilities_list_item.abilities_last_item .abilities_list_item_border {
	position: absolute;
	width: calc(100% - 1.25rem);
	height: 0.625rem;
	top: 0.625rem;
	left: 0.625rem;
}
.abilities_list_item_border_additional {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0rem;
	left: 0rem;
}
.abilities_list_item_border_additional::before {
	content: '';
	position: absolute;
	width: 7.375rem;
	height: 0.25rem;
	top: 0rem;
	left: calc(50% - 3.6875rem);
	background-color: #717171;
	clip-path: polygon(0% 0%, 100% 0%, calc(100% - 0.25rem) 100%, 0.25rem 100%);
	transition: background-color var(--animation_time) ease;
}
.abilities_list_item_border_additional::after {
	content: '';
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	bottom: 0rem;
	right: 0rem;
	background-color: #717171;
	clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}
.abilities_list_item.abilities_last_item > .abilities_list_item_border:first-child::after {
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	border-top-width: 0.0625rem;
	border-right-width: 0.0625rem;
	left: auto;
	right: 0rem;
}
.abilities_last_item_plus {
	position: absolute;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3.8125rem;
	height: 3.8125rem;
}
.abilities_last_item_plus::before,
.abilities_last_item_plus::after {
	content: '';
	position: absolute;
	width: 0.0625rem;
	height: 100%;
	background-color: #717171;
	transition: background-color var(--animation_time) ease;
}
.abilities_last_item_plus::after {
	width: 100%;
	height: 0.0625rem;
}
.abilities_list_item.abilities_last_item h3 {
	position: absolute;
	top: 4.6875rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.abilities_list_item.abilities_last_item p {
	position: absolute;
	top: 19.6875rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #FFBD12;
}
.abilities_logos {
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0rem;
	margin-top: 1.875rem;
}
.abilities_logos svg,
.abilities_logos img {
	max-width: 7.8125rem;
	color: #717171;
	height: auto;
	transition: color var(--animation_time) ease;
}
.abilities_logos a:hover svg {
	color: #FFBD12;
}
.abilities_list_item:hover::after,
.abilities_list_item:focus-visible::after,
.abilities_list_item:hover::before,
.abilities_list_item:focus-visible::before {
	background-color: #FFBD12;
	animation: blink_color calc(var(--animation_time) * 2) linear 0s infinite;
}
.abilities_list_item:hover .abilities_list_item_border::before,
.abilities_list_item:hover .abilities_list_item_border::after,
.abilities_list_item:focus-visible .abilities_list_item_border::before,
.abilities_list_item:focus-visible .abilities_list_item_border::after {
	border-color: #FFBD12;
	animation: blink_border_color calc(var(--animation_time) * 2) linear 0s infinite;
}
.abilities_list_item:hover .abilities_list_item_border_additional::before,
.abilities_list_item:focus-visible .abilities_list_item_border_additional::before {
	background-color: #FFBD12;
	animation: blink_color calc(var(--animation_time) * 2) linear 0s infinite;
}
.abilities_list_item:hover .abilities_last_item_plus::before,
.abilities_list_item:hover .abilities_last_item_plus::after,
.abilities_list_item:focus-visible .abilities_last_item_plus::before,
.abilities_list_item:focus-visible .abilities_last_item_plus::after {
	background-color: #FFBD12;
	animation: rotate_plus calc(var(--animation_time) * 5) linear 0s infinite;
}
@keyframes blink_color {
	0% {
		background-color: #717171;
	}
	25% {
		background-color: #FFBD12;
	}
	75% {
		background-color: #FFBD12;
	}
	100% {
		background-color: #717171;
	}
}
@keyframes rotate_plus {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes blink_border_color {
	0% {
		border-color: #717171;
	}
	25% {
		border-color: #FFBD12;
	}
	75% {
		border-color: #FFBD12;
	}
	100% {
		border-color: #717171;
	}
}
/* mission */
.mission {
	position: relative;
	padding: 3.5rem 2.5rem 2.5rem 2.5rem;
}
.mission_subtitle_container {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 21.0625rem;
	gap: 0.5rem;
	padding-top: 1.125rem;
}
.mission_subtitle_container::before {
	content: '';
	display: block;
	width: calc(100% - 0.1875rem);
	height: 0.5rem;
	border: 0.0625rem solid #3E3E3E;
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	align-self: flex-end;
}
.mission_subtitle {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.mission_subtitle_plus {
	width: 0.5rem;
	height: 0.5rem;
}
.mission_title {
	position: relative;
	width: 66.25rem;
	margin-bottom: 2rem;
}
.mission_title img {
	position: absolute;
	height: auto;
}
.mission_title img.mission_title_weapon {
	width: 8.1875rem;
	top: -1.375rem;
	left: 25.4375rem;
	transform: translate(62.5rem, -125rem);
	transition: var(--animation_time) ease transform var(--animation_time);
}
.mission_title img.mission_title_weapon.animation {
	transform: translate(0rem, 0rem);
}
.mission_title img.mission_title_light {
	width: 38.125rem;
	top: -1.375rem;
	left: 9.5625rem;
	opacity: 0;
	transition: var(--animation_time) ease opacity var(--animation_time);
}
.mission_title img.mission_title_light.animation {
	opacity: 1;
}
.mission_title h2 {
	position: relative;
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	text-align: right;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.mission_content {
	position: relative;
	width: 62.25rem;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
}
.mission_action_container {
	position: relative;
	margin-top: 1.25rem;
}
.mission_action_container::after {
	content: '';
	position: absolute;
	bottom: 0rem;
	left: 17.125rem;
	height: 0.25rem;
	width: 37.8125rem;
	clip-path: polygon(0.375rem 0%, calc(100% - 0.375rem) 0%, 100% 100%, 0% 100%);
	background-color: #2F2F2F;
}
.mission_action {
	position: relative;
	background-color: #141414;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
	clip-path: polygon(0.9375rem 0%, calc(100% - 40.625rem) 0%, calc(100% - 38.125rem) 1.75rem, calc(100% - 7.75rem) 1.75rem, calc(100% - 5.25rem) 0%, calc(100% - 0.9375rem) 0%, 100% 0.9375rem, 100% calc(100% - 0.9375rem), calc(100% - 0.9375rem) 100%, calc(100% - 27.3125rem) 100%, calc(100% - 29.8125rem) calc(100% - 1.875rem), 16.875rem calc(100% - 1.875rem), 14.375rem 100%, 0.9375rem 100%, 0% calc(100% - 0.9375rem), 0% 0.9375rem);
}
.mission_action > div {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('../images/mission/action_background.png');
	background-size: contain;
	background-repeat: repeat;
	background-position: 100% 0%;
	background-size: 2.625rem;
}
.mission_action > div {
	animation: mission_background_animation calc(var(--animation_time) * 50) infinite linear;
	animation-play-state: paused;
}
@keyframes mission_background_animation {
	0% {
		background-position: 100% 0%;
	}
	0% {
		background-position: 0% 0%;
	}
}
.mission_action > div > div {
	position: relative;
	display: flex;
	gap: 2.5rem;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	padding: 3rem 2.5rem;
	background: linear-gradient(144.18deg, rgba(20, 20, 20, 0.8) -5.71%, rgba(20, 20, 20, 0.72) 52.15%, rgba(20, 20, 20, 0.95) 110.01%);
}
.mission_action p {
	width: 40rem;
}
.mission_ninja {
	height: 18.3125rem;
	width: auto;
	position: absolute;
	right: 1.875rem;
	bottom: 1.1875rem;
}
.mission_ninja_mobile {
	display: none;
}
.mission_background {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.mission_background img {
	width: 100%;
	height: auto;
}
.mission_action_decoration,
.mission_action_corners,
.mission_action_pluses {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0rem;
	left: 0rem;
}
.mission_action_corners > * {
	position: absolute;
	width: 3.15625rem;
	height: 3.15625rem;
	top: 0rem;
	left: 0rem;
}
.mission_action_corners > *:nth-child(2) {
	top: auto;
	left: 0rem;
	bottom: 0rem;
	transform: rotate(-90deg);
}
.mission_action_corners > *:nth-child(3) {
	top: 0rem;
	left: auto;
	right: 0rem;
	transform: rotate(90deg);
}
.mission_action_corners > *:nth-child(4) {
	top: auto;
	left: auto;
	bottom: 0rem;
	right: 0rem;
	transform: rotate(180deg);
}
.mission_action_pluses > * {
	position: absolute;
	display: flex;
	gap: 0.1875rem;
	top: 0rem;
	left: 0rem;
	padding: 1.25rem;
	height: 2.875rem;
	width: auto;
}
.mission_action_pluses svg {
	width: 0.375rem;
	height: auto;
	flex-shrink: 0;
}
.mission_action_pluses > *:nth-child(2) {
	top: auto;
	left: 0rem;
	bottom: 0rem;
}
.mission_action_pluses > *:nth-child(3) {
	top: 0rem;
	left: auto;
	right: 0rem;
}
.mission_action_pluses > *:nth-child(4) {
	top: auto;
	left: auto;
	bottom: 0rem;
	right: 0rem;
}
/* skills */
.skills {
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding: 6rem 2.5rem;
	margin: 2.5rem auto;
}
.skills_background {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.skills_background_mobile {
	display: none;
}
.skill_list_item_plus {
	display: none;
}
.skills_background img {
	width: 100%;
	height: auto;
}
.skills_content {
	width: 59.8125rem;
}
.skills_list {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
.skill_list_item img {
	height: 8.75rem;
	width: auto;
	margin-left: -4rem;
	margin-bottom: -1.625rem;
	margin-top: -2.875rem;
}
.skill_list_item h4 {
	margin-top: 1.25rem;
}
.skill_list_item ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 0.75rem;
}
.skills_subtitle {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.skills_title {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
	margin-top: 0.5rem;
	margin-bottom: 5rem;
}
.skill_list_item h4 {
	font-weight: 400;
	font-size: 2.75rem;
	line-height: 3.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.skill_list_item_content p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.skill_list_item_content li {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.skill_list_item_content ul::before {
	content: '';
	display: block;
	width: calc(100% - 0.1875rem);
	height: 0.5rem;
	border: 0.0625rem solid #3E3E3E;
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
	align-self: flex-end;
	margin-left: auto;
}
/* reviews */
.reviews {
	display: flex;
	padding: 6rem 2.5rem;
}
.reviews_info {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.reviews_list {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42.5rem;
	height: 42.5rem;
	border: 0.0625rem solid #3E3E3E;
	padding: 1.8125rem;
	overflow: hidden;
	background: rgba(113, 113, 113, 0.04);
}
.reviews_list::before,
.reviews_list::after {
	content: '';
	position: absolute;
	width: 0.0625rem;
	height: 200%;
	background-color: #2F2F2F;
	transform: rotate(45deg);
	z-index: -1;
}
.reviews_list::after {
	transform: rotate(-45deg);
}
.reviews_list_corners {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0rem;
	left: 0rem;
}
.reviews_list_corners > * {
	position: absolute;
	width: 0.25rem;
	height: 0.25rem;
	border: 0.0625rem solid #DFDFDF;
}
.reviews_list_corners > *:nth-child(1) {
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	top: 0rem;
	left: 0rem;
}
.reviews_list_corners > *:nth-child(2) {
	border-top-width: 0rem;
	border-right-width: 0rem;
	bottom: 0rem;
	left: 0rem;
}
.reviews_list_corners > *:nth-child(3) {
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	top: 0rem;
	right: 0rem;
}
.reviews_list_corners > *:nth-child(4) {
	border-top-width: 0rem;
	border-left-width: 0rem;
	bottom: 0rem;
	right: 0rem;
}
.reviews_list_items {
	width: 100%;
	height: 100%;
}
.reviews_content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 0.5rem;
	margin-bottom: 2rem;
}
.reviews_content::before {
	content: '';
	display: block;
	width: calc(100% - 0.1875rem);
	height: 0.5rem;
	border: 0.0625rem solid #3E3E3E;
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	align-self: flex-end;
	margin-left: auto;
}
.reviews_subtitle_plus {
	margin-top: 0.375rem;
	height: 0.5rem;
	width: 0.5rem;
	flex-shrink: 0;
}
.reviews_content_text {
	display: flex;
	width: calc(100% - 3.5rem);
	flex-direction: column;
	gap: 0.5rem;
	flex-shrink: 1;
}
.reviews_info h2 {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
	margin-top: -3.375rem;
	margin-bottom: 1.5rem;
}
.reviews_info p {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	color: #9C9C9C;
}
.reviews_list_item {
	display: flex !important;
	flex-direction: column;
	gap: 1.25rem;
	margin: 0.625rem;
	text-align: left !important;
}
.reviews_list_item > img {
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: 1.25rem;
}
.reviews_list_item_rating {
	display: flex;
	gap: 0.25rem;
}
.reviews_list_pagination {
	display: flex;
	position: absolute;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
	align-items: center;
	text-align: center;
	bottom: 3.25rem;
}
.slick-arrow {
	width: 2.75rem;
	height: 2.75rem;
	position: absolute;
	bottom: -0.6875rem;
	top: auto;
	left: auto;
	right: auto;
}
.slick-arrow::before {
	content: '';
	width: 2.75rem;
	height: 2.75rem;
	display: block;
	background-image: url('../images/reviews/arrow.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: opacity var(--animation_time) ease;
}
.slick-next {
	right: 12.625rem;
}
.slick-prev {
	left: 12.625rem;
	bottom: 0.6875rem;
	transform: scaleX(-1);
}
.reviews_list_item_rating img {
	width: 2.5rem;
}
.reviews_list_item p {
	font-weight: 300;
	font-size: 2.25rem;
	line-height: 3rem;
	color: #DFDFDF;
}
.reviews_list_item span {
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.75rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.reviews .button {
	padding: 0.75rem 1.625rem;
}
.reviews > .button {
	display: none;
}
/* social */
.social {
	display: flex;
	border: 0.0625rem solid #3E3E3E;
	margin: 2.5rem auto;
}
.social_item {
	overflow: hidden;
	position: relative;
	display: flex;
	width: 25%;
	flex-shrink: 0;
	flex-grow: 1;
	gap: 10.6875rem;
	padding: 2.5rem;
	flex-direction: column;
	border-right: 0.0625rem solid #3E3E3E;
}
.social_item .social_background {
	position: absolute;
	width: 14.375rem;
	height: 14.375rem;
	left: -11.828125rem;
	bottom: -13.125rem;
	background: #FFBD12;
	filter: blur(6.25rem);
	opacity: 0;
	transition: all var(--animation_time) ease;
}
.social_item:focus-visible .social_background,
.social_item:hover .social_background {
	/* background: radial-gradient(circle at 0% 100%, rgba(255, 189, 18, 1) 0%, rgba(255, 189, 18, 0.8) 1%, rgba(255, 189, 18, 0.4) 20%, rgba(255, 189, 18, 0.1) 50%, rgba(255, 189, 18, 0) 70%); */
	left: -5.578125rem;
	bottom: -6.875rem;
	opacity: 1;
	
}
.social_item > svg {
	height: 3.0625rem;
	width: 3.0625rem;
	color: #F7F7F7;
}
.social > .social_item:last-child {
	border-right-width: 0rem;
}
.social_item_pluses {
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
}
.social_item_pluses > * {
	position: absolute;
	width: 0.4375rem;
	height: 0.4375rem;
	color: #DFDFDF;
	transition: color var(--animation_time) ease;
}
.social_item:focus-visible .social_item_pluses > *,
.social_item:hover .social_item_pluses > * {
	color: #FFBD12;
}
.social_item_pluses > *:nth-child(1) {
	top: 1.25rem;
	left: 1.25rem;
}
.social_item_pluses > *:nth-child(2) {
	bottom: 1.25rem;
	left: 1.25rem;
}
.social_item_pluses > *:nth-child(3) {
	top: 1.25rem;
	right: 1.25rem;
}
.social_item_pluses > *:nth-child(4) {
	bottom: 1.25rem;
	right: 1.25rem;
}
.social_item span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
	transition: color var(--animation_time) ease;
}
.social_item:hover span,
.social_item:focus-visible span {
	color: #F7F7F7;
}
/* footer */
.footer_data {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 7.25rem;
	padding: 0rem 2.5rem;
	margin-bottom: 2.5rem;
}
.footer_data figure svg {
	height: 3.4375rem;
	width: 13.125rem;
	color: #717171;
	transition: color var(--animation_time) ease;
}
.footer_data figure:hover svg {
	color: #F7F7F7;
}
.footer_data_info_subtitle {
	display: flex;
	justify-content: space-between;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_data_info_title {
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 2rem;
	text-align: right;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.footer_menu {
	position: relative;
	z-index: 1;
	display: flex;
	border: 0.0625rem solid #3E3E3E;
}
.footer_menu ul {
	display: flex;
	padding-left: 3.1875rem;
	justify-content: space-between;
	flex-grow: 1;
	align-items: center;
}
.footer_menu ul li {
	display: flex;
	gap: 0.5rem;
	flex-shrink: 0;
	padding: 2.5rem 0rem;
}
.footer_menu ul li:last-child {
	border-left: 0.0625rem solid #3E3E3E;
}
.footer_menu span {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_menu a {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #F7F7F7;
}
.footer_menu_top {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 1.375rem;
	justify-content: flex-end;
	padding: 0rem 3.375rem;
	width: 22.5rem;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_menu_top svg {
	width: 1rem;
	height: 1.0625rem;
	transform: translate(0rem, 0rem);
	transition: transform var(--animation_time) ease;
}
.footer_menu_top:hover svg {
	transform: translate(0rem, -0.3125rem);
}
.footer_navigation {
	position: fixed;
	bottom: 2rem;
	left: calc(50% - 11.5rem);
	display: flex;
	height: 4.75rem;
	width: auto;
	z-index: 1;
	transition: bottom var(--animation_time) ease;
}
.footer_navigation.hidden {
	bottom: -4.75rem;
}
.footer_navigation.relative {
	position: relative;
	bottom: -4.75rem;
	margin-top: -19.5rem;
	transition: bottom 0s ease;
}
.footer_navigation::before,
.footer_navigation::after {
	content: '';
	width: 0.75rem;
	height: 100%;
	background-image: url('../images/navigation/navigation_border.png');
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
}
.footer_navigation nav {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	height: 100%;
	padding: 0rem 0.3125rem;
	background-image: url('../images/navigation/navigation_background.png');
	background-size: contain;
	background-position: top right;
	background-repeat: repeat-x;
}
.footer_navigation::after {
	transform: scaleX(-1);
}
.footer_navigation nav ul {
	display: flex;
	gap: 0.75rem;
}
.footer_navigation_separator {
	width: 0.0625rem;
	height: calc(100% - 2rem);
	background-color: #3E3E3E;
}
.footer_navigation li a {
	display: flex;
	width: 2.75rem;
	height: 2.75rem;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, rgba(217, 217, 217, 0.2) 0%, rgba(115, 115, 115, 0.2) 100%);
	clip-path: polygon(0.25rem 0%, calc(100% - 0.25rem) 0%, 100% 0.25rem, 100% 0.75rem, calc(100% - 0.25rem) 0.9375rem, calc(100% - 0.25rem) calc(100% - 0.9375rem), 100% calc(100% - 0.75rem), 100% calc(100% - 0.25rem), calc(100% - 0.25rem) 100%, 0.25rem 100%, 0% calc(100% - 0.25rem), 0% calc(100% - 0.75rem), 0.25rem calc(100% - 0.9375rem), 0.25rem 0.9375rem, 0% 0.75rem, 0% 0.25rem);
}
.footer_navigation li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.footer_navigation li > span {
	display: flex;
	align-self: center;
	font-weight: 400;
	font-size: 0.375rem;
	line-height: 0.5rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
	transition: color var(--animation_time) ease;
}
.footer_navigation li > span:first-child {
	padding: 0.25rem 0rem;
}
.footer_navigation li > span:last-child {
	padding: 0.1875rem 0rem;
}
.footer_navigation li.hovered > span,
.footer_navigation li.active > span {
	color: #F7F7F7;
}
.footer_navigation li > div {
	display: flex;
	position: relative;
	width: 2.75rem;
	align-items: center;
	justify-content: space-between;
}
.footer_navigation li > div::before,
.footer_navigation li > div::after {
	content: '';
	opacity: 0;
	top: calc(50% - 0.5rem);
	left: 0rem;
	position: absolute;
	background-color: #F7F7F7;
	height: 1rem;
	width: 0.125rem;
	clip-path: polygon(0% 0%, 100% 0.125rem, 100% calc(100% - 0.125rem), 0% 100%);
	transition: all var(--animation_time) ease;
}
.footer_navigation li > div::after {
	left: auto;
	right: 0rem;
	clip-path: polygon(100% 0%, 100% 100%, 0% calc(100% - 0.125rem), 0% 0.125rem);
}
.footer_navigation li:not(.active) > div::before {
	transform: translate(-0.3125rem, 0rem);
}
.footer_navigation li:not(.active) > div::after {
	transform: translate(0.3125rem, 0rem);
}
.footer_navigation li.hovered > div::before,
.footer_navigation li.hovered > div::after,
.footer_navigation li.active > div::before,
.footer_navigation li.active > div::after {
	opacity: 1;
	transform: translate(0rem, 0rem);
}
.footer_navigation li.hovered > div::before,
.footer_navigation li.hovered > div::after {
	background-color: #FFBD12;
}
.footer_navigation svg {
	width: 1.5rem;
	height: 1.5625rem;
	color: #9C9C9C;
	transition: color var(--animation_time) ease;
}
.footer_navigation li.hovered svg,
.footer_navigation li.active svg {
	color: #F7F7F7;
}
.footer_contacts {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	bottom: 0rem;
	left: 0rem;
	background: rgba(11, 11, 11, 0.9);
	opacity: 1;
	transition: opacity var(--animation_time) ease var(--animation_time);
}
.footer_contacts.hidden {
	opacity: 0;
	transition: opacity var(--animation_time) ease 0s;
	z-index: -1;
}
.footer_contacts .footer_contacts_content > * {
	transition: transform var(--animation_time) ease var(--animation_time);
}
.footer_contacts.hidden .footer_contacts_content > * {
	transform: translate(0rem, 0rem);
	transition: transform var(--animation_time) ease 0s;
}
.footer_contacts.hidden .footer_contacts_content > *:first-child {
	transform: translate(-125rem, 0rem);
}
.footer_contacts.hidden .footer_contacts_content > *:last-child {
	transform: translate(125rem, 0rem);
}
.footer_contacts_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90rem;
	padding: 1.4375rem 2.5rem 3.4375rem;
	justify-content: space-between;
}
.footer_contacts_content > ul {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	justify-content: flex-start;
}
.footer_contacts_content > ul > li {
	display: flex;
	gap: 0.5rem;
}
.footer_contacts span {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_contacts a {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #F7F7F7;
}
.footer_contacts_social {
	display: flex;
	gap: 0.75rem;
	align-items: center;
}
.footer_contacts_social h5 {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_contacts_social ul {
	display: flex;
	gap: 1.25rem;
}
.footer_contacts_social svg {
	height: 1.5625rem;
	width: 1.5rem;
	color: #F7F7F7;
	transition: color var(--animation_time) ease;
}
.footer_contacts_social a:hover svg {
	color: #FFBD12;
}
/* slick */
.slick-slide {
	text-align: center;
}
.abilities_logos {
	margin: 1.875rem -2.5rem 0rem;
}
/* 3 */
@media all and (min-width: 768px) {
	.abilities {
		min-height: calc(100vh - 5.875rem);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.abilities > .abilities_border {
		margin-top: -16rem;
		top: unset;
	}
}