/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html { color: #222; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

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

textarea { resize: vertical; }

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ====== Not Doppler Styles ===== */
@font-face { font-family: 'louis_george_cafebold'; src: url("../font/louis_george_cafe_bold-webfont.woff2") format("woff2"), url("../font/louis_george_cafe_bold-webfont.woff") format("woff"), url("../font/louis_george_cafe_bold-webfont.ttf") format("truetype"); font-weight: 700; font-style: 700; }
h1, h2, .h2-alt, h3, h4, .h1, .h2, .section-about .location-link, .h3, .h4, .heading { color: #1698fe; display: inline-block; font-family: "louis_george_cafebold", sans-serif; line-height: 1.1; font-weight: 700; }
h1:after, h2:after, .h2-alt:after, h3:after, h4:after, .h1:after, .h2:after, .section-about .location-link:after, .h3:after, .h4:after, .heading:after { content: ''; display: block; margin: 0 10px; text-indent: -99999px; height: 0.2em; border-bottom: 2px solid #1698fe; }

.h2-alt { font-weight: 300; }

h1, .h1 { font-size: 2.6em; }

h2, .h2-alt, .h2, .section-about .location-link { font-size: 1.8em; }

h5, h6, .h5, .h6 { color: #1698fe; font-weight: 700; }

::-moz-selection { background: #73a8c3; text-shadow: none; }

::selection { background: #73a8c3; text-shadow: none; }

html, body { color: #000; font-size: 16px; font-family: "Source Sans Pro", sans-serif; font-weight: 300; }
@media only screen and (max-width: 991px) { html, body { font-size: 14px; } }

a { color: #73a8c3; -webkit-transition: all 100ms; transition: all 100ms; }
a:hover { color: #1698fe; }
a.nostyle { color: inherit; text-decoration: none; }

p, ul, ol { line-height: 1.4; }

img { max-width: 100%; height: auto; }
img.crisp { image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; }

.small { font-size: 0.6em; }

.large { font-size: 1.4em; }

.bold { font-weight: bold; }

.italic { -webkit-text-decoration: italic; text-decoration: italic; }

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

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

.block { display: block; }

.button { display: inline-block; background-color: #1698fe; border-radius: 6px; color: #fff; padding: 20px 24px; font-size: 1.125em; font-family: "louis_george_cafebold", sans-serif; font-weight: 700; line-height: 1; text-decoration: none; }
.button:hover { background-color: #fff; color: #1698fe; }

ol.nostyle, ul.nostyle { list-style: none; margin: 0; padding: 0; }

.social-list { list-style: none; margin: 0; padding: 0; }
.social-list li { display: inline-block; line-height: 1; }

.header .inner, .main-content .inner, .footer .inner { margin: 0 auto; max-width: 860px; padding: 0 20px; }

.main-content { background-color: #fff; }
.main-content section { padding: 60px 0px 20px; }
@media only screen and (max-width: 767px) { .main-content section { padding-top: 20px; } }

.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }
.row .col-full, .row .col-half { float: left; width: 100%; }
.row .col-half { width: 50%; }
@media only screen and (max-width: 767px) { .row .col-half { width: 100%; } }

.header { color: #fff; min-height: 790px; background-color: #000; background-position: 50% 50%; background-size: 100% 100%; background-size: cover; padding: 20px; position: relative; }
.header .inner { position: relative; max-width: 1180px; }
.header .content { display: block; position: absolute; bottom: 6%; left: 0; width: 100%; text-align: center; }
.header .content h1:after { content: none; }
@media only screen and (max-width: 767px) { .header { min-height: 400px; } }

.menubar .logo { display: block; }
@media only screen and (max-width: 767px) { .menubar .logo { margin: auto; } }
.menubar .menu { list-style: none; margin: 0; padding: 0; display: inline-block; position: absolute; right: 0; top: 16px; }
.menubar .menu li { display: inline-block; margin-left: 50px; text-transform: uppercase; font-size: 1.2em; font-family: "louis_george_cafebold", sans-serif; font-weight: 700; }
.menubar .menu li a { color: inherit; text-decoration: none; }
.menubar .menu li a:hover { color: #000; }
@media only screen and (max-width: 767px) { .menubar .menu { position: static; width: 100%; margin-top: 20px; text-align: center; }
  .menubar .menu li { font-size: 1em; text-align: center; margin: 0 5px; } }

.footer { background: #000; color: #fff; padding: 20px 0; }
.footer:before, .footer:after { content: " "; display: table; }
.footer:after { clear: both; }
.footer { *zoom: 1; }
.footer a { text-decoration: none; }
.footer a:hover { color: #1698fe !important; }
.footer .inner { max-width: 1180px; }
.footer .left { float: left; width: 23%; }
.footer .centre { float: left; text-align: center; width: 54%; }
.footer .right { float: right; padding: 20px 0; width: 23%; }
.footer .social-list { margin: 20px 0; }
.footer .social-list img { margin-right: 10px; width: 22px; vertical-align: middle; }
.footer .social-list a { color: inherit; padding: 0 20px; }
@media only screen and (max-width: 767px) { .footer .left, .footer .centre, .footer .right { text-align: center; width: 100%; }
  .footer .social-list li { display: block; margin-top: 10px; } }

.intro { text-align: center; }
.intro p, .intro ul, .intro ol { font-size: 1.5em; }
@media only screen and (max-width: 767px) { .intro { font-size: 0.8em; } }

.grid .row { margin: auto; max-width: 1180px; }
.grid .row .col-half > img { width: 100%; }

.section-about { background-position: 50% 50%; background-size: 100% 100%; background-size: cover; position: relative; font-size: 1.375em; }
.section-about .bg { display: block; }
.section-about .content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; padding: 20px 40px; color: #fff; text-align: center; }
.section-about .content p { margin: 5px; }
.section-about .content .blueprint { max-width: 30%; }
.section-about .location-link { margin-top: 20px; color: inherit; text-decoration: none; }
.section-about .location-link:after { border-color: #fff; }
.section-about .location-link img { display: block; margin: 0 auto 10px; max-width: 12%; }
@media only screen and (max-width: 767px) { .section-about .location-link { font-size: 1.2em; } }
@media only screen and (max-width: 991px) { .section-about { font-size: 1em; } }

.jobs { text-align: center; }

.games { background-color: #000; }
.games .game { position: relative; }
.games .game img { width: 100%; }
.games .game .info { position: absolute; left: 0; bottom: 0; right: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); color: #fff; padding: 20px; padding-bottom: 30px; padding-right: 500px; }
.games .game .info p { margin-top: 0; margin-bottom: 0; }
.games .game .info .app-buttons { position: absolute; right: 0; top: 0; width: 500px; text-align: center; }
.games .game .info .app-buttons:before, .games .game .info .app-buttons:after { content: " "; display: table; }
.games .game .info .app-buttons:after { clear: both; }
.games .game .info .app-buttons { *zoom: 1; }
.games .game .info .app-buttons .button { float: none; margin-top: 20px; width: auto; }
@media only screen and (max-width: 991px) { .games .game .info { padding-right: 300px; }
  .games .game .info .app-buttons { top: 10px; width: 300px; } }
@media only screen and (max-width: 767px) { .games .game .info { position: static; background-color: #000; padding-right: 20px; }
  .games .game .info .app-buttons { position: static; width: auto; text-align: center; } }
.games.slick-slider .game { vertical-align: bottom; }
.games .slick-arrow { position: absolute; left: 0; top: 35%; z-index: 1; border: 0 none; background: 50% 50% rgba(0, 0, 0, 0.3) no-repeat; background-size: 44px 60px; text-indent: -99999px; width: 60px; height: 120px; opacity: 1; -webkit-transition: opacity 100ms; transition: opacity 100ms; }
.games .slick-arrow:hover, .games .slick-arrow:focus { opacity: 0.6; outline: none; }
@media only screen and (max-width: 767px) { .games .slick-arrow { top: 80px; background-size: 22px 30px; width: 40px; height: 60px; } }
.games .slick-prev { background-image: url("../img/arrow-left.png"); border-radius: 0 6px 6px 0; }
.games .slick-next { background-image: url("../img/arrow-right.png"); border-radius: 6px 0 0 6px; left: auto; right: 0; }
.games .slick-dots { list-style: none; margin: 0; padding: 0; text-align: center; position: absolute; bottom: 0; width: 100%; }
.games .slick-dots li { display: inline-block; padding: 0 5px; }
.games .slick-dots li button { background: #fff; border: 0 none; border-radius: 50% 50%; display: block; text-indent: -9999px; padding: 0; width: 10px; height: 10px; opacity: 0.5; }
.games .slick-dots li.slick-active button { opacity: 1; }

.app-buttons a { float: left; display: inline-block; width: 50%; }
.app-buttons a img { width: 100%; }
.app-buttons a.spacer { padding: 3% 5%; width: 39%; }

.jobs .job-list { list-style: none; margin: 0; padding: 0; max-width: 420px; margin: auto; text-align: left; }
.jobs .job-list li { display: block; position: relative; padding: 20px 80px 20px 60px; margin: 10px 0; }
.jobs .job-list li a { text-decoration: none; }
.jobs .job-list li a .link { text-decoration: underline; }
.jobs .job-list li .title { font-size: 1.75em; font-family: "louis_george_cafebold", sans-serif; line-height: 1.1; font-weight: 700; color: #000; vertical-align: middle; }
@media only screen and (max-width: 991px) { .jobs .job-list li .title { font-size: 1.55em; } }
.jobs .job-list li img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }
.jobs .job-list li .link { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; font-size: 1em; line-height: 2em; font-family: "louis_george_cafebold", sans-serif; font-weight: 700; }
.jobs .job-list li .link:after { content: '>'; }

/* ========================================================================== Helper classes ========================================================================== */
.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ========================================================================== Print styles ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, .h2-alt, h3 { orphans: 3; widows: 3; }
  h2, .h2-alt, h3 { page-break-after: avoid; } }