/**
 * #RESETS
 */

#main {
	margin-bottom: 0;
}
.prefooter {
	display: none;
}



#landing6 img {
	display: block;
}

/**
 * Sweep To Right
 *
 * From hover.css https://github.com/IanLunn/Hover
 */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}



.section-1.u-full-height {
	height: calc(100vh - 75px - 41px);
}

.u-full-height {
	height: calc(100vh - 75px);
}
@media (max-width: 768px) {
	.subsection{
		height: auto !important;
		max-height: none !important;
	}
}

.section {
	margin-bottom: 0;
	position: relative;
}
.section::after {
	/* Clarfix */
	content:"";
	display:block;
	clear:both;
}
.section__dim {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	z-index: 1;
	transition: all .3s ease;
}
.section:hover .section__dim {
	opacity: .2;
}
.section__link {
	position: relative;
	z-index: 2;
}



.section-1 .image{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}
@media (max-width: 767px) {
	.image--narrow {
		display: block !important;
	}
	.image--big {
		display: none !important;
	}
}
@media (min-width: 768px) {
	.image--narrow {
		display: none !important;
	}
	.image--big {
		display: block !important;
	}
}



.section-2 {
	background: url(/web/landings/img/landing6/bg_section-2.jpg) center no-repeat;
	background-size: cover;
}
.section-2 a {
	display: block;
	width: 100%;
	max-width: 1300px;
	height: 100%;
	margin: 0 auto;
}
.section-2-names,
.section-2-play,
.section-2-title {
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.section-2-names {
	width: 37%;
	max-width: 400px;
	right: calc(50% + 12%);
}
.section-2-play {
	width: 20%;
	max-width: 150px !important;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 1%;
	transition: all .3s ease;
}
.section:hover .section-2-play {
	padding: 0;
}
.section-2-title {
	width: 37%;
	max-width: 400px;
	left: calc(50% + 12%);
}
@media (max-width: 768px) {
	.section-2.u-full-height {
		height: calc(65vh);
	}
	.section-2-play {
		width: 25%;
	}
	.section-2-names {
		width: 75%;
		max-width: 400px;
		right: inherit;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
	}
	.section-2-title {
		width: 57%;
		max-width: 400px;
		left: calc(50% + 12%);
		bottom: 50px;
		top: inherit;
		left: 50%;
		transform: translateX(-50%);
	}
}



@media (min-width: 1600px) {
	.section-3 {
		margin: 0 auto;
	}
}



.section-2,
.section-3 {
	margin-bottom: 40px
}



.subsection {
	height: 700px;
	max-height: 80vh;
	margin-bottom: 60px;
	opacity: 0;
	transition: all 1s ease-in-out;
}
.subsection:first-of-type {
	opacity: 1;
}
.subsection.is-on-view {
	opacity: 1;
}
@media (min-width: 768px) {
	.subsection::after {
		/* Clarfix */
		content:"";
	    display:block;
	    clear:both;
	}

}
@media (max-height: 600px) and (orientation: landscape) {
	.subsection {
		height: 100vh;
		margin-bottom: 0;
	}
}





.image-a {
	width: 85%;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.image-b {
	width: 100%;
	opacity: .2;
	z-index: 1;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.is-on-view .image-a {
	width: 75%;
}

.is-on-view .image-b {
	width: 85%;
}


.is-on-view .image-block-a .image-a {
	transform: translateX(-33.5%) translateY(-80%);
}
.is-on-view .image-block-a .image-b {
	transform: translateX(-60%) translateY(-40%);
}

.is-on-view .image-block-b .image-a {
	transform: translateX(-66.5%) translateY(-50%);
}
.is-on-view .image-block-b .image-b {
	transform: translateX(-35%) translateY(-50%);
}

.is-on-view .image-block-c .image-a {
	transform: translateX(-33.5%) translateY(-44%);
}
.is-on-view .image-block-c .image-b {
	top: 0px;
	left: 0px;
	transform: translateX(0%) translateY(0%);
}

.is-on-view .image-block-d .image-a {
	transform: translateX(-66.5%) translateY(-60%);
}
.is-on-view .image-block-d .image-b {
	transform: translateX(-35%) translateY(-35%);
}




.lndg6-block {
	position: relative;
	color: #DA0C00;
	overflow: hidden;
}
.lndg6-block * {
	color: inherit;
	font-family: 'nexa_lightregular';
}
@media (min-width: 768px) {
	.lndg6-block {
		height: 100%;
		float: left;
	}
	.lndg6-block--image {
		width: 50%;

	}
	.lndg6-block--image .img_container{
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
	}
	.lndg6-block--text {
		width: 50%;
	}
	.image-block-b,
	.image-block-d {
		float: right;
	}
	.image-block-a .img_container,
	.image-block-c .img_container{
		float: right;
	}

}


.lndg6-block--text {
	padding: 10% 5%;
	position: relative;
	left: -30px;
	transition: all 1s ease-in-out;
}
.is-on-view .lndg6-block--text {
	left: 0;
}
.lndg6-block--image {

}
@media (max-width: 767px) {
	.lndg6-block--image {
		height: 0;
		padding-bottom: 65%;
	}

}


.block__image {
	position: absolute;
	transition: all 1s ease-in-out;
	transition-delay: 0s;
}
.block__image--hover-hide {
	z-index: 3;
}
.lndg6-block:hover .block__image--hover-hide {
	opacity: 0;
}






.grid {
	position: relative;
}
.not-phone .grid {
	float: left;
	height: 100%;
}

.not-phone .grid-a {
	width: 55%;
}
.not-phone .grid-b {
	width: 45%;
}


.phone .grid {
	height: 50%;
}


.grid-el {
	position: absolute;
	overflow: hidden;
	background: red;
}

.grid-el-a {
	width: 65%;
	height: 50%;
	top: 0;
	left: 0;
}
.grid-el-b {
	width: 65%;
	height: 50%;
	top: 50%
}
.grid-el-c {
	width: 35%;
	height: 100%;
	top: 0;
	left: 65%;
}
.grid-el-d {
	width: 50%;
	height: 40%;
}
.grid-el-e {
	width: 50%;
	height: 40%;
	left: 50%;
}
.grid-el-f {
	width: 100%;
	height: 60%;
	top: 40%;
}



.grid-el__image {
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: all 8s ease;
	transition-delay: .6s;
}
.is-zoomed .grid-el-a .grid-el__image {
	transition: all 12s ease;
	transform: scale(1.2);
}
.is-zoomed .grid-el-b .grid-el__image {
	transition: all 8s ease;
	transform: scale(1.6);
}
.is-zoomed .grid-el-c .grid-el__image {
	transition: all 11s ease;
	transform: scale(1.4);
}
.is-zoomed .grid-el-d .grid-el__image {
	transition: all 9s ease;
	transform: scale(1.4);
}
.is-zoomed .grid-el-e .grid-el__image {
	transition: all 11s ease;
	transform: scale(1.6);
}
.is-zoomed .grid-el-f .grid-el__image {
	transition: all 8s ease;
	transform: scale(1.2);
}


.lndg6-title {
	display: block;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 2.5em;
	position: relative;
	font-size: 2em;
	line-height: 1;
}
.lndg6-title::before {
	content: "";
	display: block;
	width: 300px;
	height: 3px;
	background: currentColor;
	position: absolute;
	bottom: -1.5em;
	left: -6rem;
}
.lndg6-description {
	margin-bottom: 50px;
	line-height: 1.5;
}
.lndg6-button {
    padding: .7em 5em;
	border: 1px solid #DA0C00;
    cursor: pointer;
    text-decoration: none;
	text-transform: uppercase;
    color: #DA0C00;
}
@media (min-width: 768px) {
	.lndg6-button {
		/*position: absolute;
		bottom: 20%;*/
	}
}

.lndg6-button:hover,
.lndg6-button:focus,
.lndg6-button:active {
	color: #fff;
}

.lndg6-button::before {
	background: #DA0C00;
	border: 1px solid #DA0C00;
}


.lndg6-button2 {
	padding: .7em 5em;
	background: #DA0C00;
	border: 1px solid #DA0C00;
	cursor: pointer;
	text-decoration: none;
	font-size: 26px;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: inline-block;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
}
.lndg6-button2::before {
	background: #fff;
	color: #DA0C00;
	border: 1px solid #DA0C00;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
}
.is-zoomed .lndg6-button2 {
	color: #DA0C00;
}
.is-zoomed .lndg6-button2:before,
.is-zoomed .lndg6-button2:before,
.is-zoomed .lndg6-button2:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
@media (max-width: 768px) {
	.lndg6-button2 {
		padding: .7em 4em;
		font-size: 20px;
	}
}