blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
	    margin: 0;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
}
/*
 #### Generated By: http://www.cufonfonts.com #### 

@font-face {
font-family: 'Interstate Black Comp';
font-style: normal;
font-weight: normal;
src: local('Interstate Black Comp'), url('../fonts/interstate/interstate-black-comp-58b64117a2ad9.woff') format('woff');
}


@font-face {
font-family: 'Interstate Black Cond';
font-style: normal;
font-weight: normal;
src: local('Interstate Black Cond'), url('../fonts/interstate/interstate-black-cond-58b642507872b.woff') format('woff');
}


@font-face {
font-family: 'Interstate Light Cond';
font-style: normal;
font-weight: normal;
src: local('Interstate Light Cond'), url('../fonts/interstate/interstate-light-cond-58b64220b1490.woff') format('woff');
}


@font-face {
font-family: 'Interstate Regular Comp';
font-style: normal;
font-weight: normal;
src: local('Interstate Regular Comp'), url('../fonts/interstate/interstate-regular-comp-58b641cc0aca1.woff') format('woff');
}


@font-face {
font-family: 'Interstate Regular Italic';
font-style: normal;
font-weight: normal;
src: local('Interstate Regular Italic'), url('../fonts/interstate/interstate-regular-italic-58b641ecad88f.woff') format('woff');
}


@font-face {
font-family: 'Interstate UltraBlack Comp';
font-style: normal;
font-weight: normal;
src: local('Interstate UltraBlack Comp'), url('../fonts/interstate/interstate-ultrablack-comp-58b64130a8cbf.woff') format('woff');
}


@font-face {
font-family: 'Interstate Bold Cond';
font-style: normal;
font-weight: normal;
src: local('Interstate Bold Cond'), url('../fonts/interstate/interstate-bold-cond-58b64162258ca.woff') format('woff');
}


@font-face {
font-family: 'Interstate ExtraLight Italic';
font-style: normal;
font-weight: normal;
src: local('Interstate ExtraLight Italic'), url('../fonts/interstate/interstate-extralight-italic-58b642045546b.woff') format('woff');
}


@font-face {
font-family: 'Interstate Light Italic';
font-style: normal;
font-weight: normal;
src: local('Interstate Light Italic'), url('../fonts/interstate/interstate-light-italic-58b64147957e5.woff') format('woff');
}


@font-face {
font-family: 'Interstate Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Interstate Thin Italic'), url('../fonts/interstate/interstate-thin-italic-58b641b2d5a92.woff') format('woff');
}

@font-face{
	font-family:'Library';
	src:url('../fonts/Library3am.otf');
}
*/

:root {
	--distance: 1000px;
}
::-webkit-scrollbar {
	display:none;
}
html {
/*
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
*/
}
html, html body {
	background:#262c40;	
	font-family: interstate, sans-serif;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	height:100%;
	letter-spacing:0.2px;
	font-size:18px;
}



section.c-site-section.script .container {
	    max-width: unset !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

body #root, body #root > div, body #root > div > div {
	height:100%;
}
body #root > div > div[class^=page] {
	overflow: unset;
	display:inline-block;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
#site img {
	width:auto;
}
.loadingPage {
	  background: url(../storage/zonex/spinner.gif) 50% no-repeat hsla(0,0%,100%,0);
    min-height: 100px;
	max-width: 100px;
/*	border-radius: 125px;*/
    background-size: auto 40%;
	color:transparent;
	font-size:0;
	margin: 40vh auto 0;
/*	background-blend-mode: screen;*/
}

/*
.loadingPage {
  width: 250px;
  height: 250px;
  position: relative;
  margin: auto;
  margin: 30px;
  border-radius: 50%;
  background: #fff;
}
.loadingPage:after {
  content: '';
  position: absolute;
  top: -15px;
  bottom: -15px;
  right: -15px;
  left: -15px;
  background-image: linear-gradient(to bottom left, #7B73A4 0%, #150E5E 100%);
  z-index: -1;
  border-radius: inherit;
}
*/

#site .left img,#site .right img,#site .center img {
	width:auto;
	margin: auto;
	max-width: none;
}

#site {
	max-width: none;
	background:transparent;
}
#site header {
	position: fixed;
	width:100vw;
	top:20px;
	left:0;
	z-index: 106;
	background: transparent;
	color:rgba(255, 255, 255, 0.5);
	text-align: center;
	font-size:1.0rem;
}
#site header > div {
	margin: 0 auto;
}
#site header button {
	color:rgba(255, 255, 255, 0.5);
	font-size:1.0rem;
}
@media screen and (max-width:767px){ #site header button { font-size:1.5rem; }}
@media screen and (max-width:479px){ #site header button { font-size:2.0rem; }}

#site header #icon {
	display: none;
}
#site header nav {
display: none;
}
#site footer {
	position: fixed;
/*		width:100vw;*/
/*	top:calc( 100vh - 160px );*/
	top:calc( 100% - 100px );
/*	bottom:80px;*/
	left:50%;
	z-index: 106;
	color:rgba(255, 255, 255, 0.5);
		text-align: center;
	font-size:1.0rem;
	transform: translateX(-50%);
}
#site footer button {
    color: rgba(255, 255, 255, 0.0);
    font-size: 1.0rem;
    background: url(../storage/zonex/book_now.png) center center no-repeat scroll transparent;
    background-size: contain;
    height: 80px;
    width: calc(2.783 * 80px);
/*	    margin-bottom: 30px;*/
	    margin-bottom: 15px;
	transition:0.3s;
	opacity: 1.0;
	cursor: pointer;
	display: none;
}

#scrollDown {


display: none;
    width: calc(2.783 * 80px);
/*	    margin-bottom: 30px;*/
	    background: url(../storage/zonex/scrolldown.png) center center no-repeat scroll transparent;
    background-size: contain;
    opacity: 1;
    margin-top: -20px;
    height: 100px;
}
@media screen and (orientation:landscape) {
	#site footer{
		top:calc( 100% - 100px );
	}
}


@media screen and (max-width:639px){
	#site footer button {
		height: 64px;
	}
	#scrollDown {
		 height: 80px;
	}
}
#site {
display: block;
    height: 100%;
    width: 100%;
    position: fixed;
	top:0;
	left:0;
	text-align: center;
/*	overflow-y: scroll;*/
}
#site content {
/*  height:540px;*/
	height: 94%;
	
/*    width: 900px;*/
	    width: 100%;
    position: relative;
/*
    top: 50%;
    margin: -270px auto;
*/
	padding-top:0;
	margin-top:-1%;
	    max-width: 980px;
	display:inline-block;
} 

#environment{
  /*  perspective: 400px; */
