@charset "UTF-8";
.cms_edit_container {
	clear: both;
	margin-bottom: 2em !important
}

.cms_edit_container:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

.cms_edit_container>div:not(.cms_edit_connectable), .cms_edit_connectable>div:not(.portlet) {
	line-height: 1
}

@font-face {
	font-family: 'quadonbold';
	src: url(/assets/quadon_bold-webfont-b4d3212f81dc3e46f349f1aa44141b40.eot);
	src: url(/assets/quadon_bold-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/quadon_bold-webfont-37879a76caace111c288edd13d74493f.woff) format("woff"), url(/assets/quadon_bold-webfont-364f76d771a7530eac64e14acde79fa4.ttf) format("truetype"), url(/assets/quadon_bold-webfont.svg#quadonbold) format("svg");
	font-weight: normal;
	font-style: normal
}

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

[data-icon]:before {
	content: attr(data-icon);
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-right: .8em;
	vertical-align: middle
}

html {
	background: #fff;
	min-width: 479px
}

body {
	margin: 0;
	font: .9375em/1.667 "Helvetica Neue", Arial, sans-serif;
	color: #565353;
	position: relative;
	-webkit-text-size-adjust: none
}

body>iframe {
	display: block
}

h1 {
	font: 800 3.067em/1 "futura", "Helvetica Neue", Arial, sans-serif;
	color: #131212;
	margin: 0 0 .652em;
	text-transform: uppercase;
}

h2 {
	font: 800 2.133em/1 "futura", "Helvetica Neue", Arial, sans-serif;
	color: #131212;
	margin: 0 0 .469em;
	text-transform: uppercase;
}

h3, .more {
	font: 1.2em/1.278 "quadonbold", sans-serif;
	letter-spacing: -.02em;
	color: #212020;
	margin: 0 0 .5em
}

p {
	margin: 0 0 .8em
}

img {
	border: 0
}

figure {
	margin: 0 0 2em
}

figure>img {
	width: 100%
}

a {
	text-decoration: none;
	color: #c20000;
	-webkit-transition: color .15s;
	transition: color .15s
}

a:focus, a:hover {
	color: #131212
}

.more>a:after {
	content: " ›"
}

.download>a:before {
	content: "⬇ "
}

form {
	margin: 0;
	padding: 0
}

fieldset {
	border: none;
	margin: 0;
	padding: 0
}

fieldset>div {
	margin: 0 0 1.667em
}

fieldset>div:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

fieldset>.buttons {
	margin: 0
}

label {
	font-size: 1.2em;
	line-height: 1.389;
	display: block;
	margin: 0 0 4px
}

label.placeholder {
	position: absolute;
	margin: 10px 0 0 14px;
	color: #ababab
}

label.hidden {
	position: absolute;
	left: -9999px
}

label.error {
	color: #c20000
}

input[type=text], input[type=email], textarea {
	font: 1.2em "Helvetica Neue", Arial, sans-serif;
	color: #131212;
	padding: 12px 15px;
	width: 100%;
	border: 1px solid #565353;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

textarea {
	height: 100px
}

select {
	font-size: 1em
}

input[type=submit], .button>a {
	display: inline-block;
	font: 800 1.66em "futura", "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background: #1a1a1a;
	border-radius: 5px;
	border: 0;
	padding: 5px 38px;
	-webkit-transition: background .15s;
	transition: background .15s
}

input[type=submit]:focus, input[type=submit]:hover, .button>a:focus, .button>a:hover {
	background-color: #c20000
}

.radios>label {
	display: block
}

input[type=radio] {
	margin: 0 .3em 0 0;
	vertical-align: middle
}

.social-media-links {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	font: 800 1.467em/1 "felt-tip-roman", "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
}

.social-media-links>li {
	margin: .5em 0
}

.social-media-links a {
	color: #7b0005
}

.social-media-links a:focus, .social-media-links a:hover {
	color: #fff
}

.tags>a {
	color: #fff;
	background: #c20000;
	border-radius: 3px;
	padding: .2em .5em;
	margin: 0;
	font-weight: bold;
	font-size: .733em;
	text-transform: uppercase;
	white-space: nowrap
}

.tags>a:focus, .tags>a:hover {
	color: #131212
}

.blog-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.blog-list h3 {
	margin: 0
}

.blog_post {
	padding: 185px 1em 1em;
	height: 315px;
	margin: 0 0 1em;
	background: #212020;
	color: #b0acac;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.blog_post:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

.blog_post>h3 {
	color: #fff;
	font-size: 1.6em;
	line-height: 1.125;
	position: absolute;
	z-index: 1;
	bottom: 148px;
	left: 0;
	right: 0;
	padding: .625em;
	background: url(/assets/bg_blog-header-4dd55056e3f584577cf0ee23a607ef46.png) repeat-x 0 0;
	margin: 0
}

.blog_post>h3>a {
	color: #fff
}

.blog_post>h3>a:focus, .blog_post>h3>a:hover {
	color: #c20000
}

.blog_post>.more {
	position: absolute;
	bottom: 1em;
	right: 1em;
	margin: 0;
	font: 800 1.2em "futura", "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
}

.blog_post>.more>a:focus, .blog_post>.more>a:hover {
	color: #fff
}

.blog_post>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.blog_post>.tags {
	float: left;
	width: 65%
}

@media screen and (max-width: 989px) {
	.blog_post>.tags {
		display: none
	}
}

.carousel-prev {
	position: absolute;
	z-index: 1000;
	margin-top: 235px;
	left: 0;
	width: 75px;
	height: 79px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/assets/bg_buttons-a8ae4e5af350e8eb0b3cd24a721035c5.png) no-repeat -4px 0
}

.carousel-next {
	position: absolute;
	z-index: 1000;
	margin-top: 235px;
	right: 0;
	width: 75px;
	height: 79px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/assets/bg_buttons-a8ae4e5af350e8eb0b3cd24a721035c5.png) no-repeat -79px 0
}

.carousel-prev:focus, .carousel-prev:hover {
	background-position: -4px -79px
}

.carousel-next:focus, .carousel-next:hover {
	background-position: -79px -79px
}

.row {
	margin: 0 0 4em;
	position: relative;
	clear: both
}

.row:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

.portlet {
	position: relative
}

.portlet:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

.portlet-1-width {
	float: left;
	width: 30.71%;
	margin-left: 3.935%
}

.portlet-full-width {
	width: auto
}

.portlet-half-width {
	float: left;
	width: 48.0325%;
	margin-left: 3.935%
}

.row>.portlet:first-child {
	margin-left: 0
}

@media screen and (max-width: 647px) {
	.portlet-1-width, .portlet-half-width {
		float: none;
		margin: 0 auto 1em !important;
		width: 306px
	}
}

.portlet>.more {
	position: absolute;
	top: .55em;
	right: 0
}

@media screen and (max-width: 647px) {
	.portlet>.more {
		position: static
	}
}

.portlet-default-style {
	padding: .5em 1em;
	background: url(/assets/bg_portlet-b530b9abe4206f4a7b1456eaea2dfa98.png) repeat-y -306px 0;
	background-clip: padding-box;
	border: solid transparent;
	border-width: 11px 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.portlet-default-style:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 11px;
	bottom: 100%;
	background: url(/assets/bg_portlet-b530b9abe4206f4a7b1456eaea2dfa98.png) no-repeat 0 0
}

.portlet-default-style:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	top: 100%;
	background: url(/assets/bg_portlet-b530b9abe4206f4a7b1456eaea2dfa98.png) no-repeat -612px 100%;
	visibility: visible
}

