/*  ==============================================
Attraction - Table of Contents
==============================================

1. Reset Styles
2. Layout and General Styles
3. Header
4. Teaser
5. Intro
6. About
7. Gallery
8. Guests
9. Stats
10. Prices
11. LBox
12. Map
13. Register
14. Counter

primary-color = #ff6000
primary-hover-color = #ff3600

============================================== */


/* ==============================================
1 - Reset Styles
============================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==============================================
2 - Layout and General Styles
============================================== */

body {
	background: #FFFFFF;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

h1 {
	font-size: 36px;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

h1 span {
	color: #ff6000;
}

h2 {
	font-size: 28px;
	line-height: 38px;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin-bottom: 30px;
}

h2 span {
	color: #ff6000;
}

h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin-bottom: 20px;
}

h4 {
	font-size: 16px;
	line-height: 26px;
	color: #ff6000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-bottom: 30px;
}

h5 {
	font-size: 16px;
	line-height: 26px;
	color: #ff6000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-bottom: 10px;
}

p {
	width: 100%;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 28px;
	margin-bottom: 20px;
	color: #333333;
	clear: left;
}

a {
	text-decoration: none;
	color: #ff6000;
	-webkit-transition: color linear .2s;
	-moz-transition: color linear .2s;
	-o-transition: color linear .2s;
}

a:hover {
	text-decoration: none;
	color: #ff3600;
}

table {
	border-collapse: collapse;
}

.padding-top {
	padding-top: 50px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.image-left {
	float: left;
	margin: 0 30px 30px 0;
}

.image-right {
	float: right;
	margin: 0 0 30px 30px;
}

.no-margin-bottom {
	margin-bottom: 10px;
}

.container {
	padding: 40px 0;
}

.color-text {
	color: #ff6000;
}

.color-background {
	background: #ff6000;
	color: #ffffff;
}

.color-background h2 {
	color: #ffffff;
}

.white-background {
	background: white;
}

.light-gray-background {
	background: #f2f2f2;
}

.gray-background {
	background: #dedede;
}

.dark-gray-background {
	background: #333333;
}

.dark-gray-background h2 {
	color: #ffffff;
}

.dark-gray-background p {
	color: #bebebe;
}

.darker-background {
	background: #191919;
}

.darker-background h2 {
	color: #ffffff;
}

.darker-background h3 {
	color: #ffffff;
}

.darker-background p {
	color: #bebebe;
}

.hero-section {
	-webkit-transition: background linear .2s, color linear .2s;
	-moz-transition: background linear .2s, color linear .2s;
	-o-transition: background linear .2s, color linear .2s;
}

.hero-section:hover {
	background: #333333;
}

.button-dark {
	background: #ffffff;
	color: #ff6000;
	padding: 12px 30px 12px 30px;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: background linear .2s, color linear .2s;
	-moz-transition: background linear .2s, color linear .2s;
	-o-transition: background linear .2s, color linear .2s;
	display: block;
	text-align: center;
}

.button-dark:hover {
	background: #ff6000;
	color: #ffffff;
}

.form-error {
	background-color: #610000 !important;
}

.error {
	color: #d50000 !important;
}

label.error {
	display: none !important;
}

.spacer {
	padding: 24px 0;
}

.spacer2 {
	padding: 10px 0;
}

.spacer3 {
	margin-bottom: 25px;
}

.column-no {
	width: 100%;
	height: 30px;
	color: #666666;
	border-right: 1px solid #dddddd;
	text-align: center;
	vertical-align: central;
}

.column-no i {
	color: #ff6000 !important;
}

.infobox {
	display: none;
	width: 500px;
}

/* ==============================================
3 - Header
============================================== */

.header {
	background: #ffffff;
	width: 100%;
	height: 74px;
	border-bottom: 1px solid #eaeaea;
}

body.fixed-nav .header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.header .container {
	padding: 0px;
}

.logo {
	padding-top:2px;
}

ul.nav {
	float: right;
	margin-bottom: 0px;
}

ul.nav li {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
}

ul.nav li a {
	padding: 30px 20px;
	color: #333333;
	-webkit-transition: color linear .2s, background linear .2s;
	-moz-transition: color linear .2s, background linear .2s;
	-o-transition: color linear .2s, background linear .2s;
}

ul.nav li a:hover {
	color: #ff6000;
	background: #f2f2f2;
}

.mobile-nav {
	margin-top: 20px;
}

/* ==============================================
4 - Teaser
============================================== */

.teaser {
	margin-top: 0px;
}

body.fixed-nav .teaser {
	margin-top: 74px;
}

.teaser .container {
	padding: 0px;
}

.teaser {
	background: url(../images/header_lanparty.jpg) no-repeat center center;
}

.teaser .text-container {
	height: 316px;
	margin-top: 100px;
	margin-bottom: 40px;
}

.teaser .text-container h1 {
	color: #ff6000;
	font-weight: bold;
	line-height: 42px;
	text-shadow: 1px 1px #191919;
}

.teaser .text-container h2 {
	color: #ffffff;
	text-shadow: 1px 1px #191919;
}

.teaser .page-title h2 {
	float: right;
	background: #ffffff;
	padding: 10px 20px 0px 20px;
	margin-bottom: 0px;
	margin-top: 40px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.teaser .darker-page-title h2 {
	background: #1b1b1b;
	color: #ffffff;
}

/* ==============================================
5 - Intro
============================================== */

.intro .container {
	padding-top: 0px;
}

.intro table {
	margin-bottom: 15px;
}

.intro table td {
	padding-right: 80px;
}

.featured {
	min-height: 500px;
	margin-top: -360px;
	margin-bottom: 30px;
}

.featured h2 {
	background: #ff6000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 0 35px 30px;
	color: #ffffff;
	margin-bottom: 0px;
}

.featured p {
	color: #bebebe;
}

.featured .event-recap {
	background: #292929;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 20px 30px 30px 28px;
	margin-top: -20px;
}

.featured .event-recap div {
	padding-left: 68px;
	margin-bottom: 20px;
}

.featured .event-recap div h3 {
	color: #ff6000;
}

.featured .event-recap div h3,
.featured .event-recap div p {
	margin-bottom: 0px;
}

.featured .event-recap .event-date01 {
	background: url(../images/icon-event-date_01.png) left center no-repeat;
}
.featured .event-recap .event-date02 {
	background: url(../images/icon-event-date_02.png) left center no-repeat;
}
.featured .event-recap .event-date03 {
	background: url(../images/icon-event-date_03.png) left center no-repeat;
}
.featured .event-recap .event-date04 {
	background: url(../images/icon-event-date_04.png) left center no-repeat;
}
.featured .event-recap .event-date05 {
	background: url(../images/icon-event-date_05.png) left center no-repeat;
}
.featured .event-recap .event-date06 {
	background: url(../images/icon-event-date_06.png) left center no-repeat;
}
.featured .event-recap .event-date07 {
	background: url(../images/icon-event-date_07.png) left center no-repeat;
}
.featured .event-recap .event-date08 {
	background: url(../images/icon-event-date_08.png) left center no-repeat;
}
.featured .event-recap .event-date09 {
	background: url(../images/icon-event-date_09.png) left center no-repeat;
}
.featured .event-recap .event-date10 {
	background: url(../images/icon-event-date_10.png) left center no-repeat;
}
.featured .event-recap .event-date11 {
	background: url(../images/icon-event-date_11.png) left center no-repeat;
}
.featured .event-recap .event-date12 {
	background: url(../images/icon-event-date_12.png) left center no-repeat;
}
.featured .event-recap .event-date13 {
	background: url(../images/icon-event-date_13.png) left center no-repeat;
}
.featured .event-recap .event-date14 {
	background: url(../images/icon-event-date_14.png) left center no-repeat;
}
.featured .event-recap .event-date15 {
	background: url(../images/icon-event-date_15.png) left center no-repeat;
}
.featured .event-recap .event-date16 {
	background: url(../images/icon-event-date_16.png) left center no-repeat;
}
.featured .event-recap .event-date17 {
	background: url(../images/icon-event-date_17.png) left center no-repeat;
}
.featured .event-recap .event-date18 {
	background: url(../images/icon-event-date_18.png) left center no-repeat;
}
.featured .event-recap .event-date19 {
	background: url(../images/icon-event-date_19.png) left center no-repeat;
}
.featured .event-recap .event-date20 {
	background: url(../images/icon-event-date_20.png) left center no-repeat;
}
.featured .event-recap .event-date21 {
	background: url(../images/icon-event-date_21.png) left center no-repeat;
}
.featured .event-recap .event-date22 {
	background: url(../images/icon-event-date_22.png) left center no-repeat;
}
.featured .event-recap .event-date23 {
	background: url(../images/icon-event-date_23.png) left center no-repeat;
}
.featured .event-recap .event-date24 {
	background: url(../images/icon-event-date_24.png) left center no-repeat;
}
.featured .event-recap .event-date25 {
	background: url(../images/icon-event-date_25.png) left center no-repeat;
}
.featured .event-recap .event-date26 {
	background: url(../images/icon-event-date_26.png) left center no-repeat;
}
.featured .event-recap .event-date27 {
	background: url(../images/icon-event-date_27.png) left center no-repeat;
}
.featured .event-recap .event-date28 {
	background: url(../images/icon-event-date_28.png) left center no-repeat;
}
.featured .event-recap .event-date29 {
	background: url(../images/icon-event-date_29.png) left center no-repeat;
}
.featured .event-recap .event-date30 {
	background: url(../images/icon-event-date_30.png) left center no-repeat;
}
.featured .event-recap .event-date31 {
	background: url(../images/icon-event-date_31.png) left center no-repeat;
}
.featured .event-recap .event-time {
	background: url(../images/icon-event-time.png) left center no-repeat;
}

.featured .event-recap .event-location {
	background: url(../images/icon-event-location.png) left center no-repeat;
}

.featured .event-recap .event-age16 {
	background: url(../images/icon-event-age16.png) left center no-repeat;
}

.featured .event-recap .event-age18 {
	background: url(../images/icon-event-age18.png) left center no-repeat;
}

.featured a.event-button {
	width: 100%;
	text-align: center;
	line-height: 40px;
	background: #ff6000;
	color: #ffffff;
	display: block;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.featured a.event-button:hover {
	background: #ff3600;
}

ul.facts {
	float:  left;
	margin: 0 50px 0 0;
}

ul.facts li {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 15px;
	color: #333333;
	margin-bottom: 20px;
	padding-left: 17px;
	background: url("../images/li.png") top left no-repeat;
}

/* ==============================================
6 - About
============================================== */

.about img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

/* ==============================================
7 - Gallery
============================================== */

.gallery .gallery-row {
	margin-bottom: 20px;
}

.gallery .image-container {
	width: 220px;
	height: 143px;
	overflow: hidden;
	background: #ff6000 url(../images/icon-plus.png) center center no-repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

.gallery .image-container img {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-border-radius: 6px;
	-webkit-transition: opacity linear .2s;
	-moz-transition: opacity linear .2s;
	-o-transition: opacity linear .2s;
}

.gallery .image-container:hover img {
	-webkit-border-radius: 6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: .2;
}

/* ==============================================
8 - Guests
============================================== */

.guests table {
	width: 100%;
	border: 1px solid #dddddd;
	margin-bottom: 40px;
}

.guests table.last-table {
	margin-bottom: 0px;
}

.guests table:hover thead td {
	background: #ff6000;
}

.guests table:hover thead td h3 {
	color: #ffffff;
}

.guests table thead td {
	padding: 15px;
	background: white;
	border-bottom: 1px solid #dddddd;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.guests table thead td h3 {
	color: #ff6000;
	margin-bottom: 0px;
	-webkit-transition: color linear .2s;
	-moz-transition: color linear .2s;
	-o-transition: color linear .2s;
}

.guests table tbody tr.odd {
	background: #f2f2f2;
}

.guests table tbody tr.even {
	background: #ffffff;
}

.guests table tbody td {
	padding: 10px;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 28px;
	color: #333333;
}

.guests table tbody td.column-one {
	width: 6%;
	color: #666666;
	border-right: 1px solid #dddddd;
}

.guests table tbody td.column-two {
	width: 30%;
	color: #666666;
	border-right: 1px solid #dddddd;
}

.guests table tbody td.column-three {
	width: 30%;
	color: #666666;
	border-right: 1px solid #dddddd;
}

.guests table tbody td.head {
	color: #666666;
	background: #ffffff;
	font-weight: bold;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.guests i {
	color: #a9a9a9;
}

.guests ul i {
	color: #ff6000;
}

.guests i:hover {
	color: #ff6000;
}

/* ==============================================
9 - Stats
============================================== */

.stats table {
	width: 100%;
	border: 1px solid #dddddd;
	margin-bottom: 40px;
}

.stats table.last-table {
	margin-bottom: 0px;
}

.stats table:hover thead td {
	background: #ff6000;
}

.stats table:hover thead td h3 {
	color: #ffffff;
}

.stats table thead td {
	padding: 15px;
	background: white;
	border-bottom: 1px solid #dddddd;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
}

.stats table thead td h3 {
	color: #ff6000;
	margin-bottom: 0px;
	-webkit-transition: color linear .2s;
	-moz-transition: color linear .2s;
	-o-transition: color linear .2s;
}

.stats table tbody tr.odd {
	background: #f2f2f2;
}

.stats table tbody tr.even {
	background: #ffffff;
}

.stats table tbody td {
	padding: 10px;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 28px;
	color: #333333;
}

.stats table tbody td.column-one {
	width: 33%;
	text-align: center;
	border-right: 1px solid #dddddd;
}

.stats table tbody td.column-two {
	width: 33%;
	text-align: center;
	border-right: 1px solid #dddddd;
}

.stats table tbody td.column-three {
	width: 33%;
	text-align: center;
	border-right: 1px solid #dddddd;
}

.stats table tbody td.head {
	color: #666666;
	background: #ffffff;
	font-weight: bold;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

/* ==============================================
10 - Prices
============================================== */

.prices .ticket {
	background: #333333;
	padding: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	z-index: 30;
	position: relative;
}

.prices .ticket h4 span {
	font-size: 36px;
	font-family: 'Lato', sans-serif;
	padding-right: 20px;
}

.prices .ticket p {
	color: #f2f2f2;
	margin-bottom: 0px;
}

.prices a.ticket-button {
	background: #ff6000;
	color: #ffffff;
	display: block;
	padding: 15px 30px;
	padding-top: 45px;
	margin-top: -30px;
	z-index: 20;
	position: relative;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
	margin-bottom: 40px;
}

.prices .span6:hover a.ticket-button {
	background: #ff3600;
}

/* ==============================================
11 - LBox
============================================== */

.lbox li {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	padding: 6px;
	line-height: 1.5;
}

.lbox ol {
	float: right;
	margin-left: 20px;
	margin-bottom: 25px;
	list-style: lower-latin;
}

.lbox ul {
	float: right;
	margin-left: 20px;
	margin-bottom: 25px;
	list-style: square;
}

.lbox {
	margin: 20px;
}

.lbox h2 {
	line-height: 10px;
	margin-bottom: 30px;
}

.lbox p {
	margin-bottom: 30px;
	color: #333333;
	line-height: 1.5;
}

.ulafter {
	margin-bottom: 10px !important;
}

.ruleafter {
	margin-bottom: 10px !important;
}

.rules {
	font-style: italic;
}

/* ==============================================
12 - Map
============================================== */

.map {
	height: 400px;
}

.map iframe {
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
	margin: 0;
}

/* ==============================================
13 - Register
============================================== */

.register form {
	margin-top: 20px;
}

.register form input {
	width: 320px;
	background: #474747 url(../images/icon-right.png) no-repeat 20px center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: none;
	padding: 12px 20px 12px 40px;
	color: #bebebe;
	box-shadow: none;
	font-family: 'Lato', sans-serif;
	margin-bottom: 30px;
	-webkit-transition: background linear .2s,color linear .2s;
	-moz-transition: background linear .2s,color linear .2s;
	-o-transition: background linear .2s,color linear .2s;
	outline: none;
}

.register form select {
	width: 380px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	overflow: hidden;
	background: #474747;
	color: #bebebe;
	border-radius: 10px;
	border-color: #474747;
	box-shadow: none;
	margin-bottom: 30px;
	height: 42px;
	outline: none;
}

.register form select.form-error {
	border-color: #610000;
}

.register form textarea {
	width: 366px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	overflow: hidden;
	background: #474747;
	background-color: #474747;
	color: #bebebe;
	border-radius: 10px;
	border-color: #474747;
	box-shadow: none;
	margin-bottom: 30px;
	height: 100px;
	outline: none;
	resize: none;
}

.register form textarea:hover {
	background: #666666;
}

.register form textarea:focus {
	background: #ff6000;
	color: #ffffff;
	box-shadow: none !important;
}

.clan {
	margin-bottom: 5px !important;
}

.register form select:hover {
	background: #666666;
}

.register form select:focus {
	background: #ff6000;
	color: #ffffff;
	box-shadow: none !important;
}
.register form option {
	background: #666666;
}

.register form input:hover {
	background: #666666 url(../images/icon-right.png) no-repeat 20px center;
}

.register form input:focus {
	background: #ff6000 url(../images/icon-right.png) no-repeat 20px center;
	color: #ffffff;
	box-shadow: none !important;
}

.register form label {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 25px;
	margin-bottom: 20px;
	padding: 8px 0 0 35px;
	color: #bebebe;
	position: relative;
	z-index: 50;
}

.register form .checkbox-container {
	position: relative;
}

.register form .checkbox-container .checkbox-placeholder {
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin-top: 8px;
	background: #474747;
}

.checkbox-on .checkbox-placeholder {
	background: #ff6000 url(../images/icon-checkbox.png) center center no-repeat !important;
}

.register form .checkbox-container input {
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
}

.register form input[type="submit"] {
	background: #ff6000;
	color: #ffffff;
	width: 100%;
	margin-bottom: 0px;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
	padding-left: 20px;
}

.register form input[type="submit"]:hover {
	background: #ff3600;
}

.dropsmall {
	width: 100px !important;
	margin-right: 37px;
}

.dropsmallyear {
	width: 100px !important;
	margin-right: 0px;
}

#left {
	float: left;
	width: 20em;
	border: none;
	padding: 1em;
}

#right {
	border: none;
	padding: 1em;
	margin-left: 22em;
}

ul.downloads li {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 28px;
	color: #bebebe;
	margin-bottom: 20px;
}

ul.downloads li a {
	color: #bebebe;
}

ul.downloads li a:hover {
	color: #ff6000;
}

ul.downloads li a i {
	color: #ff6000;
	font-size: 24px;
	padding-right: 20px;
}

/* ==============================================
14 - Counter
============================================== */

#counter {
	width: 540px;
	height: 95px;
	margin-top: 261px;
	font-family: 'Lato', sans-serif;
	font-size: 60px;
	color: #ffffff;
	text-shadow: 0 1px 0 #000000;
	overflow: hidden;
	z-index: 900 !important;
}

.countDays, .countHours, .countMinutes, .countSeconds {
	float: left;
	width: 87px;
	height: 95px;
	padding-left: 20px;
	background: #ff6000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.07)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
	background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
	background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
	border: 1px solid #ff3600;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:
		0 2px 3px 0 rgba(255,255,255,.2) inset,
		0 2px 2px 0 rgba(0,0,0,.1);
	-webkit-box-shadow:
		0 2px 3px 0 rgba(255,255,255,.2) inset,
		0 2px 2px 0 rgba(0,0,0,.1);
	box-shadow:
		0 2px 3px 0 rgba(255,255,255,.2) inset,
		0 2px 2px 0 rgba(0,0,0,.1);
}

.points {
	float: left;
	width: 30px;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	color: #bebebe;
	font-weight: bold;
	text-align: center;
	line-height: 95px;
	text-shadow: none;
}

.position {
	position: relative;
	float: left;
	width: 35px;
	height: 74px;
	margin: 6px 0 0 0;
}

.digit {
	position: absolute;
	top: 0;
	left: 0;
}

.boxName {
	float: left;
	width: 80px;
	margin: -12px 0 0 12px;
	font-size: 20px;
	color: #bebebe;
	text-shadow: 0 1px 0 #000000;
}

.Days {
	margin-left: 2px;
}

.Hours {
	margin-left: 2px;
}

.Minutes {
	margin-left: 2px;
}

.Seconds {
	margin-left: 3px;
}