perspective: 600px;
    perspective-origin: center calc(50% + 200px);
    transform: perspective(600px);
    width: 100%;
/*	height:540px;*/
    height: 100%;
}

#site #page_index {
 transform-style: preserve-3D;
    width: 100%;
    height: 100%;
/*    top: 20px;*/
    top: 0px;
    position: fixed;
	will-change: transform;
	
/*transition: transform 0.005s linear;*/
}





#site #page_index > * {
/*	display: table;*/
	display:block;
/*
	width: 10px;
	height:10px;
*/
	top:20%;
	    width: 120%;
    height: 100%;
	margin:-10% 0 0 -10%;
	position: absolute;
/*
	top:calc(50vh - 5px);
	left: calc(50vw - 5px);
*/
	padding: 0;
/*	transition: transform 0.5s ease-in;*/
	overflow:visible;
/*	max-height:90vh;*/
	text-align:left;
will-change: transform, opacity;
	transition: opacity 0.5s; 
	
}
#site #page_index > .zonevid {
/*	top:10%;*/
	top:unset;
}
#site #page_index > * > * {
	position: relative;
	display: inline-block;
/*	display: table;*/
/*	display: block;*/
/*	width:auto;*/
		width:100%;
	height:auto;
	white-space: nowrap;
	top:40%;
	left:50%;
	text-align: center;
	color:white;
	transform: translate(-50%,-50%);
	    perspective: 1500px;
	will-change: transform;
}
	
#site #page_index > * > * > * {
	will-change: transform;
}
@media screen and (orientation:portrait) {
	#site #page_index > * > * {

	min-height:80vw;
		top:40%;
	}
/*
	#site #page_index > * {
		top:30%;
	}
*/
}


@media screen and (orientation:landscape) {
	#site #page_index > * > * {
/*		width:80vh;*/
	min-height:80vh;
	}
}

#site::before {
	content:"";
	width: 100vw;
	height: 100vh;
	display: block;
background: url(../storage/zonex/siteBg.jpg) center center no-repeat scroll transparent;
	background-size:cover;
	position:absolute;
}


#site #page_index > * > * > img{
	max-width:80%;
}

#site #page_index > *:first-child >component {
	width: 100vw;
	height:100vh;
}

#site #page_index > *:first-child >component > img {
	margin-top:50vh;
}

#site #page_index > h1 {
	font-family: interstate, sans-serif;
	    font-size: 7.5rem;
    line-height: 7.5rem;
	letter-spacing: 4px;
}

#site #page_index > h2 {
	    font-size: 3.6rem;
    line-height: 3.6rem;
}

#site #page_index > p {
		    font-size: 1.5rem;
    line-height: 2.0rem;
}

#site #navi {
	display: none;
}
#site.about #navi > button:nth-child(1) {
	font-weight:900;
}

#site.featuring #navi > button:nth-child(2) {
	font-weight:900;
}
#site.tickets #navi > button:nth-child(3) {
	font-weight:900;
}
#site.gallery #navi > button:nth-child(4) {
	font-weight:900;
}

#site.faq #navi > button:nth-child(5) {
	font-weight:900;
}




#site #page_index > quote quotecontent {
display: inline-block;
    position: relative;
	padding:60px;
}
#site #page_index > quote::before,#site #page_index > quote::after {
	display: none;
}
#site #page_index > quote quotecontent::before {
	    content: "\201C";
    font-family: Georgia, serif;
    font-size: 4em;
    left: -20px;
    opacity: 0.3;
    position: absolute;
    top: 51px;
}
#site #page_index > quote quotecontent::after {
bottom: -10px;
    content: "\201D";
    font-family: Georgia, serif;
    font-size: 4em;
    opacity: 0.3;
    position: absolute;
    right: -20px;
}

/*
@media screen and (max-width:1280px){ html, body { font-size:17px; }}
@media screen and (max-width:1156px){ html, body { font-size:16px; }}
@media screen and (max-width:1024px){ html, body { font-size:15px; }}
@media screen and (max-width:980px){ html, body { font-size:14px; }}
@media screen and (max-width:840px){ html, body { font-size:13.2px; }}
@media screen and (max-width:768px){ html, body { font-size:11.5px; }}
@media screen and (max-width:640px){ html, body { font-size:8.4px; }}
@media screen and (max-width:480px){ html, body { font-size:7px; }}
@media screen and (max-width:320px){ html, body { font-size:5.2px; }}
*/
@media screen and (max-width:1280px){ html, body { font-size:17px; }}
@media screen and (max-width:1156px){ html, body { font-size:16px; }}
@media screen and (max-width:1024px){ html, body { font-size:15px; }}
@media screen and (max-width:980px){ html, body { font-size:14px; }}
@media screen and (max-width:840px){ html, body { font-size:13px; }}
@media screen and (max-width:768px){ html, body { font-size:12px; }}
@media screen and (max-width:640px){ html, body { font-size:10px; }}
@media screen and (max-width:480px){ html, body { font-size:8px; }}
@media screen and (max-width:320px){ html, body { font-size:6px; }}

@media screen and (orientation:portrait) {
	#site #page_index .topleft {
	min-width: 60vw;
			margin-left: -10vw;
			margin-top: 0;
	}

	#site #page_index .topright {
			min-width: 60vw;
			margin-left: 10vw;
			margin-top: 0;
	}
	#site #page_index .bottomright {
			min-width: 60vw;
			margin-left: 10vw;
			margin-top: 20vw;
	}
	#site #page_index .bottomleft {
			min-width: 60vw;
			margin-left: -10vw;
			margin-top: 20vw
	}
}

@media screen and (orientation:landscape) {
	#site #page_index .topleft {
	min-width: 60vh;
			margin-left: -10vh;
			margin-top: 0;
	}

	#site #page_index .topright {
			min-width: 60vh;
			margin-left: 10vh;
			margin-top: 0;
	}
	#site #page_index .bottomright {
			min-width: 60vh;
			margin-left: 10vh;
			margin-top: 20vh;
	}
	#site #page_index .bottomleft {
			min-width: 60vh;
			margin-left: -10vh;
			margin-top: 20vh
	}
}