.portlet-blog-promo>.blog_post {
	float: left;
	width: 30.71%;
	margin: 0 0 0 3.935%
}

.portlet-blog-promo>h2+.blog_post, .portlet-blog-promo>.blog_post:first-child {
	margin-left: 0
}

@media screen and (max-width: 647px) {
	.portlet-blog-promo>.blog_post {
		float: none;
		margin: 0 0 1em;
		width: auto
	}
}

.portlet-blog-carousel>.blog_post {
	padding: 540px 1.6em 1.6em;
	height: 667px;
	margin: 0
}

.portlet-blog-carousel>.hidden {
	position: absolute;
	left: -9999px
}

.portlet-blog-carousel>.blog_post>h3 {
	padding: 1.125em;
	bottom: 147px
}

.portlet-blog-carousel>.blog_post>.tags {
	width: auto;
	float: none
}

.portlet-blog-carousel>.blog_post>.more {
	bottom: 1.6em;
	right: 1.6em
}

.portlet-blog-carousel>.carousel-prev {
	margin-top: -450px;
	left: 20px
}

.portlet-blog-carousel>.carousel-next {
	margin-top: -450px;
	right: 20px
}

.content-main>.portlet-blog-carousel>.blog_post {
	height: 500px;
	padding-top: 366px
}

.content-main>.portlet-blog-promo>.blog_post {
	width: 46.909%;
	margin: 0 0 40px 6.182%
}

.content-main>.portlet-blog-promo>.blog_post.row_leader {
	margin-left: 0;
	clear: left
}

