html {
box-sizing: border-box; }
*, *::after, *::before {
box-sizing: inherit; }
/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.1.2
* Docs at http://davidtheclark.github.io/scut
*/
/*
USAGE:
@include sticky-footer(54px)
*/
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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 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; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: ' ';
content: none; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
body {
-webkit-font-smoothing: antialiased; }
img {
border: 0;
vertical-align: middle; }
p {
margin: 1em 0; }
p:first-of-type {
margin-top: 0; }
p:last-of-type {
margin-bottom: 0; }
a {
text-decoration: none; }
.screen-size-check {
display: none;
width: 1px; }
@media screen and (min-width: 601px) {
.screen-size-check {
width: 2px; } }
@media screen and (min-width: 769px) {
.screen-size-check {
width: 3px; } }
@media screen and (min-width: 1025px) {
.screen-size-check {
width: 4px; } }
@media screen and (min-width: 1300px) {
.screen-size-check {
width: 5px; } }
.clearfix:after {
content: "";
display: table;
clear: both; }
.table {
display: table; }
.table-row {
display: table-row; }
.table-cell {
display: table-cell; }
.hide {
display: none; }
.show {
display: block; }
.hide-for-mobile {
display: none !important; }
@media screen and (min-width: 601px) {
.hide-for-mobile {
display: block !important; } }
@media screen and (min-width: 601px) {
.hide-for-tablet-up {
display: none !important; } }
@media screen and (min-width: 601px) {
.hide-for-tablet-only {
display: none !important; } }
@media screen and (min-width: 769px) {
.hide-for-tablet-only {
display: block !important; } }
@media screen and (min-width: 769px) {
.hide-for-desktop-up {
display: none !important; } }
@media screen and (min-width: 769px) {
.hide-for-desktop-only {
display: none !important; } }
@media screen and (min-width: 1025px) {
.hide-for-desktop-only {
display: block !important; } }
@media screen and (min-width: 1025px) {
.hide-for-large-up {
display: none !important; } }
@media screen and (min-width: 1025px) {
.hide-for-large-only {
display: none !important; } }
@media screen and (min-width: 601px) {
.show-for-mobile-only {
display: none !important; } }
.show-for-tablet-up {
display: none !important; }
@media screen and (min-width: 601px) {
.show-for-tablet-up {
display: block !important; } }
.show-for-tablet-only {
display: none !important; }
@media screen and (min-width: 601px) {
.show-for-tablet-only {
display: block !important; } }
@media screen and (min-width: 769px) {
.show-for-tablet-only {
display: none !important; } }
.show-for-ipad-portrait-up {
display: none !important; }
@media screen and (min-width: 768px) {
.show-for-ipad-portrait-up {
display: block !important; } }
.show-for-desktop-up {
display: none !important; }
@media screen and (min-width: 769px) {
.show-for-desktop-up {
display: block !important; } }
.show-for-desktop-only {
display: none !important; }
@media screen and (min-width: 769px) {
.show-for-desktop-only {
display: block !important; } }
@media screen and (min-width: 1025px) {
.show-for-desktop-only {
display: none !important; } }
.show-for-large-up {
display: none !important; }
@media screen and (min-width: 1025px) {
.show-for-large-up {
display: block !important; } }
.clickable {
cursor: pointer; }
#guide {
position: absolute;
z-index: 1000000;
top: 0;
left: 0; }
/* Hover Effects */
.hover-black-gradient {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40OCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNDgiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, transparent 0%, transparent 16%, rgba(0, 0, 0, 0.35) 79%, rgba(0, 0, 0, 0.35) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, transparent), color-stop(16%, transparent), color-stop(79%, rgba(0, 0, 0, 0.35)), color-stop(100%, rgba(0, 0, 0, 0.35)));
background: -webkit-radial-gradient(center, ellipse cover, transparent 0%, transparent 16%, rgba(0, 0, 0, 0.35) 79%, rgba(0, 0, 0, 0.35) 100%);
background: -o-radial-gradient(center, ellipse cover, transparent 0%, transparent 16%, rgba(0, 0, 0, 0.35) 79%, rgba(0, 0, 0, 0.35) 100%);
background: -ms-radial-gradient(center, ellipse cover, transparent 0%, transparent 16%, rgba(0, 0, 0, 0.35) 79%, rgba(0, 0, 0, 0.35) 100%);
background: radial, ellipse center, transparent 0%, transparent 16%, rgba(0, 0, 0, 0.35) 79%, rgba(0, 0, 0, 0.35) 100%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#7a000000', GradientType=1); }
/* Youtube Players */
.youtube-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
z-index: 100; }
.youtube-player iframe {
width: 100%;
height: 100%; }
.youtube-player .close-btn {
position: absolute;
top: 22px;
right: 22px;
cursor: pointer;
width: 25px;
height: 25px;
opacity: 0.7;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity; }
.ua-ios .youtube-player .close-btn {
opacity: 0.9; }
.youtube-player .close-btn:hover {
opacity: 1; }
.youtube-player .close-btn .closeText {
display: none; }
.ua-mobile-ipad .youtube-player .close-btn .closeText {
display: inline-block;
vertical-align: super;
line-height: 0.5em;
margin-left: 7px; }
.ua-ios .youtube-player .close-btn {
top: auto;
right: 0;
bottom: -40px;
background-color: black;
width: auto;
height: 40px;
margin-left: 5px;
color: #fff;
white-space: nowrap;
padding: 10px 18px; }
.youtube-player .close-btn .x {
width: 25px;
height: 25px;
background-size: 25px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA/klEQVRYw+3XSw7CMAwEUAuqZkWPTMOl0juVQwwbhKhi5zPxBlQvk7HeIlE+Imf9QOE60Htpi92REEhiRsJaj60AwDGYkQCgwrwJivkQZeaL6GYOhM1gwgZwTEYAGyY9GjhGJew+hukkGIYgehmS6GEGiFZmkGhhHIga40SUGEfCZG6uhMHszoTBeBMVxosoMJ6EiAiWbC12LL5EyHaUegr4E55MgfBiFOLpzCjEhoV/C7QSQR1nGYsw5himRDgxNcKBaSEGmVZigOkhSKaXIBiG6GQw8Xe3yhiv+sgRKvOwo5EjMiaWo5EjDkysRyN/dyMgNRAig//4gd6z/q5eapb6FknzQzkAAAAASUVORK5CYII=); }
.ua-ios .youtube-player .close-btn .x {
display: inline-block;
background-size: 20px;
width: 20px;
height: 20px; }
/* Base for label styling */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
position: absolute;
left: -9999px; }
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
position: relative;
padding-left: 32px;
padding-top: 4px;
cursor: pointer;
font-size: 0.9375rem;
display: block;
line-height: 1.3em;
color: #494847; }
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 2px;
/*.ua-chrome & {
top: 2px;
}
.ua-safari & {
top: 3px;
}*/
width: 20px;
height: 20px;
background: #191919; }
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
content: 'x';
position: absolute;
top: 2px;
left: 6px;
color: #666;
transition: all .2s;
font-size: 1.1875rem; }
.ua-chrome [type="checkbox"]:not(:checked) + label:after, .ua-chrome [type="checkbox"]:checked + label:after {
top: 3px; }
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0); }
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1); }
.anchor-top {
background-position-y: 0% !important; }
.anchor-right {
background-position-x: 100% !important; }
.anchor-bottom {
background-position-y: 100% !important; }
.anchor-left {
background-position-x: 0% !important; }
.cover {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
input[type=number] {
-moz-appearance: textfield; }
.lightbox {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 100000;
position: fixed;
top: 0;
left: 0; }
.lightbox .spinner {
width: 31px;
height: 31px;
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 -15px;
background: transparent url('/static/img/global/spinner.gif') top left no-repeat;
z-index: 2;
opacity: 0.9; }
.lightbox .lightbox-inner {
margin: 0 auto;
top: 50%;
position: relative; }
.lightbox .lightbox-inner img.stretch {
width: 100%; }
.lightbox .close {
width: 25px;
height: 25px;
background-size: 25px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA/klEQVRYw+3XSw7CMAwEUAuqZkWPTMOl0juVQwwbhKhi5zPxBlQvk7HeIlE+Imf9QOE60Htpi92REEhiRsJaj60AwDGYkQCgwrwJivkQZeaL6GYOhM1gwgZwTEYAGyY9GjhGJew+hukkGIYgehmS6GEGiFZmkGhhHIga40SUGEfCZG6uhMHszoTBeBMVxosoMJ6EiAiWbC12LL5EyHaUegr4E55MgfBiFOLpzCjEhoV/C7QSQR1nGYsw5himRDgxNcKBaSEGmVZigOkhSKaXIBiG6GQw8Xe3yhiv+sgRKvOwo5EjMiaWo5EjDkysRyN/dyMgNRAig//4gd6z/q5eapb6FknzQzkAAAAASUVORK5CYII=);
opacity: 0.7;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity;
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
z-index: 1; }
.lightbox .close:hover {
opacity: 1; }
body {
background-color: #242424;
color: #4b4a49;
font-family: 'DIN Next W01 Regular', sans-serif; }
#page-wrap {
max-width: 1520px;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
background-color: #111111; }
#page-wrap:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 768px) {
#page-wrap {
border: 1px solid #191919;
padding: 0 56px;
margin-top: 0; } }
@media screen and (min-width: 850px) {
#page-wrap {
padding: 0 72px; } }
@media screen and (min-width: 1025px) {
#page-wrap {
padding: 0 82px; } }
p {
color: #4b4a49;
font-size: 0.8125rem;
line-height: 1.15rem;
font-family: 'Arial', sans-serif; }
.ua-desktop-macintosh.ua-firefox p {
font-weight: 100; }
p a {
color: inherit;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all; }
.dropdown-wrapper {
-webkit-transition: 0.5s opacity;
-moz-transition: 0.5s opacity;
transition: 0.5s opacity; }
.dropdown-wrapper.hidden {
opacity: 0; }
.pre-order-btn {
position: absolute !important;
top: 0;
left: 3.5%;
display: none !important;
z-index: 2; }
@media screen and (min-width: 769px) {
.pre-order-btn {
display: table !important; } }
.iscroll-container {
overflow: hidden; }
.iscroll-container .iscroll-ul {
position: relative;
overflow: hidden; }
.iscroll-container .iscroll-ul > li {
float: left; }
[data-iscroll] {
opacity: 0; }
.dot {
display: inline-block;
padding: 4px;
cursor: pointer;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity; }
.dot .inner {
width: 11px;
height: 11px;
border-radius: 100px;
background-color: #000; }
.dot .inner.active {
background-color: #41403f; }
.lightbox-on {
overflow: hidden; }
.load-more {
padding: 16px 14px 13px;
color: #fff;
background-color: #191919;
text-align: center;
font-size: 1.125em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all; }
.load-more:hover {
background-color: #212121; }
.dropdown {
text-align: left; }
.dropdown.error {
border: 1px solid #ffea73; }
input.error {
border: 1px solid #ffea73 !important; }
input {
border-radius: 0; }
input.error {
border: 1px solid #ffea73 !important; }
input:focus {
outline: none; }
.error-messages {
margin-bottom: 23px; }
.error-messages li {
display: none;
color: #ffea73;
font-size: 0.90625rem;
margin-bottom: 2px;
line-height: 1.4em; }
.error-messages li.show {
display: block; }
.radio-nav {
background-color: #111111;
border-top: 1px solid #191919;
border-bottom: 1px solid #191919;
min-height: 44px;
padding: 4px 0 5px 0;
text-align: center; }
.radio-nav:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 601px) {
.radio-nav {
padding: 4px 0 5px 18px;
text-align: left; } }
.radio-nav .rounded-button {
margin: 4px 3px;
width: 44%; }
@media screen and (min-width: 601px) {
.radio-nav .rounded-button {
margin: 4px 0.55%;
width: auto; } }
.rounded-button {
font-family: 'DIN Next W01 Regular', sans-serif;
background-color: #191919;
text-transform: uppercase;
cursor: pointer;
color: #464544;
text-align: center;
font-size: 0.875rem;
letter-spacing: .09em;
display: inline-block;
min-width: 116px;
text-rendering: optimizeLegibility;
white-space: nowrap;
-webkit-transition: 0.3s color, 0.3s opacity, 0.3s background-color;
-moz-transition: 0.3s color, 0.3s opacity, 0.3s background-color;
transition: 0.3s color, 0.3s opacity, 0.3s background-color;
border-radius: 2px;
padding: 12px 8px 9px; }
@media screen and (min-width: 601px) {
.rounded-button {
padding: 8px 8px 4px; } }
.rounded-button.large {
font-size: 0.9375rem;
border-radius: 5px;
padding: 20px 22px 15px;
white-space: normal;
line-height: 1.2em; }
@media screen and (min-width: 601px) {
.rounded-button.large {
padding: 19px 22px 15px; } }
.rounded-button:hover {
background-color: #212121;
color: #fff; }
.rounded-button.active {
cursor: default;
background-color: #212121;
color: #fff; }
.rounded-button a {
color: #464544;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all;
display: block; }
.rounded-button a:hover {
background-color: #212121;
color: #fff !important; }
.button {
cursor: pointer;
text-transform: uppercase;
background-color: #111111;
letter-spacing: 0.04em;
font-size: 0.875rem;
white-space: nowrap;
display: table;
color: #c3c3c3;
font-family: 'DIN Next W01 Light', sans-serif;
-webkit-transition: background-color, color, 0.3s;
-moz-transition: background-color, color, 0.3s;
transition: background-color, color, 0.3s; }
.button.light-gray {
background-color: #41403f;
color: #171410;
padding: 11px 13px 12px 9px;
text-align: left;
width: 100%; }
.button.light-gray .text {
padding-left: 10px; }
.button.light-gray .right-carrot-dark {
display: table-cell; }
.button.light-gray:hover {
color: #c3c3c3;
background-color: #313130; }
.button.light-gray a {
color: #171410;
display: table-row; }
.button:hover {
color: #fff;
background-color: #232323; }
.button a {
color: #c3c3c3;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all;
display: table;
text-decoration: none; }
.button a:hover {
color: #fff; }
.button .text {
display: table-cell;
vertical-align: middle;
padding: 6px 22px 0 16px; }
.ua-firefox .button .text {
padding: 4px 22px 0 16px; }
.arrow-btn {
cursor: pointer;
text-transform: uppercase;
background-color: #111111;
letter-spacing: 0.04em;
font-size: 0.875rem;
white-space: nowrap;
display: table;
width: auto;
color: #c3c3c3;
position: relative;
overflow: hidden;
font-family: 'DIN Next W01 Light', sans-serif;
-webkit-transition: background-color, color, 0.3s;
-moz-transition: background-color, color, 0.3s;
transition: background-color, color, 0.3s; }
.arrow-btn:hover {
color: #fff; }
.arrow-btn:hover:before {
width: 80%; }
.arrow-btn:before {
width: 0%;
height: 100%;
content: " ";
position: absolute;
top: 0;
left: 0;
-webkit-transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
background-color: #282828; }
.arrow-btn.light-gray {
background-color: #41403f; }
.arrow-btn.light-gray:before {
background-color: #585756; }
.arrow-btn.light-gray:hover:before {
width: 100%; }
.arrow-btn.gold {
background-color: #6e6134; }
.arrow-btn.gold:before {
background-color: #8d7c43; }
.arrow-btn.gold:hover:before {
width: 100%; }
.arrow-btn a, .arrow-btn .a {
color: #c3c3c3;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all;
display: block;
text-decoration: none;
position: relative; }
.arrow-btn a:hover, .arrow-btn .a:hover {
color: #fff; }
.arrow-btn .text {
display: table-cell;
vertical-align: middle;
padding: 17px 63px 11px 20px;
z-index: 1;
font-family: 'DIN Next W01 Regular', sans-serif; }
.arrow-btn .text:after {
position: absolute;
top: 0;
right: 0;
content: ' ';
width: 47px;
height: 100%;
background-color: #232323;
width: 42px;
height: 42px;
background-image: url('/static/img/global/right-arrow.png');
background-size: 42px 42px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.arrow-btn .text:after {
background-image: url('/static/img/global/right-arrow@2x.png');
background-size: 42px 42px; } }
.arrow-btn .text.light-gray {
color: #000;
font-family: 'DIN Next W01 Light', sans-serif; }
.arrow-btn .text.light-gray:after {
background-color: transparent;
width: 42px;
height: 42px;
background-image: url('/static/img/global/right-arrow-dark.png');
background-size: 42px 42px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.arrow-btn .text.light-gray:after {
background-image: url('/static/img/global/right-arrow-dark@2x.png');
background-size: 42px 42px; } }
.arrow-btn .text.gold {
font-family: 'DIN Next W01 Regular', sans-serif;
color: #fff; }
.arrow-btn .text.gold:after {
background-color: transparent;
width: 42px;
height: 42px;
background-image: url('/static/img/global/right-arrow-white.png');
background-size: 42px 42px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.arrow-btn .text.gold:after {
background-image: url('/static/img/global/right-arrow-white@2x.png');
background-size: 42px 42px; } }
#nav {
position: relative;
z-index: 100000; }
#nav #top-left-nav {
position: fixed;
left: -10000px;
top: 0;
width: 100%;
background-color: #191919; }
@media screen and (min-width: 768px) {
#nav #top-left-nav {
height: 100%;
width: 56px;
padding-top: 20px; } }
@media screen and (min-width: 850px) {
#nav #top-left-nav {
width: 72px; } }
@media screen and (min-width: 1025px) {
#nav #top-left-nav {
width: 82px; } }
#nav #top-left-nav #hamburger-wrap #hamburger {
width: 35px;
height: 29px;
background-image: url('/static/img/global/nav/hamburger.png');
background-size: 35px 29px;
background-repeat: no-repeat;
margin: 0 auto 40px;
position: relative; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-left-nav #hamburger-wrap #hamburger {
background-image: url('/static/img/global/nav/hamburger@2x.png');
background-size: 35px 29px; } }
#nav #top-left-nav #hamburger-wrap #menu-flyout {
position: fixed;
top: 0;
padding-top: 60px;
left: 0;
width: 100%;
background-color: rgba(25, 25, 25, 0.93);
height: 100%; }
@media screen and (min-width: 768px) {
#nav #top-left-nav #hamburger-wrap #menu-flyout {
right: -269px;
left: auto;
width: 270px;
top: -18px;
position: absolute;
height: auto;
padding: 0 20px 39px 58px; } }
#nav #top-left-nav #hamburger-wrap #menu-flyout .logo-wrap {
display: none; }
@media screen and (min-width: 768px) {
#nav #top-left-nav #hamburger-wrap #menu-flyout .logo-wrap {
display: block; } }
#nav #top-left-nav #hamburger-wrap #menu-flyout .logo-wrap a {
display: block; }
#nav #top-left-nav #hamburger-wrap #menu-flyout .logo-wrap a .logo {
margin: 50px 0 33px;
width: 159px;
height: 119px;
background-image: url('/static/img/global/nav/menu-flyout/mk-logo.png');
background-size: 159px 119px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-left-nav #hamburger-wrap #menu-flyout .logo-wrap a .logo {
background-image: url('/static/img/global/nav/menu-flyout/mk-logo@2x.png');
background-size: 159px 119px; } }
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list {
height: 100%;
padding-top: 30px;
text-align: center; }
@media screen and (min-width: 768px) {
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list {
margin-bottom: 0;
padding-top: 0; } }
@media screen and (orientation: landscape) {
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list {
padding-top: 10px; } }
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li {
text-transform: uppercase;
text-align: center;
height: 13.5%;
max-height: 60px; }
@media screen and (orientation: landscape) {
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li {
display: inline-block;
width: 45%;
height: 20%; }
.ua-ie #nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li {
display: block;
width: 100%;
height: auto; }
@media screen and (min-width: 768px) {
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li {
display: block;
width: 100%;
height: auto; } } }
@media screen and (min-width: 768px) {
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li {
text-align: left; } }
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li a, #nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li.forum-link {
color: #fff;
display: block;
padding: 12px 0;
-webkit-transition: 0.3s color;
-moz-transition: 0.3s color;
transition: 0.3s color; }
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li a:hover, #nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li.forum-link:hover {
color: #666666; }
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li.available {
text-align: center;
color: #41403f;
padding: 14px 0; }
@media screen and (min-width: 768px) {
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li.available {
display: none; } }
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li.available .light-gray {
color: #838383; }
@media screen and (orientation: landscape) {
#nav #top-left-nav #hamburger-wrap #menu-flyout #menu-list li.available {
width: 100%; } }
#nav #top-left-nav #login-wrap {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
margin-bottom: 30px; }
#nav #top-left-nav #login-wrap #login {
width: 40px;
height: 40px;
background-image: url('/static/img/global/nav/icon-login.png');
background-size: 40px 40px;
background-repeat: no-repeat;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity;
opacity: 0.8;
margin: 0 auto; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-left-nav #login-wrap #login {
background-image: url('/static/img/global/nav/icon-login@2x.png');
background-size: 40px 40px; } }
#nav #top-left-nav #login-wrap #login:hover {
opacity: 1; }
#nav #top-left-nav #stats-link {
display: none; }
@media screen and (min-width: 769px) {
#nav #top-left-nav #stats-link {
display: block; } }
#nav #top-left-nav #stats-link .trophy {
margin: 0 auto;
opacity: 0.75;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity;
width: 40px;
height: 40px;
background-image: url('/static/img/global/nav/trophy.png');
background-size: 40px 40px;
background-repeat: no-repeat; }
#nav #top-left-nav #stats-link .trophy:hover {
opacity: 1; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-left-nav #stats-link .trophy {
background-image: url('/static/img/global/nav/trophy@2x.png');
background-size: 40px 40px; } }
#nav #top-right-nav {
position: fixed;
right: 10000px;
top: 0;
padding-top: 2px;
z-index: 1;
background-color: #191919; }
@media screen and (min-width: 768px) {
#nav #top-right-nav {
height: 100%; } }
#nav #top-right-nav #mk-logo {
width: 56px;
height: 67px;
background-image: url('/static/img/global/nav/mk-logo.png');
background-size: 56px 67px;
background-repeat: no-repeat;
border-bottom: 1px solid #191919; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #mk-logo {
background-image: url('/static/img/global/nav/mk-logo@2x.png');
background-size: 56px 67px; } }
@media screen and (min-width: 850px) {
#nav #top-right-nav #mk-logo {
width: 72px;
height: 86px;
background-image: url('/static/img/global/nav/mk-logo.png');
background-size: 72px 86px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #mk-logo {
background-image: url('/static/img/global/nav/mk-logo@2x.png');
background-size: 72px 86px; } } }
@media screen and (min-width: 1025px) {
#nav #top-right-nav #mk-logo {
width: 82px;
height: 98px;
background-image: url('/static/img/global/nav/mk-logo.png');
background-size: 82px 98px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #mk-logo {
background-image: url('/static/img/global/nav/mk-logo@2x.png');
background-size: 82px 98px; } } }
#nav #top-right-nav #globe {
width: 56px;
height: 30px;
background-image: url('/static/img/global/nav/globe.png');
background-size: 56px 30px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe {
background-image: url('/static/img/global/nav/globe@2x.png');
background-size: 56px 30px; } }
@media screen and (min-width: 850px) {
#nav #top-right-nav #globe {
width: 72px;
height: 39px;
background-image: url('/static/img/global/nav/globe.png');
background-size: 72px 39px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe {
background-image: url('/static/img/global/nav/globe@2x.png');
background-size: 72px 39px; } } }
@media screen and (min-width: 1025px) {
#nav #top-right-nav #globe {
width: 82px;
height: 44px;
background-image: url('/static/img/global/nav/globe.png');
background-size: 82px 44px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe {
background-image: url('/static/img/global/nav/globe@2x.png');
background-size: 82px 44px; } } }
#nav #top-right-nav #globe #localization-flyout {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
cursor: auto;
width: 271px;
color: #494847;
text-transform: uppercase;
font-size: 0.875em;
letter-spacing: 0.1em;
background-color: rgba(25, 25, 25, 0.95);
margin-top: 15px;
margin-left: -215px; }
@media screen and (min-width: 768px) {
#nav #top-right-nav #globe #localization-flyout {
margin-left: -271px;
margin-top: 0; } }
#nav #top-right-nav #globe #localization-flyout .title {
display: table;
background-color: #111111;
margin-bottom: 20px; }
#nav #top-right-nav #globe #localization-flyout .title h3 {
text-align: left;
padding-left: 23px;
display: table-cell;
vertical-align: middle;
width: 100%;
color: #fff;
margin: 0;
font-size: 1rem;
padding-top: 4px; }
#nav #top-right-nav #globe #localization-flyout .title .right-arrow {
display: table; }
#nav #top-right-nav #globe #localization-flyout #country-list {
width: 271px;
padding-bottom: 10px; }
#nav #top-right-nav #globe #localization-flyout #country-list li {
width: 271px;
margin-bottom: 10px;
display: table;
text-align: left;
padding-left: 25px; }
#nav #top-right-nav #globe #localization-flyout #country-list li a {
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all;
color: #645f57; }
#nav #top-right-nav #globe #localization-flyout #country-list li a:hover {
color: #dfdedb; }
#nav #top-right-nav #globe #localization-flyout #country-list li .text {
display: table-cell;
vertical-align: middle;
padding-left: 17px;
text-rendering: optimizeLegibility; }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag {
display: table-cell; }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.us {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-us.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.us {
background-image: url('/static/img/global/nav/flags/flag-us@2x.png');
background-size: 22px 16px; } }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.fr {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-fr.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.fr {
background-image: url('/static/img/global/nav/flags/flag-fr@2x.png');
background-size: 22px 16px; } }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.de {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-de.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.de {
background-image: url('/static/img/global/nav/flags/flag-de@2x.png');
background-size: 22px 16px; } }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.es {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-es.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.es {
background-image: url('/static/img/global/nav/flags/flag-es@2x.png');
background-size: 22px 16px; } }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.mx {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-mx.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.mx {
background-image: url('/static/img/global/nav/flags/flag-mx@2x.png');
background-size: 22px 16px; } }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.it {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-it.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.it {
background-image: url('/static/img/global/nav/flags/flag-it@2x.png');
background-size: 22px 16px; } }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.ru {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-ru.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.ru {
background-image: url('/static/img/global/nav/flags/flag-ru@2x.png');
background-size: 22px 16px; } }
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.br {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-br.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #top-right-nav #globe #localization-flyout #country-list li .flag.br {
background-image: url('/static/img/global/nav/flags/flag-br@2x.png');
background-size: 22px 16px; } }
#nav #sideways-header {
position: fixed;
width: 220px;
bottom: 140px;
left: -10000px;
font-size: 0.75em;
color: #494847;
letter-spacing: 0.1em;
white-space: nowrap;
margin-left: -33px;
z-index: 1;
font-family: 'DIN Next W01 Light', sans-serif;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg); }
@media screen and (min-width: 850px) {
#nav #sideways-header {
margin-left: -25px; } }
@media screen and (min-width: 1025px) {
#nav #sideways-header {
margin-left: -18px; } }
#nav #sideways-header .available {
color: #706e6c; }
#nav #dots {
position: fixed;
bottom: 50%;
margin-top: -100px;
display: none;
z-index: 10;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@media screen and (min-width: 768px) {
#nav #dots {
display: block; } }
#nav #dots li {
padding: 5px;
cursor: pointer; }
#nav #dots li.active {
cursor: auto; }
#nav #dots li.active .inner {
background-color: #5e5e5e; }
#nav #dots li:hover .inner {
background-color: #5e5e5e; }
#nav #dots li .inner {
border-radius: 10px;
width: 10px;
height: 10px;
background-color: black;
-webkit-transition: 0.3s background-color;
-moz-transition: 0.3s background-color;
transition: 0.3s background-color; }
#nav #back-to-top {
position: fixed;
right: 0;
bottom: 0;
z-index: 10;
-webkit-transition: 0.25s opacity;
-moz-transition: 0.25s opacity;
transition: 0.25s opacity; }
#nav #back-to-top:hover {
opacity: 0.8; }
#nav #back-to-top .inner {
display: none;
width: 56px;
height: 29px;
background-image: url('/static/img/global/nav/back-to-top.png');
background-size: 56px 29px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #back-to-top .inner {
background-image: url('/static/img/global/nav/back-to-top@2x.png');
background-size: 56px 29px; } }
@media screen and (min-width: 850px) {
#nav #back-to-top .inner {
width: 72px;
height: 37px;
background-image: url('/static/img/global/nav/back-to-top.png');
background-size: 72px 37px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #back-to-top .inner {
background-image: url('/static/img/global/nav/back-to-top@2x.png');
background-size: 72px 37px; } } }
@media screen and (min-width: 1025px) {
#nav #back-to-top .inner {
width: 82px;
height: 42px;
background-image: url('/static/img/global/nav/back-to-top.png');
background-size: 82px 42px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav #back-to-top .inner {
background-image: url('/static/img/global/nav/back-to-top@2x.png');
background-size: 82px 42px; } } }
#nav-mobile {
height: 60px;
background-color: #191919;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100000;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@media screen and (min-width: 768px) {
#nav-mobile {
display: none; } }
#nav-mobile .hamburger {
width: 52px;
height: 52px;
background-image: url('/static/img/global/nav/hamburger-mobile.png');
background-size: 52px 52px;
background-repeat: no-repeat;
position: absolute;
top: 4px;
left: 5px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav-mobile .hamburger {
background-image: url('/static/img/global/nav/hamburger-mobile@2x.png');
background-size: 52px 52px; } }
#nav-mobile .login-wrap {
position: absolute;
top: 11px;
right: 46px; }
#nav-mobile .login-wrap .login {
width: 40px;
height: 40px;
background-image: url('/static/img/global/nav/icon-login.png');
background-size: 40px 40px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav-mobile .login-wrap .login {
background-image: url('/static/img/global/nav/icon-login@2x.png');
background-size: 40px 40px; } }
#nav-mobile .mk-logo-wrap {
position: absolute;
top: 6px;
left: 50%;
margin-left: -25px; }
#nav-mobile .mk-logo-wrap .mk-logo {
width: 47px;
height: 48px;
background-image: url('/static/img/global/nav/mk-logo-mobile.png');
background-size: 47px 48px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav-mobile .mk-logo-wrap .mk-logo {
background-image: url('/static/img/global/nav/mk-logo-mobile@2x.png');
background-size: 47px 48px; } }
#nav-mobile .globe {
width: 30px;
height: 30px;
background-image: url('/static/img/global/nav/globe-mobile.png');
background-size: 30px 30px;
background-repeat: no-repeat;
position: absolute;
top: 16px;
right: 10px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav-mobile .globe {
background-image: url('/static/img/global/nav/globe-mobile@2x.png');
background-size: 30px 30px; } }
#nav-mobile #stats-link-mobile .trophy {
position: absolute;
top: 13px;
right: 88px;
width: 35px;
height: 35px;
background-image: url('/static/img/global/nav/trophy-mobile.png');
background-size: 35px 35px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#nav-mobile #stats-link-mobile .trophy {
background-image: url('/static/img/global/nav/trophy-mobile@2x.png');
background-size: 35px 35px; } }
#nav-mobile a {
display: inline-block; }
#login-flyout {
position: absolute;
top: -11px;
right: -339px;
width: 340px;
min-height: 200px;
background-color: rgba(25, 25, 25, 0.94); }
#login-flyout > div {
padding: 8% 11% 24%; }
#login-flyout #login-form .title {
margin-bottom: 47px;
margin-left: 5px; }
#login-flyout #login-form .fields {
margin-bottom: 10px; }
#login-flyout #login-form .fields input {
color: #fff;
font-size: 0.8125rem;
padding: 14px 18px 13px;
width: 100%;
background-color: #000;
border: none;
margin-bottom: 13px;
outline: none; }
#login-flyout #loggedin-form .title {
margin-bottom: 9px;
margin-left: 1px; }
#login-flyout #loggedin-form .email-address {
color: #41403f;
font-size: 0.90625rem;
text-transform: uppercase;
margin-bottom: 50px;
word-break: break-all; }
#login-flyout .button {
margin-bottom: 60px; }
#login-flyout h6 {
margin-bottom: 12px; }
#login-flyout .plus-btn a {
color: #41403f;
font-size: 0.90625rem;
-webkit-transition: 0.3s color;
-moz-transition: 0.3s color;
transition: 0.3s color; }
#login-flyout .plus-btn a .bold {
font-family: 'DIN Next W01 Bold', sans-serif;
font-size: 1.125rem;
margin-left: 9px; }
#login-flyout .plus-btn a:hover {
color: #686665; }
#footer {
text-rendering: optimizeLegibility;
padding: 9% 6%;
background-color: #171410; }
@media screen and (min-width: 601px) {
#footer {
padding: 5% 3.6%; } }
#footer .logos {
width: 100%;
text-align: center;
margin-bottom: 6%; }
#footer .logos:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 601px) {
#footer .logos {
margin-bottom: 2%; } }
@media screen and (min-width: 1100px) {
#footer .logos {
text-align: left; } }
#footer .logos li {
width: auto;
margin: 0 8% 3% 0;
position: relative;
display: inline-block;
vertical-align: middle; }
@media screen and (min-width: 601px) {
#footer .logos li {
margin: 0 4% 2% 0; } }
@media screen and (min-width: 1100px) {
#footer .logos li {
margin-right: 2.8%; } }
#footer .logos li:last-of-type {
margin-right: 0; }
#footer .logos li a {
position: relative;
display: inline-block; }
#footer .logos li.spacer {
display: none; }
@media screen and (min-width: 1100px) {
#footer .logos li.spacer {
width: 5.1%;
display: table-cell; } }
#footer .logos li.hide {
display: none; }
#footer .logos li .color {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity; }
#footer .logos li .color:hover {
opacity: 1; }
#footer .logos li.rating .bw {
width: 123.24px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-rating.png');
background-size: 123.24px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.rating .bw {
background-image: url('/static/img/global/footer/logo-rating@2x.png');
background-size: 123.24px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.rating .bw {
width: 158px;
height: 71px;
background-image: url('/static/img/global/footer/logo-rating.png');
background-size: 158px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.rating .bw {
background-image: url('/static/img/global/footer/logo-rating@2x.png');
background-size: 158px 71px; } } }
#footer .logos li.rating .color {
width: 127.92px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-rating.png');
background-size: 127.92px 55.38px;
background-repeat: no-repeat;
opacity: 1; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.rating .color {
background-image: url('/static/img/global/footer/logo-rating@2x.png');
background-size: 127.92px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.rating .color {
width: 164px;
height: 71px;
background-image: url('/static/img/global/footer/logo-rating.png');
background-size: 164px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.rating .color {
background-image: url('/static/img/global/footer/logo-rating@2x.png');
background-size: 164px 71px; } } }
#footer .logos li.pegi18 .bw {
width: 45.24px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-pegi18-bw.png');
background-size: 45.24px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.pegi18 .bw {
background-image: url('/static/img/global/footer/logo-pegi18-bw@2x.png');
background-size: 45.24px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.pegi18 .bw {
width: 58px;
height: 71px;
background-image: url('/static/img/global/footer/logo-pegi18-bw.png');
background-size: 58px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.pegi18 .bw {
background-image: url('/static/img/global/footer/logo-pegi18-bw@2x.png');
background-size: 58px 71px; } } }
#footer .logos li.pegi18 .color {
width: 45.24px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-pegi18.png');
background-size: 45.24px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.pegi18 .color {
background-image: url('/static/img/global/footer/logo-pegi18@2x.png');
background-size: 45.24px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.pegi18 .color {
width: 58px;
height: 71px;
background-image: url('/static/img/global/footer/logo-pegi18.png');
background-size: 58px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.pegi18 .color {
background-image: url('/static/img/global/footer/logo-pegi18@2x.png');
background-size: 58px 71px; } } }
#footer .logos li.russia18 .bw {
width: 49.92px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-russia18-bw.png');
background-size: 49.92px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.russia18 .bw {
background-image: url('/static/img/global/footer/logo-russia18-bw@2x.png');
background-size: 49.92px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.russia18 .bw {
width: 64px;
height: 71px;
background-image: url('/static/img/global/footer/logo-russia18-bw.png');
background-size: 64px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.russia18 .bw {
background-image: url('/static/img/global/footer/logo-russia18-bw@2x.png');
background-size: 64px 71px; } } }
#footer .logos li.russia18 .color {
width: 49.92px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-russia18.png');
background-size: 49.92px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.russia18 .color {
background-image: url('/static/img/global/footer/logo-russia18@2x.png');
background-size: 49.92px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.russia18 .color {
width: 64px;
height: 71px;
background-image: url('/static/img/global/footer/logo-russia18.png');
background-size: 64px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.russia18 .color {
background-image: url('/static/img/global/footer/logo-russia18@2x.png');
background-size: 64px 71px; } } }
#footer .logos li.xbox-360 .bw {
width: 93.6px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-xbox360-bw.png');
background-size: 93.6px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-360 .bw {
background-image: url('/static/img/global/footer/logo-xbox360-bw@2x.png');
background-size: 93.6px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.xbox-360 .bw {
width: 120px;
height: 71px;
background-image: url('/static/img/global/footer/logo-xbox360-bw.png');
background-size: 120px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-360 .bw {
background-image: url('/static/img/global/footer/logo-xbox360-bw@2x.png');
background-size: 120px 71px; } } }
#footer .logos li.xbox-360 .color {
width: 93.6px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-xbox360.png');
background-size: 93.6px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-360 .color {
background-image: url('/static/img/global/footer/logo-xbox360@2x.png');
background-size: 93.6px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.xbox-360 .color {
width: 120px;
height: 71px;
background-image: url('/static/img/global/footer/logo-xbox360.png');
background-size: 120px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-360 .color {
background-image: url('/static/img/global/footer/logo-xbox360@2x.png');
background-size: 120px 71px; } } }
#footer .logos li.xbox-one .bw {
width: 98.28px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-xbox-one-bw.png');
background-size: 98.28px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-one .bw {
background-image: url('/static/img/global/footer/logo-xbox-one-bw@2x.png');
background-size: 98.28px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.xbox-one .bw {
width: 126px;
height: 71px;
background-image: url('/static/img/global/footer/logo-xbox-one-bw.png');
background-size: 126px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-one .bw {
background-image: url('/static/img/global/footer/logo-xbox-one-bw@2x.png');
background-size: 126px 71px; } } }
#footer .logos li.xbox-one .color {
width: 98.28px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-xbox-one.png');
background-size: 98.28px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-one .color {
background-image: url('/static/img/global/footer/logo-xbox-one@2x.png');
background-size: 98.28px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.xbox-one .color {
width: 126px;
height: 71px;
background-image: url('/static/img/global/footer/logo-xbox-one.png');
background-size: 126px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-one .color {
background-image: url('/static/img/global/footer/logo-xbox-one@2x.png');
background-size: 126px 71px; } } }
#footer .logos li.xbox-live .bw {
width: 46.02px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-xbox-live-bw.png');
background-size: 46.02px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-live .bw {
background-image: url('/static/img/global/footer/logo-xbox-live-bw@2x.png');
background-size: 46.02px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.xbox-live .bw {
width: 59px;
height: 71px;
background-image: url('/static/img/global/footer/logo-xbox-live-bw.png');
background-size: 59px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-live .bw {
background-image: url('/static/img/global/footer/logo-xbox-live-bw@2x.png');
background-size: 59px 71px; } } }
#footer .logos li.xbox-live .color {
width: 46.02px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-xbox-live.png');
background-size: 46.02px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-live .color {
background-image: url('/static/img/global/footer/logo-xbox-live@2x.png');
background-size: 46.02px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.xbox-live .color {
width: 59px;
height: 71px;
background-image: url('/static/img/global/footer/logo-xbox-live.png');
background-size: 59px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.xbox-live .color {
background-image: url('/static/img/global/footer/logo-xbox-live@2x.png');
background-size: 59px 71px; } } }
#footer .logos li.ps3 .bw {
width: 93.6px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-ps3-bw.png');
background-size: 93.6px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ps3 .bw {
background-image: url('/static/img/global/footer/logo-ps3-bw@2x.png');
background-size: 93.6px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.ps3 .bw {
width: 120px;
height: 71px;
background-image: url('/static/img/global/footer/logo-ps3-bw.png');
background-size: 120px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ps3 .bw {
background-image: url('/static/img/global/footer/logo-ps3-bw@2x.png');
background-size: 120px 71px; } } }
#footer .logos li.ps3 .color {
width: 93.6px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-ps3.png');
background-size: 93.6px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ps3 .color {
background-image: url('/static/img/global/footer/logo-ps3@2x.png');
background-size: 93.6px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.ps3 .color {
width: 120px;
height: 71px;
background-image: url('/static/img/global/footer/logo-ps3.png');
background-size: 120px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ps3 .color {
background-image: url('/static/img/global/footer/logo-ps3@2x.png');
background-size: 120px 71px; } } }
#footer .logos li.ps4 .bw {
width: 95.94px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-ps4-bw.png');
background-size: 95.94px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ps4 .bw {
background-image: url('/static/img/global/footer/logo-ps4-bw@2x.png');
background-size: 95.94px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.ps4 .bw {
width: 123px;
height: 71px;
background-image: url('/static/img/global/footer/logo-ps4-bw.png');
background-size: 123px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ps4 .bw {
background-image: url('/static/img/global/footer/logo-ps4-bw@2x.png');
background-size: 123px 71px; } } }
#footer .logos li.ps4 .color {
width: 95.94px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-ps4.png');
background-size: 95.94px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ps4 .color {
background-image: url('/static/img/global/footer/logo-ps4@2x.png');
background-size: 95.94px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.ps4 .color {
width: 123px;
height: 71px;
background-image: url('/static/img/global/footer/logo-ps4.png');
background-size: 123px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ps4 .color {
background-image: url('/static/img/global/footer/logo-ps4@2x.png');
background-size: 123px 71px; } } }
#footer .logos li.psn .bw {
width: 46.8px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-psn-bw.png');
background-size: 46.8px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.psn .bw {
background-image: url('/static/img/global/footer/logo-psn-bw@2x.png');
background-size: 46.8px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.psn .bw {
width: 60px;
height: 71px;
background-image: url('/static/img/global/footer/logo-psn-bw.png');
background-size: 60px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.psn .bw {
background-image: url('/static/img/global/footer/logo-psn-bw@2x.png');
background-size: 60px 71px; } } }
#footer .logos li.psn .color {
width: 46.8px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-psn.png');
background-size: 46.8px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.psn .color {
background-image: url('/static/img/global/footer/logo-psn@2x.png');
background-size: 46.8px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.psn .color {
width: 60px;
height: 71px;
background-image: url('/static/img/global/footer/logo-psn.png');
background-size: 60px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.psn .color {
background-image: url('/static/img/global/footer/logo-psn@2x.png');
background-size: 60px 71px; } } }
@media screen and (min-width: 601px) {
#footer .logos li.pc {
height: 75px; } }
#footer .logos li.pc .bw {
width: 34.32px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-pc-bw.png');
background-size: 34.32px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.pc .bw {
background-image: url('/static/img/global/footer/logo-pc-bw@2x.png');
background-size: 34.32px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.pc .bw {
width: 44px;
height: 71px;
background-image: url('/static/img/global/footer/logo-pc-bw.png');
background-size: 44px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.pc .bw {
background-image: url('/static/img/global/footer/logo-pc-bw@2x.png');
background-size: 44px 71px; } } }
#footer .logos li.pc .color {
width: 34.32px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-pc.png');
background-size: 34.32px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.pc .color {
background-image: url('/static/img/global/footer/logo-pc@2x.png');
background-size: 34.32px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.pc .color {
width: 44px;
height: 71px;
background-image: url('/static/img/global/footer/logo-pc.png');
background-size: 44px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.pc .color {
background-image: url('/static/img/global/footer/logo-pc@2x.png');
background-size: 44px 71px; } } }
#footer .logos li.nr .bw {
width: 46.02px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-nr-bw.png');
background-size: 46.02px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.nr .bw {
background-image: url('/static/img/global/footer/logo-nr-bw@2x.png');
background-size: 46.02px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.nr .bw {
width: 59px;
height: 71px;
background-image: url('/static/img/global/footer/logo-nr-bw.png');
background-size: 59px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.nr .bw {
background-image: url('/static/img/global/footer/logo-nr-bw@2x.png');
background-size: 59px 71px; } } }
#footer .logos li.nr .color {
width: 46.02px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-nr.png');
background-size: 46.02px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.nr .color {
background-image: url('/static/img/global/footer/logo-nr@2x.png');
background-size: 46.02px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.nr .color {
width: 59px;
height: 71px;
background-image: url('/static/img/global/footer/logo-nr.png');
background-size: 59px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.nr .color {
background-image: url('/static/img/global/footer/logo-nr@2x.png');
background-size: 59px 71px; } } }
#footer .logos li.wb .bw {
width: 45.24px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-wb-games-bw.png');
background-size: 45.24px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.wb .bw {
background-image: url('/static/img/global/footer/logo-wb-games-bw@2x.png');
background-size: 45.24px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.wb .bw {
width: 58px;
height: 71px;
background-image: url('/static/img/global/footer/logo-wb-games-bw.png');
background-size: 58px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.wb .bw {
background-image: url('/static/img/global/footer/logo-wb-games-bw@2x.png');
background-size: 58px 71px; } } }
#footer .logos li.wb .color {
width: 45.24px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-wb-games.png');
background-size: 45.24px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.wb .color {
background-image: url('/static/img/global/footer/logo-wb-games@2x.png');
background-size: 45.24px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.wb .color {
width: 58px;
height: 71px;
background-image: url('/static/img/global/footer/logo-wb-games.png');
background-size: 58px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.wb .color {
background-image: url('/static/img/global/footer/logo-wb-games@2x.png');
background-size: 58px 71px; } } }
#footer .logos li.eb-rating .bw {
width: 112.32px;
height: 55.38px;
background-image: url('/static/img/global/footer/eb-rating-bw.png');
background-size: 112.32px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.eb-rating .bw {
background-image: url('/static/img/global/footer/eb-rating-bw@2x.png');
background-size: 112.32px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.eb-rating .bw {
width: 144px;
height: 71px;
background-image: url('/static/img/global/footer/eb-rating-bw.png');
background-size: 144px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.eb-rating .bw {
background-image: url('/static/img/global/footer/eb-rating-bw@2x.png');
background-size: 144px 71px; } } }
#footer .logos li.eb-rating .color {
width: 112.32px;
height: 55.38px;
background-image: url('/static/img/global/footer/eb-rating-color.png');
background-size: 112.32px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.eb-rating .color {
background-image: url('/static/img/global/footer/eb-rating-color@2x.png');
background-size: 112.32px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.eb-rating .color {
width: 144px;
height: 71px;
background-image: url('/static/img/global/footer/eb-rating-color.png');
background-size: 144px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.eb-rating .color {
background-image: url('/static/img/global/footer/eb-rating-color@2x.png');
background-size: 144px 71px; } } }
#footer .logos li.au-rating .bw {
width: 112.32px;
height: 35.88px;
background-image: url('/static/img/global/footer/au-rating-bw.png');
background-size: 112.32px 35.88px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.au-rating .bw {
background-image: url('/static/img/global/footer/au-rating-bw@2x.png');
background-size: 112.32px 35.88px; } }
@media screen and (min-width: 601px) {
#footer .logos li.au-rating .bw {
width: 144px;
height: 46px;
background-image: url('/static/img/global/footer/au-rating-bw.png');
background-size: 144px 46px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.au-rating .bw {
background-image: url('/static/img/global/footer/au-rating-bw@2x.png');
background-size: 144px 46px; } } }
#footer .logos li.au-rating .color {
width: 112.32px;
height: 35.88px;
background-image: url('/static/img/global/footer/au-rating-color.png');
background-size: 112.32px 35.88px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.au-rating .color {
background-image: url('/static/img/global/footer/au-rating-color@2x.png');
background-size: 112.32px 35.88px; } }
@media screen and (min-width: 601px) {
#footer .logos li.au-rating .color {
width: 144px;
height: 46px;
background-image: url('/static/img/global/footer/au-rating-color.png');
background-size: 144px 46px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.au-rating .color {
background-image: url('/static/img/global/footer/au-rating-color@2x.png');
background-size: 144px 46px; } } }
#footer .logos li.ausrating .bw {
width: 113.1px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-en-aus-rating-bw.png');
background-size: 113.1px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ausrating .bw {
background-image: url('/static/img/global/footer/logo-en-aus-rating-bw@2x.png');
background-size: 113.1px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.ausrating .bw {
width: 145px;
height: 71px;
background-image: url('/static/img/global/footer/logo-en-aus-rating-bw.png');
background-size: 145px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ausrating .bw {
background-image: url('/static/img/global/footer/logo-en-aus-rating-bw@2x.png');
background-size: 145px 71px; } } }
#footer .logos li.ausrating .color {
width: 113.1px;
height: 55.38px;
background-image: url('/static/img/global/footer/logo-en-aus-rating.png');
background-size: 113.1px 55.38px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ausrating .color {
background-image: url('/static/img/global/footer/logo-en-aus-rating@2x.png');
background-size: 113.1px 55.38px; } }
@media screen and (min-width: 601px) {
#footer .logos li.ausrating .color {
width: 145px;
height: 71px;
background-image: url('/static/img/global/footer/logo-en-aus-rating.png');
background-size: 145px 71px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .logos li.ausrating .color {
background-image: url('/static/img/global/footer/logo-en-aus-rating@2x.png');
background-size: 145px 71px; } } }
#footer .legal-wb {
display: table; }
#footer .legal-wb > div {
display: table-cell;
vertical-align: top; }
#footer .legal-wb .left {
width: 60px; }
#footer .legal-wb .left .wb-logo {
width: 40px;
height: 41px;
background-image: url('/static/img/global/footer/logo-wb.png');
background-size: 40px 41px;
background-repeat: no-repeat;
opacity: 0.8; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#footer .legal-wb .left .wb-logo {
background-image: url('/static/img/global/footer/logo-wb@2x.png');
background-size: 40px 41px; } }
#footer .legal-wb .right .links {
margin-bottom: 10px; }
#footer .legal-wb .right .links li {
display: inline-block;
font-size: 0.65625rem;
color: #63605c;
padding-right: 6px;
margin-left: 1px;
border-right: 1px solid #3b3a37;
height: 9px;
white-space: nowrap; }
#footer .legal-wb .right .links li:last-of-type {
border-right: none; }
#footer .legal-wb .right .links li a {
color: #63605c;
-webkit-transition: 0.3s color;
-moz-transition: 0.3s color;
transition: 0.3s color; }
#footer .legal-wb .right .links li a:hover {
color: #bbb9b6; }
#footer .legal-wb .right p {
font-size: 0.65625rem;
color: #63605c;
line-height: 1.35em; }
@media screen and (min-width: 601px) {
#footer .legal-wb .right p {
line-height: 1.4em; } }
@media screen and (min-width: 1025px) {
#footer .legal-wb .right p {
width: 80%; } }
h1 {
text-transform: uppercase;
font-family: 'DIN Next W01 Light', sans-serif;
color: #fff;
letter-spacing: 0.06em;
text-rendering: optimizeLegibility;
font-size: 2.4375em;
line-height: 0.95em; }
@media screen and (min-width: 601px) {
h1 {
font-size: 3.375em; } }
@media screen and (min-width: 769px) {
h1 {
font-size: 4.625em; } }
h3 {
color: #494847;
font-size: 1.125rem;
text-rendering: optimizeLegibility;
line-height: 1.2em; }
h5 {
color: #fff;
font-size: 1.1875rem;
text-rendering: optimizeLegibility; }
h6 {
color: #fff;
font-size: 0.96875rem;
text-rendering: optimizeLegibility; }
.section-title {
min-height: 46px;
background-color: #111111;
font-family: 'DIN Next W01 Light', sans-serif;
font-size: 1.125rem;
text-transform: uppercase;
padding: 14px 0 0 24px;
border-top: 1px solid #191919;
border-bottom: 1px solid #191919; }
.white {
color: #fff !important; }
.black {
color: #000; }
.black a {
color: #000; }
.article-share-icons {
position: absolute;
right: 2%;
bottom: 2%; }
.article-share-icons:after {
content: "";
display: table;
clear: both; }
.article-share-icons > div {
float: left;
margin-left: 10px;
opacity: 0.8;
cursor: pointer;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity; }
.article-share-icons > div:hover {
opacity: 1; }
.article-share-icons .icon-facebook {
width: 30px;
height: 30px;
background-image: url('/static/img/global/share-icon-facebook.png');
background-size: 30px 30px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.article-share-icons .icon-facebook {
background-image: url('/static/img/global/share-icon-facebook@2x.png');
background-size: 30px 30px; } }
.article-share-icons .icon-twitter {
width: 30px;
height: 30px;
background-image: url('/static/img/global/share-icon-twitter.png');
background-size: 30px 30px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.article-share-icons .icon-twitter {
background-image: url('/static/img/global/share-icon-twitter@2x.png');
background-size: 30px 30px; } }
.play-icon {
width: 80px;
height: 80px;
background-image: url('/static/img/global/icon-play-overlay.png');
background-size: 80px 80px;
background-repeat: no-repeat;
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
z-index: 10;
opacity: 0.9; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.play-icon {
background-image: url('/static/img/global/icon-play-overlay@2x.png');
background-size: 80px 80px; } }
.right-arrow {
display: inline-block;
width: 47px;
height: 43px;
background-image: url('/static/img/global/right-arrow.png');
background-size: 47px 43px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.right-arrow {
background-image: url('/static/img/global/right-arrow@2x.png');
background-size: 47px 43px; } }
.right-arrow-with-bg {
display: inline-block;
width: 47px;
height: 43px;
background-image: url('/static/img/global/right-arrow-bg.png');
background-size: 47px 43px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.right-arrow-with-bg {
background-image: url('/static/img/global/right-arrow-bg@2x.png');
background-size: 47px 43px; } }
.left-arrow {
display: inline-block;
width: 47px;
height: 43px;
background-image: url('/static/img/global/left-arrow-bg.png');
background-size: 47px 43px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.left-arrow {
background-image: url('/static/img/global/left-arrow-bg@2x.png');
background-size: 47px 43px; } }
.left-arrow-with-bg {
display: inline-block;
width: 47px;
height: 43px;
background-image: url('/static/img/global/left-arrow-bg.png');
background-size: 47px 43px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.left-arrow-with-bg {
background-image: url('/static/img/global/left-arrow-bg@2x.png');
background-size: 47px 43px; } }
.right-carrot {
display: inline-block;
width: 11px;
height: 19px;
background-image: url('/static/img/global/carrot-right.png');
background-size: 11px 19px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.right-carrot {
background-image: url('/static/img/global/carrot-right@2x.png');
background-size: 11px 19px; } }
.right-carrot-dark {
display: inline-block;
width: 11px;
height: 19px;
background-image: url('/static/img/global/carrot-right-dark.png');
background-size: 11px 19px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.right-carrot-dark {
background-image: url('/static/img/global/carrot-right-dark@2x.png');
background-size: 11px 19px; } }
.left-carrot {
width: 11px;
height: 19px;
background-image: url('/static/img/global/carrot-left.png');
background-size: 11px 19px;
background-repeat: no-repeat;
display: inline-block; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.left-carrot {
background-image: url('/static/img/global/carrot-left@2x.png');
background-size: 11px 19px; } }
.list-icon {
width: 10px;
height: 10px;
background-image: url('/static/img/global/list-plus.png');
background-size: 10px 10px;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: 3px 3px;
min-height: 16px;
padding-left: 20px;
padding-right: 10px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.list-icon {
background-image: url('/static/img/global/list-plus@2x.png');
background-size: 10px 10px; } }
#subpage-hero {
text-align: center;
margin: 0 auto;
background: #151515 url('/static/img/global/bg-dragon.png') top center no-repeat;
background-size: contain;
display: table;
width: 100%;
height: 250px;
position: relative; }
#subpage-hero .content {
vertical-align: middle;
display: table-cell;
text-rendering: optimizeLegibility;
padding: 20px 5%; }
@media screen and (min-width: 601px) {
#subpage-hero .content {
padding: 30px 20px; } }
#subpage-hero .content h1 {
text-transform: uppercase;
font-family: 'DIN Next W01 Light', sans-serif;
letter-spacing: 0.2rem;
margin-top: 10px;
margin-bottom: 10px;
font-size: 2.75rem;
word-wrap: break-word; }
@media screen and (min-width: 601px) {
#subpage-hero .content h1 {
font-size: 3.75rem;
margin-top: 20px; } }
@media screen and (min-width: 1100px) {
#subpage-hero .content h1 {
font-size: 4.25rem; } }
#subpage-hero .content h2 {
color: #fff;
text-transform: uppercase;
font-family: 'DIN Next W01 Light', sans-serif;
letter-spacing: .2em;
font-size: 1.125rem;
line-height: 1.5rem; }
@media screen and (min-width: 601px) {
#subpage-hero .content h2 {
font-size: 1.625rem;
line-height: 2.2rem; } }
@media screen and (min-width: 1100px) {
#subpage-hero .content h2 {
font-size: 2.25rem; } }
.captioned-photo {
color: #41403f;
position: relative;
width: 100%;
float: left;
overflow: hidden;
border-right: 1px solid #1e1a17; }
@media screen and (min-width: 601px) {
.captioned-photo {
width: 50%; } }
@media screen and (min-width: 1024px) {
.captioned-photo {
width: 33.3333%; } }
@media screen and (min-width: 1300px) {
.captioned-photo {
width: 25%; } }
.captioned-photo.small {
width: 50%; }
@media screen and (min-width: 601px) {
.captioned-photo.small {
width: auto; } }
@media screen and (min-width: 1024px) {
.captioned-photo.small {
width: auto; } }
@media screen and (min-width: 1300px) {
.captioned-photo.small {
width: auto; } }
@media screen and (min-width: 601px) {
.captioned-photo.small {
width: 25%; } }
@media screen and (min-width: 1200px) {
.captioned-photo.small {
width: 12.5%; } }
@media screen and (min-width: 601px) {
.captioned-photo.group-two {
width: auto; } }
@media screen and (min-width: 1024px) {
.captioned-photo.group-two {
width: auto; } }
@media screen and (min-width: 1300px) {
.captioned-photo.group-two {
width: auto; } }
@media screen and (min-width: 601px) {
.captioned-photo.group-two {
width: 50%; } }
@media screen and (min-width: 1200px) {
.captioned-photo.group-two {
width: 25%; } }
@media screen and (min-width: 601px) {
.captioned-photo:hover h5 {
color: #fff !important; } }
.captioned-photo img {
width: 100%; }
.captioned-photo .top {
background-color: #111111;
display: table;
width: 100.4%;
min-height: 42px;
text-transform: uppercase;
position: relative;
z-index: 1; }
.captioned-photo .top h5 {
display: table-cell;
color: #41403f;
padding: 16px 0 11px 24px;
font-size: 0.9375rem;
letter-spacing: 0.1rem;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
transition: 0.3s all; }
.captioned-photo .top .plus {
display: table-cell;
width: 42px;
height: 42px;
background-image: url('/static/img/global/icon-plus.png');
background-size: 42px 42px;
background-repeat: no-repeat;
background-color: #191919;
background-position: center center;
overflow: hidden;
height: auto; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.captioned-photo .top .plus {
background-image: url('/static/img/global/icon-plus@2x.png');
background-size: 42px 42px; } }
/* --- EASYDROPDOWN DEFAULT THEME --- */
/* PREFIXED CSS */
.dropdown, .dropdown div, .dropdown li, .dropdown div::after {
-webkit-transition: opacity 0.3s, height 0.3s, color 0.3s;
-moz-transition: opacity 0.3s, height 0.3s, color 0.3s;
transition: opacity 0.3s, height 0.3s, color 0.3s; }
.dropdown .selected::after, .dropdown.scrollable div::after {
-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none; }
/* WRAPPER */
.dropdown {
position: relative;
width: 230px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-family: 'Avenir LT W01 55 Roman', sans-serif !important;
max-width: 230px; }
.dropdown .selected {
color: #fff !important; }
.dropdown.open {
z-index: 2; }
/* CARAT */
.dropdown .carat {
position: absolute;
right: 11px;
top: 50%;
margin-top: -4px;
width: 19px;
height: 11px;
background-image: url('/static/img/global/carrot-down.png');
background-size: 19px 11px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.dropdown .carat {
background-image: url('/static/img/global/carrot-down@2x.png');
background-size: 19px 11px; } }
.dropdown.open .carat {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.dropdown.disabled .carat {
opacity: 0.5;
cursor: default; }
/* OLD SELECT (HIDDEN) */
.dropdown .old {
position: absolute;
left: 0;
top: 0;
height: 0;
width: 0;
overflow: hidden; }
.dropdown select {
position: absolute;
left: 0px;
top: 0px; }
.dropdown.touch .old {
width: 100%;
height: 100%; }
.dropdown.touch select {
width: 100%;
height: 100%;
opacity: 0; }
/* SELECTED FEEDBACK ITEM */
.dropdown .selected, .dropdown li {
display: block;
line-height: 1;
color: #fff;
padding: 15px 30px 11px 12px;
overflow: hidden;
font-size: 0.875em;
background-color: #191919;
text-rendering: optimizeLegibility;
text-transform: uppercase;
font-family: 'DIN Next W01 Light', sans-serif; }
.dropdown.disabled .selected {
color: #444 !important;
cursor: default; }
.dropdown .selected::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 60px; }
/* DROP DOWN WRAPPER */
.dropdown div {
position: absolute;
height: 0;
left: -1px;
right: -1px;
top: 100%;
margin-top: -1px;
background: #191919;
overflow: hidden;
opacity: 0; }
/* Height is adjusted by JS on open */
.dropdown.open div {
opacity: 1;
z-index: 2; }
/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50px; }
.dropdown.scrollable.bottom div::after {
opacity: 0; }
/* DROP DOWN LIST */
.dropdown ul {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
list-style: none;
overflow: hidden; }
.dropdown.scrollable.open ul {
overflow-y: auto; }
/* DROP DOWN LIST ITEMS */
.dropdown li {
list-style: none;
padding: 11px 12px 9px 12px; }
/* .focus class is also added on hover */
.dropdown li.focus {
background: #575757;
position: relative;
z-index: 3;
color: #000; }
.story-preview-strip {
padding: 0 0 7px;
position: relative; }
@media screen and (min-width: 550px) {
.story-preview-strip {
padding: 0 10% 10px; } }
@media screen and (min-width: 769px) {
.story-preview-strip {
padding: 0 5% 13px; } }
.story-preview-strip .arrow-buttons {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
display: none; }
@media screen and (min-width: 550px) {
.story-preview-strip .arrow-buttons {
display: block; } }
.story-preview-strip .arrow-buttons .arrow {
top: 107px;
width: 11.5%;
max-width: 75px;
opacity: 0.9; }
.story-preview-strip .arrow-buttons .arrow:hover {
opacity: 1; }
.story-preview-strip .arrow-buttons .arrow.right {
position: absolute;
right: 0; }
.story-preview-strip .arrow-buttons .arrow.left {
position: absolute;
left: 0; }
.story-preview-strip .arrow-buttons .arrow img {
width: 100%; }
.story-preview-strip .dots {
text-align: center; }
.story-preview {
position: relative;
float: left;
width: 100%; }
@media screen and (min-width: 550px) {
.story-preview {
margin: 0 12%;
width: auto; } }
.story-preview a {
color: #fff;
text-decoration: none; }
@media screen and (min-width: 601px) {
.story-preview a {
display: inline-block;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity; }
.story-preview a:hover {
opacity: 0.82; } }
.story-preview .image {
margin-bottom: 22px;
position: relative; }
@media screen and (min-width: 601px) {
.story-preview .image {
margin-bottom: 23px;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity; }
.story-preview .image:hover {
opacity: 0.82; } }
.story-preview .image img {
width: 100%; }
.story-preview .image a {
width: 100%; }
.story-preview .image.upper {
display: none; }
@media screen and (min-width: 601px) {
.story-preview .image.upper {
display: block; } }
.story-preview .image.lower {
display: block; }
@media screen and (min-width: 601px) {
.story-preview .image.lower {
display: none; } }
.story-preview .bottom {
padding: 0 5%; }
@media screen and (min-width: 601px) {
.story-preview .bottom {
padding: 0; } }
.story-preview .bottom .category-time {
font-family: 'DIN Next W01 Light', sans-serif;
text-transform: uppercase;
color: #514f4e;
letter-spacing: 0.08em;
font-size: 0.9375em;
display: table;
width: 100%;
line-height: 1.1em;
vertical-align: top; }
.story-preview .bottom .category-time:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 601px) {
.story-preview .bottom .category-time {
padding: 0; } }
.story-preview .bottom .category-time .category {
vertical-align: top;
display: table-cell; }
.story-preview .bottom .category-time .time {
display: table-cell;
vertical-align: top;
padding-left: 10px;
float: right; }
.story-preview .title-blurb {
display: inline-block;
width: 100%;
margin-bottom: 19px; }
@media screen and (min-width: 601px) {
.story-preview .title-blurb {
margin-bottom: 22px; } }
.story-preview .title-blurb h4 {
font-family: 'DIN Next W01 Regular', sans-serif;
font-size: 1.09375em;
color: #fff;
margin-bottom: 4px;
line-height: 1.2rem;
letter-spacing: 0.03em;
text-rendering: optimizeLegibility; }
.story-preview .title-blurb .more {
font-size: 0.8125rem;
color: #fff;
position: relative;
right: 0;
bottom: 0;
float: right;
margin-left: 7px; }
.story-preview .title-blurb .more:after {
display: inline-block;
margin-left: 6px;
margin-bottom: -1px;
width: 7px;
height: 10px;
content: ' ';
width: 7px;
height: 10px;
background-image: url('/static/img/global/carrot-right.png');
background-size: 7px 10px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
.story-preview .title-blurb .more:after {
background-image: url('/static/img/global/carrot-right@2x.png');
background-size: 7px 10px; } }
.title-body {
padding: 31px 5% 0; }
@media screen and (min-width: 601px) {
.title-body {
padding: 4.5% 4% 0; } }
.title-body h1 {
font-size: 1.875rem;
letter-spacing: 0.03em;
text-rendering: optimizeLegibility;
margin-bottom: 15px; }
@media screen and (min-width: 601px) {
.title-body h1 {
margin-bottom: 27px;
font-size: 2.3125rem; } }
.title-body .text-wrap {
margin-bottom: 25px; }
@media screen and (min-width: 601px) {
.title-body .text-wrap {
margin-bottom: 30px; } }
@media screen and (min-width: 769px) {
.title-body .text-wrap {
margin-bottom: 35px; } }
@media screen and (min-width: 1025px) {
.title-body .text-wrap {
margin-bottom: 40px; } }
@media screen and (min-width: 850px) {
.title-body .text-wrap {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px; } }
#media-grid ul {
display: none;
position: relative; }
#media-grid ul:after {
content: "";
display: table;
clear: both; }
#media-grid ul li {
background-size: cover;
background-position: center center;
float: left;
height: 184px;
width: 100%;
overflow: hidden;
position: relative;
color: white;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity; }
#media-grid ul li .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #111111;
overflow: hidden; }
#media-grid ul li .inner .info {
width: 100.5%;
height: 42px;
background-color: #111111;
position: relative;
display: table; }
#media-grid ul li .inner .info .username {
padding-left: 19px;
padding-top: 3px;
padding-right: 3px;
font-family: 'DIN Next W01 Light', sans-serif;
font-size: 0.90625em;
color: #565553;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.06em;
display: table-cell; }
#media-grid ul li .inner .info .plus {
margin-bottom: -8px;
float: right;
width: 42px;
height: 42px;
background-image: url('/static/img/global/social-stream/plus.png');
background-size: 42px 42px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#media-grid ul li .inner .info .plus {
background-image: url('/static/img/global/social-stream/plus@2x.png');
background-size: 42px 42px; } }
#media-grid ul li .inner .content {
position: relative;
height: 100%;
padding-bottom: 42px;
-ms-word-break: break-all;
/* Be VERY careful with this, breaks normal words wh_erever */
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; }
#media-grid ul li .inner .content .play-icon {
margin-top: -60px; }
#media-grid ul li .inner .content .image {
width: 100%;
background-size: cover !important;
background-position: 50% 50% !important;
background-repeat: no-repeat;
height: 100%; }
#media-grid ul li .inner .content a {
color: #fff;
text-decoration: none;
line-height: 1.4em;
display: block;
width: 100%;
height: 100%;
font-size: 0.875em; }
@media screen and (min-width: 700px) {
#media-grid ul li .inner .content a {
font-size: 0.875em; } }
#media-grid ul li .inner .content a .tweet {
padding: 0 8%;
width: 100%;
height: 100%;
background-color: #1b1b1b;
font-size: 0.9375em;
display: table;
font-family: 'Arial', sans-serif; }
#media-grid ul li .inner .content a .tweet .tweet-inner {
display: table-cell;
vertical-align: middle; }
#media-grid ul li .inner .content a .tweet .tweet-inner .username {
color: #494847; }
#media-grid ul li:hover {
opacity: 0.8; }
@media (min-width: 500px) and (max-width: 799px) {
#media-grid ul li {
width: 50%; }
#media-grid ul li:nth-child(6n+2) {
height: 368px; }
#media-grid ul li:nth-child(6n+3) {
margin-top: -184px; }
#media-grid ul li:nth-child(6n+4) {
height: 368px; } }
@media (min-width: 800px) and (max-width: 1024px) {
#media-grid ul li {
width: 33.3333%; }
#media-grid ul li:nth-child(6n+2) {
width: 66.6666%;
height: 368px; }
#media-grid ul li:nth-child(6n+3) {
margin-top: -184px; }
#media-grid ul li:nth-child(6n+4) {
width: 66.6666%;
height: 368px; } }
@media (min-width: 1025px) and (max-width: 1249px) {
#media-grid ul li {
width: 25%; }
#media-grid ul li:nth-child(10n+3) {
width: 50%;
height: 368px; }
#media-grid ul li:nth-child(10n+4) {
margin-top: -184px; }
#media-grid ul li:nth-child(10n+5) {
margin-top: -184px;
margin-left: 25%; }
#media-grid ul li:nth-child(10n+6) {
width: 50%;
height: 368px; } }
@media screen and (min-width: 1250px) {
#media-grid ul li {
width: 20%; }
#media-grid ul li:nth-child(11n+4) {
width: 40%;
height: 368px; }
#media-grid ul li:nth-child(11n+4) .tweet-inner {
font-size: 175%;
line-height: 1.2em; }
#media-grid ul li:nth-child(11n+5) {
width: 40%;
height: 368px;
margin-top: -184px; }
#media-grid ul li:nth-child(11n+5) .tweet-inner {
font-size: 175%;
line-height: 1.2em; }
#media-grid ul li:nth-child(11n+6) {
margin-top: -184px; }
#media-grid ul li:nth-child(11n+7) {
width: 40%;
height: 368px; }
#media-grid ul li:nth-child(11n+7) .tweet-inner {
font-size: 175%;
line-height: 1.2em; }
#media-grid ul li:nth-child(11n+10) {
margin-top: -184px; }
#media-grid ul li:nth-child(11n+11) {
margin-top: -184px;
margin-left: 20%; } }
body.age-gate {
background: #191919 url('/static/img/age-gate/bg-dragon.png') center 0px no-repeat;
background-size: 140%; }
@media screen and (min-width: 601px) {
body.age-gate {
background-size: auto;
background-position-y: 40px; } }
body.age-gate #page-wrap {
margin-top: 0;
background-color: transparent; }
#age-gate {
padding: 16% 6%;
text-align: center;
text-rendering: optimizeLegibility; }
#age-gate h2 {
color: white;
text-transform: uppercase;
font-size: 1.6875rem;
font-family: 'DIN Next W01 Light', sans-serif;
text-align: center;
letter-spacing: 0.03em;
margin-bottom: 6%; }
@media screen and (min-width: 601px) {
#age-gate h2 {
font-size: 2.5rem;
margin-bottom: 3.2%; } }
#age-gate .dob {
text-transform: uppercase;
color: white;
margin: 0 auto 2.5%;
display: inline-block; }
#age-gate .dob:after {
content: "";
display: table;
clear: both; }
#age-gate .dob > div {
float: left;
background-color: black;
margin: 2px; }
#age-gate .dob > div h6 {
padding: 15px 0 9px;
font-family: 'DIN Next W01 Medium', sans-serif;
letter-spacing: 0.07em;
font-size: 0.9375rem; }
#age-gate .dob .month-wrap {
width: 80px; }
@media screen and (min-width: 601px) {
#age-gate .dob .month-wrap {
width: 113px; } }
#age-gate .dob .day-wrap {
width: 80px; }
@media screen and (min-width: 601px) {
#age-gate .dob .day-wrap {
width: 113px; } }
#age-gate .dob .year-wrap {
width: 100px; }
@media screen and (min-width: 601px) {
#age-gate .dob .year-wrap {
width: 188px; } }
#age-gate .dob input {
text-align: center;
line-height: normal;
font-size: 2rem;
color: #fff;
width: 100%;
font-family: 'DIN Next W01 Light', sans-serif;
margin-bottom: 0;
background-color: #41403f;
padding: 18px 0 8px 0;
border: none; }
@media screen and (min-width: 601px) {
#age-gate .dob input {
font-size: 3.75rem; } }
#age-gate .bottom #country-dropdown {
text-align: left;
display: inline-block;
margin-bottom: 8%; }
@media screen and (min-width: 601px) {
#age-gate .bottom #country-dropdown {
margin-bottom: 2.5%; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap {
float: left;
height: 40px;
width: 40px;
background-color: #191919;
position: relative; }
#age-gate .bottom #country-dropdown .globe-icon-wrap .globe-icon {
position: absolute;
top: 10px;
left: 11px;
width: 19px;
height: 19px;
background-image: url('/static/img/age-gate/icon-globe.png');
background-size: 19px 19px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .globe-icon {
background-image: url('/static/img/age-gate/icon-globe@2x.png');
background-size: 19px 19px; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag {
margin: 12px 0 0 10px; }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.us {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-us.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.us {
background-image: url('/static/img/global/nav/flags/flag-us@2x.png');
background-size: 22px 16px; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.fr {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-fr.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.fr {
background-image: url('/static/img/global/nav/flags/flag-fr@2x.png');
background-size: 22px 16px; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.de {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-de.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.de {
background-image: url('/static/img/global/nav/flags/flag-de@2x.png');
background-size: 22px 16px; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.es {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-es.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.es {
background-image: url('/static/img/global/nav/flags/flag-es@2x.png');
background-size: 22px 16px; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.it {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-it.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.it {
background-image: url('/static/img/global/nav/flags/flag-it@2x.png');
background-size: 22px 16px; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.ru {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-ru.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.ru {
background-image: url('/static/img/global/nav/flags/flag-ru@2x.png');
background-size: 22px 16px; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.br {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-br.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.br {
background-image: url('/static/img/global/nav/flags/flag-br@2x.png');
background-size: 22px 16px; } }
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.mx {
width: 22px;
height: 16px;
background-image: url('/static/img/global/nav/flags/flag-mx.png');
background-size: 22px 16px;
background-repeat: no-repeat; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
#age-gate .bottom #country-dropdown .globe-icon-wrap .flag.mx {
background-image: url('/static/img/global/nav/flags/flag-mx@2x.png');
background-size: 22px 16px; } }
#age-gate .bottom #country-dropdown .dropdown {
float: left;
width: 230px;
max-width: 300px; }
#age-gate .bottom #country-dropdown .dropdown .selected {
padding: 15px 30px 11px 2px; }
#age-gate .bottom .submit-btn {
text-align: left;
margin: 0 auto; }
#age-gate .bottom .submit-btn .text {
width: 223px; }
#age-gate .bottom .submit-btn .right-arrow {
display: table-cell; }