html, body {
	height:100%;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:15px;
	color:#AAAAAA;
}

body {
	background-color:#ffc000;
}

.ltlpxl {
	position:absolute;
	bottom:5px;
	right:5px;
	font-size:10px;
	color:#333333;
}

.ltlpxl a {
	color:#333333;
	text-decoration:none;
}

.ltlpxl a:hover {
	color:#EF0200;
	text-decoration:none;
}

.white-span {
	background-color:#ffffff;
}

.white-span.opening {
	padding-top:35px;
	padding-bottom:40px;
}

.white-span.opening h2 {
	color:#CCCCCC;
}

.white-span.opening .fa {
	font-size:5em;
	color:#ffc000;
}

.orange-span {
	background-color:#ffc000;
	color:#ffffff;
}

.orange-span.opening {
	padding-top:35px;
	padding-bottom:40px;
}

.orange-span.opening h2 {
	color:#333333;
}

.orange-span.opening .fa {
	font-size:5em;
	color:#ffffff;
}

.grey-span {
	background-color:#F7F8F9;
}

.grey-span.opening {
	padding-top:35px;
	padding-bottom:40px;
}

.wallpaper {				
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.shadow {
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

.mt10 {
	margin-top:10px;
}

.mr10 {
	margin-right:10px;
}

.mb10 {
	margin-bottom:10px;
}

.ml10 {
	margin-left:10px;
}

@media (max-width: 767px) {

	.mt-xs-10 {
		margin-top:10px;
	}

	.mr-xs-10 {
		margin-right:10px;
	}

	.mb-xs-10 {
		margin-bottom:10px;
	}

	.ml-xs-10 {
		margin-left:10px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {

	.mt-sm-10 {
		margin-top:10px;
	}

	.mr-sm-10 {
		margin-right:10px;
	}

	.mb-sm-10 {
		margin-bottom:10px;
	}

	.ml-sm-10 {
		margin-left:10px;
	}

}

@media (min-width: 992px) {

	.mt-md-10 {
		margin-top:10px;
	}

	.mr-md-10 {
		margin-right:10px;
	}

	.mb-md-10 {
		margin-bottom:10px;
	}

	.ml-md-10 {
		margin-left:10px;
	}

}

#down {
	position:absolute;
	bottom:70px;
	left:50%;
}

#down .inner {
	margin-left:-40px;
}

#down .inner a {
	outline:0;
	color:#ffffff;
	display:block;
	width:100%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#down .inner a:hover {
	color:#EF0200;
}

#down .inner .fa {
	font-size:80px;
}

.code { 
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding:10px;
	font-size: 80%;
	font-family: 'Droid Sans Mono', Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	color: #00ff00;
	background: #000000;
}