.portlet-twitter>.more, .portlet-facebook>.more {
	position: static
}

.portlet-signup {
	color: #fff;
	padding: 1em;
	background: url(/assets/bg_signup-bf7f7bf1538f04c8787b1865033df16b.png) repeat-y -306px 0;
	background-clip: padding-box;
	border: solid transparent;
	border-width: 11px 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.portlet-signup:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 11px;
	bottom: 100%;
	background: url(/assets/bg_signup-bf7f7bf1538f04c8787b1865033df16b.png) no-repeat 0 0
}

.portlet-signup:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	top: 100%;
	background: url(/assets/bg_signup-bf7f7bf1538f04c8787b1865033df16b.png) no-repeat -612px 100%;
	visibility: visible
}

.portlet-signup>h2 {
	color: inherit;
	font: 1.467em/1.227 "quadonbold", sans-serif;
	text-transform: none
}

.portlet-signup input {
	border: 0
}

.portlet-signup input[type=submit] {
	width: 100%
}

.portlet-signup input[type=submit]:focus, .portlet-signup input[type=submit]:hover {
	background: #B0ACAC;
	color: #212020
}

.portlet-full-width.portlet-signup {
	padding: 1.25em 2em;
	background-image: url(/assets/bg_join-1d2b4450acfd1fa08763a71ca1169c0b.png);
	background-position: -990px 0
}

.portlet-full-width.portlet-signup:before {
	background-image: url(/assets/bg_join-1d2b4450acfd1fa08763a71ca1169c0b.png)
}

.portlet-full-width.portlet-signup:after {
	background-image: url(/assets/bg_join-1d2b4450acfd1fa08763a71ca1169c0b.png);
	background-position: -1980px 100%
}

.portlet-full-width.portlet-signup li {
	display: inline;
	margin: 0 1.5em 0 0
}

.portlet-full-width.portlet-signup fieldset>div {
	width: 650px;
	float: left;
	margin-right: 1em
}

.portlet-full-width.portlet-signup fieldset>.buttons {
	width: auto;
	margin-right: 0
}

.portlet-full-width.portlet-signup label {
	margin-top: 15px
}

.portlet-full-width.portlet-signup input[type=email] {
	border: 0;
	padding-top: 17px;
	padding-bottom: 17px
}

.portlet-full-width.portlet-signup input[type=submit]:focus, .portlet-full-width.portlet-signup input[type=submit]:hover {
	background: #B0ACAC;
	color: #212020
}

@media screen and (max-width: 989px) {
	.portlet-full-width.portlet-signup fieldset>div {
		width: 320px
	}
}

@media screen and (max-width: 647px) {
	.portlet-full-width.portlet-signup {
		padding: 1em
	}

	.portlet-full-width.portlet-signup fieldset>div, .portlet-full-width.portlet-signup input[type=submit] {
		width: 100%
	}

	.portlet-full-width.portlet-signup li {
		display: block;
		margin: .5em 0
	}
}

.portlet-purchase {
	color: #fff;
	margin-bottom: 1em;
	padding: .5em 1.278em;
	background: url(/assets/bg_purchase-4413ef1a60c781ff6c21dab4bd878770.png) repeat-y -306px 0;
	background-clip: padding-box;
	border: solid transparent;
	border-width: 11px 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.portlet-purchase:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 11px;
	bottom: 100%;
	background: url(/assets/bg_purchase-4413ef1a60c781ff6c21dab4bd878770.png) no-repeat 0 0
}

.portlet-purchase:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	top: 100%;
	background: url(/assets/bg_purchase-4413ef1a60c781ff6c21dab4bd878770.png) no-repeat -612px 100%;
	visibility: visible
}

.portlet-purchase>h2 {
	color: inherit;
	font: 1.333em/1.125 "quadonbold", sans-serif;
	letter-spacing: -.02em;
	text-transform: none
}

.portlet-purchase select {
	width: 100%;
	font-size: 1em
}

.portlet-purchase input[type=submit] {
	width: 100%;
	background: #ac000b
}

.portlet-purchase input[type=submit]:focus, .portlet-purchase input[type=submit]:hover {
	background: #B0ACAC;
	color: #212020
}

.portlet-publishing>.publication {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 395px;
	color: #e0dfdf;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAFSCAYAAAAzeLVkAAAAUklEQVQ4jWNgQAWKCgqMTCAGiECw0LhkKiGCRR3F9OWSqYSKivFLECFLrBKaqKOONioaQDdDB7FzaRx5VFRHZrqnXW6kuLSgCZfaZSxJLDKUAABLbAP9m%2FoLSQAAAABJRU5ErkJggg%3D%3D) repeat-x bottom;
	background-size: auto 100%
}