/*
#site #page_index subtitle {
	text-transform: uppercase;
	display: inline-block;
	text-align: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
	font-family: interstate, sans-serif;
	font-weight:500;
	font-size:4rem;
	line-height: 4rem;
	    letter-spacing: 0.8rem;
	    color: rgba(118, 104, 144, 0.8);
  -o-text-overflow: clip;
  text-overflow: clip;
	text-shadow: 
		1.5px 1.5px 0 rgba(255,255,255,1), 
		-1.5px -1.5px 0 rgba(255,255,255,1), 
		1.5px -1.5px 0 rgba(255,255,255,1), 
		-1.5px 1.5px 0 rgba(255,255,255,1), 
		0 0 0 #000,  
		4px 4px 10px rgba(255,255,255,0.3), 
		-4px 4px 10px rgba(255,255,255,0.3), 
		4px -4px 10px rgba(255,255,255,0.3), 
		-4px -4px 10px rgba(255,255,255,0.3);
		-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
	position:relative;
}
*/
#site #page_index subtitle {
	    width: 100%;
    padding-top: calc(100% / 1124 * 240);
    font-size: 0;
    color: transparent;
    display: block;
    line-height: 0;
      margin-top: -4rem;
	margin-bottom: -2rem;
	
}

#site #page_index placeholder {
    color: #fff;
    display: inline-block;
    font-size: 2.0rem;
    line-height: 3rem;
	  font-weight: 500;
	text-align: left;
}

#site #page_index alternate {
	font-family: interstate, serif;
	  color: #fff;
    display: inline-block;
    font-size: 2rem;
    line-height: 2.7rem;
    text-transform: uppercase;	
}

#site #page_index alternate strong {
	    color: #fff;
		text-transform: uppercase;	
    display: inline-block;
    font-size: 4.8rem;
    line-height: 4.8rem;
	font-weight: 500;
}
#site #page_index a > img {
    display: inline-block;
	max-width: 100%;
}

#lightbox {
	display:none;
	position: fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.75);
/*	opacity: 0.0;*/
    font-size: 2.0rem;
    line-height: 2.4rem;
/*	    overflow-y: scroll;*/
	top:0;
/*	padding: 40px 20px;*/
}

#faq-contents {
width: 100%;

    height: 100%;
    display: block;
	color: #fff;
    overflow-y: scroll;

	    margin: auto;

	text-align: left;
		position:relative;

}

#faq-contents > div {
	    max-width: 980px;
		padding:80px;
	    margin: auto;
	    position: relative;
}

#faq-contents > div > .close {
	position: fixed;
	top:20px;
	width:52px;
	height:52px;
	color:#fff;
	right:80px;
	font-size:2rem;
	opacity:0.5;
	transition: 0.5s;
	display: block;
	font-weight: 800;
/*	background: #fff;*/
}
#faq-contents > div > .close:hover {
	opacity: 1.0;
	transition: 0.5s;
}
@media screen and (min-width:980px){
	#faq-contents > div > .close {
	right:calc(50% - 490px + 80px);
	}
}

#faq-contents ol {
}

#faq-contents ol > li {

}

#faq-contents ol {
  list-style: none;
  counter-reset: my-counter;
}
#faq-contents ol li {
  counter-increment: my-counter;
/*		list-style: decimal;*/
    margin-bottom: 1.8rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
	position: relative;
}
#faq-contents ol li::before {
  content: counter(my-counter) ". ";
  font-weight: bold;
	position: absolute;
	left:-32px;
}

@media screen and (max-width:639px){
	#faq-contents > div {
		padding:80px 40px;
}
	
	#faq-contents > div > .close {
	right:40px;
	}
	
	#faq-contents ol li {
    font-size: 1.5rem;
    line-height: 1.8rem;
}
}

#lightbox a {
	    display: inline-block;
    position: relative;
	text-decoration: none;
/*	color:#00d8ff;*/
	color:#00d8ff;
	font-weight:400;
/*	text-shadow: 0 0 3px #2e4bff,0 0 3px #2e4bff, 0 0 20px #2e4bff, 0 0 18px #08f, 0 0 36px #08f, 0 0 40px #b5b9ff ;*/
	/* replace here */
	text-shadow: 
		2px 2px 0 #0e00a9, 
		2px -2px 0 #0e00a9, 
		-2px 2px 0 #0e00a9, 
		-2px -2px 0 #0e00a9, 
		0 0 6px #2e4bff, 
		0 0 9px #2e4bff, 
		0 0 21px #2e4bff, 
		0 0 24px #08f, 
		0 0 48px #08f, 
		0 0 40px #b5b9ff;
/*	animation: flicker 3s infinite alternate;
	*/
/*
	animation: flicker 3s infinite;
	animation-fill-mode: forwards;
*/
}

/*
#site #lightbox u {
	color:#00d8ff;
	text-shadow:none;
	font-weight:500;
}
*/

/*
#site #page_index p u {
	    display: inline-block;
    position: relative;
	text-decoration: none;
	color:#00d8ff;
	font-weight:500;
}


#site #page_index p u::before {
	 content: "";
    display: block;
    width: calc(100% + 6px);
    height: 2px;
    position: absolute;
    background: white;
    top: calc(100% - 5px);
    left: -3px;
	z-index: -1;
    will-change: box-shadow;
	box-shadow: 0 0 3px 2px #2e4bff,inset 0 0 0.2px #2e4bff, 0 0 20px 3px #2e4bff, inset 0 0 0.1px #2e4bff, 0 0 18px 4px #08f, 0 0 36px #08f, 0 0 40px #b5b9ff ;     

}
#site #page_index.paused p u:nth-of-type(1)::before {
	animation: flicker 6s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(2)::before {
		animation: flicker 12s infinite alternate;
}

#site #page_index.paused p u:nth-of-type(3)::before {
		animation: flicker 9s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(4)::before {
		animation: flicker 8s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(5)::before {
		animation: flicker 4s infinite alternate;
}

@keyframes flicker {
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      
        
        box-shadow: 0 0 3px 2px #2e4bff,inset 0 0 0.2px #2e4bff, 0 0 20px 3px #2e4bff, inset 0 0 0.1px #2e4bff, 0 0 18px 4px #08f, 0 0 36px #08f, 0 0 40px #b5b9ff ;     
    }
    
    20%, 24%, 55% {        
        box-shadow: none;
    }    
}
*/
#site #page_index p u {
	    display: inline-block;
    position: relative;
	text-decoration: none;
/*	color:#00d8ff;*/
	color:#00d8ff;
	font-weight:400;
