.landing_sheet.a .landing_phone {
		height: 1000px;
    width: 670;
    background-size: 670px 1000px;
    animation: move_up_down 6s infinite;
    left: calc(50% - 449px);
    top: 210px;
    background-repeat: no-repeat;
    position: absolute;
    animation-delay: -3s;
}
.landing_sheet.a .landing_card {
		height: 1000px;
		width: 670;
		background-size: 684px 544px;
		animation: move_up_down 6s infinite;
		background-repeat: no-repeat;
		left: calc(50% - 210px);
		position: absolute;
		filter: saturate(-35);
		top: 300px;
}
.landing_sheet {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		transition: visibility 0.2s, opacity 0.2s;
}
.landing_sheet.a {
		background: #ff003b;
}
.landing_sheets.a .landing_sheet.a {
		opacity: 1;
		visibility: visible;
}
.landing_sheets.nbt .landing_sheet.nbt {
		opacity: 1;
		visibility: visible;
}

.landing .pop_panel_overlay {
		z-index: 2;
}


@keyframes move_up_down {
		0% {
				transform: translateY(0px);
		} 50% {
				transform: translateY(50px) rotateZ(-3deg);
		} 100% {
				transform: translateY(0px) rotateZ(0deg);
		}
}

.landing_sheet.a .title {
		position: absolute;
		top: 150px;
		left: calc(50% - 186px);
}
.landing_sheet.a .title .icon {
		background-image: url(https://divecons.heydive.com/tap/tap_logo.svg);
    height: 35px;
    width: 74px;
    background-size: 100px 29px;
    margin-bottom: -10px;

}




/* NAV BAR */


.main_nav_bar.landing {
		width: 103px;
		right: 0;
		left: unset;
}
@media only screen and (max-width: 1130px) {
		.main_nav_bar {
		    position: absolute;
		}
}




/* LOGIN PANEL */

.landing .login_panel_overlay {
		width: 100%;
		border-radius: 0;
		background: none;
		background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.2));
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
}
.landing .login_panel {
		border-radius: 0;
		right: 0;
		left: unset;
}



/* LANDING SHEET B */

.landing_sheet.b {
		background: #242424;
}

.landing_sheets.b .landing_sheet.b {
		opacity: 1;
		visibility: visible;
}
@media only screen and (max-width: 800px) {
		.landing_sheet.b .central_container {
				margin-top: 88px;
				height: calc(100% - 175px);
		}
}
@media only screen and (max-width: 600px) {
		.landing_sheet.b .central_container {
				margin-top: 68px;
				height: calc(100% - 137px);
		}
}


/* BIG ARROWS */