.portlet-publishing>.publication>div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 7em 2em 2em
}

.portlet-publishing img {
	width: 100%;
	display: block
}

.portlet-publishing h3 {
	font-size: 2.133em;
	line-height: 1.1875;
	color: #fff
}

.portlet-publishing .more {
	font: 800 1.778em "felt-tip-roman", "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -.1em
}

.portlet-publishing a:focus, .portlet-publishing a:hover {
	color: #fff
}

@media screen and (max-width: 989px) {
	.portlet-publishing>.publication {
		height: 259px
	}

	.portlet-publishing>.publication>div {
		padding: 1em
	}
}

.portlet-jobs-promo {
	color: #fff;
	padding: .5em 1.278em;
	background: url(/assets/bg_jobs-promo-f580252c4b8c37fd0a222ff3e2ff5957.png) repeat-y -306px 0;
	position: relative;
	margin-top: 11px;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.portlet-jobs-promo:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 11px;
	bottom: 100%;
	background: url(/assets/bg_jobs-promo-f580252c4b8c37fd0a222ff3e2ff5957.png) no-repeat 0 0
}

.portlet-jobs-promo:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	top: 100%;
	background: url(/assets/bg_jobs-promo-f580252c4b8c37fd0a222ff3e2ff5957.png) no-repeat -612px 100%;
	visibility: visible
}

.portlet-jobs-promo>.more {
	right: 1.278em
}

.portlet-media .main-image {
	position: relative;
	margin: 0 0 10px
}

.portlet-media .main-image>p {
	background: url(/assets/bg_tabs-80c6102bf1df541045175f9a836b08d0.png) no-repeat 0 -250px;
	font: 1.467em/1.272 "quadonbold", sans-serif;
	letter-spacing: -.02em;
	color: #fff;
	position: absolute;
	left: 160px;
	bottom: 40px;
	max-width: 710px;
	padding: 20px 10px 0 30px;
	min-height: 51px
}

.portlet-media .main-image>p:after {
	content: "";
	background: url(/assets/bg_tabs-80c6102bf1df541045175f9a836b08d0.png) no-repeat -969px -250px;
	width: 20px;
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0
}

.portlet-media img, .portlet-media iframe {
	display: block;
	width: 100%
}

.portlet-media .media-reel {
	margin: 0 29px;
	overflow: hidden
}

.portlet-media .media-reel>ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.portlet-media .media-reel>ul:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

.portlet-media .media-reel li {
	float: left;
	width: 100px;
	padding: 0 7px
}

.portlet-media .media-reel img {
	width: 100px;
	height: 100px
}

.portlet-media .carousel-prev {
	margin-top: -370px;
	width: 79px;
	left: 35px;
	background-position: 0 0
}

.portlet-media .carousel-next {
	margin-top: -370px;
	width: 79px;
	right: 35px
}

.portlet-media .carousel-prev:focus, .portlet-media .carousel-prev:hover {
	background-position: 0 -79px
}

.portlet-media .media-reel-prev {
	position: absolute;
	bottom: 3px;
	left: 13px;
	width: 26px;
	height: 94px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/assets/bg_buttons-a8ae4e5af350e8eb0b3cd24a721035c5.png) no-repeat 0 -158px
}

.portlet-media .media-reel-next {
	position: absolute;
	bottom: 3px;
	right: 13px;
	width: 26px;
	height: 94px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/assets/bg_buttons-a8ae4e5af350e8eb0b3cd24a721035c5.png) no-repeat -132px -158px
}

.portlet-media .media-reel-prev:focus, .portlet-media .media-reel-prev:hover {
	background-position: 0 -252px
}

.portlet-media .media-reel-next:focus, .portlet-media .media-reel-next:hover {
	background-position: -132px -252px
}

@media screen and (max-width: 647px) {
	.portlet-media .main-image>p {
		left: 1em;
		bottom: 1em
	}

	.portlet-media .media-reel {
		margin: 0
	}

	.portlet-media .media-reel li {
		margin: 0 0 14px
	}

	.portlet-media .media-reel-prev, .portlet-media .media-reel-next, .portlet-media .carousel-prev, .portlet-media .carousel-next {
		display: none
	}
}

.portlet-downloads>.wallpaper:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

.portlet-downloads img {
	float: left;
	margin: 0 1em 1.5em 0;
	border: 1px solid #e3e3e3
}

.portlet-downloads ul {
	margin: 0;
	padding: 0;
	list-style: none
}

