/*
				d8b
				888
				888
	d8b d8b d8b 888
.db 888888888888888
888 88888888P "4888
888 888888888   888
88888    d888   888
88888b         d88P
"48888.d888888888P
  "8888888888888"
   "88888888888P
*/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2016 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      S-Core
 * License URL: https://www.fontspring.com/licenses/s-core/webfont
 *
 *
 */

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

}


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

}

.text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

p.top {
	position: absolute;
	z-index: 1;
	font-family: core_circus_2d_line2regular, sans-serif;
	font-size: 5em;
	color: #FFC43B;
	margin: 0;
}
p.shadow {
	position: relative;
	top: 10px;
	font-family: core_circus_3d_shadowregular, sans-serif;
	font-size: 5em;
	color: #FFF3D7;
	margin: 0;
}

/* //////////////    UNIVERSAL    \\\\\\\\\\\\\\ */
*::selection {background-color: #54C9B7; color: #ffffff;}

html {width: 100%; height: 100%; margin: 0; padding: 0;}

body {width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: greyscale;}

h1 {margin: 0 0 10px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #666; padding-bottom: 10px; border-bottom: 1px solid #ececec;}

h4{margin: 0 0 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #333; letter-spacing: 0.75px;}

a {color: #707070;}
a:hover {color: #54C9B7;}

.hidden {display: none;}

/* //////////////    NAV    \\\\\\\\\\\\\\ */
.nav {
	z-index: 2;
	position: fixed;
	top: 15px;
	left: 15px;
}

.navButton {
	position: absolute;
	z-index: 3;
	padding: 12px 14px;
	float: left;
	-webkit-transition: left,opacity,background 0.2s ease-in-out;
	-moz-transition: left,opacity,background 0.2s ease-in-out;
	-ms-transition: left,opacity,background 0.2s ease-in-out;
	-o-transition: left,opacity,background 0.2s ease-in-out;
	transition: left,opacity,background 0.2s ease-in-out;
}

.navButton:active {
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

.navButton:focus {
	outline: 0;
}

.nav ul {
	z-index: 2;
	position: relative;
	left: -50px;
	list-style: none;
	margin:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.nav li {
	float: left;
}

.nav li a {
	float: left;
	margin-left: 15px;
	padding:13px 17px;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.menu.toggle {
	left: 0px !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;

}

/* //////////////    INFORMATION BLOCK    \\\\\\\\\\\\\\ */
.informationBlock {
	width: 300px;
	padding: 15px;
	position: absolute;
	z-index: 1;
	top: 77px;
	right: 15px;
	left: 15px;
	background: #ffffff;
	border-bottom: 2px solid #ececec;
}

.informationBlock .scale {
	min-height: 150px;
	min-width: 150px;
	max-width: 300px;
	max-height: 300px;
	/*overflow-y: auto;*/
}

.informationBlock .text {
	position: relative;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.informationBlock p {
	margin-top: 0;
	font-size: 13px;
}

.informationBlock #footnote p{
	font-size: 10px;
}

.informationBlock .titleText {

}

/* //////////////    FOOTER    \\\\\\\\\\\\\\ */
.footer {
	position: fixed;
	bottom: 15px;
	left: 15px;
}

.credit a {
	color: #707070;
	font-size: 10px;
	text-decoration: none;
}

/* //////////////    AT MEDIA    \\\\\\\\\\\\\\ */

@media (max-width:850px) {

}

@media (max-width:480px) {
	.nav {width: 81%;}
	.menu {width:100%;}
	.nav li {float: none; width: 100%;}
	.nav li a {float: none; display: block;}
}

@media (min-width:1500px) {

}

@media (max-height:850px) {

}