.hero__light .content {
	 color: var(--white-three);
}
 .hero__light__dark {
	 color: #000;
}
 .hero-main {
	 position: relative;
	 width: 100%;
	 height: 170vw;
	 max-height: 672px;
}
 .hero-main .swiper-slide {
	 display: flex;
	 align-items: flex-end;
	 padding-bottom: 0 !important;
}
 .hero-main .swiper-slide:after {
	 content: "";
	 display: block;
	 background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 35, 57, 0.5));
	 height: 100%;
	 z-index: 10;
	 width: 100%;
	 position: absolute;
}
 .hero-main .grid-container {
	 opacity: 0;
	 visibility: hidden;
	 width: 100%;
	 padding: 0 15px;
}
 .hero-main .grid-container > .content {
	 z-index: 20;
	 margin-bottom: 150px;
	 position: relative;
}
 @media (max-width: 1600px) {
	 .hero-main .grid-container > .content {
		 margin-bottom: 100px;
	}
}
 @media (max-width: 1199px) {
	 .hero-main .grid-container > .content {
		 margin-bottom: 30px;
	}
}
 @media (max-width: 767px) {
	 .hero-main .grid-container > .content {
		 display: block;
		 width: 100%;
	}
}
 .hero-main .grid-container > .content .text-content {
	 max-width: 100%;
	 margin-bottom: 20px;
	 color: #fff;
	 line-height: 1.5;
	 font-size: 20px;
	 font-weight: 400;
}
 @media (min-width: 768px) {
	 .hero-main .grid-container > .content .text-content {
		 max-width: calc(100% - 170px);
		 margin-bottom: 0;
	}
}
 .hero-main .grid-container > .content .slide_title {
	 font-size: 45px;
	 font-weight: 800;
	 line-height: 1.2;
	 width: 920px;
	 color: #fefefe;
	 max-width: 100%;
	 margin-bottom: 30px;
}
 @media (min-width: 768px) {
	 .hero-main .grid-container > .content .slide_title {
		 font-size: 54px;
	}
}
 @media (max-width: 1199px) {
	 .hero-main .grid-container > .content .slide_title {
		 width: 450px;
	}
}
 @media (max-width: 767px) {
	 .hero-main .grid-container > .content .slide_title {
		 margin-bottom: 10px;
		 width: 100%;
	}
}
 @media (min-width: 768px) {
	 .hero-main .grid-container > .content .buttons-wrapper {
		 position: absolute;
		 width: auto;
		 bottom: 0;
		 right: 0;
	}
}
.hero-main .grid-container > .content .buttons-wrapper a {
	width: 140px;
	min-width: 140px;
	text-decoration: none;
	padding: 20px;
}
 .hero-main .b-loaded .grid-container {
	 opacity: 1;
	 visibility: visible;
}
 .hero-main .hero__image {
	 background-position: center;
}
 @media (min-width: 560px) {
	 .hero-main .hero__image {
		 background-position: initial;
	}
}
 .hero-main .hero__video {
	 background-color: black;
}
 .hero-main .hero__video .embed-container {
	 height: 100%;
	 position: absolute;
	 width: 100%;
	 margin: 0;
	 overflow: hidden;
	 max-width: 100%;
	 left: 0;
}
 .hero-main .hero__video .embed-container.zindex {
	 z-index:11;
}
 .hero-main .hero__video .embed-container__inner {
	 height: 100%;
}
 .hero-main .hero__video .embed-container__inner #hero-video {
	 height: 100%;
	 width: 100%;
	 object-fit: cover;
}
 .hero-main > .grid-container {
	 height: 100%;
	 position: relative;
}
 .hero-main .swiper-slide {
	 height: 100%;
	 position: relative;
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 padding-bottom: 0 !important;
	 width: 100%;
}
 .hero-main .swiper-slide p {
	 color: var(--white);
}
 .hero-main .hero-slider {
	 position: absolute;
	 overflow: hidden;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 background-position: 50% 100%;
}
 .hero-main .hero-slider .b-loaded .swiper-lazy-preloader {
	 opacity: 0;
	 visibility: hidden;
}
 .hero-main .hero-info-overlay {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 z-index: 0;
}
 .hero-main .hero-info-overlay > .grid-container, .hero-main .hero-info-overlay .hero-main .hero-info-overlay > .grid-container > .grid-row {
	 height: 100%;
	 position: relative;
}
 @media (min-width: 768px) {
	 .hero-main {
		 height: 75vw;
	}
}