@media screen and (max-width: 989px) {
	.portlet-downloads img {
		float: none;
		display: block;
		margin: 0 0 1em
	}
}

.portlet-poll label {
	font-size: 1em
}

.poll {
	margin: 0;
	padding: 0;
	list-style: none
}

.poll>li {
	margin: 0 0 .5em;
	border-top: 1em solid #e6e6e6;
	position: relative
}

.poll-bar {
	background: #bd0323;
	height: 1em;
	position: absolute;
	bottom: 100%;
	left: 0
}

.poll-result>b {
	color: #1b1a1a
}

.timer {
	padding: .25em .25em .35em;
	color: #fff;
	font: bold 3em/1 "quadonbold", sans-serif;
	text-align: center;
	text-transform: uppercase;
	background: #131212;
	border-radius: 4px;
	margin: 0
}

.timer>span {
	display: inline-block;
	vertical-align: top
}

.timer>span>span {
	font-weight: normal;
	font-size: .196em;
	display: block;
	color: #8f8f8f
}

.intro>p {
	font: 1.333em/1.4 "quadonbold", sans-serif;
	letter-spacing: -.02em;
	color: #131312;
	margin: 0 0 1.25em
}

.byline {
	color: #b0acac;
	margin: 0 0 1.5em
}

.share-buttons {
	margin: 0 0 2em
}

.home-gallery {
	height: 540px;
	padding: 120px 0 0;
	position: relative;
	margin: -60px 0 4em
}

.markers {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	font-size: 1.2em;
	line-height: 1.5
}

.markers li {
	float: left;
	width: 209px;
	height: 133px;
	margin: 0 0 0 34px;
	padding: 5px 7px 5px 6px;
	background: url(/assets/bg_marker-1ba4d4e31ce5c499e082f2da6f67e105.png) no-repeat 0 0
}

.markers li:first-child {
	margin-left: 0
}

.markers .on {
	background-position: 0 -143px
}

.markers a {
	display: block;
	height: 133px;
	color: #fff;
	position: relative
}

.markers a:focus, .markers a:hover {
	color: #c20000
}

.markers div {
	position: absolute;
	left: 0;
	right: 0;
	padding: 1em;
	z-index: 1;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABmCAYAAAAK5PtrAAAAOElEQVQYV2NQVFD4z8TAwAAm%2FhFmEUv8xcXFyfqLV4xYWTDxh7ASSnQQoZh0LxARTNi4RBC4IxQAmRlmLUSpRhoAAAAASUVORK5CYII%3D) repeat-x 0 0
}

.markers span {
	display: block;
	font: 1.333em/1.125 "quadonbold", sans-serif
}

.markers img {
	position: absolute;
	top: 0;
	left: 0
}

.home-gallery-slides {
	margin: 0;
	padding: 36px 0 0;
	list-style: none;
	color: #e0dfdf;
	width: 454px;
	background: url(/assets/bg_home-gallery-slides-9ad2bb5dacab12cfc5e40f94913a0ac5.png) no-repeat 0 0
}

.home-gallery-slides>li {
	padding: 0 2em 2em;
	background: url(/assets/bg_home-gallery-slides-9ad2bb5dacab12cfc5e40f94913a0ac5.png) no-repeat 100% 100%;
	display: none
}

.home-gallery-slides>li.on {
	display: block
}

.home-gallery-slides h2 {
	color: #fff;
	font: 2.133em/1.1875 "quadonbold", sans-serif;
	letter-spacing: normal;
	text-transform: none
}

.home-gallery-slides .more {
	font: 800 1.778em "felt-tip-roman", "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -.1em;
	margin: 0
}

.home-gallery-slides a:focus, .home-gallery-slides a:hover {
	color: #fff
}

@media screen and (max-width: 989px) {
	.home-gallery {
		padding-top: 50px;
		height: 610px
	}

	.markers {
		width: 478px;
		left: 85px
	}

	.markers>li {
		margin-top: 1em
	}

	.markers li:nth-child(odd) {
		margin-left: 0
	}

	.home-gallery-slides {
		margin: 0 auto
	}
}

@media screen and (max-width: 647px) {
	.markers {
		width: 449px;
		left: 0
	}

	.markers>li {
		margin-top: 5px;
		margin-left: 5px
	}
}

.games {
	margin: 0 0 2em;
	padding: 0;
	list-style: none
}

.games:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

.game {
	float: left;
	width: 30.71%;
	margin: 0 0 .8em 3.835%;
	position: relative
}

.game.row_leader {
	clear: left;
	margin-left: 0
}

