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

@media (min-width: 768px) {
	.hero {
		min-height: 100vh
	}
}

.hero__wrapper {
	height: 100%;
	position: relative
}

.hero__topLine {
	display: none
}

@media (min-width: 768px) {
	.hero__topLine {
		display: block;
		background: #83734A;
		height: 2px;
		width: 60px;
		display: block
	}
}

.hero h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero h2 {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.158rem;
		margin-bottom: -1.34rem
	}
}

@media (min-width: 992px) {
	.hero h2 {
		font-size: 7.2rem;
		line-height: 6.4rem;
		letter-spacing: -.235rem;
		margin-bottom: -1.36rem
	}
}

@media (max-width: 767px) {
	.hero h2 {
		width: 100%
	}
}

@media (min-width: 768px) {
	.hero h2 {
		margin-top: 40px
	}
}

.hero p {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: 0rem;
	margin-bottom: -1.28rem;
	color: #9c9c9c;
	color: #B3B3B3;
	width: 100%;
	margin-top: 20px
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: 0rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.hero p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: .035rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero p {
		margin-top: 30px;
		width: calc(60% + 30px)
	}
}

@media (min-width: 992px) {
	.hero p {
		margin-top: 40px;
		width: calc(60% + 30px)
	}
}

.hero__link {
	display: block;
	margin-top: 20px
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero__link {
		margin-top: 30px
	}
}

@media (min-width: 992px) {
	.hero__link {
		margin-top: 40px
	}
}

.hero__link a {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Med, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .9rem;
	line-height: 1.1rem;
	letter-spacing: .215rem;
	margin-bottom: -.47rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero__link a {
		font-size: .9rem;
		line-height: 1.1rem;
		letter-spacing: .215rem;
		margin-bottom: -.47rem
	}
}

@media (min-width: 992px) {
	.hero__link a {
		font-size: 1.3rem;
		line-height: 1.1rem;
		letter-spacing: .215rem;
		margin-bottom: -.19rem
	}
}

.hero__link a:hover {
	color: #fff;
	text-decoration: none
}

.hero__link a:active {
	color: #fff;
	text-decoration: none
}

.hero__link a:visited {
	color: #fff;
	text-decoration: none
}

.hero__link a {
	color: #fff
}

.hero__link a:active, .hero__link a:visited {
	color: #fff
}

.hero__link a:hover {
	color: #fff
}

.hero__link a:hover img {
	margin-left: 15px
}

.hero__link a img {
	transition: margin-left .2s ease-out;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -1px
}

.hero__link span {
	padding: 15px 0
}

@media (min-width: 768px) {
	.hero__slides {
		height: 100%;
		top: 120px;
		position: relative;
		width: calc(100% - 80px);
		max-width: 1210px;
		margin: 0 auto
	}
}

@media (min-width: 768px) {
	.hero__slide {
		height: 100%
	}
}

.hero__slide--inactive {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0
}

.hero__slideInner {
	height: 100%
}

@media (min-width: 768px) {
	.hero__slideInner {
		display: flex;
		flex-flow: row-reverse;
		justify-content: space-between
	}
}

.hero__image {
	width: 100%;
	height: auto;
	position: relative
}

.hero__image:after {
	display: inline !important
}

