@font-face {
	font-family: 'Light';
	src: url('../fonts/GreycliffCF-Light.woff2') format('woff2'),
	url('../fonts/GreycliffCF-Light.woff') format('woff');
	font-weight: 300;  font-style: normal;
}

@font-face {
	font-family: 'Regular';
	src: url('../fonts/GreycliffCF-Regular.woff2') format('woff2'),
	url('../fonts/GreycliffCF-Regular.woff') format('woff');
	font-weight: normal;  font-style: normal;
}

@font-face {
	font-family: 'Medium';
	src: url('../fonts/GreycliffCF-Medium.woff2') format('woff2'),
	url('../fonts/GreycliffCF-Medium.woff') format('woff');
	font-weight: 500;  font-style: normal;
}

@font-face {
	font-family: 'Bold';
	src: url('../fonts/GreycliffCF-Bold.woff2') format('woff2'),
	url('../fonts/GreycliffCF-Bold.woff') format('woff');
	font-weight: bold;  font-style: normal;
}

body, html, #Stage {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: 'Regular';
}

input, select, option {
	font-family: 'Bold';
}

a {
	opacity: 0.6;
	transition: 0.3s all;
}

a:hover {
	opacity: 1;
}

#Stage, #Stage * {
	position: absolute;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
}


#Stage br, #Stage span {
	position: relative;
}

.hexagon {
	-webkit-clip-path: polygon(80% 0, 100% 50%, 80% 100%, 20% 100%, 0% 50%, 20% 0);
	clip-path: polygon(80% 0, 100% 50%, 80% 100%, 20% 100%, 0% 50%, 20% 0);
}

.rect-hexagon {
	-webkit-clip-path: polygon(85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%, 15% 0);
	clip-path: polygon(85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%, 15% 0);
}

.fade-right {
	-webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,1) 80%, rgba(0,0,0, 0) 100%);
}

.fade-right-marquee {
	-webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0px, rgba(0,0,0, 1) 20px, rgba(0,0,0,1) 80%, rgba(0,0,0, 0) 100%);
}

.spinner-anim {
	animation: 1.5s spin linear infinite;
}

.marquee {
	animation: marquee 5s linear infinite;
}

@keyframes marquee {
	0%   { transform: translate(20px, 0); opacity: 0; }
	15%   { transform: translate(20px, 0); opacity: 1; }
	25%   { transform: translate(20px, 0); opacity: 1; }
	100% { transform: translate(-100%, 0); opacity: 1; }
}

@keyframes spin {
	0% {  transform: rotate(0deg);  }
	100% {  transform: rotate(360deg);  }
}

@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?hs358k');
	src:  url('../fonts/icomoon.eot?hs358k#iefix') format('embedded-opentype'),
	url('../fonts/icomoon.ttf?hs358k') format('truetype'),
	url('../fonts/icomoon.woff?hs358k') format('woff'),
	url('../fonts/icomoon.svg?hs358k#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	transition: 0.2s all;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-recycle:before {
	content: "\e92d";
}
.icon-recyclingbin:before {
	content: "\e92e";
}
.icon-heart1:before {
	content: "\e92f";
}
.icon-heart2:before {
	content: "\e930";
}
.icon-C:before {
	content: "\e931";
}
.icon-bulb:before {
	content: "\e932";
}
.icon-play:before {
	content: "\e92c";
}
.icon-thumbsup:before {
	content: "\e91c";
}
.icon-audio:before {
	content: "\e92b";
}
.icon-plus:before {
	content: "\e92a";
}
.icon-nav:before {
	content: "\e928";
}
.icon-map:before {
	content: "\e929";
}
.icon-bigtent:before {
	content: "\e903";
}
.icon-accomodations:before {
	content: "\e924";
}
.icon-art:before {
	content: "\e925";
}
.icon-dining:before {
	content: "\e926";
}
.icon-guides:before {
	content: "\e927";
}
.icon-down:before {
	content: "\e923";
}
.icon-close:before {
	content: "\e922";
}
.icon-more:before {
	content: "\e921";
}
.icon-downarrow:before {
	content: "\e920";
}
.icon-uparrow:before {
	content: "\e901";
}
.icon-rightarrow:before {
	content: "\e907";
}
.icon-leftarrow:before {
	content: "\e90c";
}
.icon-globe:before {
	content: "\e91b";
}
.icon-moon2:before {
	content: "\e91d";
}
.icon-facebook:before {
	content: "\e91e";
}
.icon-sun2:before {
	content: "\e91f";
}
.icon-air:before {
	content: "\e900";
}
.icon-bag:before {
	content: "\e902";
}
.icon-car:before {
	content: "\e904";
}
.icon-coachella:before {
	content: "\e905";
}
.icon-expand:before {
	content: "\e906";
}
.icon-google:before {
	content: "\e908";
}
.icon-ice:before {
	content: "\e909";
}
.icon-location:before {
	content: "\e90a";
}
.icon-night:before {
	content: "\e90b";
}
.icon-phone:before {
	content: "\e90d";
}
.icon-search:before {
	content: "\e90e";
}
.icon-shower:before {
	content: "\e90f";
}
.icon-sort:before {
	content: "\e910";
}
.icon-spray:before {
	content: "\e911";
}
.icon-store:before {
	content: "\e912";
}
.icon-sun:before {
	content: "\e913";
}
.icon-teepee:before {
	content: "\e914";
}
.icon-camp:before {
	content: "\e915";
}
.icon-ticket:before {
	content: "\e916";
}
.icon-toilet:before {
	content: "\e917";
}
.icon-twitter:before {
	content: "\e918";
}
.icon-water:before {
	content: "\e919";
}
.icon-wifi:before {
	content: "\e91a";
}