@keyframes gridEntrance {
	0% {
		opacity: 0;
		transform: scaleY(.001);
		transform-origin: bottom
	}

	to {
		opacity: 1;
		transform: scaleY(1)
	}
}

@keyframes gridColor {
	0% {
		filter: grayscale(100%) brightness(80%)
	}

	50% {
		filter: grayscale(0) brightness(90%)
	}

	to {
		filter: grayscale(100%) brightness(80%)
	}
}

@keyframes rotating {
	0% {
		rotate: 0deg
	}

	to {
		rotate: 180deg
	}
}

@keyframes navLinkFade {
	0% {
		opacity: 0;
		margin-left: -10rem
	}

	to {
		opacity: 1;
		margin-left: 0
	}
}

@keyframes gradientMotion {
	0% {
		background-position: 0
	}

	to {
		background-position: -200%
	}
}

.footer {
	width: 80%;
	margin: 0 auto
}

@media (max-width:599px) {
	.footer {
		width: 100%
	}
}

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

@media (max-width:899px) {
	.footer__container {
		flex-direction: column-reverse;
		align-items: center
	}
}

.footer__subcontainer1 {
	width: 45%;
	position: relative;
	transform: translateY(-5rem);
	opacity: 0;
	filter: blur(3px);
	transition: .5s ease-in .1s
}

@media (max-width:899px) {
	.footer__subcontainer1 {
		width: 80%
	}
}

.footer__logo {
	width: 20rem;
	margin-bottom: 3rem
}

@media (max-width:1279px) {
	.footer__logo {
		width: 17rem
	}
}

.footer__copy {
	color: #fff;
	font-size: 1.2rem;
	margin-bottom: 3rem
}

.footer__socials {
	width: 30%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 4rem;
	margin-left: -1rem
}

.footer__socials a {
	padding: 1rem;
	transition: .2s ease-in-out
}

.footer__socials a:hover {
	transform: scale(1.5)
}

.footer__info {
	display: flex;
	padding: 1rem 2rem;
	color: #142240;
	background-color: #edb01f;
	position: absolute;
	bottom: 0;
	width: 70%
}

@media (max-width:1279px) {
	.footer__info {
		width: 80%
	}
}

@media (max-width:899px) {
	.footer__info {
		width: 94%
	}
}

@media (max-width:599px) {
	.footer__info {
		padding: .7rem 1rem
	}
}

.footer__email {
	flex-grow: 0.5
}

.footer__email-heading {
	font-size: 1.5rem;
	font-weight: 700
}

@media (max-width:1279px) {
	.footer__email-heading {
		font-size: 1.2rem
	}
}

@media (max-width:599px) {
	.footer__email-heading {
		font-size: 1rem
	}
}

.footer__email-email {
	font-size: 1rem
}

.footer__phone {
	flex-grow: 0.5
}

.footer__phone-heading {
	font-size: 1.5rem;
	font-weight: 700
}

@media (max-width:1279px) {
	.footer__phone-heading {
		font-size: 1.2rem
	}
}

@media (max-width:599px) {
	.footer__phone-heading {
		font-size: 1rem
	}
}

.footer__phone-phone {
	font-size: 1rem
}

.footer__subcontainer2 {
	display: flex;
	flex-direction: column;
	width: 40%;
	position: relative;
	transform: translateY(-5rem);
	opacity: 0;
	filter: blur(3px);
	transition: .5s ease-in .1s
}

@media (max-width:899px) {
	.footer__subcontainer2 {
		width: 80%;
		margin-bottom: 5rem
	}
}

.footer__heading {
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
	margin-bottom: 1rem
}

@media (max-width:1279px) {
	.footer__heading {
		font-size: 2.5rem
	}
}

.footer__contact {
	display: flex;
	flex-direction: column;
	height: 60%
}

.footer__contact input {
	height: 3rem;
	background: transparent;
	border: 5px solid hsla(0, 0%, 100%, .5);
	border-radius: 2rem;
	padding: 5px 1rem;
	font-size: 1.2rem;
	color: #fff;
	outline: none;
	margin-bottom: 1rem
}

.footer__contact input::placeholder {
	color: hsla(0, 0%, 100%, .5)
}

.footer__contact input:focus-visible {
	border: 5px solid #fff
}