/*	text-shadow: 0 0 3px #2e4bff,0 0 3px #2e4bff, 0 0 20px #2e4bff, 0 0 18px #08f, 0 0 36px #08f, 0 0 40px #b5b9ff ;*/
	/* replace here */
	text-shadow: 
		2px 2px 0 #0e00a9, 
		2px -2px 0 #0e00a9, 
		-2px 2px 0 #0e00a9, 
		-2px -2px 0 #0e00a9, 
		0 0 6px #2e4bff, 
		0 0 9px #2e4bff, 
		0 0 21px #2e4bff, 
		0 0 24px #08f, 
		0 0 48px #08f, 
		0 0 40px #b5b9ff;
}
#site #page_index p u {
/*#site #page_index.android p u {*/
	color:#00d8ff;
	text-shadow:none;
	font-weight:500;
}
/* replace here */
/*
#site #page_index.paused p u:nth-of-type(1) {
	animation: flicker 3s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(2) {
		animation: flicker 6s infinite alternate;
}

#site #page_index.paused p u:nth-of-type(3) {
		animation: flicker 4.5s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(4) {
		animation: flicker 4s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(5) {
		animation: flicker 2s infinite alternate;
}

@keyframes flicker {
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      
        
    text-shadow: 
				2px 2px 0 #0e00a9, 
				2px -2px 0 #0e00a9, 
				-2px 2px 0 #0e00a9, 
				-2px -2px 0 #0e00a9, 
				0 0 6px #2e4bff, 
				0 0 9px #2e4bff, 
				0 0 21px #2e4bff, 
				0 0 24px #08f; 
				0 0 48px #08f, 
				0 0 40px #b5b9ff;     
    }
    
    20%, 24%, 55% {        
        text-shadow: none;
    }    
}
*/
/*
#site #page_index p u::before {
	 content: "";
    display: block;
    width: calc(100% + 6px);
    height: 2px;
    position: absolute;
    background: white;
    top: calc(100% - 5px);
    left: -3px;
	z-index: -1;
    will-change: box-shadow;
	box-shadow: 0 0 3px 2px #2e4bff,inset 0 0 0.2px #2e4bff, 0 0 20px 3px #2e4bff, inset 0 0 0.1px #2e4bff, 0 0 18px 4px #08f, 0 0 36px #08f, 0 0 40px #b5b9ff ;     

}
#site #page_index.paused p u:nth-of-type(1)::before {
	animation: flicker 6s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(2)::before {
		animation: flicker 12s infinite alternate;
}

#site #page_index.paused p u:nth-of-type(3)::before {
		animation: flicker 9s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(4)::before {
		animation: flicker 8s infinite alternate;
}
#site #page_index.paused p u:nth-of-type(5)::before {
		animation: flicker 4s infinite alternate;
}
*/

/*
#site #page_index.android > * > placeholder {
	text-shadow:none;
}
*/
#site #page_index .about subtitle {
	background: url(../storage/zonex/title_zonex_1.png) center center no-repeat transparent;
	background-size: 100% auto;
	padding-top: calc(100% / 1124 * 300);
}
#site #page_index .about placeholder {
	font-size: 0;
	width:100%;
	background: url(../storage/zonex/zonexglow.png) center center no-repeat transparent;
/*	background: url(../storage/zonex/zonex.png) center center no-repeat transparent;*/
		background-size: 100% auto;
		padding-top: calc(100% / 1124 * 300);
	    margin-top: -8rem;
/*animation: zoneflicker 3s infinite alternate;*/
/*
		animation: zonexflicker 3s infinite;
	animation-fill-mode: forwards;
*/
/*	position:relative;*/
}
/*
#site #page_index .about placeholder.withanimation {
	animation: zonexflicker 3s infinite alternate;
}
*/
/*
#site #page_index .about placeholder::after {
	content:"";
	width: 100%;
	padding-top: calc(100% / 1124 * 300);
	background: url(../storage/zonex/zonexglow.png) center center no-repeat transparent;
			background-size: 100% auto;
	position: absolute;
	left:0;
	top:0;
	height:100%;
	animation: zonexflicker 3s infinite alternate;
}
*/

@keyframes zoneflicker {    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
			background: url(../storage/zonex/zonexglow.png) center center no-repeat transparent;
			background-size: 100% auto;
		}
    
    20%, 24%, 55% {        
			background: url(../storage/zonex/zonex.png) center center no-repeat transparent;
			background-size: 100% auto;
    }    
}


#site #page_index p.about>span::before {
	content:"";
	display: block;
	position:absolute;
    right: 12%;
    top: 7rem;
    width: 7rem;
    height: 20rem;
	background: url(../storage/zonex/about_symbol_cropped.png) center center no-repeat transparent;
	background-size:contain;
/*	    transform: translate3d(0,0,-400px);*/
}
#site #page_index .theme {
	margin-top:-10%;
}
#site #page_index .theme subtitle {
 	background: url(../storage/zonex/title_generations.png) center center no-repeat transparent;
	background-size: 100% auto;
}
#site #page_index .theme placeholder {
	font-size: 0;
	width:100%;
	background: url(../storage/zonex/generationsglow.png) center center no-repeat transparent;
/*	background: url(../storage/zonex/generations.png) center center no-repeat transparent;*/
		background-size: 100% auto;
		padding-top: calc(100% / 1124 * 340);
	    margin-top: -12rem;
/*	animation: themeflicker 3s infinite alternate;*/
/*		animation: themeflicker 3s infinite;*/
/*	animation-fill-mode: forwards;*/
}

@keyframes themeflicker {    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      background: url(../storage/zonex/generationsglow.png) center center no-repeat transparent;
			background-size: 100% auto;
		}
    
    20%, 24%, 55% {        
      background: url(../storage/zonex/generations.png) center center no-repeat transparent;
			background-size: 100% auto;
    }    
}


/*
@keyframes day1flicker {    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      background: url(../storage/zonex/day1glow.png) center center no-repeat transparent;
			background-size: 100% auto;
		}
    
    20%, 24%, 55% {        
      background: url(../storage/zonex/day1.png) center center no-repeat transparent;
			background-size: 100% auto;
    }    
}
*/

#site #page_index p.theme>span::before {
	content:"";
	display: block;
	position:absolute;
    left: -2rem;
    top: -8rem;
    width: 13rem;
    height: 50rem;
	background: url(../storage/zonex/theme_symbol_cropped.png) center center no-repeat transparent;
	background-size:contain;
/*		    transform: translate3d(0,0,-400px);*/
}
#site #page_index .featuring subtitle {
/*    transform: translate3d(-50%,0,400px);*/
/*
	transform: translate(-50%,0);
    margin-left: 50%;
	    margin-top: -2rem;
*/
	 	background: url(../storage/zonex/title_feat.png) center center no-repeat transparent;
	background-size: 100% auto;
    margin-bottom: -7rem;
	    margin-top: -10rem;
    z-index: 1;
    position: relative;
}
#site #page_index .featuring > span > a {
	display: inline-block;
	    margin-top: -2rem;
/*
    width: 54%;
    margin-left: 22%;
*/
	    width: 24rem;
    margin-left: 2rem;
		pointer-events: none;
}

#site #page_index .featuring alternate {
        margin-top: -2.5rem;
}

#site #page_index .featuring alternate strong {
    margin-top: -2%;
    font-size: 4.5rem;
    line-height: 4.8rem;
}

