@font-face {
	font-family: 'Lato';
	font-weight: 300;
	src: url('fonts/Lato-Light.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	font-weight: 400;
	src: url('fonts/Lato-Regular.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	font-weight: 900;
	src: url('fonts/Lato-ExtraBold.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Panton-Black-Caps';
	font-weight: 700;
	src: url('fonts/Panton-Black-Caps.woff') format('woff');
	font-display: swap;
}



:root {
	--section-padding: 6.25rem;
	/* --c-f-padding: 1.87rem; */

	--font-family: "Lato", sans-serif;
	--second-family: "Panton-Black-Caps";
	/* --third-family: "FuturaPT-Book"; */

	--white: #fff;
	--black: #000;
}


/* width */
::-webkit-scrollbar {
	width: 0.513rem;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0.313rem #767680;
	border-radius: 0.313rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: linear-gradient(135deg, #fff 0%, #fff 100%);

	border-radius: 0.625rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #FFFFFF;
}

* {
	padding: 0;
	margin: 0;
}

html {
	box-sizing: border-box;
	font-size: 1.111vw;
	/* font-size: 16px; */

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
	font-family: var(--font-family);
	margin: 0;
}

body {
	max-width: 100rem;
	font-weight: 400;
	color: var(--white);
	background: #000205;
	overscroll-behavior: none;

	/* cursor: none;*/
}

a {
	text-decoration: none;
}

/*a:hover{
  cursor: none;
}*/
.body_wrap {
	position: relative;
	overflow: hidden;
}


#space {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* 
////////////////////////////////// */


.container {
	max-width: 100rem;
	padding-left: var(--section-padding);
	padding-right: var(--section-padding);
	margin-left: auto;
	margin-right: auto;
}

.container-fluid {
	max-width: 100rem;
	padding-left: var(--c-f-padding);
	padding-right: var(--c-f-padding);
	margin-left: auto;
	margin-right: auto;
}


.d-flex {
	display: flex;
}

header {
	position: absolute;
	z-index: 1;
	width: 100%;
	padding: 1.125rem 0;
	transition: 0.4s;
	opacity: 1;
}

.header_wrap {

	display: flex;
	justify-content: space-between;
	align-items: center;
}


.logo img {
	width: 10.688rem;
	margin-left: 5rem;
}

.social {
	display: flex;
	align-items: center;
	gap: 1.2rem;
}

.social li {
	list-style: none;
	transition: 0.3s;
}

.social li:hover {
	transform: scale(1.1);
}

.social li img {
	width: 1rem;
	height: 1rem;
	object-fit: contain;
}

.mob_wrap_nav {
	width: 100%;
}

.nav ul {
	justify-content: center;
	gap: 2.5rem;
	margin-top: 2.5rem;
}

.nav li {
	list-style: none;
}

/* .nav a {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 0.625rem;
	color: var(--white);
	letter-spacing: 0.125rem;
} */

.nav a {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 0.625rem;
	color: var(--white);
	letter-spacing: 0.125rem;
	position: relative;
	text-decoration: none;
	transition: color 0.3s ease;
}

.nav a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.5rem;
	width: 0;
	height: 0.07rem;
	background: #189ab5;
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

.nav a:hover {
	color: #189ab5;
}

.nav a:hover::after {
	width: 100%;
}


/* /////////////////////////////////////// */


/*////////////////////////////*/
/* .languages ul {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	background-color: #981b46;
	padding: 0.3rem 1rem;
	border-radius: 2rem;

}

.languages li {
	list-style: none;
}

.languages li.current a {
	color: var(--white);
}


.languages a {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 130%;
	color: var(--black);
	transition: 0.3s;
}

.languages a:hover {
	color: white;
} */



/*////////////////////////////*/
/*////////////////////////////////*/

.banner {
	position: relative;
	padding: 14.5rem 0 8.438rem;
}

.banner_content_wrap {
	padding-left: 8rem;
	max-width: 24.063rem;
}

.banner_title {
	font-family: var(--second-family);
	font-weight: 700;
	font-style: italic;
	font-size: 2.3rem;
	line-height: 110%;
	/* letter-spacing: 0.03em; */
	text-align: center;
	color: var(--white);
	text-transform: uppercase;
	margin-bottom: 1.875rem;
	/**/

}

.banner_text {
	font-weight: 300;
	font-size: 1.3rem;
	line-height: 130%;
	color: var(--white);
	text-align: center;
	margin-bottom: 2.813rem;

}

.btn_wrap {
	display: flex;
	justify-content: center;
}

/* .btn {
	font-size: 0.688rem;
	color: #189ab5;
	text-transform: uppercase;
	font-weight: 900;
	border: 0.125rem solid #189ab5;
	border-radius: 2rem;
	padding: 1rem 4rem;
} */

.btn {
	font-size: 0.688rem;
	color: #189ab5;
	text-transform: uppercase;
	font-weight: 900;
	border: 0.125rem solid #189ab5;
	border-radius: 2rem;
	padding: 1rem 4rem;
	transition: all 0.3s ease;
}

.btn:hover {
	background: #189ab5;
	color: #fff;
	box-shadow: 0 0 10px #189ab5,
		0 0 20px #189ab5,
		0 0 40px #189ab5;
	transform: translateY(-2px);
}


.banner_img {
	width: 70rem;
	position: absolute;
	right: 0rem;
	top: 0rem;
	z-index: -2;
}

.banner_rocket {
	width: 28.125rem;
	position: absolute;
	right: 22.438rem;
	top: 17.875rem;
	z-index: -1;
}


/* 
////////////////////////////////////////// */
.services {
	position: relative;
	padding: 2.813rem 0 3.438rem;
}

.title {
	position: relative;
	font-family: var(--second-family);
	font-weight: 700;
	font-style: italic;
	font-size: 2.3rem;
	line-height: 110%;
	/* letter-spacing: 0.03em; */
	color: #189ab5;
	text-align: center;
}

.title::before {
	content: ' ';
	position: absolute;
	left: 50%;
	top: 3rem;
	transform: translate(-50%, -50%);
	width: 13.375rem;
	height: 0.188rem;
	background-image: url(images/line.png);
	background-size: cover;
}

.services_wrap {
	display: flex;
	justify-content: center;
	gap: 6.5rem;
}

.services_item {
	width: 33%;
	max-width: 17.5rem;
	text-align: center;
	margin-top: 17.188rem;
	margin-bottom: 3.125rem;
}

.services_item:nth-child(2) {
	margin-top: 14rem;
}

.services_item .mob_icon {
	display: none;
}

.services_item h4 {
	font-family: var(--second-family);
	font-weight: 700;
	font-style: italic;
	font-size: 1.3rem;
	line-height: 110%;
	/* letter-spacing: 0.03em; */
	color: #189ab5;
	margin-bottom: 1.875rem;
}

.services_item p {
	font-weight: 300;
	font-size: 0.9rem;
}

.shape_wrap img {
	width: 100%;
	position: absolute;
	left: 0;
	z-index: -1;
}

.shape_main {
	top: 10rem;
}

.shape_1 {
	top: 10rem;
}

.shape_2 {
	top: 14rem;
}

.shape_3 {
	top: 18rem;
}


/* 
////////////////////////////////////////// */
.advantages {
	position: relative;
	padding: 3.75rem 0 8.125rem;
}


.advantages_wrap {
	display: flex;
	justify-content: center;
	gap: 6.5rem;
}

.advantages_item {
	width: 33%;
	max-width: 17.5rem;
	text-align: center;
	margin-top: 10.625rem;
}

.advantages_item:nth-child(2) {
	margin-top: 7rem;
}

.advantages_item img {
	width: 6.875rem;
	margin-bottom: 2.188rem;
}

.advantages_item h4 {
	font-family: var(--second-family);
	font-weight: 700;
	font-style: italic;
	font-size: 1.3rem;
	line-height: 110%;
	/* letter-spacing: 0.03em; */
	color: #189ab5;
	margin-bottom: 1.875rem;
}

.advantages_item p {
	font-weight: 300;
	font-size: 0.9rem;
}

.advantages_img {
	position: absolute;
	left: 0;
	top: -14rem;
	width: 100%;
	z-index: -1;
}

/*////////////////////////////////////////////////////////*/

.about {
	position: relative;
	padding: 3.75rem 0 12.5rem;
}

.about {
	display: flex;
	justify-content: center;
}

.about_item {
	max-width: 25rem;
	text-align: center;
	margin-top: 10rem;
}

.about_item h3 {
	position: relative;
	font-family: var(--second-family);
	font-weight: 700;
	font-style: italic;
	font-size: 2.3rem;
	line-height: 110%;
	/* letter-spacing: 0.03em; */
	color: #189ab5;
	text-align: center;
	margin-bottom: 1rem;
}

.about_item h4 {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 1rem;
	line-height: 110%;
	letter-spacing: 0.1rem;
	color: #535456;
	margin-bottom: 1rem;
}

.about_item p {
	font-weight: 300;
	font-size: 0.9rem;
}

.about_img {
	width: 18.313rem;
	position: absolute;
	right: 8rem;
	top: 10rem;
}


/*////////////////////////////////////////////////////////*/

.speak {
	padding: 4.375rem 0 10.625rem;
}

.speak_wrap {
	display: flex;
	justify-content: center;
	gap: 6.5rem;
}

.speak_item {
	width: 33%;
	max-width: 17.5rem;
	text-align: center;
	margin-top: 10.625rem;
}

.speak_item img {
	width: 4.688rem;
	margin-bottom: 1.25rem;
}

.speak_item h4 {
	font-family: var(--second-family);
	font-weight: 700;
	font-style: italic;
	font-size: 1.1rem;
	line-height: 110%;
	/* letter-spacing: 0.03em; */
	color: #189ab5;
	margin-bottom: 1rem;
}

.speak_item h5 {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 0.8rem;
	line-height: 110%;
	letter-spacing: 0.1rem;
	color: #535456;
	margin-bottom: 1rem;
}

.speak_item p {
	font-weight: 300;
	font-size: 0.9rem;
}

/* ///////////////////////////////////////////////////// */

.work {
	padding: 4.375rem 0 10.625rem;
}


.work_wrap {
	position: relative;
	display: flex;
	justify-content: center;
	gap: 3.5rem;
}

.work_line {
	width: 65rem;
	height: 0.125rem;
	position: absolute;
	left: 6.1rem;
	top: 12.3rem;
	background-image: url(images/work_line.png);
	background-size: cover;
}

.work_item {
	width: 33%;
	max-width: 17.5rem;
	text-align: center;
	margin-top: 10.625rem;
}

.work_item img {
	width: 3.438rem;
	margin-bottom: 1.563rem;
}

.work_item h4 {
	font-family: var(--second-family);
	font-weight: 700;
	font-style: italic;
	font-size: 1.1rem;
	line-height: 110%;
	/* letter-spacing: 0.03em; */
	color: #189ab5;
	margin-bottom: 1rem;
}

.work_item p {
	font-weight: 300;
	font-size: 0.9rem;
}

/* ///////////////////////////////////////////////////// */
.fly {
	padding: 4.375rem 0 10.625rem;
}

.fly .title {
	font-size: 2.5rem;
	margin-bottom: 1.875rem;
}

.fly .title::before {
	content: none;
}

.fly_text {
	text-align: center;
	font-weight: 300;
	font-size: 0.9rem;
	margin-bottom: 2.375rem;
}

.fly .btn {
	padding: 1rem 5.125rem;
}

/* ///////////////////////////////////////////////////// */

footer {
	position: relative;
	padding: 1.875rem 0 6.25rem;
	background-image: url(images/footer.png);
	background-size: cover;

}


.footer_wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 5.313rem;
}

.f_logo img {
	width: 10.688rem;
}

.f-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 1.875rem;
	/* column-gap: 9.875rem; */
}

.f-menu li {
	list-style: none;
	width: calc(50% - 1rem);
}

.f-menu li a {
	color: var(--white);
	font-size: 0.75rem;
}

.footer_wrap .btn {
	font-family: var(--second-family);
	flex-shrink: 0;
	font-size: 0.625rem;
	padding: 0.8rem 2.125rem;
	letter-spacing: 0.08rem;
	border: 0.25rem solid #189ab5;
}

.f_text_wrap {
	flex-shrink: 0;
}

.f_text_wrap h5 {
	font-family: var(--second-family);
	color: #189ab5;
	font-size: 0.75rem;
	letter-spacing: 0.08rem;
	margin-bottom: 1rem;
}

.f-social {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 2rem;
}

.f-social li {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	width: 1.875rem;
	height: 1.875rem;
	border: 0.07rem solid white;
	border-radius: 50%;
}

.f-social li img {
	width: 1rem;
	height: 0.8rem;
	object-fit: contain;
}

.f_text_wrap p {
	font-size: 0.75rem;
}

/* .footer_wrap p {
	font-family: var(--third-family);
	font-size: 2.5rem;
	text-align: center;
	max-width: 36rem;
} */

.f-rocket {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40.063rem;
	z-index: -1;
}

.f-moon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45.813rem;
	z-index: -1;
}


/*////////////////////////////////////////////////////////*/
@media (max-width: 851px) {

	html {
		font-size: 2.083vw;
	}

	:root {
		--section-padding: 1.25rem;
		/* --c-f-padding: 1.87rem; */
	}

	.body_wrap {
		overflow: hidden;
	}

	.header_wrap {
		flex-direction: row-reverse;
	}

	.logo {
		order: 1;
	}

	.logo img {
		margin-left: 0;
	}


	.navbar-toggler-wrap {
		display: inline-flex;
		cursor: pointer;
		position: relative;
		margin-left: 0.5rem;
		/* top: 1.98rem;
		right: var(--section-padding); */
		transition: all 0.2s;
		flex-shrink: 0;
	}

	.navbar-toggler {
		width: 2.75rem;
		height: 2.75rem;
		background: url("images/burger.svg") center no-repeat;
		background-size: cover;
		/* transition: all 0.3s; */
	}

	.navbar-toggler.deactive {
		background: url("images/close.svg") center no-repeat;
		background-size: cover;
	}


	.nav {
		position: relative;
		width: -webkit-fill-available;
		display: block;
		position: absolute;
		top: 0rem;
		left: 0;
		/* border-radius: 0 0 2.5rem 2.5rem; */

		/* background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%) padding-box, linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%) border-box;
		border-radius: 0 0 2.25rem 2.25rem; */
		/* border: 0.08rem solid transparent; */
		/* background: var(--black); */


		opacity: 0;
		transform: translateY(5rem);
		transition: all 0.3s ease-in-out;
		pointer-events: none;
	}



	.mob_wrap_nav {
		/* padding: 6.25rem 1.25rem 1.875rem; */
		background: var(--gray-8);
		border-radius: 0 0 2.25rem 2.25rem;
	}

	.nav.active {
		position: relative;
		opacity: 1;
		transform: translateY(0rem);
		pointer-events: inherit;
	}


	#header.active {
		position: relative;
		z-index: 1;
		/* background: var(--black); */
	}

	.mob_wrap_nav {
		position: absolute;
		transition: all 0.3s ease-in-out;

	}

	.mob_wrap_nav:before {
		content: " ";
		position: absolute;
		left: -1.5rem;
		top: 0;
		width: 100%;
		height: 100%;
		background: #189ab5;
        opacity: 0.5;
		padding: 1.5rem 1.5rem 0;
		border-radius: 2rem;
	}

	.mob_wrap_nav.visible-menu {
		opacity: 1;
		visibility: visible;
		display: block;
		transition: all 300ms ease-in-out;
	}


	.menu ul {
		list-style-type: none;
		padding: 0;
	}

	.mob_wrap_nav ul {
		position: relative;
		flex-wrap: wrap;

		gap: 0.5rem;
		margin-top: 2.5rem;
	}



	.mob_wrap_nav ul li {
		width: calc(50% - 0.4rem);
		background: none;
		margin-bottom: 1rem;
	}

	.nav li a {
		box-sizing: border-box;
		font-weight: 500;
		font-size: 0.8rem;
		line-height: 130%;

		padding: 0.56rem 0rem;
		background: none;
		/* display: inline-flex; */
	}



	/* ///////////////////////////////////////////////// */


	.banner {
		padding: 9.5rem 0 6.5rem;
		transition: 0.6s;
	}

	.banner.active {
		padding: 13.5rem 0 6.5rem;
	}

	.banner_content_wrap {
		padding-left: 0;
		margin: 0 auto;
	}

	.banner_img_wrap {
		position: relative;
		width: 100%;
		height: 30rem;
	}

	.banner_img {
		right: -3rem;
		top: -10rem;
	}

	.banner_rocket {
		right: 16.438rem;
		top: 7.875rem;
	}

	/* ///////////////////////////////////////////////// */

	.services_wrap {
		flex-direction: column;
		align-items: center;
		gap: 5rem;
		margin-top: 12rem;
		margin-bottom: 5rem;
	}

	.services_item {
		width: 100%;
		max-width: 25.5rem;
		margin: 0;
	}

	.services_item:nth-child(2) {
		margin: 0;
	}

	/* ///////////////////////////////////////////////////////// */

	.advantages {
		padding: 3.75rem 0 4.125rem;
	}

	.advantages_wrap {
		flex-wrap: wrap;
		align-items: center;
		gap: 3rem;
		margin-top: 10rem;
	}

	.advantages_item {
		width: 100%;
		margin-top: 0;
	}

	.advantages_item:nth-child(2) {
		margin: 0;
	}

	.advantages_img {
		top: 2rem;
	}

	/* ///////////////////////////////////////////////////////// */

	.about {
		padding: 3.75rem 0;
	}

	.about_img {
		width: 8.313rem;
		position: absolute;
		right: 2rem;
		top: 11rem;
	}

	/* ///////////////////////////////////////////////////////// */

	.speak {
		padding: 3.75rem 0;
	}

	.speak_wrap {
		flex-direction: column;
		align-items: center;
		gap: 3rem;
		margin-top: 5rem;
	}

	.speak_item {
		width: 100%;
		margin-top: 0;
		max-width: 25.5rem;
	}

	/* ///////////////////////////////////////////////////////// */
	.work {
		padding: 3.75rem 0;
	}

	.work_wrap {
		flex-wrap: wrap;
		align-items: center;
		gap: 3rem;
		margin-top: 5rem;
	}

	.work_item {
		width: 100%;
		margin-top: 0;
		max-width: 20.5rem;
	}

	.work_line {
		display: none;
	}

	/* ///////////////////////////////////////////////// */

	.fly {
		padding: 3.75rem 0;
	}

	/* //////////////////////////////////////////////////////// */
	footer {
		padding: 1.875rem 0 1.25rem;
	}

	.footer_wrap {
		flex-direction: column;
		gap: 2rem;
	}

	.f-menu {
		gap: 0.875rem;
	}

	.f-rocket {
		position: absolute;
		bottom: 26rem;
		left: -6rem;
		width: 23.063rem;
	}

	.f-moon {
		width: 36.813rem;
	}

}



@media (max-width: 480px) {

	html {
		font-size: 3.951vw;
	}

	.banner {
		padding: 9.5rem 0 0.5rem;
	}

	.banner_img {
		right: -8rem;
		top: -5rem;
		width: 50rem;
	}

	.banner_rocket {
		right: 8.438rem;
		top: 9.875rem;
		width: 14.125rem;
	}

	.title {
		font-size: 2rem;
	}

	.fly .title {
		font-size: 2.1rem;
	}

	/* //////////////////////////////// */

	.shape_wrap img {
		width: 38rem;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 9rem;
	}

	.advantages_img {
		top: 4rem;
		left: 50%;
		transform: translateX(-50%);
		width: 45rem;
	}

	/* ///////////////////////////////// */
	.about_img {
		width: 4.313rem;
		position: absolute;
		right: 1rem;
	}

	/* ///////////////////////////////// */

	.speak_item img {
		width: 8rem;
	}

	/* ///////////////////////////////// */
	.work .title::before {
		top: 6rem;
	}

	.f-rocket {
		position: absolute;
		bottom: 17rem;
		left: -11rem;
		width: 23.063rem;
	}

	.f-moon {
		width: 34.813rem;
	}

}