@media (max-width:1279px) {
	.footer__contact input:focus-visible {
		border: 3px solid #fff
	}
}

@media (max-width:1279px) {
	.footer__contact input {
		height: 2.5rem;
		border: 3px solid hsla(0, 0%, 100%, .5)
	}
}

.footer__contact textarea {
	margin-bottom: 2rem;
	background: transparent;
	border: 5px solid hsla(0, 0%, 100%, .5);
	border-radius: 1rem;
	padding: 5px 1rem;
	font-size: 1.2rem;
	color: #fff;
	outline: none;
	resize: none;
	font-family: Poppins, sans-serif
}

.footer__contact textarea::-webkit-scrollbar-track {
	background-color: transparent
}

.footer__contact textarea::-webkit-scrollbar-thumb {
	background-color: #fff
}

.footer__contact textarea::placeholder {
	color: hsla(0, 0%, 100%, .5)
}

.footer__contact textarea:focus-visible {
	border: 5px solid #fff
}

@media (max-width:1279px) {
	.footer__contact textarea:focus-visible {
		border: 3px solid #fff
	}
}

@media (max-width:1279px) {
	.footer__contact textarea {
		border: 3px solid hsla(0, 0%, 100%, .5);
		height: 10rem
	}
}

.footer__cta {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	padding: .5rem 1.5rem;
	font-size: 1.2rem;
	border: 4px solid #fff;
	border-radius: 5rem;
	transition: .2s ease-in-out;
	width: 7rem;
	position: relative;
	align-self: end;
	text-align: center;
	cursor: pointer
}

.footer__cta:hover {
	background-color: #fff;
	color: #090f19
}

@media (max-width:1279px) {
	.footer__cta {
		border: 2px solid #fff;
		font-size: 1rem
	}
}

.copyright {
	background: #fff;
	height: 3rem;
	display: grid
}

@media (max-width:1279px) {
	.copyright {
		height: 2rem
	}
}

.copyright__text {
	margin: auto;
	font-size: 1rem
}

@media (max-width:1279px) {
	.copyright__text {
		font-size: .8rem
	}
}

@-moz-document url-prefix() {
	textarea {
		height: 10rem
	}
}

.navbar {
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 4vh auto 4rem
}

.navbar__logo {
	width: 150px
}

@media (max-width:1279px) {
	.navbar__logo {
		width: 100px
	}
}

@media (max-width:899px) {
	.navbar__logo {
		width: 150px;
		width: 100px
	}
}

.navbar__list {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative
}

.navbar__item {
	font-size: 1rem;
	padding: 2rem;
	font-weight: 600;
	letter-spacing: 3px;
	transition: .3s
}

.navbar__item:hover {
	font-size: 1.3rem
}

@media (max-width:1279px) {
	.navbar__item {
		font-size: .9rem
	}
}

.navbar__vibration {
	color: #edb01f;
	text-decoration: none
}

.navbar__nectar {
	color: #fff;
	text-decoration: none
}

.navbar__nectar span {
	color: #ff1a00
}

.navbar__nectar:after {
	content: "";
	position: absolute;
	display: inline-block;
	top: 3px;
	border-radius: 50%;
	height: 4px;
	width: 4px;
	background: #ff1a00
}

.navbar__academy,
.navbar__cta {
	color: #fff;
	text-decoration: none
}

.navbar__cta {
	font-weight: 600;
	font-size: 1rem;
	padding: .75rem 2rem;
	border: 2px solid #fff;
	letter-spacing: 3px;
	transition: .2s ease-in-out
}

.navbar__cta:hover {
	color: #142240;
	background-color: #fff
}

@media (max-width:1279px) {
	.navbar__cta {
		font-size: .9rem
	}
}

@media (max-width:899px) {
	.navbar__cta {
		display: none
	}
}

.navbar__seperator {
	width: 5px;
	height: 5px;
	background-color: #003049;
	transform: rotate(45deg);
	margin: 0 1rem
}

@media (max-width:899px) {
	.navbar__seperator {
		display: none
	}
}

.navbar__burger {
	display: none
}

.navbar__burger div {
	height: 3px;
	width: 25px;
	background-color: #fff;
	margin: 5px;
	border-radius: 10px;
	transition: .3s ease
}