#site #page_index .featuring placeholder {
/*	margin-top: 0.0rem;*/
	    font-size: 1.8rem;
    line-height: 2.4rem;
}
#site #page_index .featuring a > img {
/*    margin-top: 5rem !important;*/
}
#site #page_index p.featuring>span::before {
	content:"";
	display: block;
	position:absolute;
    left: -3rem;
    top: 18rem;
    width: 13rem;
    height: 50rem;
	background: url(../storage/zonex/featuring_symbol_cropped.png) center center no-repeat transparent;
	background-size:contain;
/*		    transform: translate3d(0,0,-400px);*/
}

#site #page_index .host subtitle {
/*    transform: translate3d(-50%,0,400px);*/
	 	background: url(../storage/zonex/title_hosted.png) center center no-repeat transparent;
	background-size: 100% auto;
    margin-bottom: -7rem;
    z-index: 1;
    position: relative;
	    margin-top: -10rem;
}
#site #page_index .host > span > a {
	display: inline-block;
	    margin-top: -2rem;
/*
    width: 54%;
    margin-left: 22%;
*/
	    width: 24rem;
    margin-left: 8rem;
			pointer-events: none;
}

#site #page_index .host alternate {
        margin-top: -2.5rem;
}

#site #page_index .host alternate strong {
    margin-top: -2%;
    font-size: 4.5rem;
    line-height: 4.8rem;
}

#site #page_index .host placeholder {
	    font-size: 1.8rem;
    line-height: 2.4rem;
}
#site #page_index .host a > img {
/*    margin-top: 5rem !important;*/
}
#site #page_index p.host >span::before {
	content:"";
	display: block;
	position:absolute;
    right: 10%;
    top: 0;
    width: 16%;
    height: 70%;
	background: url(../storage/zonex/featuring_hosted_symbol_cropped.png) center center no-repeat transparent;
	background-size:contain;
/*		    transform: translate3d(0,0,-400px);*/
}

#site #page_index .with subtitle {
/*    transform: translate3d(-50%,0,400px);*/
/*
	transform: translate(-50%,0);
    margin-left: 50%;
	    margin-top: -2rem;
*/
	 	background: url(../storage/zonex/title_with.png) center center no-repeat transparent;
	background-size: 100% auto;
	    margin-bottom: -5rem;
	    margin-top: -10rem;
}
#site #page_index .with > span > a {
	display: block;
	    width: 18rem;
	    margin-top: -2.5rem;
			pointer-events: none;
}

#site #page_index .with > span > a:first-of-type {
	margin-left: 25%;
	margin-bottom: -4.5rem;
}

#site #page_index .with > span > a:last-of-type {
	margin-left: calc(25% + 13rem);
	margin-bottom: -4.5rem;
}
#site #page_index .with alternate {
    font-size: 1.5rem;
	line-height: 2.0rem;
    text-transform: uppercase;
	    text-align: left;
	    display: block;
}
#site #page_index .with alternate:first-of-type {
	    margin-left: calc(25% + 9rem);
}

#site #page_index .with alternate:last-of-type {
	    margin-left: calc(25% + 5rem);
}
#site #page_index .with alternate strong {
    font-size: 2.2rem;
    line-height: 2.5rem;
}

#site #page_index p.with>span::before {
	content:"";
	display: block;
	position:absolute;
    width: 10%;
    left: calc(50% + 11rem);
    top: 16%;
    Z-INDEX: 1;
    height: 21rem;
	background: url(../storage/zonex/featuring_youth_cropped.png) center center no-repeat transparent;
	background-size:contain;
}


#site #page_index .event > span {
	text-align: center;
	font-size:0;
	color:transparent;
}
#site #page_index .event subtitle {
/*	    padding-top: 4rem;*/
	 	background: url(../storage/zonex/title_tickets.png) center center no-repeat transparent;
	background-size: 100% auto;
	    margin-bottom: -6rem;
	    margin-top: -1rem;
}

#site #page_index .event placeholder {
	    margin-bottom: 3rem;
}

#site #page_index .event alternate, #site #page_index .event alternate strong {
	    width: 100%;
    font-size: 0;
		padding-top: calc( 100% / 1124px * 195);
    overflow: visible;
    display: block;
}

#site #page_index .event alternate:first-of-type {
	background: url(../storage/zonex/day1glow.png) center center no-repeat transparent;
/*	background: url(../storage/zonex/day1.png) center center no-repeat transparent;*/
	background-size: 100% auto;
	margin-top: -2rem;
/*	animation: day1flicker 3s infinite alternate;*/
/*	animation: day1flicker 3s infinite;*/
/*	animation-fill-mode: forwards;*/
}

#site #page_index .event alternate:last-of-type {
	background: url(../storage/zonex/day2glow.png) center center no-repeat transparent;
/*	background: url(../storage/zonex/day2.png) center center no-repeat transparent;*/
	background-size: 100% auto;
	margin-top: -2rem;
/*	animation: day2flicker 3s infinite alternate;*/
/*		animation: day2flicker 3s infinite;*/
/*	animation-fill-mode: forwards;*/
}

@keyframes day1flicker {    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      background: url(../storage/zonex/day1glow.png) center center no-repeat transparent;
			background-size: 100% auto;
		}
    
    20%, 24%, 55% {        
      background: url(../storage/zonex/day1.png) center center no-repeat transparent;
			background-size: 100% auto;
    }    
}

@keyframes day2flicker {    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      background: url(../storage/zonex/day2glow.png) center center no-repeat transparent;
			background-size: 100% auto;
		}
    
    20%, 24%, 55% {        
      background: url(../storage/zonex/day2.png) center center no-repeat transparent;
			background-size: 100% auto;
    }    
}
#site #page_index .event > span >a > img {
	    margin-top: -1.5rem !important;
    height: 5rem !important;
}
/*
#site #page_index .event alternate {
    font-size: 1.5rem;
	line-height: 2.0rem;
    text-transform: uppercase;
	    margin-top: 4rem;
}
*/
/*
#site #page_index .event alternate:last-of-type {
	    margin-top: 2rem;
}
*/
/*
#site #page_index p.event  alternate u{
    font-weight:700;
}
#site #page_index.android p.event alternate u{
    font-weight:700;
}
*/
/*
#site #page_index .event alternate strong {
    font-size: 1.5rem;
	line-height: 2.0rem;
	font-weight:700;
    text-transform: uppercase;
	margin-bottom:1rem;
}
*/
#site #page_index .directions subtitle {
/*
	transform: translate(-50%,0);
    margin-left: 50%;
	    margin-top: -2rem;
*/
	 	background: url(../storage/zonex/title_directions.png) center center no-repeat transparent;
	background-size: 100% auto;
}
#site #page_index .directions placeholder {
	    margin-top: 2rem;
	    font-size: 2.0rem;
    line-height: 2.5rem;
	font-weight:400;
}
#site #page_index .directions placeholder em {
	font-size: 2.3rem;
	font-style: normal;
	font-weight:500;
}
#site #page_index .zonegallery subtitle {
	 	background: url(../storage/zonex/title_gallery.png) center center no-repeat transparent;
	background-size: 100% auto;
	margin-top:-8rem;
	    margin-bottom: -8rem;
}
#site #page_index p.zonegallery > span, #site #page_index p.zonegallery > span > a {
	text-align: center;
	width:100%;
	height:100%;
	display: block;position:relative;
			pointer-events: none;
}