.featured-game {
	float: none;
	width: auto;
	margin-left: 0
}

.game img {
	display: block;
	width: 100%
}

.game p {
	color: #fff;
	font: 1.6em/1.125 "quadonbold", sans-serif;
	letter-spacing: -.02em;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	padding: .875em 1em;
	background: url(/assets/bg_blog-header-4dd55056e3f584577cf0ee23a607ef46.png) repeat-x 0 0;
	margin: 0
}

@media screen and (max-width: 647px) {
	.game {
		float: none;
		margin-left: 0;
		width: auto
	}
}

.platforms {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 1em;
	left: 1em
}

.platform {
	float: left;
	background: #c20000;
	border-radius: 3px;
	color: #fff;
	margin: 0 .7em 0 0;
	padding: .2em 0;
	width: 2.11em;
	text-align: center
}

.platform:before {
	font-family: 'icomoon';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle
}

.platform-online-games:before {
	content: '\e003'
}

.platform-mobile-games:before {
	content: '\e004'
}

.platform-pc-games:before {
	content: '\e003'
}

.platform-pc-console-games:before {
	content: '\e005'
}

.platform>span {
	position: absolute;
	left: -9999px
}

.game-intro {
	margin: -60px 0 2.5em;
	padding: 7em 0 0;
	position: relative
}

.game-intro:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

.game-intro-text>h1 {
	position: absolute;
	left: -9999px
}

.game-intro-text {
	padding-top: 24em
}

@media screen and (max-width: 989px) {
	.game-intro {
		padding-top: 5em
	}

	.game-intro-text {
		padding-top: 18em
	}
}

.game-rating {
	clear: both;
	padding: 1em 0 0
}

@media screen and (max-width: 647px) {
	.game-rating {
		text-align: center
	}
}

.tabs {
	float: right;
	list-style: none;
	padding: 0;
	margin: -2.2em 1em 0 0;
	font: 1.2em/1 "quadonbold", sans-serif;
	letter-spacing: -.02em
}

.tabs>li {
	float: left;
	padding: 0 20px 0 0;
	margin: 0 0 0 10px
}

.tabs a {
	display: block;
	background: url(/assets/bg_tabs-80c6102bf1df541045175f9a836b08d0.png) no-repeat 0 -481px;
	color: #fff;
	position: relative;
	padding: 14px 16px 0 36px;
	height: 27px
}

.tabs a:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	width: 20px;
	background: url(/assets/bg_tabs-80c6102bf1df541045175f9a836b08d0.png) no-repeat -180px -522px
}

.tabs>.on>a {
	background-position: 0 -399px;
	cursor: default
}

.tabs>.on>a:after {
	background-position: -180px -440px
}

.tab-panels {
	clear: right;
	position: relative;
	background: url(/assets/bg_tabs-80c6102bf1df541045175f9a836b08d0.png) repeat-y -990px 0;
	background-clip: padding-box;
	padding: 4px 11px 0 9px;
	border: solid transparent;
	border-width: 3px 0 13px
}

.tab-panels:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 6px;
	bottom: 100%;
	background: url(/assets/bg_tabs-80c6102bf1df541045175f9a836b08d0.png) no-repeat 0 0
}

.tab-panels:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 13px;
	top: 100%;
	background: url(/assets/bg_tabs-80c6102bf1df541045175f9a836b08d0.png) no-repeat -1980px 100%
}

.tab-panel.hidden {
	position: absolute;
	left: -9999px
}

.sleeve {
	width: 990px;
	margin: 0 auto
}

.sleeve:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

@media screen and (max-width: 989px) {
	.sleeve {
		width: 648px
	}
}

@media screen and (max-width: 647px) {
	.sleeve {
		width: auto;
		padding-left: 1em;
		padding-right: 1em
	}
}

.page-header {
	color: #fff;
	height: 189px;
	background: url(/assets/bg_header-8c8517749ec090c7b56441e702b80b42.png) repeat-x top;
	position: relative;
	z-index: 1001
}

.page-header>.sleeve {
	position: relative;
	padding-top: 80px
}

.page-header .social-media-links {
	position: absolute;
	top: 14px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 450px;
	font-size: 1.2em
}

.page-header .social-media-links>li {
	float: left;
	margin: 0 20px 0 0
}

.page-header .social-media-links a {
	color: #fff
}

.page-header .social-media-links a:focus, .page-header .social-media-links a:hover {
	color: #131312
}

@media screen and (max-width: 989px) {
	.page-header .social-media-links {
		font-size: 1em;
		top: 16px
	}
}

.page-header .menu>ul {
	position: absolute;
	top: 12px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "quadonbold", sans-serif
}