.navbar__logo2 {
	display: none
}

@media (max-width:899px) {
	.navbar__logo2 {
		display: block;
		width: 150px;
		margin-bottom: 7rem;
		margin-top: 4vh
	}
}

@media (max-width:599px) {
	.navbar__logo2 {
		width: 100px
	}
}

.navbar__cta2 {
	display: none
}

.page-overlay {
	transition: .9s !important;
	opacity: 0;
	position: absolute
}

@media (max-width:899px) {
	.navbar__logo {
		position: absolute;
		left: 10vw;
		top: 4vh
	}

	.navbar__burger {
		display: block;
		cursor: pointer;
		position: absolute;
		right: 10vw;
		top: 4vh;
		z-index: 100000
	}

	.navbar__container {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 60%;
		background-color: #142240;
		transform: translateX(-120%);
		z-index: 100000;
		transition: .5s ease-in
	}

	.navbar__list {
		flex-direction: column;
		align-items: center
	}

	.navbar__list li {
		margin-bottom: 5rem
	}

	.navbar__item {
		opacity: 0;
		transform: translateX(50px)
	}

	.navbar__item,
	.navbar__item:hover {
		font-size: 1.5rem
	}

	.navbar__nectar {
		color: #fff;
		text-decoration: none
	}

	.navbar__nectar span {
		color: #ff1a00
	}

	.navbar__nectar:after {
		content: "";
		position: absolute;
		display: inline-block;
		top: 3px;
		border-radius: 50%;
		height: 0;
		width: 0;
		background: #ff1a00
	}
}

@media (max-width:599px) {
	.navbar__container {
		width: 75%
	}

	.navbar__item {
		opacity: 0;
		transform: translateX(50px)
	}

	.navbar__item,
	.navbar__item:hover {
		font-size: 1.2rem
	}
}

.nav-active {
	transform: translateX(0)
}

.fixed {
	position: fixed;
	right: 10%;
	top: 4vh
}

.burger-toggle .navbar__line1 {
	transform: rotate(-45deg) translate(-5px, 6px);
	background-color: #fff
}

.burger-toggle .navbar__line2 {
	opacity: 0;
	background-color: #fff
}

.burger-toggle .navbar__line3 {
	transform: rotate(45deg) translate(-5px, -6px);
	background-color: #fff
}