#site #page_index p.zonegallery > span > a > img {
    max-width: 100%;
    max-height: 100%;
}



#site #page_index p:nth-of-type(8) > span {
	    padding-top: 1rem;
}


#site #page_index .faq > span {
	text-align: center;
}
#site #page_index .faq subtitle {
/*	    padding-top: 8rem;*/
	 	background: url(../storage/zonex/title_faq.png) center center no-repeat transparent;
	background-size: 100% auto;
	    margin-top: 0rem;
}
#site #page_index .faq placeholder {
	padding-top: 0;
}

#site #page_index .end {
	font-size:0;
	padding-top:8rem;
}
/*
#site #page_index .featuring alternate highlight {
    position: absolute;
    top: 64%;
}
*/

#site #page_index .masthead::after {
/*content: "";*/
    position: absolute;
    left: calc(5px - (1.7777 * 120vh));
    top: calc(5px - 120vh);
    height: 240vh;
    width: calc(1.7777 * 240vh);
   background: url(data:image/png;base64,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) repeat;
}
#site #page_index .masthead  video {
/*height: 240vh;
    width: calc(1.7777 * 240vh);
    margin-top: -70vh;
    margin-left: 50vw; */
	/*
    height: 100vh;
    width: 177.77vh;
	    margin-left: 50vw;
*/
/*
	    height: 240vh;
    width: calc(1.7777 * 240vh);
    margin-top: -20vh;
    margin-left: 120vw;
*/
/*
		    height: 177.78vh;
    width: 316.04vh;
	    margin-left: 88.89vw;
*/
/*
	    height: 250vh;
    width: 444.425vh;
	    margin-left: 125vw;
*/
/*    transform: translateX(-50%); */
/*
	height: 400vh;
    width: calc(1.7777 * 400vh);
    top: -150vh;
    margin-left: 50%;
    transform: translateX(-50%);
*/
	    height: 150vh;
    width: calc(1.7777 * 150vh);
    top: -10%;
    margin-left: 50%;
    transform: translateX(-50%);
}

#site #page_index .zonevid video {
    height: 130vh;
    width: calc(1.7777 * 130vh);
    margin-left: 50%;
    transform: translateX(-50%);
	    box-shadow: 0 0 5px 150px black, 0 0 5px 150px black;
}
	#site #page_index .zonevid > * {
	top:50%;
	}
@media screen and (orientation:portrait) {
	#site #page_index .zonevid > * {
	top:50%;
	}
}
#site #page_index .zonevid::after {
	content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
	max-width:100vw;
    height: 100vh;