@media (min-width: 992px) {
	.hero__image {
		width: 66.04651%
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero__image {
		width: 66.04651%
	}
}

@media (min-width: 768px) {
	.hero__image {
		z-index: 0;
		text-align: right;
		position: relative;
		right: 0;
		top: 0;
		width: 65%
	}
}

@media (max-width: 767px) {
	.hero__image:before {
		content: '';
		float: left;
		padding-bottom: 100%
	}
	.hero__image:after {
		content: '';
		display: table;
		clear: both
	}
}

.hero__image picture {
	display: block;
	line-height: 0;
	font-size: 0
}

.hero__image img {
	width: 100%;
	height: auto;
	object-fit: contain;
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

@media (max-width: 767px) {
	.hero__image img {
		border: 0
	}
}

@media (min-width: 768px) {
	.hero__image img {
		border: 2px solid #83734A;
		padding: 5px
	}
}

.hero__text {
	width: 100%;
	padding: 30px 20px;
	display: flex;
	align-items: center
}

@media (min-width: 992px) {
	.hero__text {
		width: 34.96124%
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero__text {
		width: 34.96124%
	}
}

@media (min-width: 768px) {
	.hero__text {
		padding: 30px 0;
		margin-top: 0;
		z-index: 1;
		position: relative;
		left: 0
	}
	.hero__text p {
		display: block
	}
}

.hero__hr {
	margin: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: .27
}

@media (min-width: 768px) {
	.hero__hr {
		display: none
	}
}

.hero__slidesIndicatorContainer {
	margin-top: 0;
	height: 60px
}

@media (min-width: 768px) {
	.hero__slidesIndicatorContainer {
		position: absolute;
		height: 140px;
		width: 400px;
		bottom: 0
	}
}

.hero__slidesIndicator {
	height: 100%;
	width: 70%;
	display: table
}

@media (min-width: 768px) {
	.hero__slidesIndicator {
		width: 100%
	}
}

.hero__slidesIndicatorItem {
	width: 120px;
	display: table-cell;
	vertical-align: middle;
	color: #83734A
}

.hero__slidesIndicatorItem:not(:last-child) {
	padding-right: 20px
}

.hero__slidesIndicatorItem--active {
	color: #fff
}

.hero__slidesIndicatorItem:not(.hero__slidesIndicatorItem--active) .hero__slidesIndicatorItemInner {
	cursor: pointer
}

.hero__slidesIndicatorItem:not(.hero__slidesIndicatorItem--active) .hero__slidesIndicatorItemInner:hover .hero__slidesIndicatorLine:not(.hero__slidesIndicatorLine--active) {
	height: 8px
}

.hero__slidesIndicatorLines {
	display: table-cell;
	width: 100%;
	position: relative;
	top: -1px
}

.hero__slidesIndicatorNum {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: .9rem;
	line-height: 1.5rem;
	letter-spacing: -.013rem;
	margin-bottom: -.87rem;
	display: table-cell;
	padding-right: 20px
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero__slidesIndicatorNum {
		font-size: 1.1rem;
		line-height: 1.5rem;
		letter-spacing: -.016rem;
		margin-bottom: -.73rem
	}
}

@media (min-width: 992px) {
	.hero__slidesIndicatorNum {
		font-size: 1.1rem;
		line-height: 1.5rem;
		letter-spacing: -.016rem;
		margin-bottom: -.73rem
	}
}

.hero__slidesIndicatorLine {
	transition: height .1s ease-out;
	height: 2px;
	position: absolute;
	width: 0;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background: #fff
}

.hero__slidesIndicatorLine--bg {
	background: #83734A;
	width: 100%
}

.hero__slidesIndicatorLine--active {
	animation: setWidth 10s linear
}

.hero__videoOpen .hero__slidesIndicatorLine--active {
	animation-play-state: paused
}

@keyframes setWidth {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}

@keyframes scrollCtaAnim {
	0% {
		opacity: 0;
		transform: translateY(-10px)
	}
	50% {
		opacity: 1;
		transform: translateY(0px)
	}
	100% {
		opacity: 0;
		transform: translateY(20px)
	}
}

.hero__scrollCta-scrollDown {
	width: 21px;
	height: 35px
}

.hero__scrollCta-mouse {
	width: 3px;
	padding: 7px 9px 0;
	height: 28px;
	border: .5px solid #fff;
	border-radius: 21px;
	opacity: 0.75;
	box-sizing: content-box
}

.hero__scrollCta-scroller {
	width: 3px;
	height: 6px;
	border-radius: 25%;
	background-color: #fff;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
	animation-iteration-count: infinite
}

@keyframes scroll {
	0% {
		opacity: 0
	}
	10% {
		transform: translateY(0);
		opacity: 1
	}
	100% {
		transform: translateY(10px);
		opacity: 0
	}
}

.hero__scrollCtaImg--desktop {
	display: none
}

@media (min-width: 992px) {
	.hero__scrollCtaImg--desktop {
		display: block
	}
}

.hero__scrollCtaImg--tabletdown {
	opacity: 0;
	animation: scrollCtaAnim 2s infinite 1s
}

@media (min-width: 992px) {
	.hero__scrollCtaImg--tabletdown {
		display: none
	}
}

.hero__scrollCta {
	float: right
}

.hero__scrollCtaInner {
	margin: 0 auto;
	max-width: 1290px;
	padding: 0 20px;
	width: 100%;
	margin: 0 auto
}

@media (min-width: 768px) {
	.hero__scrollCtaInner {
		max-width: 1290px;
		padding: 0 40px
	}
}

.hero__scrollCtaWrapper {
	width: 100%;
	pointer-events: none;
	position: absolute;
	bottom: 20px;
	right: 0px
}

@media (min-width: 768px) {
	.hero__scrollCtaWrapper {
		bottom: 50px;
		right: 0px
	}
}

@keyframes animIn {
	from {
		opacity: 0;
		transform: translate(-20px, 0px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes animOut {
	from {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translate(20px, 0px)
	}
}

.hero .hero__animationIn .hero__topLine {
	animation: animIn .3s ease-out 0s backwards
}

.hero .hero__animationIn h2 {
	animation: animIn .3s ease-out 0.05s backwards
}

.hero .hero__animationIn p {
	animation: animIn .3s ease-out 0.1s backwards
}

.hero .hero__animationIn .hero__link {
	animation: animIn .3s ease-out 0.15s backwards
}

.hero .hero__animationIn .hero__image {
	animation: animIn .3s ease-out 0.2s backwards
}

.hero .hero__animationOut .hero__topLine {
	animation: animOut .2s ease-out 0.2s forwards
}

.hero .hero__animationOut h2 {
	animation: animOut .2s ease-out 0.15s forwards
}

.hero .hero__animationOut p {
	animation: animOut .2s ease-out 0.1s forwards
}

.hero .hero__animationOut .hero__link {
	animation: animOut .2s ease-out 0.05s forwards
}

.hero .hero__animationOut .hero__image {
	animation: animOut .2s ease-out 0s forwards
}

.HeroLight {
	position: relative;
	width: 100%;
	padding-top: 240px
}

.HeroLight--with-image {
	padding-top: 0;
	min-height: calc(95vh - 60px)
}

@media (min-width: 768px) {
	.HeroLight--with-image {
		height: 100vh
	}
}

.HeroLight--with-image .HeroLight__text-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%
}

.HeroLight__background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -99
}

.HeroLight__topLine {
	display: none
}

@media (min-width: 768px) {
	.HeroLight__topLine {
		display: block;
		background: #83734A;
		height: 2px;
		width: 60px;
		display: block
	}
}

.HeroLight h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.HeroLight h2 {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.158rem;
		margin-bottom: -1.34rem
	}
}

@media (min-width: 992px) {
	.HeroLight h2 {
		font-size: 7.2rem;
		line-height: 6.4rem;
		letter-spacing: -.235rem;
		margin-bottom: -1.36rem
	}
}

@media (max-width: 991px) {
	.HeroLight h2 {
		margin-top: 30px;
		width: calc(75% + 30px)
	}
}

@media (min-width: 992px) {
	.HeroLight h2 {
		margin-top: 40px
	}
}

.HeroLight p {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: 0rem;
	margin-bottom: -1.28rem;
	color: #9c9c9c;
	color: #e6e6e6;
	width: calc(50% + 30px);
	margin-top: 20px
}

@media (min-width: 768px) and (max-width: 991px) {
	.HeroLight p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: 0rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.HeroLight p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: .035rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.HeroLight p {
		margin-top: 30px
	}
}

@media (min-width: 992px) {
	.HeroLight p {
		margin-top: 40px
	}
}

.HeroLight__image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	top: 0;
	left: 0
}

.HeroLight__image_cornerlogo {
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 1;
	position: absolute;
	max-width: 33vw;
	padding: 0 20px 80px
}

@media (min-width: 768px) and (max-width: 991px) {
	.HeroLight__image_cornerlogo {
		padding: 0 40px 80px
	}
}

@media (min-width: 992px) {
	.HeroLight__image_cornerlogo {
		padding: 0 40px 120px;
		max-width: 300px
	}
}

.HeroLight__image-shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.HeroLight__image-shadow-main {
	background: rgba(0, 0, 0, 0.2)
}

.HeroLight__image-shadow-top {
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.61) 5%, rgba(0, 0, 0, 0) 22%)
}

.HeroLight__image-shadow-bottomleft {
	background-image: linear-gradient(-37deg, rgba(19, 20, 37, 0.53) 0%, rgba(20, 20, 15, 0.07) 65%)
}

.HeroLight__image .bg-image {
	position: absolute;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
}

.HeroLight__image .bg-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.HeroLight__inner {
	height: 100%;
	width: 100%
}

.HeroLight__text-inner {
	position: relative;
	margin: 0 auto;
	margin: 0 auto;
	max-width: 1290px;
	padding: 0 20px 80px
}

@media (min-width: 768px) and (max-width: 991px) {
	.HeroLight__text-inner {
		padding: 0 40px 80px
	}
}

@media (min-width: 992px) {
	.HeroLight__text-inner {
		padding: 0 40px 120px
	}
}

.HeroLight__text {
	width: 100%
}

@media (min-width: 992px) {
	.HeroLight__text {
		width: 48.83721%
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.HeroLight__text {
		width: 54.87256%
	}
}