.page-header .menu li {
	display: inline;
	margin-left: 3em;
	white-space: nowrap
}

.page-header .menu li:first-child, .page-header .menu li:first-child+li, .page-header .menu li:first-child+li+li {
	position: absolute;
	top: 96px;
	font: 800 1.867em/1 "felt-tip-roman", "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -.1em
}

.page-header .menu li:first-child {
	right: 510px
}

.page-header .menu li:first-child+li {
	right: 240px
}

.page-header .menu li:first-child+li+li {
	right: 0
}

.page-header .menu a {
	color: #fff
}

.page-header .menu a:focus, .page-header .menu a:hover {
	color: #131312
}

.page-header .menu li:first-child>a, .page-header .menu li:first-child+li>a, .page-header .menu li:first-child+li+li>a {
	color: #c20000
}

.page-header .menu li:first-child>a:focus, .page-header .menu li:first-child+li>a:focus, .page-header .menu li:first-child+li+li>a:focus, .page-header .menu li:first-child>a:hover, .page-header .menu li:first-child+li>a:hover, .page-header .menu li:first-child+li+li>a:hover {
	color: #fff
}

.menu-toggle {
	display: none;
	position: absolute;
	right: 0;
	top: 76px;
	color: #fff;
	background: none;
	border: 0;
	font-size: 4em
}

@media screen and (max-width: 989px) {
	.page-header .menu li {
		margin-left: 1em
	}

	.page-header .menu li:first-child {
		right: 320px;
		font-size: 1.4em
	}

	.page-header .menu li:first-child+li {
		right: 150px;
		font-size: 1.4em
	}

	.page-header .menu li:first-child+li+li {
		right: 0;
		font-size: 1.4em
	}
}

@media screen and (max-width: 647px) {
	.page-header .menu>ul {
		top: 100%;
		left: 0;
		font-size: 1.333em;
		background: #131212;
		height: 0;
		overflow: hidden;
		-webkit-transition: height .5s;
		transition: height .5s
	}

	.page-header .open>ul {
		height: 447px
	}

	.page-header .menu li {
		display: block;
		margin: 0;
		padding: 0 0 1em
	}

	.page-header .menu li:first-child {
		padding-top: 1em
	}

	.page-header .menu li:first-child, .page-header .menu li:first-child+li, .page-header .menu li:first-child+li+li {
		position: static;
		font-weight: 400;
		font-size: inherit;
		line-height: inherit;
		font-family: inherit;
		text-transform: none;
		letter-spacing: normal
	}

	.page-header .menu a {
		display: block;
		color: #c20000;
		margin: 0 1em
	}

	.page-header .menu a:focus, .page-header .menu a:hover {
		color: #fff
	}

	.menu-toggle {
		display: block
	}
}

main.sleeve {
	margin-top: -5px;
	margin-bottom: 60px;
	padding: 60px 1em 0;
	display: block
}

.background-image {
	position: absolute;
	margin-top: -60px;
	left: 0;
	right: 0;
	height: 780px;
	background: #131212;
	overflow: hidden
}

.background-image>span {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 350px;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 30%, #fff 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 30%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.background-image>div {
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	background: no-repeat top;
	background-size: auto 100%;
	-webkit-transition: opacity .4s;
	transition: opacity .4s
}