.landing_arrow {
		width: 58px;
		height: calc(100% - 400px);
		background: rgba(255,255,255,0.2);
		border-radius: 1000px;
		position: absolute;
		top: 200px;
		border: none;
		cursor: pointer;
		transition: background 0.2s;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		min-height: 150px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.landing_arrow .icon {
		background-size: 23px 23px;
		background-image: url(https://divecons.heydive.com/forward.svg);
		width: 24px;
		height: 24px;
		margin-left: 3px;
		filter: drop-shadow(0 0 10px white);
}
.landing_arrow.right {
		right: 40px;
}
.landing_arrow.left {
		left: 40px;
}
.landing_arrow.left .icon {
		transform: rotate(180deg);
    margin-left: 10px;
}
.landing_arrow:hover {
		background: white;
}
.landing_arrow:hover .icon {
		filter: invert(1);
}
.button_gallery.landing {
		bottom: unset;
		top: 40px;
		right: 40px;
		background: none;
		padding: 0;
		box-shadow: none;
}
.button_gallery.landing .button.singular {
		margin: 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.landing_arrow_container:hover .tooltip {
		visibility: visible;
		opacity: 1;
}

		/* HEIGHT */

		/* FIRST ROUND */
		@media screen and (min-width: 801px) and (max-height: 805px) {
					.landing_sheet.a .landing_card {
							top: 220px;
					}
					.landing_sheet.a .landing_phone {
							top: 115px;
					}
					.landing_sheet.a .title {
							top: 70px;
					}

		}
		@media screen and (max-width: 800px) and (max-height: 925px) {
				.landing_sheet.a .landing_card {
						top: 220px;
				}
				.landing_sheet.a .landing_phone {
						top: 115px;
				}
				.landing_sheet.a .title {
						top: 70px;
				}

		}

		/* SECOND ROUND */
		@media screen and (max-height: 730px) {
				.landing_sheet.a .landing_card {
						height: 1000px;
    				width: 669px;
    				background-size: 566px;
						left: calc(50% - 193px);
						top: 200px;
				}
				.landing_sheet.a .landing_phone {
						height: 978px;
						width: 670;
						background-size: 520px;
						left: calc(50% - 370px);
				}
		}
		@media screen and (max-width: 800px) and (max-height: 800px) {
				.landing_sheet.a .landing_card {
						height: 1000px;
						width: 669px;
						background-size: 566px;
						left: calc(50% - 193px);
						top: 200px;
				}
				.landing_sheet.a .landing_phone {
						height: 978px;
						width: 670;
						background-size: 520px;
						left: calc(50% - 370px);
				}

		}
		/* THIRD ROUND */
		@media screen and (max-height: 635px) {
					@keyframes move_up_down {
							0% {
									transform: translateY(0px);
							} 50% {
									transform: translateY(20px) rotateZ(-3deg);
							} 100% {
									transform: translateY(0px) rotateZ(0deg);
							}
					}
					.landing_sheet.a .landing_phone {
							height: 978px;
							width: 670;
							background-size: 420px;
							left: calc(50% - 299px);
							top: 100px;
					}
					.landing_sheet.a .landing_card {
							height: 1000px;
					    width: 669px;
					    background-size: 460px;
					    left: calc(50% - 153px);
					    top: 168px;
					}
					.landing_sheet.a .title {
							top: 52px;
					}

		}
		@media screen and (max-width: 800px) and (max-height: 680px) {
				@keyframes move_up_down {
						0% {
								transform: translateY(0px);
						} 50% {
								transform: translateY(20px) rotateZ(-3deg);
						} 100% {
								transform: translateY(0px) rotateZ(0deg);
						}
				}
				.landing_sheet.a .landing_phone {
						height: 978px;
						width: 670;
						background-size: 420px;
						left: calc(50% - 299px);
						top: 100px;
				}
				.landing_sheet.a .landing_card {
						height: 1000px;
						width: 669px;
						background-size: 460px;
						left: calc(50% - 153px);
						top: 168px;
				}
				.landing_sheet.a .title {
						top: 52px;
				}
		}

		/* FOURTH ROUND */
		@media screen and (max-height: 475px) {

					.landing_sheet.a .landing_phone {
							background-size: 300px;
							left: calc(50% - 210px);
							top: 87px;
					}
					.landing_sheet.a .landing_card {
							background-size: 325px;
							left: calc(50% - 101px);
							top: 131px;
					}
					@keyframes move_up_down {
							0% {
									transform: translateY(0px);
							} 50% {
									transform: translateY(5px) rotateZ(-3deg);
							} 100% {
									transform: translateY(0px) rotateZ(0deg);
							}
					}
		}
		@media screen and (max-width: 800px) and (max-height: 565px) {
				.landing_sheet.a .landing_phone {
						background-size: 300px;
						left: calc(50% - 210px);
						top: 87px;
				}
				.landing_sheet.a .landing_card {
						background-size: 325px;
						left: calc(50% - 101px);
						top: 131px;
				}
				@keyframes move_up_down {
						0% {
								transform: translateY(0px);
						} 50% {
								transform: translateY(5px) rotateZ(-3deg);
						} 100% {
								transform: translateY(0px) rotateZ(0deg);
						}
				}
		}
		@media screen and (max-width: 600px) {
				@keyframes move_up_down {
						0% {
								transform: translateY(0px);
						} 50% {
								transform: translateY(20px) rotateZ(-3deg);
						} 100% {
								transform: translateY(0px) rotateZ(0deg);
						}
				}
				.landing_sheet.a .landing_phone {
						height: 978px;
						width: 670;
						background-size: 420px;
						left: calc(50% - 299px);
						top: 100px;
				}
				.landing_sheet.a .landing_card {
						height: 1000px;
						width: 669px;
						background-size: 460px;
						left: calc(50% - 153px);
						top: 168px;
				}
				.landing_sheet.a .title {
						top: 40px;
				}
				.landing_sheet.a .title .icon {
						height: 29px;
						width: 53px;
						background-size: 100px 21px;
						margin-bottom: -10px;
						margin-right: 0;
				}
				.landing_sheet.a .title {
						font-size: 25px;
						text-align: center;
						width: 181px;
						line-height: 25px;
						left: calc(50% - 90px);
				}
		}
		@media screen and (max-height: 475px) and (min-width: 801px) {
				.lan_buy_button.button.singular.active {
						display: none;
				}
		}
		@media screen and (min-width: 801px) and (max-height: 380px) {
				.landing_arrow {
						top: unset;
						bottom: 30px;
						height: 60px;
    				min-height: unset;
				}

		}




@media only screen and (max-width: 800px) {
		.landing_arrow {
				width: 300px;
				border-radius: 40px;
				right: calc(50% - 150px);
				height: 58px;
				z-index: 2;
				min-height: unset;
		}
		.landing_arrow.right {
				top: unset;
				bottom: 15px;
				right: calc(50% - 150px);
		}
		.landing_arrow.left {
				left: unset;
				top: 15px;
				right: calc(50% - 114px);
		}
		.button_gallery.landing {
				top: 15px;
				right: calc(50% - 183px);
				transition: right 0.2s
		}
		.button_gallery.sole {
				right: 15px;
		}

}
@media only screen and (max-width: 600px) {
		.landing_arrow {
				width: calc(100% - 75px);
				border-radius: 40px;
				right: 5px;
				height: 58px;
		}

		.landing_arrow.right {
				top: unset;
				bottom: 5px;
				right: 70px;
		}
		.landing_sheet.b .landing_arrow.right {
				width: calc(100% - 10px);
				right: 5px;
		}
		.landing_arrow.left {
				left: unset;
				top: 5px;
				right: 70px;
		}
		.button_gallery.landing {
				top: 5px;
				right: 5px;
		}
}


/* CENTRAL CONTAINER */

.landing_sheet .central_container {
		width: 1200px;
		left: calc(50% - 600px);
		top: 0;
		position: absolute;
		height: 100%;
		overflow-y: scroll;
		padding: 15px 0 15px 15px;
		box-sizing: border-box;
		scrollbar-width: none;
}
.landing_sheet .central_container::-webkit-scrollbar {
		display: none;
}
.central_container .tile {
		background: rgba(0,0,0,0.3);
		width: 100%;
		padding-top: calc(100%);
		border-radius: 70px;
		margin: 0 0 15px 0;
		display: inline-block;
		overflow: hidden;
		position: relative;
		background: rgba(0,0,0,0.1);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
}
.central_container .left {
		width: calc(50% - 15px);
		position: relative;
		display: inline-block;
		margin-right: 15px;
		vertical-align: top;
}
.central_container .right {
		width: calc(50% - 15px);
		position: relative;
		display: inline-block;
		vertical-align: top;
}

.central_container .tile.half {
		padding-top: calc(50% - 7.5px);
}
.central_container .tile.quarter {
		padding-top: calc(50% - 7.5px);
		width: calc(50% - 7.5px);
		vertical-align: top;
}
.central_container .tile.quarter:nth-child(1) {
		margin-right: 15px;
}

.central_container .tile .content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 45px;
		box-sizing: border-box;
}
.central_container .tile .content video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
}
.central_container .tile h1 {
		margin-bottom: 10px;
}
.tile .text_block {
		position: absolute;
		z-index: 1;
		bottom: 50px;
		width: calc(100% - 90px);
}

@media only screen and (max-width: 1400px) {
		.central_container .left {
				width: calc(100% - 15px);
				display: block;
		}
		.central_container .right {
				width: calc(100% - 15px);
				display: block;
		}
		.landing_sheet .central_container {
				width: 600px;
				left: calc(50% - 300px);
		}

}
@media only screen and (max-width: 800px) {
		.landing_sheet .central_container {
				padding: 0;
				border-radius: 70px;
		}
		.central_container .left {
				width: calc(100%);
		}
		.central_container .right {
				width: calc(100%);
		}
		.central_container .tile.last {
				margin: 0;
		}
}
@media only screen and (max-width: 600px) {
		.landing_sheet .central_container {
				left: 5px;
				width: calc(100% - 10px);
				border-radius: 40px;
		}


		.central_container .tile {
				margin: 0 0 5px 0;
				border-radius: 40px;
		}
		.central_container .tile.quarter:nth-child(1) {
				margin: 0 5px 0 0;
				border-radius: 40px;
		}
		.central_container .tile h1 {
				font-size: 25px;
				line-height: 21px;
				letter-spacing: -0.5px;
				font-weight: 530;
		}
		.central_container .tile.quarter {
		    padding-top: calc(50% - 2.5px);
		    width: calc(50% - 2.5px);
		}
		.central_container .tile.quarter:nth-child(1) {
		    margin-right: 5px;
		}
		.central_container .tile .content {
				padding: 25px;
		}
}
@media only screen and (max-width: 600px) {
		.tile.half.main_title {
				padding-top: 0;
		}
		.tile.half.main_title .content {
				position: relative;
				height: auto;
		}
		.tile.half.main_title h3 {
				margin-bottom: 10px;
		}
		.tile.main_title h1 {
		    margin-top: 12px;
		}
		.tile .text_block {
		    bottom: 30px;
				width: calc(100% - 50px);
		}
}
@media only screen and (max-width: 400px) {
		.central_container .tile .content {
				padding: 25px;
		}
		.tile .text_block {
		    bottom: 23px;
		    width: calc(100% - 50px);
		}
		.lan_d {
				display: none;
		}
}



/* TITLE TILE */

.tile.main_title {
		background-image: linear-gradient(45deg, #FF8C39, #ff003b);
}
.tile.main_title h1 {
		margin-top: 20px;
}
.tile .icon_text {
		padding-left: 25px;
		position: relative;
}
.tile .icon_text .icon {
		position: absolute;
		top: 1px;
		left: 0;
}


/* FILE SHARING */

.file_sharing .text_block {
		width: calc(50% - 30px);
}
.tile.file_sharing {
		background: #30010C;
}
.file_sharing div.image:nth-child(1) {
		background-image: url(https://divecons.heydive.com/tap/landing/video_card.png);
		height: 304px;
		width: 242px;
		right: -6px;
		background-size: contain;
		position: absolute;
		top: 80px;
		background-repeat: no-repeat;
		z-index: 1;
		animation: move_up 3s infinite;
}
.file_sharing div.image:nth-child(2) {
		background-image: url(https://divecons.heydive.com/tap/landing/file_share.png);
		height: 300;
		width: 178px;
		right: 27px;
		background-size: contain;
		position: absolute;
		background-repeat: no-repeat;
		top: 21px;

}
@keyframes move_up {
		0% {
				transform: translateY(0px);
		} 50% {
				transform: translateY(-10px);
		} 100% {
				transform: translateY(0px);
		}
}
@media only screen and (max-width: 470px) {
		.file_sharing div.image:nth-child(1) {
				display: none;
		}
		.file_sharing div.image:nth-child(2) {
				height: 300;
				width: 178px;
				right: -48px;
				top: 16px;
		}

}
@media only screen and (max-width: 400px) {
		.file_sharing .text_block {
				width: calc(50% - 30px);
				left: 25px;
		}

		.file_sharing h3 {
				display: none;
		}
}


/* DIRECT LINK */

.tile.direct_link {
		background: #000000;
}
.direct_link div.image {
		background-image: url(https://divecons.heydive.com/tap/landing/link_card.png);
		height: 294px;
		width: 280px;
		right: 31px;
		background-size: contain;
		position: absolute;
		background-repeat: no-repeat;
		top: -71px;
		animation: move_up 2s infinite;
		animation-delay: -1s;
		filter: saturate(0);
}

@media only screen and (max-width: 600px) {
		.direct_link div.image {
				right: -88px;
				top: -111px;
		}
}

/* PLATFORMS */

.tile.platforms {
		background-image: url(https://divecons.heydive.com/tap/landing/platforms.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}


/* HYDRIN */

.hydrin.tile {
		background: #230334;
}
.central_container .hydrin.tile video {
		object-position: bottom;
}
.central_container .hydrin.tile .text_block {
		bottom: unset;
		top: 50px;
}
@media only screen and (max-width: 400px) {
		.central_container .hydrin.tile video {
				height: 133%;
				top: unset;
				bottom: calc(-181px + (35%));
		}
		.central_container .hydrin.tile .text_block {
		    bottom: unset;
		    top: 35px;
		}
}


/* EASY TOGGLE */

.easy_toggle.tile {
		background: #fb264c;
}
.easy_toggle.tile video {
		top: -75px;
}

/* QUICK DISABLE */

.quick_disable.tile {
		background-image: url(https://divecons.heydive.com/tap/landing/quick_disable.jpg);
		background-size: cover;
		background-repeat: no-repeat;
}

/* EMERGENCY */

.tile.emergency {
		background: black;
}

.tile.emergency .circle {
		height: 200px;
		width: 200px;
		border: 5px solid #FF003F;
		position: absolute;
		top: -100px;
		right: -100px;
		border-radius: 1000px;
		animation: circle_expand 2s infinite;
}
.tile.emergency .circle:nth-child(2) {
		animation-delay: -0.2s;
}

@keyframes circle_expand {
		0% {
				height: 0px;
				width: 0px;
				top: 0;
				right: 0;
				opacity: 1;
		} 80% {
				height: 400px;
				width: 400px;
				top: -200px;
				right: -200px;
				opacity: 0;
		} 100% {
				opacity: 0;
		}
}
@media only screen and (max-width: 400px) {
		.central_container .tile.quarter h3 {
				display: none;
		}
		.tile.analytics h3 {
				display: none;
		}
}

/* CONTACT */

.contact.tile .text_block {
		width: calc(50% - 80px);
		bottom: unset;
		top: 50px;

}

.contact.tile {
		background: #073757;
}

@media only screen and (max-width: 600px) {
		.contact.tile .text_block {
				top: 30px;
		}
}
@media only screen and (max-width: 400px) {
		.central_container .tile.contact h1 {
				width: 100px;
		}
		.contact.tile .text_block {
		    top: calc(50% - 10px);
		}
		.central_container .contact.tile video {
		    right: 10px;
		}
}


/* NICKNAMES */

.nicknames.tile {
		background-image: url(https://divecons.heydive.com/backdrop_accent.png);
		background-size: cover;
		background-repeat: no-repeat;
}
.nicknames.tile .content {
		display: flex;
		justify-content: center;
		align-items: center;
}
.nicknames.tile h1 {
		text-align: center;
		width: 310px;
		margin: 0 20px 0 0;
		overflow: hidden;
		font-family: 'Roboto Mono', monospace;
		white-space: nowrap;
		text-overflow: clip;
		animation: typing 3.5s steps(16, end) infinite;
}
.nicknames.tile .nick_container {
		padding: 20px 0 20px 20px;
		position: absolute;
		background: black;
		border-radius: 15px;
		overflow: hidden;
}
@keyframes typing {
	  0% { width: 0; background: rgba(255,255,255,0); }
		10% { width: 0; background: rgba(255,255,255,0); }
	  60% { width: 310px; background: rgba(255,255,255,0); }
		90% { background: rgba(255,255,255,0); }
		91% { background: rgba(255,255,255,0.2); }
		100% { width: 310px; background: rgba(255,255,255,0.2); }
}
@keyframes typing_small {
	  0% { width: 0; background: rgba(255,255,255,0); }
		10% { width: 0; background: rgba(255,255,255,0); }
	  60% { width: 233px; background: rgba(255,255,255,0); }
		90% { background: rgba(255,255,255,0); }
		91% { background: rgba(255,255,255,0.2); }
		100% { width: 233px; background: rgba(255,255,255,0.2); }
}

@media only screen and (max-width: 600px) {
		.nicknames.tile h1 {
				width: 233px;
				animation: typing_small 3.5s steps(16, end) infinite;;
		}
}


/* BUY BUTTON */

.lan_buy_button.button {
		z-index: 1;
		bottom: 40px;
		position: absolute;
		right: 40px;
		display: none;
		margin: 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.lan_buy_button.button.active {
		display: block;
}

@media only screen and (max-width: 800px) {
		.lan_buy_button.button {
				bottom: 15px;
				right: 15px;
		}
}
@media only screen and (max-width: 600px) {
		.lan_buy_button.button {
				bottom: 5px;
				right: 5px;
		}
}

/* LANDING SHEET C */

.landing_sheet.c {
		background: black;
}

.landing_sheets.c .landing_sheet.c {
		opacity: 1;
		visibility: visible;
}
@media only screen and (max-width: 800px) {
		.landing_sheet.c .central_container {
		    margin-top: 88px;
		    height: calc(100% - 103px);
		}
		.landing_sheet.nbt .central_container {
		    margin-top: 88px;
		    height: calc(100% - 103px);
		}
}
@media only screen and (max-width: 600px) {
		.landing_sheet.c .central_container {
				height: calc(100% - 72px);
				margin-top: 68px;
		}
		.landing_sheet.nbt .central_container {
				height: calc(100% - 72px);
				margin-top: 68px;
		}
}


/* NBT SHEET */

.landing_sheet.nbt {
		background: black;
}

.image_carousel .image {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		background-positon: center;
		visibility: hidden;
}
.image_carousel .image.active {
		visibility: visible;
}
.image_carousel {
		visibility: hidden;
		opacity: 0;
}
.image_carousel.on {
		visibility: visible;
		opacity: 1;
}
.image_carousel .gallery_arrow {
		height: 60px;
		width: 60px;
		padding: 5px 5px;
		box-sizing: border-box;
		overflow: hidden;
		position: absolute;
		margin: 0 5px 0 0px;
		border-radius: 1000px;
		background: #FF0096;
		margin-top: -28px;
		right: 25px;
		bottom: 25px;
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
}
.image_carousel .gallery_arrow .icon {
		background-image: url(https://divecons.heydive.com/forward.svg);
		height: 56px;
		width: 58px;
		background-size: 23px 23px;
		margin: -3px 0 0 -4px;
		position: relative;
		z-index: 1;
		filter: drop-shadow(0 0 10px white);
}
.image_carousel .gallery_arrow.left {
		right: unset;
		left: 25px;
}
.image_carousel .gallery_arrow.left .icon {
		transform: scaleX(-1);
}
.nbt_carousel.a .a {
		visibility: visible;
		opacity: 1;
}
.nbt_carousel.b .b {
		visibility: visible;
		opacity: 1;
}
.nbt_carousel.c .c {
		visibility: visible;
		opacity: 1;
}
.nbt_carousel.d .d {
		visibility: visible;
		opacity: 1;
}
.nbt_carousel.e .e {
		visibility: visible;
		opacity: 1;
}
.nbt_carousel.f .f {
		visibility: visible;
		opacity: 1;
}
.nbt_land_m {
		display: none;
}
.central_container .learn_more h1 {
		margin: 20px 0;
}
.nbt_carousel .content.mobile {
		display: none;
}
@media only screen and (max-width: 1400px) {
		.nbt_land_d {
				display: none;
		}
		.nbt_land_m {
				display: unset;
		}
		.nbt_carousel .content.desktop {
				display: none;
		}
		.nbt_carousel .content.mobile {
				display: unset;
		}

}

/* AUTO TILES */

.tile.auto {
		height: auto;
		padding: 0;
		background: #242424;
		-webkit-backface-visibility: unset;
		-moz-backface-visibility: unset;
		-webkit-transform: unset;
		-moz-transform: unset;
}
.tile.auto .content {
		position: relative;
		height: auto;
}
.land_card_prev {
		padding-top: calc(62.963%);
		width: 100%;
		background-size: cover;
		background-position: center;
		border-top-left-radius: 2% 3%;
    border-top-right-radius: 2% 3%;
    border-bottom-left-radius: 2% 3%;
    border-bottom-right-radius: 2% 3%;
		margin-bottom: 30px;
		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.land_card_prev.vert {
		padding-top: calc(79.412%);
		width: calc(50% - 13px);
		display: inline-block;
}
.land_card_prev.vert:nth-child(1) {
		margin-right: 15px
}
.tile.auto .hr {
		height: 4px;
		background: #505050;
		margin: 45px -45px;
}
.tile.auto .slide {
		margin: -45px;
		padding: 45px 45px 135px 45px;
		display: none;
}
.tile.auto .gallery_arrow {
		height: 60px;
		width: 60px;
		padding: 5px 5px;
		box-sizing: border-box;
		overflow: hidden;
		position: absolute;
		margin: 0 5px 0 0px;
		border-radius: 1000px;
		background: #505050;
		margin-top: -28px;
		right: 15px;
}
.tile.auto .gallery_arrow.left {
		right: unset;
		left: 15px;
}
.tile.auto .gallery_arrow.left .icon {
		transform: scaleX(-1);
}
@media (hover: hover) {
		.tile.auto .gallery_arrow:hover {
				background: white;
		}
		.tile.auto .gallery_arrow:hover .icon {
				filter: invert(1);
		}
		.tile.nbt .button.gallery_arrow:hover {
				background: white;
		}
}
@media (hover: none) {
		.tile.auto .gallery_arrow:active {
				background: white;
		}
		.tile.auto .gallery_arrow:active .icon {
				filter: invert(1);
		}
		.tile.nbt .button.gallery_arrow:active {
				background: white;
		}
}
.tile.auto .gallery_arrow .icon {
		height: 56px;
		width: 58px;
		background-size: 23px 23px;
		margin: -3px 0 0 -4px;
		position: relative;
		z-index: 1;
		filter: drop-shadow(0 0 10px white);
}
.tile.auto .slide.active {
		display: block;
}


/* COVERS */

.cover_title {
		height: 35px;
		margin: 40px 0 10px 0;
}
.cover_title.nbt {
		height: 42px;
		margin: 30px 0 15px 0;
}
.cover_title.nbt_page {
    height: 42px;
    margin: 15px 0 15px 0;
}
.tile.half.covers {
		box-shadow: inset 0 0 0 4px #242424;
}
.cover_title.blur {
		position: absolute;
		filter: blur(25px);
}
.tile.nbt {
		background: rgba(255,0,149,0.3);
}
.tile.nbt .hr {
		background: #83275C;
}
.tile.nbt h3 {
		color: #ff81cb;
}
.tile.nbt h1 {
		color: #ff81cb;
}
.tile.nbt .button.gallery_arrow {
		background: #83275C;
}
.tile.nbt .button_gallery {
		background: #FF0096;
		box-shadow: 0 0 25px 0 rgba(0,0,0,0.3)
}
.tile.nbt .button_gallery h3 {
		color: white;
}

@media only screen and (max-width: 720px) {
		div.tooltip {
				bottom: 67px !important;

	}
}
@media only screen and (max-width: 600px) {
		.tile.half.covers {
				padding-top: 0;
		}
		.tile.half.covers .content {
		    position: relative;
		    height: auto;
		}
		.cover_title {
				height: 25px;
				margin-top: 10px;
		}
		.cover_title.nbt {
				height: 30px;
				margin-top: 10px;
		}
		.cover_title.nbt_page {
				height: 30px;
				margin-top: 10px;
		}
}