/*    background: url(https://s3-ap-southeast-1.amazonaws.com/ncc-storage/storage/zonex/ZONEXLockup-01.png) center center no-repeat scroll,	url(https://s3-ap-southeast-1.amazonaws.com/ncc-storage/storage/zonex/char-vid-top-left.png) -10px -130px no-repeat scroll, url(https://s3-ap-southeast-1.amazonaws.com/ncc-storage/storage/zonex/char-vid-top-right.png) calc(134vw - 72px) 60px no-repeat scroll, url(https://s3-ap-southeast-1.amazonaws.com/ncc-storage/storage/zonex/char-vid-bottom-left.png) -8px calc(134vh - 500px) no-repeat scroll;*/
	
	background: url(https://s3-ap-southeast-1.amazonaws.com/ncc-storage/storage/zonex/ZONEXLockup-01.png) center center no-repeat scroll;
    background-size: contain;
    display: block;
    transform: translate(-50%,calc( -50% - 0%));
	
}
/*}*/
/*
#site #page_index > *:nth-child(1){ z-index: 99; }
#site #page_index > *:nth-child(2){ z-index: 98; }
#site #page_index > *:nth-child(3){ z-index: 97; }
#site #page_index > *:nth-child(4){ z-index: 96; }
#site #page_index > *:nth-child(5){ z-index: 95; }
#site #page_index > *:nth-child(6){ z-index: 94; }
#site #page_index > *:nth-child(7){ z-index: 93; }
#site #page_index > *:nth-child(8){ z-index: 92; }
#site #page_index > *:nth-child(9){ z-index: 91; }
#site #page_index > *:nth-child(10){ z-index: 90; }
#site #page_index > *:nth-child(11){ z-index: 89; }
#site #page_index > *:nth-child(12){ z-index: 88; }
#site #page_index > *:nth-child(13){ z-index: 87; }
#site #page_index > *:nth-child(14){ z-index: 86; }
#site #page_index > *:nth-child(15){ z-index: 85; }
#site #page_index > *:nth-child(16){ z-index: 84; }
#site #page_index > *:nth-child(17){ z-index: 83; }
#site #page_index > *:nth-child(18){ z-index: 82; }
#site #page_index > *:nth-child(19){ z-index: 81; }
#site #page_index > *:nth-child(20){ z-index: 80; }
#site #page_index > *:nth-child(21){ z-index: 79; }
#site #page_index > *:nth-child(22){ z-index: 78; }
#site #page_index > *:nth-child(23){ z-index: 77; }
#site #page_index > *:nth-child(24){ z-index: 76; }
#site #page_index > *:nth-child(25){ z-index: 75; }
#site #page_index > *:nth-child(26){ z-index: 74; }
#site #page_index > *:nth-child(27){ z-index: 73; }
#site #page_index > *:nth-child(28){ z-index: 72; }
#site #page_index > *:nth-child(29){ z-index: 71; }
#site #page_index > *:nth-child(30){ z-index: 70; }
#site #page_index > *:nth-child(31){ z-index: 69; }
#site #page_index > *:nth-child(32){ z-index: 68; }
#site #page_index > *:nth-child(33){ z-index: 67; }
#site #page_index > *:nth-child(34){ z-index: 66; }
#site #page_index > *:nth-child(35){ z-index: 65; }
#site #page_index > *:nth-child(36){ z-index: 64; }
#site #page_index > *:nth-child(37){ z-index: 63; }
#site #page_index > *:nth-child(38){ z-index: 62; }
#site #page_index > *:nth-child(39){ z-index: 61; }
#site #page_index > *:nth-child(40){ z-index: 60; }
#site #page_index > *:nth-child(41){ z-index: 59; }
#site #page_index > *:nth-child(42){ z-index: 58; }
#site #page_index > *:nth-child(43){ z-index: 57; }
#site #page_index > *:nth-child(44){ z-index: 56; }
#site #page_index > *:nth-child(45){ z-index: 55; }
#site #page_index > *:nth-child(46){ z-index: 54; }
#site #page_index > *:nth-child(47){ z-index: 53; }
#site #page_index > *:nth-child(48){ z-index: 52; }
#site #page_index > *:nth-child(49){ z-index: 51; }
#site #page_index > *:nth-child(50){ z-index: 50; }
*/
#site #page_index > *:nth-child(1) { transform:translate3d(0,0,calc(0 * var(--distance)));}
#site #page_index > *:nth-child(2) { transform:translate3d(0,0,calc(-1 * var(--distance)));}
#site #page_index > *:nth-child(3) { transform:translate3d(0,0,calc(-2 * var(--distance)));}
#site #page_index > *:nth-child(4) { transform:translate3d(0,0,calc(-3 * var(--distance)));}
#site #page_index > *:nth-child(5) { transform:translate3d(0,0,calc(-4 * var(--distance)));}
#site #page_index > *:nth-child(6) { transform:translate3d(0,0,calc(-5 * var(--distance)));}
#site #page_index > *:nth-child(7) { transform:translate3d(0,0,calc(-6 * var(--distance)));}
#site #page_index > *:nth-child(8) { transform:translate3d(0,0,calc(-7 * var(--distance)));}
#site #page_index > *:nth-child(9) { transform:translate3d(0,0,calc(-8 * var(--distance)));}
#site #page_index > *:nth-child(10){ transform:translate3d(0,0,calc(-9 * var(--distance)));}
#site #page_index > *:nth-child(11){ transform:translate3d(0,0,calc(-10 * var(--distance)));}
#site #page_index > *:nth-child(12){ transform:translate3d(0,0,calc(-11 * var(--distance)));}
#site #page_index > *:nth-child(13){ transform:translate3d(0,0,calc(-12 * var(--distance)));}
#site #page_index > *:nth-child(14){ transform:translate3d(0,0,calc(-13 * var(--distance)));}
#site #page_index > *:nth-child(15){ transform:translate3d(0,0,calc(-14 * var(--distance)));}
#site #page_index > *:nth-child(16){ transform:translate3d(0,0,calc(-15 * var(--distance)));}
#site #page_index > *:nth-child(17){ transform:translate3d(0,0,calc(-16 * var(--distance)));}
#site #page_index > *:nth-child(18){ transform:translate3d(0,0,calc(-17 * var(--distance)));}
#site #page_index > *:nth-child(19){ transform:translate3d(0,0,calc(-18 * var(--distance)));}
#site #page_index > *:nth-child(20){ transform:translate3d(0,0,calc(-19 * var(--distance)));}
#site #page_index > *:nth-child(21){ transform:translate3d(0,0,calc(-20 * var(--distance)));}
#site #page_index > *:nth-child(22){ transform:translate3d(0,0,calc(-21 * var(--distance)));}
#site #page_index > *:nth-child(23){ transform:translate3d(0,0,calc(-22 * var(--distance)));}
#site #page_index > *:nth-child(24){ transform:translate3d(0,0,calc(-23 * var(--distance)));}
#site #page_index > *:nth-child(25){ transform:translate3d(0,0,calc(-24 * var(--distance)));}
#site #page_index > *:nth-child(26){ z-index: 74; transform:translate3d(0,0,calc(-25 * var(--distance)));}
#site #page_index > *:nth-child(27){ z-index: 73; transform:translate3d(0,0,calc(-26 * var(--distance)));}
#site #page_index > *:nth-child(28){ z-index: 72; transform:translate3d(0,0,calc(-27 * var(--distance)));}
#site #page_index > *:nth-child(29){ z-index: 71; transform:translate3d(0,0,calc(-28 * var(--distance)));}
#site #page_index > *:nth-child(30){ z-index: 70; transform:translate3d(0,0,calc(-29 * var(--distance)));}
#site #page_index > *:nth-child(31){ z-index: 69; transform:translate3d(0,0,calc(-30 * var(--distance)));}
#site #page_index > *:nth-child(32){ z-index: 68; transform:translate3d(0,0,calc(-31 * var(--distance)));}
#site #page_index > *:nth-child(33){ z-index: 67; transform:translate3d(0,0,calc(-32 * var(--distance)));}
#site #page_index > *:nth-child(34){ z-index: 66; transform:translate3d(0,0,calc(-33 * var(--distance)));}
#site #page_index > *:nth-child(35){ z-index: 65; transform:translate3d(0,0,calc(-34 * var(--distance)));}
#site #page_index > *:nth-child(36){ z-index: 64; transform:translate3d(0,0,calc(-35 * var(--distance)));}
#site #page_index > *:nth-child(37){ z-index: 63; transform:translate3d(0,0,calc(-36 * var(--distance)));}
#site #page_index > *:nth-child(38){ z-index: 62; transform:translate3d(0,0,calc(-37 * var(--distance)));}
#site #page_index > *:nth-child(39){ z-index: 61; transform:translate3d(0,0,calc(-38 * var(--distance)));}
#site #page_index > *:nth-child(40){ z-index: 60; transform:translate3d(0,0,calc(-39 * var(--distance)));}
#site #page_index > *:nth-child(41){ z-index: 59; transform:translate3d(0,0,calc(-40 * var(--distance)));}
#site #page_index > *:nth-child(42){ z-index: 58; transform:translate3d(0,0,calc(-41 * var(--distance)));}
#site #page_index > *:nth-child(43){ z-index: 57; transform:translate3d(0,0,calc(-42 * var(--distance)));}
#site #page_index > *:nth-child(44){ z-index: 56; transform:translate3d(0,0,calc(-43 * var(--distance)));}
#site #page_index > *:nth-child(45){ z-index: 55; transform:translate3d(0,0,calc(-44 * var(--distance)));}
#site #page_index > *:nth-child(46){ z-index: 54; transform:translate3d(0,0,calc(-45 * var(--distance)));}
#site #page_index > *:nth-child(47){ z-index: 53; transform:translate3d(0,0,calc(-46 * var(--distance)));}
#site #page_index > *:nth-child(48){ z-index: 52; transform:translate3d(0,0,calc(-47 * var(--distance)));}
#site #page_index > *:nth-child(49){ z-index: 51; transform:translate3d(0,0,calc(-48 * var(--distance)));}
#site #page_index > *:nth-child(50){ z-index: 50; transform:translate3d(0,0,calc(-49 * var(--distance)));}
/*
#site #page_index > *:nth-child(1) { z-index: 99; transform:translate3d(0,0,calc(0 * var(--distance)));}
#site #page_index > *:nth-child(2) { z-index: 98; transform:translate3d(0,0,calc(-1 * var(--distance)));}
#site #page_index > *:nth-child(3) { z-index: 97; transform:translate3d(0,0,calc(-2 * var(--distance)));}
#site #page_index > *:nth-child(4) { z-index: 96; transform:translate3d(0,0,calc(-3 * var(--distance)));}
#site #page_index > *:nth-child(5) { z-index: 95; transform:translate3d(0,0,calc(-4 * var(--distance)));}
#site #page_index > *:nth-child(6) { z-index: 94; transform:translate3d(0,0,calc(-5 * var(--distance)));}
#site #page_index > *:nth-child(7) { z-index: 93; transform:translate3d(0,0,calc(-6 * var(--distance)));}
#site #page_index > *:nth-child(8) { z-index: 92; transform:translate3d(0,0,calc(-7 * var(--distance)));}
#site #page_index > *:nth-child(9) { z-index: 91; transform:translate3d(0,0,calc(-8 * var(--distance)));}
#site #page_index > *:nth-child(10){ z-index: 90; transform:translate3d(0,0,calc(-9 * var(--distance)));}
#site #page_index > *:nth-child(11){ z-index: 89; transform:translate3d(0,0,calc(-10 * var(--distance)));}
#site #page_index > *:nth-child(12){ z-index: 88; transform:translate3d(0,0,calc(-11 * var(--distance)));}
#site #page_index > *:nth-child(13){ z-index: 87; transform:translate3d(0,0,calc(-12 * var(--distance)));}
#site #page_index > *:nth-child(14){ z-index: 86; transform:translate3d(0,0,calc(-13 * var(--distance)));}
#site #page_index > *:nth-child(15){ z-index: 85; transform:translate3d(0,0,calc(-14 * var(--distance)));}
#site #page_index > *:nth-child(16){ z-index: 84; transform:translate3d(0,0,calc(-15 * var(--distance)));}
#site #page_index > *:nth-child(17){ z-index: 83; transform:translate3d(0,0,calc(-16 * var(--distance)));}
#site #page_index > *:nth-child(18){ z-index: 82; transform:translate3d(0,0,calc(-17 * var(--distance)));}
#site #page_index > *:nth-child(19){ z-index: 81; transform:translate3d(0,0,calc(-18 * var(--distance)));}
#site #page_index > *:nth-child(20){ z-index: 80; transform:translate3d(0,0,calc(-19 * var(--distance)));}
#site #page_index > *:nth-child(21){ z-index: 79; transform:translate3d(0,0,calc(-20 * var(--distance)));}
#site #page_index > *:nth-child(22){ z-index: 78; transform:translate3d(0,0,calc(-21 * var(--distance)));}
#site #page_index > *:nth-child(23){ z-index: 77; transform:translate3d(0,0,calc(-22 * var(--distance)));}
#site #page_index > *:nth-child(24){ z-index: 76; transform:translate3d(0,0,calc(-23 * var(--distance)));}
#site #page_index > *:nth-child(25){ z-index: 75; transform:translate3d(0,0,calc(-24 * var(--distance)));}
#site #page_index > *:nth-child(26){ z-index: 74; transform:translate3d(0,0,calc(-25 * var(--distance)));}
#site #page_index > *:nth-child(27){ z-index: 73; transform:translate3d(0,0,calc(-26 * var(--distance)));}
#site #page_index > *:nth-child(28){ z-index: 72; transform:translate3d(0,0,calc(-27 * var(--distance)));}
#site #page_index > *:nth-child(29){ z-index: 71; transform:translate3d(0,0,calc(-28 * var(--distance)));}
#site #page_index > *:nth-child(30){ z-index: 70; transform:translate3d(0,0,calc(-29 * var(--distance)));}
#site #page_index > *:nth-child(31){ z-index: 69; transform:translate3d(0,0,calc(-30 * var(--distance)));}
#site #page_index > *:nth-child(32){ z-index: 68; transform:translate3d(0,0,calc(-31 * var(--distance)));}
#site #page_index > *:nth-child(33){ z-index: 67; transform:translate3d(0,0,calc(-32 * var(--distance)));}
#site #page_index > *:nth-child(34){ z-index: 66; transform:translate3d(0,0,calc(-33 * var(--distance)));}
#site #page_index > *:nth-child(35){ z-index: 65; transform:translate3d(0,0,calc(-34 * var(--distance)));}
#site #page_index > *:nth-child(36){ z-index: 64; transform:translate3d(0,0,calc(-35 * var(--distance)));}
#site #page_index > *:nth-child(37){ z-index: 63; transform:translate3d(0,0,calc(-36 * var(--distance)));}
#site #page_index > *:nth-child(38){ z-index: 62; transform:translate3d(0,0,calc(-37 * var(--distance)));}
#site #page_index > *:nth-child(39){ z-index: 61; transform:translate3d(0,0,calc(-38 * var(--distance)));}
#site #page_index > *:nth-child(40){ z-index: 60; transform:translate3d(0,0,calc(-39 * var(--distance)));}
#site #page_index > *:nth-child(41){ z-index: 59; transform:translate3d(0,0,calc(-40 * var(--distance)));}
#site #page_index > *:nth-child(42){ z-index: 58; transform:translate3d(0,0,calc(-41 * var(--distance)));}
#site #page_index > *:nth-child(43){ z-index: 57; transform:translate3d(0,0,calc(-42 * var(--distance)));}
#site #page_index > *:nth-child(44){ z-index: 56; transform:translate3d(0,0,calc(-43 * var(--distance)));}
#site #page_index > *:nth-child(45){ z-index: 55; transform:translate3d(0,0,calc(-44 * var(--distance)));}
#site #page_index > *:nth-child(46){ z-index: 54; transform:translate3d(0,0,calc(-45 * var(--distance)));}
#site #page_index > *:nth-child(47){ z-index: 53; transform:translate3d(0,0,calc(-46 * var(--distance)));}
#site #page_index > *:nth-child(48){ z-index: 52; transform:translate3d(0,0,calc(-47 * var(--distance)));}
#site #page_index > *:nth-child(49){ z-index: 51; transform:translate3d(0,0,calc(-48 * var(--distance)));}
#site #page_index > *:nth-child(50){ z-index: 50; transform:translate3d(0,0,calc(-49 * var(--distance)));}*/