.background-image>.hidden {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media screen and (max-width: 989px) {
	.background-image {
		height: 511px
	}

	.background-image>span {
		height: 180px
	}
}

@media screen and (max-width: 647px) {
	.background-image>div {
		background-position: -webkit-calc(50% -200px) 0;
		background-position: calc(50% -200px) 0
	}

	.background-image>.carousel-next, .background-image>.carousel-prev {
		display: none
	}
}

.content-main {
	float: left;
	width: 65.355%;
	clear: both
}

.content-sub {
	float: right;
	width: 30.71%
}

.content-main>.portlet {
	width: 100%;
	margin-left: 0;
	margin-bottom: 1.5em
}

.content-sub .portlet {
	width: 306px;
	margin: 0 auto 1.5em
}

@media screen and (max-width: 989px) {
	.content-main {
		width: 320px
	}

	.content-sub {
		width: 306px
	}
}

@media screen and (max-width: 647px) {
	.content-main, .content-sub {
		float: none;
		width: auto
	}
}

.page-footer {
	background: #131212 url(/assets/bg_footer-d1f6fe8f4fd421e2c96a2f0148221804.png) repeat-x top;
	color: #fff;
	padding: 26px 0 105px
}

.copyright {
	margin: 0 0 82px
}

.page-footer a {
	color: #b0acac
}

.page-footer a:focus, .page-footer a:hover {
	color: #c20000
}

a.kyan {
	color: #840000;
	float: right
}

a.kyan>span {
	color: #fff
}

a.kyan:focus, a.kyan:hover {
	color: #fff
}

.page-footer nav {
	float: left;
	width: 22%;
	margin: 0 0 82px
}

.page-footer nav>ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.page-footer .portlet-twitter {
	color: #fff;
	background: url(/assets/bg_twitter-feed-5b3222faee1c581548a29b48e2935409.png) repeat-y -306px 0;
	width: 306px;
	border-width: 16px 0 35px;
	float: right
}

.page-footer .portlet-twitter:before {
	content: " ";
	display: block;
	height: 16px;
	background: url(/assets/bg_twitter-feed-5b3222faee1c581548a29b48e2935409.png) no-repeat 0 0
}

.page-footer .portlet-twitter:after {
	content: " ";
	display: block;
	height: 35px;
	background: url(/assets/bg_twitter-feed-5b3222faee1c581548a29b48e2935409.png) no-repeat -612px -63px;
	visibility: visible
}

.page-footer .portlet-twitter>p {
	margin: 0 0 1.5em
}

.page-footer .portlet-twitter>h2, .page-footer .portlet-twitter .more, .page-footer .portlet-twitter small {
	display: none
}

.page-footer .social-media-links {
	text-align: center
}

.page-footer .social-media-links>li {
	display: inline;
	margin: 0
}

.page-footer .social-media-links>li:first-child {
	float: left
}

.page-footer .social-media-links>li:first-child+li+li {
	float: right
}

@media screen and (max-width: 989px) {
	.page-footer .portlet-twitter, .page-footer .social-media-links>li {
		clear: both;
		display: block;
		margin: 0 0 1em;
		text-align: left;
		float: none !important
	}
}

@media screen and (max-width: 647px) {
	.page-footer>.sleeve {
		padding-left: 1em;
		padding-right: 1em
	}

	.copyright {
		font-size: .8em
	}

	a.kyan {
		float: none
	}

	.page-footer nav {
		width: 50%;
		margin: 0 0 2em
	}
}

.four-oh-four {
	background: url(/assets/404-1ea0a11dc35b6f926a6f7a1ae51e272a.jpg) no-repeat top;
	background-size: cover;
	min-height: 100vh;
	text-align: center;
	color: #fff;
	font: 2.4em/1.278 "quadonbold", sans-serif;
	letter-spacing: -.02em
}

.four-oh-four>h1 {
	padding-top: 30vh;
	background: url(/assets/logo-adb7627839d6468256b703f0857c6bf2.png) no-repeat 50% 18vh;
	color: #fff;
	text-transform: none;
	font-weight: 400;
	font-size: 4.444em;
	margin: 0 0 .2em
}

.four-oh-four .button>a {
	background-color: #c20000;
	font-size: .889em
}

.four-oh-four .button>a:focus, .four-oh-four .button>a:hover {
	background-color: #B0ACAC;
	color: #212020
}

#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear: left
}

#cboxContent {
	position: relative
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

#cboxTitle {
	margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box
}

#cboxOverlay {
	background: #fff
}

#colorbox {
	outline: 0
}

#cboxContent {
	margin-top: 32px;
	overflow: visible;
	background: #000
}

.cboxIframe {
	background: #fff
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc
}

#cboxLoadedContent {
	background: #000;
	padding: 1px
}

#cboxLoadingGraphic {
	background: url(/assets/loading-e79e016409ba5361c3856a3c48282494.gif) no-repeat center center
}

#cboxLoadingOverlay {
	background: #000
}

#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #000
}

#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	background: url(/assets/controls-b68e373d742c9f34d0f58d723f16eddf.png) no-repeat 0 0
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline: 0
}

#cboxPrevious {
	background-position: 0px 0px;
	right: 44px
}

#cboxPrevious:hover {
	background-position: 0px -25px
}

#cboxNext {
	background-position: -25px 0px;
	right: 22px
}

#cboxNext:hover {
	background-position: -25px -25px
}

#cboxClose {
	background-position: -50px 0px;
	right: 0
}

#cboxClose:hover {
	background-position: -50px -25px
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
	right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
	background-position: -75px -25px;
	right: 44px
}

.cboxSlideshow_on #cboxSlideshow:hover {
	background-position: -100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
	background-position: -100px 0px;
	right: 44px
}

.cboxSlideshow_off #cboxSlideshow:hover {
	background-position: -75px -25px
}