.overlay-show {
	opacity: 1;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 20
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

*,
html {
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

@media (min-width:1280px) {
	html {
		overflow: overlay;
		overflow-x: hidden
	}
}

body {
	height: 100%;
	width: 100%;
	font-family: Poppins, sans-serif
}

body,
h1,
h2,
h3,
p {
	margin: 0;
	padding: 0
}

::-webkit-scrollbar {
	width: 10px
}

@media (max-width:1279px) {
	::-webkit-scrollbar {
		width: 0
	}
}

::-webkit-scrollbar-track {
	background-color: transparent
}

::-webkit-scrollbar-thumb {
	width: 10px;
	background-color: #fff;
	border-radius: 30px
}

::-webkit-scrollbar-thumb:hover {
	background-color: hsla(0, 0%, 100%, .7)
}

@media (max-width:1279px) {
	::-webkit-scrollbar-thumb {
		display: none
	}
}

html {
	overflow-x: hidden
}

@media (max-width:1599px) {
	html {
		font-size: 12px
	}
}

@media (max-width:1279px) {
	html {
		font-size: 10px
	}
}

body {
	background: linear-gradient(180deg, #c20013, #72040d 30%, #c20013);
	overflow: overlay;
	overflow-x: hidden
}

video {
	filter: brightness(50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10
}

header {
	height: 100vh;
	margin-bottom: 10rem
}

@media (max-width:399px) {
	header {
		margin-bottom: 12rem
	}
}

.navbar {
	margin-bottom: 7rem;
	margin-top: 0;
	padding-top: 3rem
}

@media (max-width:1279px) {
	.navbar {
		margin-bottom: 5rem
	}
}

.navbar__logo {
	width: 200px
}

@media (max-width:1599px) {
	.navbar__logo {
		width: 150px
	}
}

@media (max-width:899px) {
	.navbar__container {
		background: #72040d
	}
}

.navbar__list {
	align-items: center
}

.navbar__item {
	color: #fff;
	text-decoration: none
}

.navbar__item:hover {
	transform: scale(1.1)
}

.navbar__empty {
	width: 10rem
}

.navbar__seperator {
	background-color: #fff
}

@media (max-width:899px) {
	.navbar__burger {
		top: 6vh
	}
}

@media (max-width:599px) {
	.navbar__burger {
		top: 5vh
	}
}

@media (max-width:899px) {
	.navbar__logo2 {
		width: 150px
	}
}

.hero {
	position: relative;
	width: 80%;
	height: 70vh;
	margin: 0 auto
}

@media (max-width:899px) {
	.hero {
		margin-top: 15rem
	}
}

@media (max-width:599px) {
	.hero {
		margin-top: 10rem;
		height: 75vh
	}
}

.hero__plus {
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	opacity: .5;
	pointer-events: none
}

.hero__corner1 {
	left: 0;
	transform: rotate(90deg)
}

.hero__corner1,
.hero__corner2 {
	width: 3rem;
	height: 3rem;
	position: absolute;
	opacity: .5;
	pointer-events: none
}

.hero__corner2 {
	right: 0;
	transform: rotate(180deg)
}

.hero__corner3 {
	right: 0;
	transform: rotate(270deg)
}

.hero__corner3,
.hero__corner4 {
	width: 3rem;
	height: 3rem;
	position: absolute;
	bottom: 0;
	opacity: .5;
	pointer-events: none
}

.hero__corner4 {
	left: 0
}

.hero__heading {
	color: #fff;
	font-size: 4.5rem;
	line-height: 1.2;
	letter-spacing: 3px;
	margin-bottom: 20%;
	padding-left: 5rem;
	padding-top: 3rem;
	font-weight: 600;
	transform: translateY(-5rem);
	opacity: 0;
	filter: blur(5px);
	transition: all 1s ease .1s
}

@media (max-width:899px) {
	.hero__heading {
		font-size: 4.5rem
	}
}

@media (max-width:599px) {
	.hero__heading {
		font-size: 3.5rem;
		letter-spacing: 1px;
		padding-left: 2rem
	}
}

@media (max-width:399px) {
	.hero__heading {
		font-size: 2.5rem
	}
}

.hero__seduisent {
	background-image: linear-gradient(90deg, #ffd100, #e63e25 33%, #fc087b 66%, #3700ff);
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 400;
	font-style: italic;
	padding-right: 1rem;
	transform: translateY(-5rem);
	opacity: 0;
	filter: blur(5px);
	transition: all 1s ease .2s
}

@media (max-width:599px) {
	.hero__seduisent {
		font-weight: 500
	}
}

.hero__third-line {
	transition: all 1s ease .3s
}

.hero__third-line,
.hero__vendent {
	transform: translateY(-5rem);
	opacity: 0;
	filter: blur(5px)
}

.hero__vendent {
	background: #d6192c;
	background-clip: text;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	font-style: italic;
	padding-right: 1rem;
	display: block;
	transition: all 1s ease .4s
}

@media (max-width:899px) {
	.hero__vendent {
		display: inline
	}
}

@media (max-width:599px) {
	.hero__vendent {
		display: inline
	}
}

.hero__scroll {
	display: none
}

@media (max-width:1279px) {
	.hero__scroll {
		display: block;
		position: absolute;
		right: 10%;
		bottom: 10%;
		width: 150px;
		height: 150px
	}
}

@media (max-width:899px) {
	.hero__scroll {
		bottom: 5%;
		left: 50%;
		transform: translateX(-50%);
		width: 120px;
		height: 120px
	}
}

.about {
	width: 100%;
	position: relative;
	margin-bottom: 15rem
}

.about__circle {
	border-radius: 50%;
	background-color: #e71700;
	position: absolute
}

.about__circle--1 {
	right: -8rem;
	top: -25%;
	width: 25rem;
	height: 25rem;
	box-shadow: -5px 5px 15px rgba(0, 0, 0, .3);
	transform: scale(.1);
	transition: .8s ease
}

@media (max-width:1279px) {
	.about__circle--1 {
		width: 20rem;
		height: 20rem;
		right: 0
	}
}

@media (max-width:899px) {
	.about__circle--1 {
		width: 12rem;
		height: 12rem
	}
}

@media (max-width:599px) {
	.about__circle--1 {
		top: -10rem;
		width: 10rem;
		height: 10rem
	}
}

.about__circle--2 {
	left: 1rem;
	bottom: -25%;
	width: 15rem;
	height: 15rem;
	box-shadow: 3px 5px 7px rgba(0, 0, 0, .3);
	transform: scale(.1);
	transition: 1s ease
}

@media (max-width:899px) {
	.about__circle--2 {
		width: 18rem;
		height: 18rem;
		bottom: -50%;
		z-index: -10
	}
}

@media (max-width:599px) {
	.about__circle--2 {
		left: -7rem;
		bottom: -15rem
	}
}

.about__container {
	width: 80%;
	margin: 0 auto
}

@media (max-width:599px) {
	.about__container {
		width: 90%
	}
}

.about__headings {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
	font-family: Roboto Mono, monospace;
	margin-bottom: 3rem
}

.about__heading--1 {
	font-size: 5rem;
	font-weight: 400;
	letter-spacing: 1px;
	margin-left: -20rem;
	line-height: 1;
	transform: translateX(-30%);
	opacity: 0;
	filter: blur(5px);
	transition: all 1s ease
}

.about__heading--1 span {
	font-family: Poppins, sans-serif;
	font-weight: 700;
	position: relative
}

.about__heading--1 span:after {
	content: "";
	position: absolute;
	display: inline-block;
	border-radius: 50%;
	top: 1rem;
	height: 1rem;
	width: 1rem;
	background: #ff1a00
}

@media (max-width:899px) {
	.about__heading--1 {
		font-size: 3.5rem
	}
}

@media (max-width:599px) {
	.about__heading--1 {
		font-size: 2.5rem;
		margin-left: -10rem
	}
}

@media (max-width:399px) {
	.about__heading--1 {
		font-size: 2rem;
		margin-left: -5rem
	}
}

.about__heading--2 {
	font-size: 5rem;
	font-weight: 400;
	transform: translateX(30%);
	opacity: 0;
	filter: blur(5px);
	transition: all 1s ease
}

.about__heading--2 span {
	font-family: Poppins, sans-serif;
	font-style: italic;
	font-weight: 700
}

@media (max-width:899px) {
	.about__heading--2 {
		font-size: 3.5rem
	}
}

@media (max-width:599px) {
	.about__heading--2 {
		font-size: 2.5rem
	}
}

@media (max-width:399px) {
	.about__heading--2 {
		font-size: 2rem
	}
}

.about__copy {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.3rem;
	color: #fff;
	font-weight: 300;
	line-height: 2
}

@media (max-width:899px) {
	.about__copy {
		width: 90%;
		line-height: 1.7
	}
}

@media (max-width:399px) {
	.about__copy {
		font-size: 1rem
	}
}

.work {
	position: relative;
	margin-bottom: 15rem
}

.work__heading {
	text-align: center;
	color: #fff;
	font-size: 5rem;
	font-family: Roboto Mono, monospace;
	transform: translateY(-5rem);
	opacity: 0;
	filter: blur(5px);
	transition: .5s ease
}

.swiper {
	width: 100%;
	position: relative
}

.swiper__indication {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 50%;
	left: 15%;
	rotate: 180deg;
	transform: translateY(50%);
	z-index: -10
}

@media (max-width:1599px) {
	.swiper__indication {
		width: 150px;
		height: 150px
	}
}

@media (max-width:1279px) {
	.swiper__indication {
		width: 100px;
		height: 100px
	}
}

@media (max-width:899px) {
	.swiper__indication {
		width: 75px;
		height: 75px;
		left: 5%
	}
}

@media (max-width:599px) {
	.swiper__indication {
		width: 50px;
		height: 50px
	}
}

@media (max-width:399px) {
	.swiper__indication {
		left: 0
	}
}

.swiper-wrapper {
	width: 100%;
	height: 30rem !important;
	display: flex;
	align-items: center
}

.swiper-slide:not(.swiper-slide-active) {
	filter: blur(2px)
}

.card {
	width: 30% !important;
	aspect-ratio: 16/9;
	height: auto !important;
	margin: 0 2rem !important;
	border-radius: 20px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	border-color: #fff;
	border-style: solid;
	border-width: 3px 2px 2px 3px;
	position: relative
}

@media (max-width:899px) {
	.card {
		width: 40% !important
	}
}

@media (max-width:599px) {
	.card {
		width: 60% !important;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
		border-radius: 15px
	}
}

@media (max-width:399px) {
	.card {
		width: 70% !important
	}
}

.card__link {
	z-index: 10;
	text-decoration: none;
	display: flex;
	align-items: center;
	transition: .3s ease
}

.card__link:hover {
	transform: scale(1.2)
}

.card__play {
	color: #fff;
	font-size: 2.5rem;
	font-family: Roboto Mono, monospace;
	font-weight: 400;
	margin-right: .5rem
}

@media (max-width:599px) {
	.card__play {
		font-size: 2rem
	}
}

@media (max-width:399px) {
	.card__play {
		font-size: 1.7rem
	}
}

.card__icon {
	height: 2rem;
	width: 2rem;
	filter: invert(100%) sepia(0) saturate(7483%) hue-rotate(153deg) brightness(110%) contrast(101%)
}

.card__title {
	position: absolute;
	bottom: -3rem;
	color: #fff;
	font-size: 1.5rem
}

@media (max-width:599px) {
	.card__title {
		font-size: 1.2rem
	}
}

.card__overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	border-radius: 20px
}

@media (max-width:599px) {
	.card__overlay {
		border-radius: 15px
	}
}

.card--1 {
	background: url(../img/sanfara.3900f521.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

.card--2 {
	background: url(../img/iskancom.b3293819.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

.card--2 .card__overlay {
	background: rgba(0, 0, 0, .5);
	filter: blur(25px)
}

.card--3 {
	background: url(../img/iskancom2.97e573ab.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

.card--4 {
	background: url(../img/dambri.9cfdc6c0.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 100%
}

.card--5 {
	background: url(../img/jardin.2f3abbd0.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.card--5 .card__overlay {
	background: rgba(0, 0, 0, .2)
}

.card--6 {
	background: url(../img/inhalclean.7207c99b.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

.card--7 {
	background: url(../img/harmony.ef7c5238.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

.card--7 .card__overlay {
	background: rgba(0, 0, 0, .2)
}

.info {
	height: 120vh;
	margin-bottom: 10rem;
	clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 88%);
	background: url(../img/gear.6ed86aa1.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media (max-width:899px) {
	.info {
		padding: 30rem 0;
		height: auto;
		clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%)
	}
}

.info__circle {
	border-radius: 50%;
	background-color: #e71700;
	position: absolute
}

.info__circle--1 {
	z-index: 10;
	left: -2rem;
	top: 5em;
	width: 30rem;
	height: 30rem;
	box-shadow: -5px 5px 15px rgba(0, 0, 0, .4);
	transform: scale(.1);
	transition: .5s ease
}

@media (max-width:1279px) {
	.info__circle--1 {
		display: none
	}
}

@media (max-width:899px) {
	.info__circle--1 {
		width: 35rem;
		height: 35rem;
		left: 2rem;
		top: 2rem
	}
}

@media (max-width:599px) {
	.info__circle--1 {
		left: -5rem
	}
}

.info__circle--2 {
	z-index: 10;
	right: 15%;
	bottom: 18rem;
	width: 15rem;
	height: 15rem;
	box-shadow: -3px 10px 7px rgba(0, 0, 0, .7);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .3s ease
}

@media (min-width:1280px) {
	.info__circle--2:hover {
		transform: scale(1.1)
	}
}

@media (max-width:1279px) {
	.info__circle--2 {
		width: 20rem;
		height: 20rem
	}
}

@media (max-width:899px) {
	.info__circle--2 {
		bottom: 7rem;
		left: 50%;
		transform: translateX(-50%)
	}
}

@media (max-width:399px) {
	.info__circle--2 {
		width: 15rem;
		height: 15rem
	}
}

.info__circle--3 {
	border-radius: 50%;
	background-color: #e71700;
	position: absolute;
	width: 35rem;
	height: 35rem;
	top: -15rem;
	left: -20rem;
	z-index: -10;
	transform: scale(.1);
	transition: .5s ease
}

@media (min-width:1280px) {
	.info__circle--3 {
		display: none
	}
}

@media (max-width:599px) {
	.info__circle--3 {
		width: 25rem;
		height: 25rem;
		top: -8rem;
		left: -10rem
	}
}

.info__link {
	color: #fff;
	font-family: Roboto Mono, monospace;
	font-size: 1.5rem;
	font-weight: 700
}

@media (max-width:1279px) {
	.info__link {
		font-size: 2rem
	}
}

@media (max-width:399px) {
	.info__link {
		font-size: 1.5rem
	}
}

.info__overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #380000;
	opacity: .3
}

.info__content {
	margin-left: 10%;
	position: relative;
	z-index: 10;
	color: #fff;
	max-width: 40%;
	display: flex;
	flex-direction: column
}

@media (max-width:899px) {
	.info__content {
		align-self: center;
		align-items: center;
		max-width: 60%;
		margin-top: -20rem;
		margin-left: 0
	}
}

@media (max-width:599px) {
	.info__content {
		max-width: 80%
	}
}

.info__header {
	font-size: 6rem;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 3rem;
	text-shadow: -3px 0 5px rgba(0, 0, 0, .5);
	transform: translateY(-5rem);
	opacity: 0;
	filter: blur(5px);
	transition: .8s ease .5s
}

.info__header span {
	font-weight: 700;
	font-style: italic
}

@media (max-width:1279px) {
	.info__header {
		position: relative
	}
}

@media (max-width:899px) {
	.info__header {
		font-size: 6.2rem
	}
}

@media (max-width:599px) {
	.info__header {
		font-size: 5rem;
		margin-bottom: 5rem
	}
}

@media (max-width:399px) {
	.info__header {
		font-size: 3.8rem
	}
}

.info__copy {
	font-size: 1.2rem;
	line-height: 1.7;
	transform: scaleY(.1);
	transform-origin: top;
	transition: .5s ease .1s
}

@media (max-width:899px) {
	.info__copy {
		text-align: center
	}
}

@media (max-width:399px) {
	.info__copy {
		font-size: 1rem
	}
}

@media (max-width:899px) {
	.footer__subcontainer1 {
		display: flex;
		flex-direction: column;
		align-items: center
	}
}

.footer__logo {
	width: 200px;
	margin-bottom: 5rem
}

@media (max-width:399px) {
	.footer__logo {
		width: 150px
	}
}

.footer__copy {
	margin-bottom: 5rem
}

@media (max-width:899px) {
	.footer__copy {
		font-size: 1.5rem;
		text-align: center
	}
}

@media (max-width:399px) {
	.footer__copy {
		font-size: 1rem
	}
}

.footer__socials {
	width: 40%
}

.footer__social-icon {
	width: 2rem
}

.footer__contact input {
	border: 5px solid hsla(0, 0%, 100%, .7)
}

.footer__contact input::placeholder {
	color: hsla(0, 0%, 100%, .7);
	font-weight: 500
}

@media (max-width:1599px) {
	.footer__contact input {
		border: 4px solid hsla(0, 0%, 100%, .7)
	}
}

@media (max-width:1279px) {
	.footer__contact input {
		height: 4rem;
		border: 3px solid hsla(0, 0%, 100%, .7)
	}
}

.footer__contact textarea {
	border: 5px solid hsla(0, 0%, 100%, .7)
}

.footer__contact textarea::placeholder {
	color: hsla(0, 0%, 100%, .7);
	font-weight: 500
}

@media (max-width:1599px) {
	.footer__contact textarea {
		border: 4px solid hsla(0, 0%, 100%, .7)
	}
}

@media (max-width:1279px) {
	.footer__contact textarea {
		border: 3px solid hsla(0, 0%, 100%, .7)
	}
}

@media (max-width:599px) {
	.footer__contact textarea {
		height: 10rem
	}
}

@media (max-width:375px) {
	.footer__contact textarea {
		margin-bottom: 1rem
	}
}

.show {
	opacity: 1;
	transform: translate(0) scale(1);
	filter: blur(0)
}

/*# sourceMappingURL=/_nectar.dee1bcec.css.map */