@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Khand:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,300italic,300,500,500italic,600);
/* line 2, ../../src/assets/css/scss/partials/_reset.scss */
article, aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary {
  display: block;
}

/* line 4, ../../src/assets/css/scss/partials/_reset.scss */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 9, ../../src/assets/css/scss/partials/_reset.scss */
audio:not([controls]) {
  display: none;
}

/* line 10, ../../src/assets/css/scss/partials/_reset.scss */
[hidden] {
  display: none;
}

/* Base */
/* line 13, ../../src/assets/css/scss/partials/_reset.scss */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

@-ms-viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
/* line 25, ../../src/assets/css/scss/partials/_reset.scss */
html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

/* line 30, ../../src/assets/css/scss/partials/_reset.scss */
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

/* line 36, ../../src/assets/css/scss/partials/_reset.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 40, ../../src/assets/css/scss/partials/_reset.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* Embedded Content */
/* line 46, ../../src/assets/css/scss/partials/_reset.scss */
img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

/* line 53, ../../src/assets/css/scss/partials/_reset.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 55, ../../src/assets/css/scss/partials/_reset.scss */
figure {
  margin: 0;
}

/* Form Elements */
/* line 58, ../../src/assets/css/scss/partials/_reset.scss */
form {
  margin: 0;
}

/* line 59, ../../src/assets/css/scss/partials/_reset.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 60, ../../src/assets/css/scss/partials/_reset.scss */
label {
  cursor: pointer;
}

/* line 61, ../../src/assets/css/scss/partials/_reset.scss */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/* line 68, ../../src/assets/css/scss/partials/_reset.scss */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/* line 74, ../../src/assets/css/scss/partials/_reset.scss */
button, input {
  line-height: normal;
}

/* line 76, ../../src/assets/css/scss/partials/_reset.scss */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

/* line 82, ../../src/assets/css/scss/partials/_reset.scss */
button[disabled], input[disabled] {
  cursor: default;
}

/* line 83, ../../src/assets/css/scss/partials/_reset.scss */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

/* line 89, ../../src/assets/css/scss/partials/_reset.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 91, ../../src/assets/css/scss/partials/_reset.scss */
textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}

/* Tables */
/* line 98, ../../src/assets/css/scss/partials/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 99, ../../src/assets/css/scss/partials/_reset.scss */
td {
  vertical-align: top;
}

/* line 101, ../../src/assets/css/scss/partials/_reset.scss */
.chromeframe {
  background: #ccc;
  color: #000;
  margin: 0.2em 0;
  padding: 0.2em 0;
}

/* Utility */
/* line 104, ../../src/assets/css/scss/partials/_reset.scss */
.left {
  float: left;
}

/* line 105, ../../src/assets/css/scss/partials/_reset.scss */
.right {
  float: right;
}

/* line 106, ../../src/assets/css/scss/partials/_reset.scss */
.hide {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* line 1, ../../src/assets/css/scss/partials/_normalize.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

/* line 5, ../../src/assets/css/scss/partials/_normalize.scss */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 11, ../../src/assets/css/scss/partials/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 16, ../../src/assets/css/scss/partials/_normalize.scss */
[hidden] {
  display: none;
}

/* line 20, ../../src/assets/css/scss/partials/_normalize.scss */
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* line 26, ../../src/assets/css/scss/partials/_normalize.scss */
html, button, input, select, textarea {
  font-family: sans-serif;
}

/* line 30, ../../src/assets/css/scss/partials/_normalize.scss */
body {
  margin: 0;
}

/* line 34, ../../src/assets/css/scss/partials/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/* line 38, ../../src/assets/css/scss/partials/_normalize.scss */
a:active, a:hover {
  outline: 0;
}

/* line 42, ../../src/assets/css/scss/partials/_normalize.scss */
h1 {
  font-size: 100%;
  margin: .67em 0;
}

/* line 47, ../../src/assets/css/scss/partials/_normalize.scss */
h2 {
  font-size: 100%;
  margin: .83em 0;
}

/* line 52, ../../src/assets/css/scss/partials/_normalize.scss */
h3 {
  font-size: 100%;
  margin: 1em 0;
}

/* line 57, ../../src/assets/css/scss/partials/_normalize.scss */
h4 {
  font-size: 100%;
  margin: 1.33em 0;
}

/* line 62, ../../src/assets/css/scss/partials/_normalize.scss */
h5 {
  font-size: 100%;
  margin: 1.67em 0;
}

/* line 67, ../../src/assets/css/scss/partials/_normalize.scss */
h6 {
  font-size: 100%;
  margin: 2.33em 0;
}

/* line 72, ../../src/assets/css/scss/partials/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 76, ../../src/assets/css/scss/partials/_normalize.scss */
b, strong {
  font-weight: bold;
}

/* line 80, ../../src/assets/css/scss/partials/_normalize.scss */
blockquote {
  margin: 1em 40px;
}

/* line 84, ../../src/assets/css/scss/partials/_normalize.scss */
dfn {
  font-style: italic;
}

/* line 88, ../../src/assets/css/scss/partials/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/* line 94, ../../src/assets/css/scss/partials/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 99, ../../src/assets/css/scss/partials/_normalize.scss */
p, pre {
  margin: 1em 0;
}

/* line 103, ../../src/assets/css/scss/partials/_normalize.scss */
code, kbd, pre, samp {
  font-family: monospace,serif;
  _font-family: 'courier new',monospace;
  font-size: 1em;
}

/* line 109, ../../src/assets/css/scss/partials/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 115, ../../src/assets/css/scss/partials/_normalize.scss */
q {
  quotes: none;
}

/* line 119, ../../src/assets/css/scss/partials/_normalize.scss */
q:before, q:after {
  content: '';
  content: none;
}

/* line 124, ../../src/assets/css/scss/partials/_normalize.scss */
small {
  font-size: 80%;
}

/* line 128, ../../src/assets/css/scss/partials/_normalize.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 135, ../../src/assets/css/scss/partials/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 139, ../../src/assets/css/scss/partials/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 143, ../../src/assets/css/scss/partials/_normalize.scss */
dl, menu, ol, ul {
  margin: 1em 0;
}

/* line 147, ../../src/assets/css/scss/partials/_normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/* line 151, ../../src/assets/css/scss/partials/_normalize.scss */
menu, ol, ul {
  padding: 0 0 0 40px;
}

/* line 155, ../../src/assets/css/scss/partials/_normalize.scss */
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

/* line 160, ../../src/assets/css/scss/partials/_normalize.scss */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* line 165, ../../src/assets/css/scss/partials/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 169, ../../src/assets/css/scss/partials/_normalize.scss */
figure {
  margin: 0;
}

/* line 173, ../../src/assets/css/scss/partials/_normalize.scss */
form {
  margin: 0;
}

/* line 177, ../../src/assets/css/scss/partials/_normalize.scss */
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

/* line 183, ../../src/assets/css/scss/partials/_normalize.scss */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/* line 190, ../../src/assets/css/scss/partials/_normalize.scss */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/* line 197, ../../src/assets/css/scss/partials/_normalize.scss */
button, input {
  line-height: normal;
}

/* line 201, ../../src/assets/css/scss/partials/_normalize.scss */
button, select {
  text-transform: none;
}

/* line 205, ../../src/assets/css/scss/partials/_normalize.scss */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

/* line 211, ../../src/assets/css/scss/partials/_normalize.scss */
button[disabled], html input[disabled] {
  cursor: default;
}

/* line 215, ../../src/assets/css/scss/partials/_normalize.scss */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

/* line 222, ../../src/assets/css/scss/partials/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 229, ../../src/assets/css/scss/partials/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 233, ../../src/assets/css/scss/partials/_normalize.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 238, ../../src/assets/css/scss/partials/_normalize.scss */
textarea {
  overflow: auto;
  vertical-align: top;
}

/* line 243, ../../src/assets/css/scss/partials/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
Colors
========================================================================== */
/* ==========================================================================
     Variables and mixins
     ========================================================================== */
/*
     Breakpoints
     ========================================================================== */
/*
     Gradient Rule
     - Must place inside a :before or :after pseudo
     ========================================================================== */
/*
     Centering the unknown
     - Centers verically and horizontally
     ========================================================================== */
/*
     Keyframes
     ========================================================================== */
/*
   Navigation stagger
   ========================================================================== */
/*
Magic Parallax Mixins
========================================================================== */
@media (min-width: 992px) {
  /* line 222, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  #main {
    overflow: auto;
    perspective: 1px;
    transform-style: preserve-3d;
    -webkit-overflow-scrolling: touch;
  }
}
/*
Paths
========================================================================== */
/*
    Triangles follow same nomenclature as: http://apps.eky.hk/css-triangle-generator/;
========================================================================== */
/*
Typography related
========================================================================== */
/* Fonts */
@font-face {
  font-family: 'icomoon';
  src: url("icomoon.eot.eot?ovwlnn");
  src: url("icomoon.eot.eot?#iefixovwlnn") format("embedded-opentype"), url("icomoon.woff.woff?ovwlnn") format("woff"), url("icomoon.ttf.ttf?ovwlnn") format("truetype"), url("icomoon.svg.svg?ovwlnn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 16, ../../src/assets/css/scss/partials/_typography.scss */
.icon-alpha:before, .icon-arrow-select:after, .in-select:after, .icon-pc:before, .in-select.is-pc:before, .icon-arrow-select:before, .in-select:before, .icon-xbox-one:before, .in-select.is-xbox-one:before, .icon-ps4:before, .in-select.is-ps4:before, .icon-uplay:before, .icon-instagram:before, .icon-uplay-u:before, .icon-helmet:before, .nav .nav-menu-inner a:before, .icon-expand2:before, .icon-collapse:before, .vjs-paused:before, .icon-enlarge:before, .icon-play-modal:before, .icon-pause:before, .icon-volume-high:before, .icon-volume-mute:before, .icon-youtube:before, .icon-facebook:before, .icon-play:before, .scroll-down .scroll-right-arrow:before,
.scroll-down .scroll-left-arrow:before, .module-media-wall .video-item:before, .icon-arrow-down:before, .icon-cross:before, .fancybox-close:before, .slideshow .forward:before, .slideshow .backward:before, .icon-facebook-alt:before, .icon-youtube:before, .nav-primary.has-subnav:after, .module-news-detail .link:before, .icon-twitter:before, .icon-facebook:before, .icon-google-plus:before, .icon-image:before, .ui-arrow-left, .ui-arrow-right, .icon-lock:before, .icon-dawn-icon:before, .icon-arrow-right:before, .ui-arrow-gold-right:before, .ui-arrow-white-right:before, .ui-arrow-rev-right:before, .intro-hero-details .forward:before, .fancybox-next:before, .newsfilter-next:before, .slideshow .forward:before, .icon-arrow-left:before, .ui-arrow-gold-left:before, .ui-arrow-white-left:before, .ui-arrow-rev-left:before, .intro-hero-details .backward:before, .fancybox-prev:before, .newsfilter-prev:before, .slideshow .backward:before, .icon-banner:before, .icon-circle:before, .icon-eye:before, .icon-horn:before, .icon-torch:before, .ui-icon.icon-with-circle:after, .icon-cart_d:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 30, ../../src/assets/css/scss/partials/_typography.scss */
.icon-cart_d:before {
  content: "\e619";
}

/* line 34, ../../src/assets/css/scss/partials/_typography.scss */
.icon-uplay:before {
  content: "\e614";
}

/* line 38, ../../src/assets/css/scss/partials/_typography.scss */
.icon-instagram:before {
  content: "\ea90";
}

/* line 42, ../../src/assets/css/scss/partials/_typography.scss */
.icon-uplay-u:before {
  content: "\e613";
}

/* line 46, ../../src/assets/css/scss/partials/_typography.scss */
.icon-helmet:before, .nav .nav-menu-inner a:before {
  content: "\e600";
}

/* line 50, ../../src/assets/css/scss/partials/_typography.scss */
.icon-collapse:before {
  content: "\e610";
}

/* line 54, ../../src/assets/css/scss/partials/_typography.scss */
.icon-expand2:before {
  content: "\e611";
}

/* line 58, ../../src/assets/css/scss/partials/_typography.scss */
.icon-enlarge:before {
  content: "\e989";
}

/* line 62, ../../src/assets/css/scss/partials/_typography.scss */
.icon-shrink:before {
  content: "\e98a";
}

/* line 66, ../../src/assets/css/scss/partials/_typography.scss */
.vjs-paused:before,
.icon-play-modal:before {
  content: "\ea1c";
}

/* line 71, ../../src/assets/css/scss/partials/_typography.scss */
.icon-pause:before {
  content: "\ea1d";
}

/* line 75, ../../src/assets/css/scss/partials/_typography.scss */
.icon-volume-high:before {
  content: "\ea26";
}

/* line 79, ../../src/assets/css/scss/partials/_typography.scss */
.icon-volume-mute:before {
  content: "\ea29";
}

/* line 83, ../../src/assets/css/scss/partials/_typography.scss */
.icon-youtube:before {
  content: "\e60b";
}

/* line 87, ../../src/assets/css/scss/partials/_typography.scss */
.icon-facebook:before {
  content: "\e60a";
}

/* line 91, ../../src/assets/css/scss/partials/_typography.scss */
.icon-play:before, .scroll-down .scroll-right-arrow:before,
.scroll-down .scroll-left-arrow:before, .module-media-wall .video-item:before {
  content: "\e610";
}

/* line 95, ../../src/assets/css/scss/partials/_typography.scss */
.icon-arrow-down:before {
  content: "\e60f";
}

/* line 99, ../../src/assets/css/scss/partials/_typography.scss */
.icon-cross:before, .fancybox-close:before {
  content: "\e60e";
}

/* line 103, ../../src/assets/css/scss/partials/_typography.scss */
.icon-youtube:before {
  content: "\e60c";
}

/* line 107, ../../src/assets/css/scss/partials/_typography.scss */
.icon-facebook-alt:before {
  content: "\e60b";
}

/* line 111, ../../src/assets/css/scss/partials/_typography.scss */
.icon-banner:before {
  content: "\e601";
}

/* line 115, ../../src/assets/css/scss/partials/_typography.scss */
.icon-circle:before {
  content: "\e602";
}

/* line 119, ../../src/assets/css/scss/partials/_typography.scss */
.icon-eye:before {
  content: "\e603";
}

/* line 123, ../../src/assets/css/scss/partials/_typography.scss */
.icon-horn:before {
  content: "\e604";
}

/* line 127, ../../src/assets/css/scss/partials/_typography.scss */
.icon-torch:before {
  content: "\e605";
}

/* line 131, ../../src/assets/css/scss/partials/_typography.scss */
.slideshow .backward:before,
.icon-arrow-left:before,
.ui-arrow-gold-left:before,
.ui-arrow-white-left:before,
.ui-arrow-rev-left:before,
.intro-hero-details .backward:before,
.fancybox-prev:before,
.newsfilter-prev:before,
.slideshow .backward:before {
  content: "\e606";
}

/* line 136, ../../src/assets/css/scss/partials/_typography.scss */
.slideshow .forward:before,
.icon-arrow-right:before,
.ui-arrow-gold-right:before,
.ui-arrow-white-right:before,
.ui-arrow-rev-right:before,
.intro-hero-details .forward:before,
.fancybox-next:before,
.newsfilter-next:before,
.slideshow .forward:before {
  content: "\e607";
}

/* line 141, ../../src/assets/css/scss/partials/_typography.scss */
.icon-dawn-icon:before {
  content: "\e608";
}

/* line 145, ../../src/assets/css/scss/partials/_typography.scss */
.icon-lock:before {
  content: "\e609";
}

/* line 149, ../../src/assets/css/scss/partials/_typography.scss */
.icon-image:before {
  content: "\e90d";
}

/* line 153, ../../src/assets/css/scss/partials/_typography.scss */
.icon-google-plus:before {
  content: "\ea88";
}

/* line 157, ../../src/assets/css/scss/partials/_typography.scss */
.icon-facebook:before {
  content: "\ea8c";
}

/* line 161, ../../src/assets/css/scss/partials/_typography.scss */
.icon-twitter:before {
  content: "\ea91";
}

/* line 165, ../../src/assets/css/scss/partials/_typography.scss */
.nav-primary.has-subnav:after,
.icon-expand:before {
  content: "\e60a";
}

/* line 170, ../../src/assets/css/scss/partials/_typography.scss */
.icon-pc:before, .in-select.is-pc:before {
  content: "\e615";
}

/* line 174, ../../src/assets/css/scss/partials/_typography.scss */
.icon-arrow-select:after, .in-select:after,
.icon-arrow-select:before,
.in-select:before {
  content: "\e616";
}

/* line 179, ../../src/assets/css/scss/partials/_typography.scss */
.icon-xbox-one:before, .in-select.is-xbox-one:before {
  content: "\e617";
}

/* line 183, ../../src/assets/css/scss/partials/_typography.scss */
.icon-ps4:before, .in-select.is-ps4:before {
  content: "\e618";
}

/* line 187, ../../src/assets/css/scss/partials/_typography.scss */
.icon-alpha:before {
  content: "\e61a";
}

/*
   UI Sprites
   ========================================================================== */
/* line 196, ../../src/assets/css/scss/partials/_typography.scss */
.nav-logo-agegate, .agegate-active div.logo, .nav-logo-mobile, .nav-logo, .esrb {
  display: inline-block;
}

/* line 201, ../../src/assets/css/scss/partials/_typography.scss */
.nav-logo {
  background: url("sprite-logo.png") no-repeat;
  background-position: 0 0;
  width: 216px;
  height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 201, ../../src/assets/css/scss/partials/_typography.scss */
  .nav-logo {
    background: url("sprite-logo@2x.png") no-repeat;
    background-position: 0 0;
    background-size: 300px 300px;
  }
}
@media (min-width: 992px) {
  /* line 213, ../../src/assets/css/scss/partials/_typography.scss */
  body:not(.is-touch) .nav-logo {
    background: url("sprite-logo.png") no-repeat;
    background-position: 0 -150px;
    width: 216px;
    height: 74px;
  }
}
@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 992px) and (min-resolution: 192dpi) {
  /* line 213, ../../src/assets/css/scss/partials/_typography.scss */
  body:not(.is-touch) .nav-logo {
    background: url("sprite-logo@2x.png") no-repeat;
    background-position: 0 -150px;
    background-size: 300px 300px;
  }
}

/* line 227, ../../src/assets/css/scss/partials/_typography.scss */
.nav-logo-agegate, .agegate-active div.logo {
  background: url("sprite-logo.png") no-repeat;
  background-position: 0 0;
  width: 172px;
  height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 227, ../../src/assets/css/scss/partials/_typography.scss */
  .nav-logo-agegate, .agegate-active div.logo {
    background: url("sprite-logo@2x.png") no-repeat;
    background-position: 0 0;
    background-size: 300px 300px;
  }
}

/* line 240, ../../src/assets/css/scss/partials/_typography.scss */
.nav-logo-mobile {
  background: url("sprite-logo.png") no-repeat;
  background-position: 0 -150px;
  width: 83px;
  height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 240, ../../src/assets/css/scss/partials/_typography.scss */
  .nav-logo-mobile {
    background: url("sprite-logo@2x.png") no-repeat;
    background-position: 0 -150px;
    background-size: 300px 300px;
  }
}

/* line 252, ../../src/assets/css/scss/partials/_typography.scss */
.esrb {
  background-position: -18px -77px;
  width: 178px;
  height: 84px;
}

/* ==========================================================================
   Z-index Scale. Z-indes values should always be defined here. This allows
   us to determine, at a glance, relative layers of our application and
   prevent bugs from arrising from arbitrary z-index values.

   Do NOT edit the z-index scale! Only add application scoped z-index values.
   ========================================================================== */
/*
   Z-Index Scale (private vars)
   ========================================================================== */
/*
   Z-Index Applications
   ========================================================================== */
/* line 11, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-hero-default {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  float: none !important;
  margin: 0 auto !important;
  position: relative;
  max-width: 1280px;
}
/* line 12, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.2/sass/susy/output/support/_clearfix.scss */
.grid-hero-default:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 21, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.2/sass/susy/language/susy/_box-sizing.scss */
.grid-hero-default *, .grid-hero-default *:before, .grid-hero-default *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  /* line 22, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  .grid-hero-default .grid-left {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
  /* line 26, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  .grid-hero-default .grid-right {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
}

/*
    wrapper to be used OUTSIDE of any grid. This takes on NO grid settings and will give
    you a white background that stretches the full width of browser, around your grid

   ========================================================================== */
/* line 43, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-wrap-white {
  background-color: #fff;
  color: #000;
  height: 100%;
}

/* line 49, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-wrap-texture, .lay-community, .lay-media-wall, .lay-preorder {
  background: url("bg-texture-white.png") repeat;
}

/* line 53, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-wrap-texture-dark {
  background: url("bg-texture-30.png") repeat, #111111;
  position: relative;
}
/* line 57, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-wrap-texture-dark:before {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  content: "";
  left: 0;
  position: absolute;
  top: -2px;
  width: 100%;
  height: 2px;
}

/* line 62, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-wrap-texture-uplay {
  background: url("bg-spec-tile.png") repeat, url("bg-texture-white.jpg") repeat;
  height: 100%;
}

/* line 67, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-wrap-texture-nda {
  background: url("iframe-nda-bg.png") no-repeat;
  background-size: cover;
  background-position: center;
}

/* line 73, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-wrap-texture-grey {
  background: url("bg-texture-grey.jpg") repeat;
  height: 100%;
}

/* line 78, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-alpha {
  background: #091e26;
}

/* line 82, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-wrap-gradient-light {
  background: #fefefe;
  /* Old browsers */
  background: -moz-linear-gradient(left, #fefefe 48%, #eaeaea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(48%, #fefefe), color-stop(100%, #eaeaea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #fefefe 48%, #eaeaea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #fefefe 48%, #eaeaea 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #fefefe 48%, #eaeaea 100%);
  /* IE10+ */
  background: linear-gradient(to right, #fefefe 48%, #eaeaea 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eaeaea',GradientType=1 );
  /* IE6-9 */
  padding-bottom: 5em;
}

/* line 94, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-clouds {
  background: transparent url("buy-clouds.png") no-repeat top center;
  background-size: contain;
}

/* line 99, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-buy-footer {
  height: 914px;
  margin-top: -880px;
  background: transparent url("buy-footer.png") no-repeat bottom center;
  background-size: contain;
}
@media (min-width: 992px) {
  /* line 99, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  .grid-buy-footer {
    margin-top: -770px;
  }
}

/* line 110, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-hero-slideshow {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 115, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-full-bleed {
  width: 100%;
  height: auto;
}

/* line 119, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-loader {
  position: fixed !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
}

/* line 129, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-full-bleed-parallax {
  background: url("bg-texture-white.png") repeat;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
}
/* line 135, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-full-bleed-parallax:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4B4B4B', endColorstr='#FF4B4B4B');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjUyNTIiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(75, 75, 75, 0.15)), color-stop(25%, rgba(255, 255, 255, 0.15)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(82, 82, 82, 0.15)), color-stop(100%, rgba(75, 75, 75, 0.15)));
  background-image: -moz-linear-gradient(top, rgba(75, 75, 75, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15) 75%, rgba(82, 82, 82, 0.15) 100%, rgba(75, 75, 75, 0.15) 100%);
  background-image: -webkit-linear-gradient(top, rgba(75, 75, 75, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15) 75%, rgba(82, 82, 82, 0.15) 100%, rgba(75, 75, 75, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(75, 75, 75, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15) 75%, rgba(82, 82, 82, 0.15) 100%, rgba(75, 75, 75, 0.15) 100%);
}
/* line 148, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-full-bleed-parallax.agegate-active:after {
  display: none;
}
@media (min-width: 992px) {
  /* line 155, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  body:not(.is-touch) .grid-full-bleed-parallax:before {
    background: url("bg-texture-90-parallax.png") repeat;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0.5px) scale(0.5);
    z-index: 50;
  }
  /* line 167, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  body:not(.is-touch) .grid-full-bleed-parallax.agegate-active:before {
    display: none;
  }
}

/* line 175, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-full-bleed-clean-parallax {
  background: url("bg-texture-white.png") repeat;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 182, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  .grid-full-bleed-clean-parallax:before {
    background: url("bg-texture-90-parallax.png") repeat;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0.5px) scale(0.5);
    z-index: 50;
  }
  /* line 193, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  .grid-full-bleed-clean-parallax.helmet-dawnempire:after {
    background: url("faction-dawn-helmet.png") no-repeat calc(50% - 283px) 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0.2px) scale(0.8);
    z-index: 20;
    z-index: 400;
  }
  /* line 203, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  body:not(.is-touch) .grid-full-bleed-clean-parallax.helmet-dawnempire:after {
    z-index: 600;
  }
  /* line 208, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  .grid-full-bleed-clean-parallax.helmet-ironlegion:after {
    background: url("faction-ironlegion-helmet.png") no-repeat calc(50% - 283px) 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0.2px) scale(0.8);
    z-index: 20;
    z-index: 400;
  }
  /* line 218, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  body:not(.is-touch) .grid-full-bleed-clean-parallax.helmet-ironlegion:after {
    z-index: 600;
  }
  /* line 223, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  .grid-full-bleed-clean-parallax.helmet-stormborn:after {
    background: url("faction-stormborn-helmet.png") no-repeat calc(50% - 283px) 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0.2px) scale(0.8);
    z-index: 20;
    z-index: 400;
  }
  /* line 233, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  body:not(.is-touch) .grid-full-bleed-clean-parallax.helmet-stormborn:after {
    z-index: 600;
  }
}

@media (min-width: 992px) {
  /* line 242, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  #is-ie9 .grid-full-bleed-clean-parallax.helmet-dawnempire:after {
    background: url("faction-dawn-helmet.png") no-repeat 0 0;
  }
  /* line 246, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  #is-ie9 .grid-full-bleed-clean-parallax.helmet-ironlegion:after {
    background: url("faction-ironlegion-helmet.png") no-repeat 0 0;
  }
  /* line 250, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  #is-ie9 .grid-full-bleed-clean-parallax.helmet-stormborn:after {
    background: url("faction-stormborn-helmet.png") no-repeat 0 0;
  }
}

@media (min-width: 992px) {
  /* line 258, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
  body:not(.is-touch) .grid-isolate {
    z-index: 100;
  }
}

/* line 264, ../../src/assets/css/scss/partials/_grid_breakpoints.scss */
.grid-ubibar {
  z-index: 1000;
  position: fixed;
  top: 0px;
  /* &.no-ubibar .lay-ubibar{
    display: none;
  } */
}

/*
   Default objects. Use as defaults or add to / overwrite within a particular
   location. ie: _lists.scss may use .list-foo {.title-section {color: red;}}
   ========================================================================== */
/* line 6, ../../src/assets/css/scss/partials/_extendables.scss */
.title-section {
  color: #000;
  margin: 0 0 0.375em 0;
  text-transform: uppercase;
  font-size: 1.125em;
  line-height: 29.5px;
  letter-spacing: 0em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
}
@media (min-width: 992px) {
  /* line 13, ../../src/assets/css/scss/partials/_extendables.scss */
  body:not(.is-touch) .title-section {
    margin: 0 0 0.4em 0;
  }
}

/* line 19, ../../src/assets/css/scss/partials/_extendables.scss */
.title-section-large {
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 2.25em;
  line-height: 55px;
  letter-spacing: 0em;
}

/* line 26, ../../src/assets/css/scss/partials/_extendables.scss */
.title-hero {
  color: #fff;
  text-transform: uppercase;
  z-index: 100;
  position: relative;
  font-size: 2.5em;
  line-height: 55px;
  letter-spacing: 0.01em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  line-height: 40px;
}
@media (min-width: 768px) {
  /* line 26, ../../src/assets/css/scss/partials/_extendables.scss */
  .title-hero {
    font-size: 5.125em;
    line-height: 102px;
    letter-spacing: 0.01em;
    font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 600;
    margin: 20px 0 5px 0;
  }
}

/* line 43, ../../src/assets/css/scss/partials/_extendables.scss */
.title-sub {
  color: #061419;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  line-height: 31px;
  letter-spacing: 0.012em;
}

/* line 50, ../../src/assets/css/scss/partials/_extendables.scss */
.title-symbol {
  position: relative;
  z-index: 100;
  width: 30%;
  height: auto;
  display: none;
}
@media (min-width: 768px) {
  /* line 50, ../../src/assets/css/scss/partials/_extendables.scss */
  .title-symbol {
    display: inline-block;
    width: inherit;
  }
}

/* line 62, ../../src/assets/css/scss/partials/_extendables.scss */
.title-article {
  color: #061419;
  text-align: center;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 2.5em;
  line-height: 51.5px;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 69, ../../src/assets/css/scss/partials/_extendables.scss */
  body:not(.is-touch) .title-article {
    text-align: left;
  }
}

/* line 75, ../../src/assets/css/scss/partials/_extendables.scss */
.title-price {
  color: #061419;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 2.25em;
  line-height: 61px;
  letter-spacing: 0.1em;
}

/* line 81, ../../src/assets/css/scss/partials/_extendables.scss */
.faction-quote {
  color: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
/* line 87, ../../src/assets/css/scss/partials/_extendables.scss */
.faction-quote .quote {
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 1em;
  line-height: 25px;
  letter-spacing: 0.07em;
}
/* line 92, ../../src/assets/css/scss/partials/_extendables.scss */
.faction-quote .quote-author {
  display: block;
  margin: 1.5625em auto 0 auto;
  position: relative;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 0.875em;
  line-height: 14px;
  letter-spacing: 0.07em;
}
/* line 100, ../../src/assets/css/scss/partials/_extendables.scss */
.faction-quote .quote-author:before {
  background: #8b794d;
  content: '';
  display: block;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  top: -10px;
  width: 120px;
  height: 1px;
}
@media (min-width: 992px) {
  /* line 113, ../../src/assets/css/scss/partials/_extendables.scss */
  body:not(.is-touch) .faction-quote {
    max-width: 45%;
  }
}

/* line 119, ../../src/assets/css/scss/partials/_extendables.scss */
.date-article, .module-news-detail .news_date {
  color: #0b2630;
  font-size: 0.8125em;
  line-height: 24.5px;
  letter-spacing: 0.05em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
}
/* line 125, ../../src/assets/css/scss/partials/_extendables.scss */
.date-article span, .module-news-detail .news_date span {
  display: none !important;
}

/*
   Regular Body copy
   ========================================================================== */
/* line 134, ../../src/assets/css/scss/partials/_extendables.scss */
.body-copy, .module-news-detail p {
  color: #061419;
  margin: 0.9375em auto;
  max-width: 81%;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 21px;
  letter-spacing: 0.05em;
}

/*
   Body Callouts
   - As seen on news details and faction details
   ========================================================================== */
/* line 147, ../../src/assets/css/scss/partials/_extendables.scss */
.body-callout, .body-copy-callout-large, .module-news-detail h3, .body-copy-callout {
  border-bottom: 1px solid rgba(139, 121, 77, 0.3);
  border-top: 1px solid rgba(139, 121, 77, 0.3);
  color: #8b794d;
  margin: 1.875em 0;
  text-align: center;
}

/* line 155, ../../src/assets/css/scss/partials/_extendables.scss */
.body-copy-callout-large, .module-news-detail h3 {
  padding: 2.8125em 0;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.125em;
  line-height: 27px;
  letter-spacing: 0.05em;
}

/* line 162, ../../src/assets/css/scss/partials/_extendables.scss */
.body-copy-callout {
  padding: 1.875em 0;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.75em;
  line-height: 18px;
  letter-spacing: 0.05em;
}

/* line 171, ../../src/assets/css/scss/partials/_extendables.scss */
.break {
  display: block;
  margin: 0 auto;
}

/*
   Gradient Border
   - Thick gradient borders often found behind media items
   ========================================================================== */
/* line 181, ../../src/assets/css/scss/partials/_extendables.scss */
.gradient-border, .list-explore li:after, .list-nav-dots a:after, .module-slider.slideshow .slide-tabs a:after, .slideshow .slide-tabs a:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: url("bg-texture-nav-rollover.png"), linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

/* line 203, ../../src/assets/css/scss/partials/_extendables.scss */
.gradient-border, .list-explore li:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
}

/*
   Gold Text Gradient
   ========================================================================== */
/* line 217, ../../src/assets/css/scss/partials/_extendables.scss */
.ui-arrow-rev:before, .ui-arrow-rev-left:before, .intro-hero-details .backward:before, .fancybox-prev:before, .newsfilter-prev:before, .slideshow .backward:before, .ui-arrow-rev-right:before, .intro-hero-details .forward:before, .fancybox-next:before, .newsfilter-next:before, .slideshow .forward:before, .nav-head-menu .nav-primary:before, .nav .nav-menu .nav-primary:before, .list-social .list-icon {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  color: #8b794d;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 233, ../../src/assets/css/scss/partials/_extendables.scss */
.mobile-slider, .faction-helmets, .faction-classes {
  width: 100%;
  position: relative;
}
/* line 237, ../../src/assets/css/scss/partials/_extendables.scss */
.mobile-slider .mobile-slide, .faction-helmets .mobile-slide, .faction-classes .mobile-slide {
  display: none;
  position: absolute;
  width: 70%;
  bottom: 0px;
  text-align: center;
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
/* line 246, ../../src/assets/css/scss/partials/_extendables.scss */
.mobile-slider .mobile-slide.current, .faction-helmets .mobile-slide.current, .faction-classes .mobile-slide.current {
  display: block;
  left: 15%;
  float: left;
}
/* line 252, ../../src/assets/css/scss/partials/_extendables.scss */
.mobile-slider .mobile-slide.next, .faction-helmets .mobile-slide.next, .faction-classes .mobile-slide.next {
  display: block;
}
/* line 255, ../../src/assets/css/scss/partials/_extendables.scss */
.mobile-slider .mobile-slide.prev, .faction-helmets .mobile-slide.prev, .faction-classes .mobile-slide.prev {
  display: block;
}

/*
   Scroll Down Arrow
   ========================================================================== */
/* line 265, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down {
  bottom: 12px;
  left: 0;
  position: absolute;
  text-align: center;
  z-index: 100;
  width: 100%;
  height: auto;
}
/* line 273, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down:before, .scroll-down:after {
  position: absolute;
}
/* line 279, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down .scroll-right-arrow,
.scroll-down .scroll-left-arrow {
  position: absolute;
  top: -2px;
  font-size: 1.125em;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 287, ../../src/assets/css/scss/partials/_extendables.scss */
  body:not(.is-touch) .scroll-down .scroll-right-arrow, body:not(.is-touch)
  .scroll-down .scroll-left-arrow {
    display: none;
  }
}
/* line 293, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down .scroll-left-arrow {
  left: -20px;
}
/* line 295, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down .scroll-left-arrow:before {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  color: #8b794d;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 307, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down .scroll-right-arrow {
  right: -20px;
}
/* line 309, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down .scroll-right-arrow:before {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  color: #8b794d;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* line 318, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down .scroll-down-arrow {
  display: inline-block;
  color: #fff;
  position: relative;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 0.9375em;
  line-height: 15px;
  letter-spacing: 0.1em;
}
/* line 327, ../../src/assets/css/scss/partials/_extendables.scss */
.scroll-down .ui-icon {
  display: block;
  margin-top: 0.3125em;
  font-size: 0.5em;
  letter-spacing: 0em;
}

/*
   Layout Extenders
   ========================================================================== */
/*
   This should be our default centering layout
   - Should be applied immediatley to the first child of .grid-hero-default
   - Should be @extended to any element that is the first child of .grid-hero-default
   ========================================================================== */
/* line 10, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-center, .lay-media, .lay-footer, .lay-latest-news .intro-body-components, .lay-latest-news .content, .newsfilter, .module-community-wall {
  width: 310.52632%;
  float: left;
  margin-right: 5.26316%;
  float: none !important;
  margin: 0 auto !important;
  max-width: 88%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 19, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-center, body:not(.is-touch) .lay-media, body:not(.is-touch) .lay-footer, body:not(.is-touch) .lay-latest-news .intro-body-components, .lay-latest-news body:not(.is-touch) .intro-body-components, body:not(.is-touch) .lay-latest-news .content, .lay-latest-news body:not(.is-touch) .content, body:not(.is-touch) .newsfilter, body:not(.is-touch) .module-community-wall {
    max-width: 800px;
  }
}

/*
   Layouts
   - We want to keep out styling as much as possible these should just be for
     different layouts we use
     ex. lay-hero (We would use this for the structure of our hero containers)
   ========================================================================== */
/* line 31, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-hero {
  position: relative;
}

/* line 35, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-hero-slider {
  height: 100%;
}

/* line 39, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-register {
  min-height: 43px !important;
  overflow: hidden;
  position: fixed;
  top: 80px;
  z-index: 500;
  width: 100% !important;
  height: auto;
}
/* line 47, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-register.is-active {
  height: 100% !important;
  overflow: visible;
  z-index: 1000;
}
@media (min-width: 992px) {
  /* line 54, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-register {
    left: 50%;
    top: 45px;
    z-index: 500;
    margin-left: -186px !important;
    width: 372px !important;
    height: 133px;
  }
  /* line 59, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-register.is-active {
    z-index: 1000;
  }
  /* line 63, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-register.is-active .js-nav-trigger-wrapper {
    display: none;
  }
}
@media (min-width: 992px) {
  /* line 73, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-register {
    overflow: visible;
  }
}

/* line 79, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nav {
  z-index: 999;
  position: fixed;
  top: 45px;
  width: 100%;
  height: 45px;
}
/* line 86, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nav.is-active {
  top: 45px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
/* line 95, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nav:after {
  background: url("bg-texture-mobile-nav-bar.png") repeat, #061419;
  content: '';
  display: block;
  left: 0;
  position: fixed;
  top: 45px;
  z-index: 900;
  width: 100%;
  height: 45px;
  -moz-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  /* line 107, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-nav:after {
    display: none;
  }
}
/* line 113, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nav .nav-icon {
  display: block;
  opacity: 1;
  position: relative;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 120, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nav .nav-logo {
  position: absolute;
  top: 0;
}
@media (min-width: 992px) {
  /* line 125, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-nav .nav-logo {
    opacity: 1;
    position: absolute;
    left: -5px;
    top: 20px;
  }
}
@media (min-width: 992px) {
  /* line 135, ../../src/assets/css/scss/partials/_layouts.scss */
  .is-uplayconnect body:not(.is-touch) .lay-nav .nav-logo {
    top: 10px;
  }
  /* line 140, ../../src/assets/css/scss/partials/_layouts.scss */
  body.is-nda .lay-nav .nav-logo {
    left: calc( 50% - 108px );
    top: 35px;
  }
}
/* line 147, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nav .nav-fixed.is-logo.is-mobile {
  left: 50%;
  margin-left: -87px;
  position: absolute;
  top: 11px;
  z-index: 1000;
}
@media (min-width: 992px) {
  /* line 157, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-nav .nav-fixed.is-logo.is-mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  /* line 164, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-nav {
    margin-top: 0;
    position: absolute;
    top: 45px;
    z-index: 600;
    width: 100%;
    height: auto;
  }
}

@media (min-width: 992px) {
  /* line 176, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-hero-slider {
    width: 100%;
    height: 100%;
  }
}
/* line 182, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-hero-slider:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
}

@media (min-width: 992px) {
  /* line 191, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-media {
    min-height: 469px !important;
    padding-top: 44px;
    padding-bottom: 93px;
  }
}

/* line 199, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-community {
  padding-bottom: 0.9375em;
}
/* line 202, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-community .intro-body-components {
  margin-top: 2.8125em;
  position: relative;
  z-index: 100;
}
/* line 210, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-community p {
  margin: 1em auto;
  max-width: 768px;
  text-align: left;
  width: 80%;
  height: auto;
}
/* line 218, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-community .icon-banner:before {
  font-size: 2.25em;
  letter-spacing: 0em;
}
/* line 223, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-community .ui-icon.icon-banner.icon-with-circle:after {
  left: -8px;
  top: -25px;
}
/* line 228, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-community .list-internal-nav {
  display: none;
}
@media (min-width: 992px) {
  /* line 233, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-community {
    padding-bottom: 1.25em;
  }
  /* line 236, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-community .intro-body-components {
    margin-top: 9.375em;
  }
  /* line 240, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-community p {
    max-width: 768px;
  }
  /* line 244, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-community .list-internal-nav {
    display: block;
    bottom: -6px;
    margin-top: 0;
    position: absolute;
    right: 0;
  }
}

/* line 259, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-explore-more {
  padding: 3.75em 0;
  position: relative;
  z-index: 100;
}
/* line 265, ../../src/assets/css/scss/partials/_layouts.scss */
.is-home .lay-explore-more:before {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  content: "";
  left: 0;
  position: absolute;
  top: -2px;
  width: 100%;
  height: 2px;
  top: 0;
}
@media (min-width: 768px) {
  /* line 259, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-explore-more {
    padding: 3.75em 0 5em 0;
  }
}
@media (min-width: 992px) {
  /* line 274, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-explore-more {
    padding-top: 44px;
  }
}

/* line 280, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-footer {
  padding-top: 60px;
  text-align: center;
}
@media (min-width: 992px) {
  /* line 285, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-footer {
    min-height: 422px !important;
    padding-top: 59px;
  }
}

/* line 293, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news {
  padding: 0em 0 1.5625em 0;
  position: relative;
  text-align: center;
}
/* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.lay-news:before {
  content: '';
  display: inline-block !important;
  height: 100% !important;
  vertical-align: middle !important;
}
/* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.lay-news .lay-center-vert-horz {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle;
  width: 90% !important;
}
@media (min-width: 768px) {
  /* line 293, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-news {
    height: 580px;
    padding: 0.9375em 0 4.375em 0;
  }
}
@media (min-width: 992px) {
  /* line 304, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-news {
    height: 590px;
    padding: 0.9375em 0 0.3125em 0;
  }
}
/* line 309, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
}
/* line 312, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news .contentsummary .contentsummary-scrollable h3 {
  min-height: 63px;
}
@media (min-width: 992px) {
  /* line 315, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-news .contentsummary .contentsummary-scrollable h3 {
    min-height: 0;
  }
}
/* line 320, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news .contentsummary .contentsummary-scrollable .news_date + p a {
  margin-top: 0.4375em;
  width: auto;
  height: auto;
}
@media (min-width: 768px) {
  /* line 320, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-news .contentsummary .contentsummary-scrollable .news_date + p a {
    width: 150px;
    height: 50px;
  }
}
/* line 331, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news .contentsummary .contentsummary-scrollable .news_date {
  bottom: 137px;
}
@media (min-width: 992px) {
  /* line 334, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-news .contentsummary .contentsummary-scrollable .news_date {
    bottom: 237px;
  }
}
@media (min-width: 768px) {
  /* line 340, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-news .is-hero.contentsummary .contentsummary-scrollable .news_date {
    bottom: 60px;
  }
}
/* line 346, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news .contentsummary .contentsummary-scrollable strong {
  display: none;
}
@media (min-width: 768px) {
  /* line 346, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-news .contentsummary .contentsummary-scrollable strong {
    display: block;
  }
}
@media (min-width: 992px) {
  /* line 352, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-news .contentsummary .contentsummary-scrollable strong {
    display: block;
  }
}

/* line 359, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-hero-faction {
  position: relative;
  width: 100%;
  height: 750px;
  text-align: center;
}
/* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.lay-hero-faction:before {
  content: '';
  display: inline-block !important;
  height: 100% !important;
  vertical-align: middle !important;
}
/* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.lay-hero-faction .lay-center-vert-horz {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle;
  width: 90% !important;
}
/* line 363, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-hero-faction:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
}
/* line 367, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-hero-faction .scroll-left-arrow,
.lay-hero-faction .scroll-right-arrow {
  display: none;
}

/* line 373, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-faction-classes {
  position: relative;
  z-index: 100;
}
@media (min-width: 768px) {
  /* line 373, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-faction-classes {
    *zoom: 1;
  }
  /* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .lay-faction-classes:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
}
@media (min-width: 992px) {
  /* line 381, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-faction-classes {
    width: 310.52632%;
    float: left;
    margin-right: 5.26316%;
    float: none !important;
    margin: 0 auto 100px !important;
    max-width: 990px;
  }
}

/*
.lay-know-your-faction {
  background: url('bg-texture-white.jpg') repeat;
  position: relative;


  @include breakpoint(large) {
    //height: 721px;
  }
  &:after {
    @include gradient-rule(bottom);
    bottom: 0px;
  }
}
*/
/* line 405, ../../src/assets/css/scss/partials/_layouts.scss */
.js-lay-know-your-faction {
  height: calc(100% - 119px);
}
@media (orientation: landscape) {
  /* line 405, ../../src/assets/css/scss/partials/_layouts.scss */
  .js-lay-know-your-faction {
    min-height: 450px;
  }
}
/* line 412, ../../src/assets/css/scss/partials/_layouts.scss */
body:not(.is-touch) .js-lay-know-your-faction {
  height: calc(100% - 45px);
}

/* line 417, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-know-your-faction {
  background: url("faction_bg.jpg") no-repeat center bottom;
  background-size: cover;
  position: relative;
  float: none !important;
  height: 100%;
  /* @include breakpoint(large) {
    body:not(.is-touch) & {
      height: calc( 100% - 45px );
    }
  } */
}
/* line 430, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-know-your-faction:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
}
/* line 435, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-know-your-faction:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#59000000', endColorstr='#59000000');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.15)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.15)));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.15) 100%);
}

/* line 449, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-body-copy, .lay-news-detail .module-news-detail, .lay-news-detail-comments .module-news-detail {
  float: none !important;
  margin: 0 auto !important;
  position: relative;
  z-index: 100;
  width: 90% !important;
  height: auto;
}
@media (min-width: 992px) {
  /* line 456, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-body-copy, body:not(.is-touch) .lay-news-detail .module-news-detail, .lay-news-detail body:not(.is-touch) .module-news-detail, body:not(.is-touch) .lay-news-detail-comments .module-news-detail, .lay-news-detail-comments body:not(.is-touch) .module-news-detail {
    width: 100% !important;
  }
}

/* line 462, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news-detail {
  background: url("bg-texture-news.jpg") repeat;
  position: relative;
  overflow: hidden;
}
/* line 470, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news-detail .news-detail,
.lay-news-detail .module-news-detail {
  z-index: 100;
}
@media (min-width: 992px) {
  /* line 477, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-news-detail:before {
    background: url("bg-texture-90-parallax.png") repeat;
    content: '';
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0.3px) scale(0.7);
    z-index: 30;
  }
  /* line 487, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-news-detail .module-news-detail {
    max-width: 800px;
  }
}

/* line 494, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news-detail-comments {
  background: url("bg-texture-news-comments.jpg") repeat;
}
@media (min-width: 992px) {
  /* line 501, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-news-detail-comments .module-news-detail {
    max-width: 800px;
  }
}

/* line 508, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-news-detail-intro {
  background: url("bg-texture-news.jpg") repeat;
  padding: 24px 0 20px 0;
}
@media (min-width: 992px) {
  /* line 513, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-news-detail-intro .ui-icon {
    padding: 143px 0 20px 0;
    display: inline;
  }
}

/* line 521, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-latest-news {
  position: relative;
  padding: 2.875em 0 0 0;
  z-index: 100;
}
/* line 528, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-latest-news .intro-body-components {
  margin-bottom: 40px !important;
}
@media (min-width: 768px) {
  /* line 521, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-latest-news {
    padding: 2.875em 0 1.875em 0;
  }
}
@media (min-width: 992px) {
  /* line 542, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-latest-news {
    min-height: 469px !important;
    padding: 2.75em 0 4.5em 0;
  }
}
/* line 547, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-latest-news:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
}

/* line 553, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-community {
  position: relative;
}
/* line 557, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-community .module-community-wall {
  position: relative;
  z-index: 100;
}
@media (min-width: 992px) {
  /* line 564, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-community:before {
    background: url("bg-texture-90-parallax.png") repeat;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0.3px) scale(0.7);
    z-index: 30;
  }
}

/* line 578, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-media-wall {
  position: relative;
}
/* line 582, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-media-wall .module-media-wall {
  position: relative;
  z-index: 100;
}
@media (min-width: 992px) {
  /* line 589, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-media-wall:before {
    background: url("bg-texture-90-parallax.png") repeat;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0.3px) scale(0.7);
    z-index: 30;
  }
}

/* line 603, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-communit-header {
  margin-top: 148px;
}

/* line 607, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-ubplay {
  border: none;
  display: block;
  margin: 0 auto;
  max-width: 88%;
}
/* line 612, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-ubplay iframe {
  margin-top: 5em;
  width: 100%;
  height: 1450px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 619, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-ubplay {
    margin: 6.25em auto;
    max-width: 810px;
    text-align: center;
  }
  /* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .lay-ubplay:before {
    content: '';
    display: inline-block !important;
    height: 100% !important;
    vertical-align: middle !important;
  }
  /* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .lay-ubplay .lay-center-vert-horz {
    display: inline-block !important;
    float: none !important;
    vertical-align: middle;
    width: 99% !important;
  }
  /* line 624, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-ubplay iframe {
    margin-top: 0;
    width: 100%;
    height: 800px !important;
  }
}

/* line 632, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nda {
  border: none;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
/* line 637, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nda iframe {
  width: 100%;
  height: 440px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 644, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nda:before {
  background: url("bg-texture-mobile-nav-bar.png") repeat, #061419;
  content: '';
  display: block;
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  position: absolute;
}
@media (min-width: 992px) {
  /* line 644, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-nda:before {
    display: none;
  }
}
@media (orientation: landscape) and (min-width: 700px) {
  /* line 659, ../../src/assets/css/scss/partials/_layouts.scss */
  body.is-touch .lay-nda:before {
    display: block;
  }
}
/* line 665, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nda .is-nda-logo {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 672, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nda .is-nda-logo .nav-logo {
  display: block !important;
  left: calc( 50% - 85px);
  top: 16px;
  position: absolute;
}
@media (orientation: landscape) and (min-width: 700px) {
  /* line 681, ../../src/assets/css/scss/partials/_layouts.scss */
  body.is-touch .lay-nda {
    max-width: 700px;
    height: 540px;
  }
}
@media (min-width: 992px) {
  /* line 689, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-nda {
    margin: 134px auto 0;
    max-width: 700px;
  }
  /* line 694, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-nda .is-nda-logo {
    position: absolute;
    top: 30px;
    left: calc( 50% - 108px );
  }
  /* line 699, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-nda .is-nda-logo .nav-logo {
    left: initial;
    top: 3px;
  }
  /* line 705, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-nda iframe {
    margin-top: 0;
    width: 100%;
    height: 640px !important;
  }
}
/* line 712, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-nda .issues {
  text-align: center;
  color: #fff;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 12.1px;
  margin-top: 13px;
  margin-bottom: 104px;
  display: none;
}
@media (min-width: 992px) {
  /* line 712, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-nda .issues {
    display: block;
  }
}

/* line 727, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-media-filter {
  margin: 4.0625em auto 2.5em auto;
  max-width: 800px;
  position: relative;
  width: 88%;
}
@media (min-width: 992px) {
  /* line 733, ../../src/assets/css/scss/partials/_layouts.scss */
  body:not(.is-touch) .lay-media-filter {
    margin: 2.5em auto;
  }
}

/* line 739, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-loader {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
/* line 742, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-loader img {
  position: absolute;
  opacity: 0;
  top: 0%;
  left: 50%;
  margin-top: -100px;
  margin-left: -75px;
  width: 150px;
  height: 100px;
}

/* line 758, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-preorder .is-desktop {
  display: none;
}
@media (min-width: 992px) {
  /* line 758, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .is-desktop {
    display: block;
  }
}
/* line 766, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-preorder .grid-full {
  clear: both;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 771, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .grid-right,
  .lay-preorder .grid-left {
    float: left;
  }
}
@media (min-width: 992px) {
  /* line 778, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .grid-left {
    width: 60%;
    height: auto;
  }
  /* line 782, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .grid-left .in-select {
    float: left;
    margin: 0 0.125em 0 2px;
  }
  /* line 787, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .grid-left .in-select:first-chid {
    margin-right: 0px;
  }
}
/* line 793, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-preorder .grid-left.is-desktop {
  margin-top: 2.5em;
}
@media (min-width: 992px) {
  /* line 797, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .grid-right {
    width: 37%;
    height: auto;
    float: right;
  }
}
/* line 805, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-preorder .title-hero {
  color: #061419;
  margin: 0.9375em auto 0.625em auto;
  max-width: 88%;
}
@media (min-width: 992px) {
  /* line 805, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .title-hero {
    max-width: 100%;
    font-size: 3em;
    line-height: 68px;
    letter-spacing: 0.01em;
  }
}
/* line 816, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-preorder .title-sub {
  margin: 0.9375em auto 1.875em auto;
  max-width: 88%;
  text-align: center;
}
@media (min-width: 992px) {
  /* line 816, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .title-sub {
    margin: 0.625em 0 0 0;
    font-size: 2em;
    line-height: 47px;
    letter-spacing: 0.01em;
  }
}
/* line 827, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-preorder .body-copy, .lay-preorder .module-news-detail p, .module-news-detail .lay-preorder p {
  margin: 0 auto;
  max-width: 88%;
}
/* line 832, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-preorder .media .game-pack {
  max-width: 85%;
  margin: auto;
}
@media (min-width: 992px) {
  /* line 837, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .grid-desktop {
    padding-top: 6.25em;
  }
}
@media (min-width: 992px) {
  /* line 837, ../../src/assets/css/scss/partials/_layouts.scss */
  .lay-preorder .grid-desktop {
    max-width: 810px;
    margin: 0 auto;
  }
}

/* line 855, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-report-bugs {
  width: 100%;
  height: 600px;
}
/* line 857, ../../src/assets/css/scss/partials/_layouts.scss */
.lay-report-bugs iframe {
  width: 100%;
  height: 100%;
}

/* ==========================================================================
   List mixins
   ========================================================================== */
/*
   Default UI objects. Use as defaults or add to / overwrite within a particular
   location. ie: _lists.scss may use .list-foo {.link-btn {color: red;}}
   ========================================================================== */
/* line 6, ../../src/assets/css/scss/partials/_ui.scss */
.link-btn, .ui-arrow-gold, .ui-arrow-gold-left, .ui-arrow-gold-right, .ui-arrow-white, .ui-arrow-white-left, .ui-arrow-white-right, .nav-pulldown .pulldown-cta, .list-internal-nav .list-cta, .newsfilter-newslist .news_date + p a, .module-community-body .module-cta, .contentsummary .seeAll, .contentsummary .contentsummary-scrollable .news_date + p a, .module-community-wall .hub-list-more, .faction-helmets .mobile-slide a, .agegate-active .submit, .fyre .fyre-login-bar a {
  border: 2px solid transparent;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  z-index: 100;
  -moz-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1), background 1.1s 1s;
  -o-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1), background 1.1s 1s;
  -webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1), background 1.1s;
  -webkit-transition-delay: 0s, 1s;
  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1), background 1.1s 1s;
  width: 150px;
  height: 50px;
}
/* line 18, ../../src/assets/css/scss/partials/_ui.scss */
.link-btn:before, .ui-arrow-gold:before, .ui-arrow-gold-left:before, .ui-arrow-gold-right:before, .ui-arrow-white:before, .ui-arrow-white-left:before, .ui-arrow-white-right:before, .nav-pulldown .pulldown-cta:before, .list-internal-nav .list-cta:before, .newsfilter-newslist .news_date + p a:before, .module-community-body .module-cta:before, .contentsummary .seeAll:before, .contentsummary .contentsummary-scrollable .news_date + p a:before, .module-community-wall .hub-list-more:before, .faction-helmets .mobile-slide a:before, .agegate-active .submit:before, .fyre .fyre-login-bar a:before {
  background: url("btn-texture.png") repeat center center, #82651c;
  /* Old browsers */
  background: url("btn-texture.png") repeat center center, -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: url("btn-texture.png") repeat center center, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: url("btn-texture.png") repeat center center, -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: url("btn-texture.png") repeat center center, -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: url("btn-texture.png") repeat center center, -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: url("btn-texture.png") repeat center center, linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
}
/* line 35, ../../src/assets/css/scss/partials/_ui.scss */
.link-btn:after, .ui-arrow-gold:after, .ui-arrow-gold-left:after, .ui-arrow-gold-right:after, .ui-arrow-white:after, .ui-arrow-white-left:after, .ui-arrow-white-right:after, .nav-pulldown .pulldown-cta:after, .list-internal-nav .list-cta:after, .newsfilter-newslist .news_date + p a:after, .module-community-body .module-cta:after, .contentsummary .seeAll:after, .contentsummary .contentsummary-scrollable .news_date + p a:after, .module-community-wall .hub-list-more:after, .faction-helmets .mobile-slide a:after, .agegate-active .submit:after, .fyre .fyre-login-bar a:after {
  border: 2px solid #8b794d;
  content: '';
  position: absolute;
  display: block;
  z-index: -100;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 2.5px 0 2.5px;
  border-color: #fff transparent transparent transparent;
  -moz-transform: translate3d(-30%, -150px, 0) rotate3d(0, 0, 1, -45deg);
  -ms-transform: translate3d(-30%, -150px, 0) rotate3d(0, 0, 1, -45deg);
  -webkit-transform: translate3d(-30%, -150px, 0) rotate3d(0, 0, 1, -45deg);
  transform: translate3d(-30%, -150px, 0) rotate3d(0, 0, 1, -45deg);
  -moz-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 992px) {
  /* line 49, ../../src/assets/css/scss/partials/_ui.scss */
  body:not(.is-touch) .link-btn:hover, body:not(.is-touch) .ui-arrow-gold:hover, body:not(.is-touch) .ui-arrow-gold-left:hover, body:not(.is-touch) .ui-arrow-gold-right:hover, body:not(.is-touch) .ui-arrow-white:hover, body:not(.is-touch) .ui-arrow-white-left:hover, body:not(.is-touch) .ui-arrow-white-right:hover, body:not(.is-touch) .nav-pulldown .pulldown-cta:hover, .nav-pulldown body:not(.is-touch) .pulldown-cta:hover, body:not(.is-touch) .list-internal-nav .list-cta:hover, .list-internal-nav body:not(.is-touch) .list-cta:hover, body:not(.is-touch) .newsfilter-newslist .news_date + p a:hover, .newsfilter-newslist .news_date + p body:not(.is-touch) a:hover, body:not(.is-touch) .module-community-body .module-cta:hover, .module-community-body body:not(.is-touch) .module-cta:hover, body:not(.is-touch) .contentsummary .seeAll:hover, .contentsummary body:not(.is-touch) .seeAll:hover, body:not(.is-touch) .contentsummary .contentsummary-scrollable .news_date + p a:hover, .contentsummary .contentsummary-scrollable .news_date + p body:not(.is-touch) a:hover, body:not(.is-touch) .module-community-wall .hub-list-more:hover, .module-community-wall body:not(.is-touch) .hub-list-more:hover, body:not(.is-touch) .faction-helmets .mobile-slide a:hover, .faction-helmets .mobile-slide body:not(.is-touch) a:hover, body:not(.is-touch) .agegate-active .submit:hover, .agegate-active body:not(.is-touch) .submit:hover, body:not(.is-touch) .fyre .fyre-login-bar a:hover, .fyre .fyre-login-bar body:not(.is-touch) a:hover {
    border: 2px solid #b9a564;
    color: #8b794d;
  }
  /* line 55, ../../src/assets/css/scss/partials/_ui.scss */
  body:not(.is-touch) .link-btn:hover:after, body:not(.is-touch) .ui-arrow-gold:hover:after, body:not(.is-touch) .ui-arrow-gold-left:hover:after, body:not(.is-touch) .ui-arrow-gold-right:hover:after, body:not(.is-touch) .ui-arrow-white:hover:after, body:not(.is-touch) .ui-arrow-white-left:hover:after, body:not(.is-touch) .ui-arrow-white-right:hover:after, body:not(.is-touch) .nav-pulldown .pulldown-cta:hover:after, .nav-pulldown body:not(.is-touch) .pulldown-cta:hover:after, body:not(.is-touch) .list-internal-nav .list-cta:hover:after, .list-internal-nav body:not(.is-touch) .list-cta:hover:after, body:not(.is-touch) .newsfilter-newslist .news_date + p a:hover:after, .newsfilter-newslist .news_date + p body:not(.is-touch) a:hover:after, body:not(.is-touch) .module-community-body .module-cta:hover:after, .module-community-body body:not(.is-touch) .module-cta:hover:after, body:not(.is-touch) .contentsummary .seeAll:hover:after, .contentsummary body:not(.is-touch) .seeAll:hover:after, body:not(.is-touch) .contentsummary .contentsummary-scrollable .news_date + p a:hover:after, .contentsummary .contentsummary-scrollable .news_date + p body:not(.is-touch) a:hover:after, body:not(.is-touch) .module-community-wall .hub-list-more:hover:after, .module-community-wall body:not(.is-touch) .hub-list-more:hover:after, body:not(.is-touch) .faction-helmets .mobile-slide a:hover:after, .faction-helmets .mobile-slide body:not(.is-touch) a:hover:after, body:not(.is-touch) .agegate-active .submit:hover:after, .agegate-active body:not(.is-touch) .submit:hover:after, body:not(.is-touch) .fyre .fyre-login-bar a:hover:after, .fyre .fyre-login-bar body:not(.is-touch) a:hover:after {
    -moz-transform: translate3d(-16%, -160px, 0) rotate3d(0, 0, 1, -45deg);
    -ms-transform: translate3d(-16%, -160px, 0) rotate3d(0, 0, 1, -45deg);
    -webkit-transform: translate3d(-16%, -160px, 0) rotate3d(0, 0, 1, -45deg);
    transform: translate3d(-16%, -160px, 0) rotate3d(0, 0, 1, -45deg);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 350px 155px 0 155px;
    border-color: #fff transparent transparent transparent;
  }
}

/*.ui-play[role="button"] {
  display: block;
  margin: 0 auto;
  position: relative;
  @include size(90px);
  @include font-size(48);

  &:before {
    position: relative;
    z-index: 1;
  }

  &:after {
    border: 2px solid $color-white;
    border-radius: 50%;
    content: '';
    display: block;
    left: -14px;
    position: absolute;
    top: -17px;
    z-index: 0;
    @include size(100%);
    @include transition(0.5s, ease-in);
  }

  @include breakpoint(large) {

    &:hover:after {
      @include transform-origin(50%);
      @include transform(scale(0.15));
      @include transition(0.5s, ease-in);
    }
  }
}*/
/* line 101, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play {
  position: relative;
  display: block;
  margin: 20px auto;
  width: 100%;
  height: 90px;
  max-width: 90px;
  text-transform: uppercase;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: block;
}
@media (min-width: 992px) {
  /* line 116, ../../src/assets/css/scss/partials/_ui.scss */
  body:not(.is-touch) .ui-play {
    width: 90px;
    height: 90px;
  }
}
/* line 121, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play:before, .ui-play:after {
  box-sizing: border-box;
  -moz-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
/* line 126, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 138, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
/* line 151, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play .ui-icon:before {
  background: url("btn-texture.png") repeat center center, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  background: url("btn-texture.png") repeat center center, -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  color: #8b794d;
  left: 6px;
  position: relative;
  top: 18px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-transition: 0.7s, ease-in;
  -o-transition: 0.7s, ease-in;
  -webkit-transition: 0.7s, ease-in;
  transition: 0.7s, ease-in;
}
@media (min-width: 992px) {
  /* line 163, ../../src/assets/css/scss/partials/_ui.scss */
  body:not(.is-touch) .ui-play .ui-icon:before {
    top: 29px;
  }
}
/* line 169, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play:hover {
  color: white;
}
/* line 171, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play:hover:before, .ui-play:hover:after {
  border-width: 90px 94.5px;
}
/* line 176, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play:hover .ui-icon:before {
  background: url("btn-texture.png") repeat center center, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #debf72), color-stop(100%, #debf72));
  background: url("btn-texture.png") repeat center center, -webkit-linear-gradient(45deg, #debf72 0%, #debf72 100%);
  color: #debf72;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* line 184, ../../src/assets/css/scss/partials/_ui.scss */
.ui-play:active {
  background: #fff;
}

/* 
   UI Preorder CTA
   ========================================================================== */
/* line 192, ../../src/assets/css/scss/partials/_ui.scss */
.ui-preorder-cta {
  background-color: #0b2630;
  background: #1a495b;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(26, 73, 91, 0.8) 0%, rgba(11, 38, 48, 0.8) 100%), #0b2630;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(26, 73, 91, 0.8)), color-stop(100%, rgba(11, 38, 48, 0.8))), #0b2630;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(26, 73, 91, 0.8) 0%, rgba(11, 38, 48, 0.8) 100%), #0b2630;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(26, 73, 91, 0.8) 0%, rgba(11, 38, 48, 0.8) 100%), #0b2630;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(26, 73, 91, 0.8) 0%, rgba(11, 38, 48, 0.8) 100%), #0b2630;
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(26, 73, 91, 0.8) 0%, rgba(11, 38, 48, 0.8) 100%), #0b2630;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a495b', endColorstr='#0b2630',GradientType=0 );
  /* IE6-9 */
  bottom: 0;
  color: #fff;
  left: 0;
  position: fixed;
  text-align: center;
  text-transform: uppercase;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 0.9375em;
  line-height: 31px;
  letter-spacing: 0em;
  width: 100%;
  height: 30px;
}
@media (min-width: 992px) {
  /* line 192, ../../src/assets/css/scss/partials/_ui.scss */
  .ui-preorder-cta {
    background: #0e2e3a;
    bottom: auto;
    left: auto;
    right: 30px;
    text-align: left;
    top: 75px;
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.35);
    width: auto;
    height: 40px;
    font-size: 0.9375em;
    line-height: 43px;
    letter-spacing: 0.1em;
    padding-right: 60px;
  }
}
@media (orientation: landscape) {
  /* line 192, ../../src/assets/css/scss/partials/_ui.scss */
  .ui-preorder-cta {
    top: 165px;
  }
}
/* line 230, ../../src/assets/css/scss/partials/_ui.scss */
.is-buy .ui-preorder-cta {
  display: none;
}
/* line 234, ../../src/assets/css/scss/partials/_ui.scss */
.ui-preorder-cta .ui-icon {
  margin-left: 0.3125em;
  font-size: 0.4375em;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 239, ../../src/assets/css/scss/partials/_ui.scss */
  .ui-preorder-cta .ui-text {
    padding-left: 1.25em;
  }
}
/* line 245, ../../src/assets/css/scss/partials/_ui.scss */
.ui-preorder-cta .more {
  display: none;
}
@media (min-width: 992px) {
  /* line 245, ../../src/assets/css/scss/partials/_ui.scss */
  .ui-preorder-cta .more {
    background: url("boxart-preorder-cta.png");
    display: block;
    position: absolute;
    right: -10px;
    top: -26px;
    z-index: 100;
    width: 76px;
    height: 98px;
  }
}
/* line 259, ../../src/assets/css/scss/partials/_ui.scss */
.ui-preorder-cta:before {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  content: "";
  left: 0;
  position: absolute;
  top: -2px;
  width: 100%;
  height: 2px;
}
@media (min-width: 992px) {
  /* line 259, ../../src/assets/css/scss/partials/_ui.scss */
  .ui-preorder-cta:before {
    content: '';
    left: -6px;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0 6px;
    border-color: #0e2e3a transparent transparent transparent;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}
/* line 272, ../../src/assets/css/scss/partials/_ui.scss */
.ui-preorder-cta:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
}
/* line 276, ../../src/assets/css/scss/partials/_ui.scss */
.ui-preorder-cta:hover {
  background: #fff;
  color: #82651d;
}
/* line 281, ../../src/assets/css/scss/partials/_ui.scss */
.ui-preorder-cta:hover:before {
  border-top-color: #fff;
}

/*
.ui-play {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  border: 2px solid $color-white;
  border-radius: 50%;
  @include size(90px);
  display: block;

  .ui-icon:before {
    background: url('btn-texture.png') repeat center center, -webkit-gradient(linear, left bottom, right top, color-stop(0%,#82651c), color-stop(100%,#debf72));
    background: url('btn-texture.png') repeat center center, -webkit-linear-gradient(45deg,  #82651c 0%,#debf72 100%);
    color: $color-gold-50;
    left: 6px;
    position: relative;
    top: 29px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    @include transition(0.7s, ease-in);
  }

  &:after {
    border: 2px solid $color-gold-50;
    content: '';
    position: absolute;
    display: block;
    z-index: $zIndex-neg--button-effects;
    //@include size(200px, 5px);
    @include triangle(bottom, $color-white, 5px, 100px);
    @include transform(translate3d(-30%,-150px,0) rotate3d(0,0,1,-45deg));
    @include transition(all 0.7s cubic-bezier(.19,1,.22,1));
  }

  @include breakpoint(large) {
    &:hover {
      //background: $color-white;
      border: 2px solid $color-gold-60;
      color: $color-gold-50;
    }

    &:hover:after {
      @include transform(translate3d(-16%,-160px,0) rotate3d(0,0,1,-45deg));
      @include triangle(bottom, $color-white, 310px, 350px);
      //@include transform(translate3d(100%,25px,0) rotate3d(0,0,1,-45deg));
      //@include triangle(bottom, $color-white, 150px, 200px);
      //@include size(400px, 100px);
    }
  }
}*/
/*
   UI Icon
   Our SVG icons found throughout the site
   ========================================================================== */
/* line 344, ../../src/assets/css/scss/partials/_ui.scss */
.ui-icon {
  position: relative;
}
/* line 348, ../../src/assets/css/scss/partials/_ui.scss */
.ui-icon:before {
  position: relative;
  z-index: 100;
  font-size: 1.75em;
  letter-spacing: 0em;
}
/* line 355, ../../src/assets/css/scss/partials/_ui.scss */
.ui-icon.icon-with-circle:after {
  content: "\e602";
  display: block;
  left: -3px;
  position: absolute;
  top: -20px;
  font-size: 3.125em;
  letter-spacing: 0em;
}
/* line 364, ../../src/assets/css/scss/partials/_ui.scss */
.ui-icon.icon-banner.icon-with-circle:after {
  left: -9px;
}

/* 
   UPlay UI
   ========================================================================== */
/* line 372, ../../src/assets/css/scss/partials/_ui.scss */
.ui-uplay {
  color: #061419;
  font-size: 2.5625em;
  letter-spacing: 0em;
  background-image: url("uplay_shop.png");
  width: 120px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}

/*
   UI Arrows
   - Previous and next arrows
   - As seen on carousels and pagination of news
   ========================================================================== */
/* line 390, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow, .ui-arrow-gold, .ui-arrow-gold-left, .ui-arrow-gold-right, .ui-arrow-white, .ui-arrow-white-left, .ui-arrow-white-right, .ui-arrow-rev, .ui-arrow-rev-left, .intro-hero-details .backward, .fancybox-prev, .newsfilter-prev, .slideshow .backward, .ui-arrow-rev-right, .intro-hero-details .forward, .fancybox-next, .newsfilter-next, .slideshow .forward {
  clear: both;
  display: block;
  float: right;
  position: relative;
  text-indent: -99999px;
}

/* line 398, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-gold-left:before,
.ui-arrow-gold-right:before,
.ui-arrow-left:before,
.ui-arrow-right:before {
  position: absolute;
  text-indent: 0;
  top: 12px;
}

/* line 407, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-gold-left:before {
  left: 14px;
}

/* line 411, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-gold-right:before {
  left: 11px;
}

/* line 415, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-gold-left:after,
.ui-arrow-gold-right:after, .ui-arrow-white-left:after,
.ui-arrow-white-right:after, .ui-arrow-rev-left:after, .intro-hero-details .backward:after, .fancybox-prev:after, .newsfilter-prev:after, .slideshow .backward:after,
.ui-arrow-rev-right:after,
.intro-hero-details .forward:after,
.fancybox-next:after,
.newsfilter-next:after,
.slideshow .forward:after {
  content: '';
  display: block;
  left: -6px;
  position: absolute;
  top: 0;
}

/* line 427, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-gold-right, .ui-arrow-white-right, .ui-arrow-rev-right, .intro-hero-details .forward, .fancybox-next, .newsfilter-next, .slideshow .forward {
  margin-top: 0.0625em;
}

/* line 439, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-gold-left:after,
.ui-arrow-gold-right:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 6px;
  border-color: #8e773c transparent transparent transparent;
}

/* line 445, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-gold-left {
  width: 44px;
  height: 40px;
}

/* line 451, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-gold-right {
  width: 38px;
  height: 40px;
}

/* line 463, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-white-left:after,
.ui-arrow-white-right:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 6px;
  border-color: #8e773c transparent transparent transparent;
}

/* line 469, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-white-left {
  width: 44px;
  height: 40px;
}

/* line 475, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-white-right {
  width: 38px;
  height: 40px;
}

/* line 482, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-rev, .ui-arrow-rev-left, .intro-hero-details .backward, .fancybox-prev, .newsfilter-prev, .slideshow .backward, .ui-arrow-rev-right, .intro-hero-details .forward, .fancybox-next, .newsfilter-next, .slideshow .forward {
  background: url("bg-texture-slider-white.png"), #fff;
}
/* line 485, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-rev:before, .ui-arrow-rev-left:before, .intro-hero-details .backward:before, .fancybox-prev:before, .newsfilter-prev:before, .slideshow .backward:before, .ui-arrow-rev-right:before, .intro-hero-details .forward:before, .fancybox-next:before, .newsfilter-next:before, .slideshow .forward:before {
  text-indent: 0;
}

/* line 491, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-rev-left:after, .intro-hero-details .backward:after, .fancybox-prev:after, .newsfilter-prev:after, .slideshow .backward:after,
.ui-arrow-rev-right:after,
.intro-hero-details .forward:after,
.fancybox-next:after,
.newsfilter-next:after,
.slideshow .forward:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 6px;
  border-color: #fbfbfb transparent transparent transparent;
}

/* line 497, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-rev-left, .intro-hero-details .backward, .fancybox-prev, .newsfilter-prev, .slideshow .backward {
  width: 44px;
  height: 40px;
}

/* line 503, ../../src/assets/css/scss/partials/_ui.scss */
.ui-arrow-rev-right, .intro-hero-details .forward, .fancybox-next, .newsfilter-next, .slideshow .forward {
  width: 38px;
  height: 40px;
}

/* ==========================================================================
 Modual Intro's
 ========================================================================== */
/* line 6, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components {
  text-align: center;
}
/* line 9, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components .ui-icon {
  color: #fff;
}
/* line 13, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components .icon-alpha:before {
  position: relative;
  left: 12px;
}
/* line 18, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components .ui-icon.icon-with-circle:after {
  color: #061419;
}
/* line 23, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components .intro-list-links {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  margin: 1.25em 0 0 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1.25em;
  line-height: 14px;
  letter-spacing: 0em;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.intro-body-components .intro-list-links:after {
  content: "";
  display: table;
  clear: both;
}
/* line 31, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components .intro-list-links li {
  display: inline-block;
}
/* line 35, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components .intro-list-links li:last-child {
  margin-right: 0;
}
/* line 39, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components .intro-list-links a {
  border-bottom: 2px solid transparent;
  color: #8b794d;
  margin-right: 0.3125em;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 47, ../../src/assets/css/scss/partials/_intros.scss */
.intro-body-components .intro-list-links a.is-active,
.intro-body-components .intro-list-links a:hover {
  border-bottom: 2px solid #061419;
  color: #061419;
}

/* line 56, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-components {
  text-align: center;
}
/* line 59, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-components .ui-icon {
  color: #061419;
  display: none;
}
@media (min-width: 992px) {
  /* line 64, ../../src/assets/css/scss/partials/_intros.scss */
  body:not(.is-touch) .intro-hero-components .ui-icon {
    display: inline-block;
  }
}
/* line 70, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-components .ui-icon.icon-with-circle:after {
  color: #fff;
}
/* line 75, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-components .icon-eye.icon-with-circle:after {
  left: -7px;
}
/* line 79, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-components .title-section {
  color: #fff;
  padding-top: 1.875em;
}
@media (min-width: 768px) {
  /* line 79, ../../src/assets/css/scss/partials/_intros.scss */
  .intro-hero-components .title-section {
    padding-top: 0;
  }
}
/* line 87, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-components .ui-icon.icon-with-circle:after {
  top: -9px;
}

/* line 95, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .ui-arrow, .intro-hero-details .ui-arrow-gold, .intro-hero-details .ui-arrow-gold-left, .intro-hero-details .ui-arrow-gold-right, .intro-hero-details .ui-arrow-white, .intro-hero-details .ui-arrow-white-left, .intro-hero-details .ui-arrow-white-right, .intro-hero-details .ui-arrow-rev, .intro-hero-details .ui-arrow-rev-left, .intro-hero-details .backward, .intro-hero-details .fancybox-prev, .intro-hero-details .newsfilter-prev, .intro-hero-details .ui-arrow-rev-right, .intro-hero-details .forward, .intro-hero-details .fancybox-next, .intro-hero-details .newsfilter-next {
  display: none;
}
/* line 99, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .list-nav-dots, .intro-hero-details .slideshow .slide-tabs, .slideshow .intro-hero-details .slide-tabs {
  bottom: 50px;
  left: 0;
  position: absolute;
}
/* line 105, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .hero-image {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 90%;
  max-width: inherit;
}
@media (min-width: 768px) {
  /* line 105, ../../src/assets/css/scss/partials/_intros.scss */
  .intro-hero-details .hero-image {
    height: 100%;
  }
}
/* line 116, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .forward,
.intro-hero-details .backward {
  display: none;
  font-size: 100%;
  position: absolute;
  right: 0px;
  text-indent: 0;
  top: 50%;
  z-index: 100;
}
@media (min-width: 768px) {
  /* line 116, ../../src/assets/css/scss/partials/_intros.scss */
  .intro-hero-details .forward,
  .intro-hero-details .backward {
    display: block;
  }
}
/* line 129, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .forward.is-over,
.intro-hero-details .backward.is-over {
  background: #8b6f29 url("bg-texture-nav-rollover.png");
}
/* line 134, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .forward.is-over:before,
.intro-hero-details .backward.is-over:before {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));
  background: -webkit-linear-gradient(45deg, #fff 0%, #fff 100%);
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* line 142, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .forward.is-over:after,
.intro-hero-details .backward.is-over:after {
  border-color: #8b6f29 transparent transparent transparent;
}
/* line 148, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .forward .video img, .intro-hero-details .forward .video video,
.intro-hero-details .backward .video img,
.intro-hero-details .backward .video video {
  width: 169px;
  height: 95px;
  position: relative;
  top: 2px;
  left: 2px;
}
/* line 158, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .backward:before,
.intro-hero-details .forward:before {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.125em;
  letter-spacing: 0em;
}
/* line 166, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .backward {
  margin-top: 42px;
}
/* line 170, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .backward:before {
  right: 21px;
  top: 10px;
}
/* line 175, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .backward .video {
  background: url("bg-texture-nav-rollover.png"), linear-gradient(135deg, #82651c 0%, #debf72 100%);
  position: absolute;
  width: 173px;
  height: 99px;
  left: 44px;
  top: 0px;
}
/* line 185, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .forward {
  right: 0px;
  width: 50px;
}
/* line 190, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .forward:before {
  right: 21px;
  top: 11px;
}
/* line 195, ../../src/assets/css/scss/partials/_intros.scss */
.intro-hero-details .forward .video {
  background: url("bg-texture-nav-rollover.png"), linear-gradient(45deg, #82651c 0%, #debf72 100%);
  position: absolute;
  width: 173px;
  height: 99px;
  left: 50px;
  bottom: 0px;
}

/* line 208, ../../src/assets/css/scss/partials/_intros.scss */
.intro-center .title-article {
  text-align: center;
}

/* line 213, ../../src/assets/css/scss/partials/_intros.scss */
.intro-pullnav {
  color: #fff;
  margin-top: 0.3125em;
  text-align: center;
}
/* line 218, ../../src/assets/css/scss/partials/_intros.scss */
.intro-pullnav .ui-icon:before {
  color: #000;
}
/* line 222, ../../src/assets/css/scss/partials/_intros.scss */
.intro-pullnav .title-section-large {
  margin: 0 0 0.125em 0;
}
/* line 226, ../../src/assets/css/scss/partials/_intros.scss */
.intro-pullnav .ui-icon.icon-banner.icon-with-circle:after {
  left: -12px;
}
@media (min-width: 768px) {
  /* line 213, ../../src/assets/css/scss/partials/_intros.scss */
  .intro-pullnav {
    margin-top: 0;
  }
  /* line 233, ../../src/assets/css/scss/partials/_intros.scss */
  .intro-pullnav .title-section-large {
    margin: 0.625em 0 0.375em 0;
  }
}

/* line 241, ../../src/assets/css/scss/partials/_intros.scss */
.intro-filter {
  position: absolute;
}

/* line 245, ../../src/assets/css/scss/partials/_intros.scss */
.intro-media {
  text-align: center;
}
/* line 248, ../../src/assets/css/scss/partials/_intros.scss */
.intro-media .ui-icon {
  color: #fff;
}
/* line 252, ../../src/assets/css/scss/partials/_intros.scss */
.intro-media .ui-icon.icon-with-circle:after {
  color: #061419;
}

/* line 259, ../../src/assets/css/scss/partials/_intros.scss */
.intro-media-wall .ui-icon {
  display: inline-block;
}

/* ==========================================================================
   Hero Covers
   - All static full bleed hero covers used throughout the site
   ========================================================================== */
/**
 * TODO
 */
/**
 * Are we going to be doing article intro effects on all hero images? If so this will be obsolete
 */
/* line 13, ../../src/assets/css/scss/partials/_covers.scss */
.cover {
  background-size: cover !important;
}

/* line 17, ../../src/assets/css/scss/partials/_covers.scss */
.cover-news-landing {
  background: url("bg-news.jpg") no-repeat center center;
}

/* line 21, ../../src/assets/css/scss/partials/_covers.scss */
.cover-faction-dawn {
  background: url("faction-dawn-bg-hero.jpg") no-repeat right center;
}

/* line 25, ../../src/assets/css/scss/partials/_covers.scss */
.cover-faction-stormborn {
  background: url("faction-stormborn-bg-hero.jpg") no-repeat right center;
}
/* line 28, ../../src/assets/css/scss/partials/_covers.scss */
.cover-faction-stormborn .title-symbol {
  width: 135px;
  height: 180px;
}

/* line 33, ../../src/assets/css/scss/partials/_covers.scss */
.cover-faction-ironlegion {
  background: url("faction-ironlegion-bg-hero.jpg") no-repeat right center;
}
/* line 36, ../../src/assets/css/scss/partials/_covers.scss */
.cover-faction-ironlegion .title-symbol {
  margin-bottom: -20px;
}

/* line 41, ../../src/assets/css/scss/partials/_covers.scss */
.cover-media {
  background: url("bg-media.png") no-repeat right center;
}
/* line 45, ../../src/assets/css/scss/partials/_covers.scss */
.cover-media .scroll-left-arrow,
.cover-media .scroll-right-arrow {
  display: none;
}
/* line 49, ../../src/assets/css/scss/partials/_covers.scss */
.cover-media .intro-media-wall {
  margin-top: -40px;
}
/* line 52, ../../src/assets/css/scss/partials/_covers.scss */
.cover-media .intro-media-wall .title-hero {
  margin-top: 0px;
}
@media (min-width: 992px) {
  /* line 49, ../../src/assets/css/scss/partials/_covers.scss */
  .cover-media .intro-media-wall {
    margin-top: inherit;
  }
  /* line 57, ../../src/assets/css/scss/partials/_covers.scss */
  .cover-media .intro-media-wall .title-hero {
    margin: 20px 0 5px 0;
  }
}
/* line 63, ../../src/assets/css/scss/partials/_covers.scss */
.cover-media .icon-eye {
  display: none;
}
@media (min-width: 992px) {
  /* line 63, ../../src/assets/css/scss/partials/_covers.scss */
  .cover-media .icon-eye {
    display: inline-block;
  }
}
/* line 70, ../../src/assets/css/scss/partials/_covers.scss */
.cover-media .lay-center-vert-horz > img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* line 1, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  background: url("bg-texture-nav-mobile.png") repeat, #061419;
  border-right: 2px solid #7e6f48;
  margin-bottom: 0.0625em;
  max-height: 0;
  position: relative;
  text-transform: uppercase;
  z-index: 600;
  -webkit-transform: translate3d(0, 0, 0);
  width: 82%;
  height: 84px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  line-height: 27px;
  letter-spacing: 0.1em;
  opacity: 0;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.nav-head-menu:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 992px) {
  /* line 193, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .nav-head-menu {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 21, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu li {
  display: inline-block;
  width: 100%;
  height: auto;
}
/* line 26, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu .list-link {
  color: #8b794d;
  padding-right: 1.5625em;
  position: relative;
  top: 31px;
}
/* line 33, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu .nav-primary {
  color: #8b794d;
  display: block;
  position: relative;
  -moz-transition: margin 0.3s, padding 0.3s, width 0.3s, height 0.3s;
  -o-transition: margin 0.3s, padding 0.3s, width 0.3s, height 0.3s;
  -webkit-transition: margin 0.3s, padding 0.3s, width 0.3s, height 0.3s;
  transition: margin 0.3s, padding 0.3s, width 0.3s, height 0.3s;
  width: 100%;
  height: 85px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 41, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu .nav-primary:before {
  position: absolute;
  top: 40px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 48, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu .nav-primary:before {
  left: 20px;
}
/* line 53, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu .nav-primary.icon-uplay-u:before {
  left: 21px;
  top: 18px;
  font-size: 2.5em;
  letter-spacing: 0em;
}
/* line 60, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu .nav-label {
  display: inline-block;
  margin: 1.75em 0 0 4.25em;
  font-size: 1.125em;
  line-height: 18px;
  letter-spacing: 0.1em;
}
/* line 66, ../../src/assets/css/scss/partials/_nav.scss */
.nav-head-menu .nav-icon {
  margin: 1.0625em 0 0 1.25em;
}
@media (min-width: 992px) {
  /* line 71, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav-head-menu {
    display: none;
  }
}

/* line 77, ../../src/assets/css/scss/partials/_nav.scss */
.nav {
  left: 0;
  position: fixed;
  top: 45px;
  z-index: 600;
  width: 100%;
  height: auto;
    /*&:after {
      background: url('bg-texture-mobile-nav-bar.png') repeat, $color-grey-20;
      content: '';
      display: block;
      left: 0;
      position: fixed;
      top: 0;
      z-index: $zIndex-9--mobile-nav-bar;
      @include size(100%, 45px);
      @include box-shadow(1px 3px 3px 0px rgba($color-black,0.5));

      @include breakpoint(large) {
        body:not(.is-touch) & {
          display: none;
        }
      }
    }*/
}
/* line 84, ../../src/assets/css/scss/partials/_nav.scss */
.nav:before {
  background: rgba(0, 0, 0, 0.75);
  content: '';
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 800;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  width: 0;
  height: 0;
}
/* line 115, ../../src/assets/css/scss/partials/_nav.scss */
.nav .progress-bar {
  background: rgba(139, 121, 77, 0.6);
  content: '';
  display: block;
  left: 42px;
  position: fixed;
  top: 0;
  width: 1px;
  height: 0%;
}
@media (min-width: 992px) {
  /* line 130, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-fixed.is-social {
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50%;
    position: fixed;
          /* &.is-dark{
            .list-social{
              li{
                &:after{
                  background: $color-black;
                }
                a{
                  color: $color-black !important;
                  //text-shadow: 0px 1px 2px rgba($color-black, 0.15);

                  &:hover {
                    color: $color-nav-hover;
                    &:before {
                      background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#debf72), color-stop(100%,#debf72));
                      background: -webkit-linear-gradient(45deg,  #debf72 0%,#debf72 100%);
                      color: $color-nav-hover;
                      -webkit-background-clip: text;
                      -webkit-text-fill-color: transparent;
                    }
                  }
                  //@include breakpoint(large){
                    &:before{
                      background: none;
                      color: $color-black;
                      -webkit-background-clip: text;
                      -webkit-text-fill-color: currentcolor;
                    }
                  //}
                }
              }
            }
          } */
  }
  /* line 174, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-fixed.is-social .list-social.is-light li:after {
    background: #fff;
  }
  /* line 177, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-fixed.is-social .list-social.is-light li a {
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  }
  /* line 180, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-fixed.is-social .list-social.is-light li a:before {
    background-image: none;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c8c8c8), color-stop(100%, #fff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #c8c8c8 0%, #fff 100%);
    /* Chrome10+,Safari5.1+ */
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
  }
  /* line 191, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-fixed.is-social .list-social.is-light li a:hover {
    color: #debf72;
  }
  /* line 193, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-fixed.is-social .list-social.is-light li a:hover:before {
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #debf72), color-stop(100%, #debf72));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #debf72 0%, #debf72 100%);
    /* Chrome10+,Safari5.1+ */
    color: #debf72;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  /* line 203, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-fixed.is-social .list-social.is-light li a:before {
    background: none;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: currentcolor;
  }
}
@media (min-width: 992px) {
  /* line 217, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch).isFF .nav .nav-fixed {
    top: 45px;
  }
}
/* line 223, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-logo {
  display: none;
}
@media (min-width: 992px) {
  /* line 227, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-logo {
    display: block;
  }
}
/* line 233, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-fixed.is-logo {
  left: 50%;
  margin-left: -87px;
  position: absolute;
  top: 11px;
  z-index: 1000;
}
@media (min-width: 992px) {
  /* line 243, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-fixed.is-logo {
    margin: 0 0 0 20px !important;
    display: block;
    top: 0;
    left: auto;
    margin: 0;
  }
}
/* line 253, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-logo {
  display: none;
}
@media (min-width: 992px) {
  /* line 253, ../../src/assets/css/scss/partials/_nav.scss */
  .nav .nav-logo {
    display: block;
    opacity: 1;
    top: -5px;
  }
}
/* line 262, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  clear: both;
  display: block;
  max-height: 0;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  z-index: 600;
  width: 82%;
  height: auto;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 0.875em;
  line-height: 14px;
  letter-spacing: 0.1em;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.nav .nav-menu:after {
  content: "";
  display: table;
  clear: both;
}
/* line 279, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-dark li a {
  color: #000 !important;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
/* line 289, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-dark .nav-menu-inner a:hover {
  color: #debf72 !important;
}
/* line 291, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-dark .nav-menu-inner a:hover:before {
  color: #debf72 !important;
}
/* line 303, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-light li a {
  color: #fff !important;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
/* line 306, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-light li a:before {
  color: #fff !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: inherit;
}
/* line 319, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-light .nav-menu-inner a:hover {
  color: #debf72;
}
/* line 322, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-light .nav-menu-inner a:hover:before {
  color: #debf72;
}
/* line 326, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-light .nav-menu-inner a:hover .nav-inner-label {
  border-color: #debf72;
}
/* line 330, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu.is-light .nav-menu-inner a:before {
  color: #fff;
}
@media (min-width: 992px) {
  /* line 337, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu {
    max-height: none;
    overflow: visible;
    position: fixed;
    width: auto;
    height: auto;
  }
}
/* line 345, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu li {
  width: 100%;
  height: auto;
}
/* line 349, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .menu-primary {
  margin-top: 0.0625em;
  opacity: 0;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-transition-timing-function: "ease-in-out";
  -o-transition-timing-function: "ease-in-out";
  -webkit-transition-timing-function: "ease-in-out";
  transition-timing-function: "ease-in-out";
}
/* line 356, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .menu-primary:nth-child(1) {
  opacity: 0;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
@media (min-width: 992px) {
  /* line 193, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .nav .nav-menu .menu-primary:nth-child(1) {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 360, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .menu-primary:nth-child(2) {
  opacity: 0;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
@media (min-width: 992px) {
  /* line 193, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .nav .nav-menu .menu-primary:nth-child(2) {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 364, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .menu-primary:nth-child(3) {
  opacity: 0;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
@media (min-width: 992px) {
  /* line 193, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .nav .nav-menu .menu-primary:nth-child(3) {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 368, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .menu-primary:nth-child(4) {
  opacity: 0;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media (min-width: 992px) {
  /* line 193, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .nav .nav-menu .menu-primary:nth-child(4) {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 372, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .menu-primary:nth-child(5) {
  opacity: 0;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
@media (min-width: 992px) {
  /* line 193, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .nav .nav-menu .menu-primary:nth-child(5) {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 992px) {
  /* line 377, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .menu-primary {
    margin-bottom: 2em;
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 386, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary {
  background: url("bg-texture-nav-mobile.png") repeat, #061419;
  border-right: 2px solid #7e6f48;
}
/* line 391, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary {
  color: #8b794d;
  display: block;
  position: relative;
  text-decoration: none;
  -moz-transition: margin 0.3s, padding 0.3s, width 0.3s, height 0.3s;
  -o-transition: margin 0.3s, padding 0.3s, width 0.3s, height 0.3s;
  -webkit-transition: margin 0.3s, padding 0.3s, width 0.3s, height 0.3s;
  transition: margin 0.3s, padding 0.3s, width 0.3s, height 0.3s;
  width: 100%;
  height: 85px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 399, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary.has-subnav:after, .nav .nav-menu .nav-primary:before {
  position: absolute;
  top: 40px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 406, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary:before {
  left: 20px;
}
/* line 412, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary.has-subnav:after {
  right: 20px;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* line 418, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary.icon-torch:before {
  left: 31px;
  top: 18px;
  font-size: 3.625em;
  letter-spacing: 0em;
}
/* line 424, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary.icon-horn:before {
  top: 27px;
  font-size: 2.5em;
  letter-spacing: 0em;
}
/* line 429, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary.icon-eye:before {
  left: 24px;
  top: 30px;
  font-size: 2.25em;
  letter-spacing: 0em;
}
/* line 435, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary.icon-banner:before {
  top: 21px;
  font-size: 3.25em;
  letter-spacing: 0em;
}
/* line 440, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary.icon-cart_d:before {
  left: 23px;
  top: 30px;
  font-size: 1.9375em;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 447, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary {
    color: #000;
    background: none;
    border-right: none;
    margin-left: -42px;
    padding: 0.3125em 0;
    z-index: 600;
    width: auto;
    height: auto;
    /*
       Active States for Nav
       Since we don't have a single page app we have to go old sch00l
       ========================================================================== */
  }
  /* line 456, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary:before {
    background: none;
    color: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit;
  }
  /* line 465, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary:hover {
    color: #debf72;
  }
  /* line 467, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary:hover:before {
    background: none;
    color: #debf72;
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit;
  }
  /* line 482, ../../src/assets/css/scss/partials/_nav.scss */
  .is-gameinfo body:not(.is-touch) .nav .nav-menu .nav-primary.is-gameinfo {
    color: #4e8eb7;
  }
  /* line 484, ../../src/assets/css/scss/partials/_nav.scss */
  .is-gameinfo body:not(.is-touch) .nav .nav-menu .nav-primary.is-gameinfo .nav-label {
    border-bottom: 1px solid #4e8eb7;
  }
  /* line 488, ../../src/assets/css/scss/partials/_nav.scss */
  .is-gameinfo body:not(.is-touch) .nav .nav-menu .nav-primary.is-gameinfo:before {
    color: #5c7383;
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit;
  }
  /* line 495, ../../src/assets/css/scss/partials/_nav.scss */
  .is-news body:not(.is-touch) .nav .nav-menu .nav-primary.is-news {
    color: #4e8eb7;
  }
  /* line 498, ../../src/assets/css/scss/partials/_nav.scss */
  .is-news body:not(.is-touch) .nav .nav-menu .nav-primary.is-news .nav-label {
    border-bottom: 1px solid #4e8eb7;
  }
  /* line 501, ../../src/assets/css/scss/partials/_nav.scss */
  .is-news body:not(.is-touch) .nav .nav-menu .nav-primary.is-news:before {
    color: #5c7383;
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit;
  }
  /* line 508, ../../src/assets/css/scss/partials/_nav.scss */
  .is-community body:not(.is-touch) .nav .nav-menu .nav-primary.is-community {
    color: #4e8eb7;
  }
  /* line 511, ../../src/assets/css/scss/partials/_nav.scss */
  .is-community body:not(.is-touch) .nav .nav-menu .nav-primary.is-community .nav-label {
    border-bottom: 1px solid #4e8eb7;
  }
  /* line 514, ../../src/assets/css/scss/partials/_nav.scss */
  .is-community body:not(.is-touch) .nav .nav-menu .nav-primary.is-community:before {
    color: #5c7383;
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit;
  }
  /* line 521, ../../src/assets/css/scss/partials/_nav.scss */
  .is-buy body:not(.is-touch) .nav .nav-menu .nav-primary.is-buy {
    color: #4e8eb7;
  }
  /* line 524, ../../src/assets/css/scss/partials/_nav.scss */
  .is-buy body:not(.is-touch) .nav .nav-menu .nav-primary.is-buy .nav-label {
    border-bottom: 1px solid #4e8eb7;
  }
  /* line 527, ../../src/assets/css/scss/partials/_nav.scss */
  .is-buy body:not(.is-touch) .nav .nav-menu .nav-primary.is-buy:before {
    color: #5c7383;
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit;
  }
  /* line 533, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary.icon-torch:before {
    left: 7px;
    top: -10px;
    font-size: 2.75em;
    letter-spacing: 0em;
  }
  /* line 538, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary.icon-horn:before {
    left: -5px;
    top: -4px;
    font-size: 2.125em;
    letter-spacing: 0em;
  }
  /* line 543, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary.icon-eye:before {
    left: 1px;
    top: -1px;
    font-size: 1.75em;
    letter-spacing: 0em;
  }
  /* line 548, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary.icon-banner:before {
    left: 0;
    top: -5px;
    font-size: 2.375em;
    letter-spacing: 0em;
  }
  /* line 553, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary.icon-cart_d:before {
    top: 0px;
    left: 4px;
    font-size: 1.25em;
    letter-spacing: 0em;
  }
}
/* line 562, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-primary.has-subnav:after {
  right: 20px;
  position: absolute;
  top: 35px;
}
@media (min-width: 992px) {
  /* line 568, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-primary.has-subnav:after {
    display: none;
    color: #8b794d;
  }
}
/* line 575, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu .nav-label {
  display: inline-block;
  margin: 2em 0 0 4.8125em;
  font-size: 1.25em;
  line-height: 20px;
  letter-spacing: 0.1em;
}
@media (min-width: 992px) {
  /* line 581, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu .nav-label {
    margin: 0 0 0 50px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    font-size: 1em;
    line-height: 16px;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 992px) {
  /* line 592, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu {
    display: inline-block;
    float: left;
    top: 196px;
    padding-left: 69px;
  }
  /* line 598, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu a {
    position: relative;
    letter-spacing: 0.1em;
  }
  /* line 605, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu a.icon-torch:before {
    font-size: 1.5em;
    letter-spacing: 0em;
  }
  /* line 608, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu a.icon-horn:before {
    font-size: 1.375em;
    letter-spacing: 0em;
  }
  /* line 611, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu a.icon-eye:before {
    font-size: 1.625em;
    letter-spacing: 0em;
  }
  /* line 614, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu a.icon-banner:before {
    font-size: 1.625em;
    letter-spacing: 0em;
  }
}
/* line 622, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu-inner {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  background: url("bg-texture-inner-nav.png") repeat, rgba(255, 255, 255, 0.9);
  border-right: 2px solid rgba(255, 255, 255, 0.9);
  max-height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.nav .nav-menu-inner:after {
  content: "";
  display: table;
  clear: both;
}
/* line 631, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu-inner a {
  color: #8b794d;
  display: block;
  padding: 0.3125em 0 0.3125em 1.5625em;
  position: relative;
  text-transform: capitalize;
  width: 100%;
  height: 35px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1.375em;
  line-height: 42px;
  letter-spacing: 0.1em;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  /* &:before {
    background: $color-gold-50;
    //border-radius: 50%;
    content: '\e600';
    display: block;
    //left: -10px;
    position: absolute;
    //top: 24px;
    @include size(4px);
    @include transition(0.5s);
  } */
  /*
     Subnav active states
     ========================================================================== */
}
/* line 659, ../../src/assets/css/scss/partials/_nav.scss */
.is-overview .nav .nav-menu-inner a.is-overview {
  color: #4e8eb7;
}
/* line 661, ../../src/assets/css/scss/partials/_nav.scss */
.is-overview .nav .nav-menu-inner a.is-overview:before {
  color: #4e8eb7;
  background: transparent;
}
/* line 666, ../../src/assets/css/scss/partials/_nav.scss */
.is-overview .nav .nav-menu-inner a.is-overview .nav-inner-label {
  border-bottom: 1px solid #4e8eb7;
}
/* line 673, ../../src/assets/css/scss/partials/_nav.scss */
.is-dawnempire .nav .nav-menu-inner a.is-dawnempire {
  color: #4e8eb7;
}
/* line 675, ../../src/assets/css/scss/partials/_nav.scss */
.is-dawnempire .nav .nav-menu-inner a.is-dawnempire:before {
  color: #4e8eb7;
  background: transparent;
}
/* line 680, ../../src/assets/css/scss/partials/_nav.scss */
.is-dawnempire .nav .nav-menu-inner a.is-dawnempire .nav-inner-label {
  border-bottom: 1px solid #4e8eb7;
}
/* line 687, ../../src/assets/css/scss/partials/_nav.scss */
.is-ironlegion .nav .nav-menu-inner a.is-ironlegion {
  color: #4e8eb7;
}
/* line 689, ../../src/assets/css/scss/partials/_nav.scss */
.is-ironlegion .nav .nav-menu-inner a.is-ironlegion:before {
  color: #4e8eb7;
  background: transparent;
}
/* line 694, ../../src/assets/css/scss/partials/_nav.scss */
.is-ironlegion .nav .nav-menu-inner a.is-ironlegion .nav-inner-label {
  border-bottom: 1px solid #4e8eb7;
}
/* line 701, ../../src/assets/css/scss/partials/_nav.scss */
.is-stormborn .nav .nav-menu-inner a.is-stormborn {
  color: #4e8eb7;
}
/* line 703, ../../src/assets/css/scss/partials/_nav.scss */
.is-stormborn .nav .nav-menu-inner a.is-stormborn:before {
  color: #4e8eb7;
  background: transparent;
}
/* line 708, ../../src/assets/css/scss/partials/_nav.scss */
.is-stormborn .nav .nav-menu-inner a.is-stormborn .nav-inner-label {
  border-bottom: 1px solid #4e8eb7;
}
/* line 715, ../../src/assets/css/scss/partials/_nav.scss */
.is-community .nav .nav-menu-inner a.is-mediawall {
  color: #4e8eb7;
}
/* line 717, ../../src/assets/css/scss/partials/_nav.scss */
.is-community .nav .nav-menu-inner a.is-mediawall:before {
  color: #4e8eb7;
  background: transparent;
}
/* line 722, ../../src/assets/css/scss/partials/_nav.scss */
.is-community .nav .nav-menu-inner a.is-mediawall .nav-inner-label {
  border-bottom: 1px solid #4e8eb7;
}
/* line 728, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu-inner a .nav-inner-label {
  display: inline-block;
  line-height: 20px;
  margin-top: -9px;
}
/* line 734, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu-inner a:before {
  margin: 3px -7px 0 -9px;
  font-size: 2em;
  position: relative;
  top: 10px;
}
@media (min-width: 992px) {
  /* line 743, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu-inner a {
    color: #000;
    padding: 0 0 0 2.25em;
    font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 30px;
    letter-spacing: 0.1em;
    /* &:before {
      background: $color-grey-10;
      left: -8px;
      top: 13px;
    } */
  }
  /* line 755, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu-inner a:before {
    font-size: 2.5em;
    margin: 3px 3px 0 -14px;
    top: 10px;
  }
  /* line 761, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu-inner a.is-active {
    color: #4e8eb7;
  }
  /* line 765, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu-inner a:hover {
    color: #debf72;
  }
  /* line 772, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu-inner a .nav-inner-label {
    line-height: 15px;
  }
}
/* line 779, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-menu-inner li {
  margin-left: 3.625em;
  text-align: left;
}
@media (min-width: 992px) {
  /* line 785, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-menu-inner {
    background: transparent;
    border-right: 0;
    margin-left: -5.125em;
  }
}
/* line 797, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-primary.is-active:before, .nav .nav-primary.is-active:after {
  /*
  background: $color-black;
  color: $color-black;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
/* line 806, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-primary.is-active.has-subnav:after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 810, ../../src/assets/css/scss/partials/_nav.scss */
.nav .nav-primary.is-active + .nav-menu-inner {
  padding: 0 0 1em 0;
  max-height: 500px;
  margin-top: -0.5625em;
  overflow: visible;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 819, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-primary.is-active {
    display: block;
  }
  /* line 822, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav .nav-primary.is-active + .nav-menu-inner {
    padding: 0;
  }
}
/* line 829, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open {
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  height: 100%;
}
/* line 835, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open:before {
  opacity: 1;
  width: 100%;
  height: 115%;
  /* @include breakpoint(medium) {
    @include size(100%, 240%);
  } */
}
/* line 843, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open:after {
  position: fixed;
  top: 45px;
}
/* line 848, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .nav-logo-mobile {
  opacity: 1;
}
/* line 852, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .nav-fixed.is-logo {
  position: fixed;
  top: 56px;
}
/* line 857, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .nav-menu {
  margin-top: 45px;
  max-height: 700px;
  top: 45px;
  overflow: visible;
  width: 82%;
  height: auto;
  z-index: 900;
}
@media (min-width: 992px) {
  /* line 865, ../../src/assets/css/scss/partials/_nav.scss */
  body:not(.is-touch) .nav.is-open .nav-menu {
    margin-top: 0;
  }
}
/* line 871, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .nav-head-menu {
  margin-top: 1px;
  max-height: 1200px;
  width: 82%;
  height: 84px;
  z-index: 900;
}
/* line 880, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .is-social ul:first-child {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
/* line 884, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .is-social ul:nth-child(2) {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
/* line 889, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .list-social {
  max-height: 250px;
  width: 82%;
  height: 85px;
  top: 45px;
  z-index: 900;
}
/* line 899, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .menu-primary:nth-child(1) {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
/* line 899, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .menu-primary:nth-child(2) {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
/* line 899, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .menu-primary:nth-child(3) {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
/* line 899, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .menu-primary:nth-child(4) {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
/* line 899, ../../src/assets/css/scss/partials/_nav.scss */
.nav.is-open .menu-primary:nth-child(5) {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

/* 
   Nav Cart Mobile
   ========================================================================== */
/* line 912, ../../src/assets/css/scss/partials/_nav.scss */
.nav-cart {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(130, 101, 28, 0.8)), color-stop(100%, rgba(222, 191, 114, 0.8))), #fff;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(75deg, rgba(130, 101, 28, 0.8) 0%, rgba(222, 191, 114, 0.8) 100%), #fff;
  /* Chrome10+,Safari5.1+ */
  color: #87723d;
  -webkit-background-clip: text;
  position: absolute;
  right: 10px;
  top: 6px;
  z-index: 1000;
  font-size: 1.75em;
  letter-spacing: 0em;
}
/* line 918, ../../src/assets/css/scss/partials/_nav.scss */
body:not(.is-safari) .nav-cart {
  -webkit-text-fill-color: inherit;
}

/* line 1, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown {
  cursor: pointer;
}
@media (min-width: 992px) {
  /* line 4, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 350px;
    height: 67px;
  }
}
/* line 13, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-mobile {
  background: url("bg-register-mobile.png") repeat-x;
  color: #fff;
  display: inline-block;
  left: 0;
  opacity: 1 !important;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 10px !important;
  width: 100%;
  height: 34px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 0.9375em;
  line-height: 27.5px;
  letter-spacing: 0em;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 28, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-mobile .ui-icon {
  font-size: 0.4375em;
  letter-spacing: 0em;
}
/* line 32, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-mobile span {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
}
/* line 38, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-mobile .mobile-close {
  display: none;
}
/* line 42, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.is-active .nav-pulldown .nav-trigger-mobile {
  background: #fff;
}
/* line 45, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.is-active .nav-pulldown .nav-trigger-mobile:before {
  border: 3px solid #8b794d;
  content: '';
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 56, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.is-active .nav-pulldown .nav-trigger-mobile .mobile-open {
  display: none;
}
/* line 60, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.is-active .nav-pulldown .nav-trigger-mobile .mobile-close {
  display: block;
}
/* line 64, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.is-active .nav-pulldown .nav-trigger-mobile .ui-icon {
  display: inline-block;
  color: #8b794d;
  margin-top: 4px;
  font-size: 0.875em;
  letter-spacing: 0em;
}
/* line 74, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-wrapper {
  display: none;
}
@media (min-width: 992px) {
  /* line 78, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown .nav-trigger-wrapper {
    display: block;
    text-align: center;
    top: -90px;
    position: relative;
    width: 100%;
    height: 122px;
    -moz-transition: position 0.8s, top 0.8s, height 0.8s;
    -o-transition: position 0.8s, top 0.8s, height 0.8s;
    -webkit-transition: position 0.8s, top 0.8s, height 0.8s;
    transition: position 0.8s, top 0.8s, height 0.8s;
  }
}
/* line 89, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-wrapper .nav-trigger {
  display: none;
}
@media (min-width: 992px) {
  /* line 93, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown .nav-trigger-wrapper .nav-trigger {
    display: inline-block;
    left: 50%;
    margin-left: -186px;
    position: absolute;
    top: 16px;
    width: 372px;
    height: 133px;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 105, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-wrapper .trigger-content {
  color: #fff;
  display: block;
  margin: 1.875em auto 0 auto;
  max-width: 300px;
  padding-top: 0.75em;
  position: relative;
  text-align: center;
  z-index: 100;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
/* line 115, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-wrapper .trigger-content p {
  margin: 0;
  position: relative;
  top: 0;
  font-size: 0.625em;
  line-height: 13.5px;
  letter-spacing: 0.1em;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 123, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-trigger-wrapper .trigger-content h6 {
  margin: 1.5625em auto 0 auto;
  max-width: 60%;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 0.875em;
  line-height: 14px;
  letter-spacing: 0.1em;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  /* line 105, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  .nav-pulldown .nav-trigger-wrapper .trigger-content {
    max-width: 350px;
  }
  /* line 136, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  .nav-pulldown .nav-trigger-wrapper .trigger-content p {
    top: 10px;
  }
}
@media (min-width: 992px) {
  /* line 144, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown .nav-trigger-wrapper.is-expanded {
    top: -46px;
  }
}
/* line 157, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-pulldown-content {
  background: rgba(6, 20, 25, 0.95);
  display: block;
  left: 0;
  max-height: 0;
  padding: 0;
  position: fixed;
  text-align: center;
  top: -1000px;
  width: 100%;
  height: 0;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
/* line 169, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-pulldown-content:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
}
/* line 173, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-pulldown-content * {
  opacity: 0;
  -moz-transition: 0.5s, easi-in, 0.5s;
  -o-transition: 0.5s, easi-in, 0.5s;
  -webkit-transition: 0.5s, easi-in, 0.5s;
  transition: 0.5s, easi-in, 0.5s;
}
/* line 178, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-pulldown-content .ui-icon.icon-with-circle {
  display: none;
}
@media (min-width: 768px) {
  /* line 178, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  .nav-pulldown .nav-pulldown-content .ui-icon.icon-with-circle {
    display: inline;
  }
}
/* line 186, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-pulldown-content .nav-trigger-close {
  display: none;
}
@media (min-width: 992px) {
  /* line 190, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown .nav-pulldown-content .nav-trigger-close {
    display: block;
    bottom: -82px;
    left: 50%;
    margin-left: -160px;
    position: absolute;
    width: 320px;
    height: 132px;
    pointer-events: auto;
  }
}
/* line 202, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-pulldown-content .nav-trigger {
  clip: rect(51px 320px 133px 0px);
  display: block;
  position: absolute;
  top: 0;
}
/* line 209, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .nav-pulldown-content .trigger-icon {
  color: #fff;
  display: inline-block;
  left: 50%;
  margin: 0.375em 0 0 -14px;
  opacity: 0;
  position: absolute;
  top: 53px;
  z-index: 100;
  width: 28px;
  height: 39px;
  font-size: 1.75em;
  letter-spacing: 0em;
  -moz-transition: -moz-transform 0.2s, ease-in-out, 0.9s;
  -o-transition: -o-transform 0.2s, ease-in-out, 0.9s;
  -webkit-transition: -webkit-transform 0.2s, ease-in-out, 0.9s;
  transition: transform 0.2s, ease-in-out, 0.9s;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
/* line 226, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .pulldown-copy,
.nav-pulldown .pulldown-ol {
  display: inline-block;
  list-style-type: decimal;
  max-width: 80%;
  font-size: 0.875em;
  line-height: 20px;
  letter-spacing: 0.05em;
}
/* line 234, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .pulldown-copy {
  color: #fff;
  margin-top: 0.9375em;
}
/* line 239, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .pulldown-ol {
  color: #778893;
  text-align: left;
}
/* line 243, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .pulldown-ol li {
  margin-bottom: 0.625em;
}
/* line 248, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .pulldown-cta {
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 51px;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 254, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown .pulldown-cta {
    font-size: 1em;
    line-height: 51px;
    letter-spacing: 0em;
    pointer-events: auto;
  }
}
/* line 261, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .in-group {
  display: block;
  margin: 0 auto 0.25em auto;
}
/* line 265, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .in-group.is-desktop {
  display: none;
}
@media (min-width: 768px) {
  /* line 271, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown .in-group.is-desktop {
    display: block;
    margin: 1.25em auto 0 auto;
  }
}
/* line 279, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .cta-more {
  color: #fff;
  display: block;
  margin-top: 0.25em;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.6875em;
  line-height: 11px;
  letter-spacing: 0.05em;
}
/* line 286, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown .cta-more a {
  color: #8b794d;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: auto;
}
@media (min-width: 992px) {
  /* line 293, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown .cta-more {
    margin-top: 0.9375em;
  }
  /* line 295, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown .cta-more a:hover {
    color: #debf72;
  }
}
/* line 304, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown.is-open .nav-trigger-wrapper {
  display: block;
  position: relative;
  left: 0;
  margin: 0 auto;
  top: 0;
}
/* line 311, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown.is-open .nav-trigger-wrapper .nav-trigger {
  top: -53px;
}
/* line 315, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown.is-open .nav-trigger-wrapper .trigger-content {
  display: none;
  opacity: 0;
  z-index: -100;
}
/* line 322, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown.is-open .nav-pulldown-content {
  max-height: 500px;
  padding: 0 0 0.3125em 0;
  overflow: visible;
  top: 119px;
  width: 100%;
  height: auto;
}
/* line 328, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown.is-open .nav-pulldown-content * {
  opacity: 1;
}
/* line 332, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown.is-open .nav-pulldown-content .trigger-icon {
  opacity: 1;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (min-width: 992px) {
  /* line 336, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown.is-open .nav-pulldown-content .trigger-icon {
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
  }
  /* line 338, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown.is-open .nav-pulldown-content .trigger-icon:hover {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 345, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown.is-open .nav-pulldown-content:before {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 253, 253, 0) 1%, #00131b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(252, 253, 253, 0)), color-stop(100%, #00131b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 253, 253, 0) 1%, #00131b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 253, 253, 0) 1%, #00131b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 253, 253, 0) 1%, #00131b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, #00131b 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00131b',GradientType=0 );
  /* IE6-9 */
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
  height: 40px;
}
@media (min-width: 768px) {
  /* line 362, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown.is-open .nav-pulldown-content {
    top: 0;
  }
}
@media (min-width: 992px) {
  /* line 368, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown.is-open .nav-pulldown-content {
    max-height: 1000px;
    padding: 3.125em 0 4.375em 0;
    pointer-events: none;
  }
  /* line 373, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown.is-open .nav-pulldown-content:before {
    display: none;
  }
}
/* line 380, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
.nav-pulldown.is-open .lay-center, .nav-pulldown.is-open .lay-media, .nav-pulldown.is-open .lay-footer, .nav-pulldown.is-open .lay-latest-news .intro-body-components, .lay-latest-news .nav-pulldown.is-open .intro-body-components, .nav-pulldown.is-open .lay-latest-news .content, .lay-latest-news .nav-pulldown.is-open .content, .nav-pulldown.is-open .newsfilter, .nav-pulldown.is-open .module-community-wall {
  max-height: 90%;
  overflow-y: scroll;
  padding: 1.25em 0;
}
@media (min-width: 992px) {
  /* line 386, ../../src/assets/css/scss/partials/_nav_pulldown.scss */
  body:not(.is-touch) .nav-pulldown.is-open .lay-center, body:not(.is-touch) .nav-pulldown.is-open .lay-media, body:not(.is-touch) .nav-pulldown.is-open .lay-footer, body:not(.is-touch) .nav-pulldown.is-open .lay-latest-news .intro-body-components, .lay-latest-news body:not(.is-touch) .nav-pulldown.is-open .intro-body-components, body:not(.is-touch) .nav-pulldown.is-open .lay-latest-news .content, .lay-latest-news body:not(.is-touch) .nav-pulldown.is-open .content, body:not(.is-touch) .nav-pulldown.is-open .newsfilter, body:not(.is-touch) .nav-pulldown.is-open .module-community-wall {
    max-height: none;
    overflow: hidden;
  }
}

/* line 1, ../../src/assets/css/scss/partials/_footer.scss */
.footer {
  position: static !important;
  padding: 0 !important;
  width: 100% !important;
}

/* ==========================================================================
   Form elements
   ========================================================================== */
/* line 4, ../../src/assets/css/scss/partials/_forms.scss */
.in-group {
  overflow: visible;
  position: relative;
  margin: 0 auto 0.625em auto;
  max-width: 88%;
  z-index: 100;
}

/* line 12, ../../src/assets/css/scss/partials/_forms.scss */
.in-select {
  background: url("bg-texture-90.png"), rgba(11, 38, 48, 0.8), #0b2630;
  /* Old browsers */
  background: url("bg-texture-90.png"), -moz-linear-gradient(45deg, rgba(11, 38, 48, 0.8) 0%, rgba(26, 73, 91, 0.8) 100%), #0b2630;
  /* FF3.6+ */
  background: url("bg-texture-90.png"), -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(11, 38, 48, 0.8)), color-stop(100%, rgba(26, 73, 91, 0.8))), #0b2630;
  /* Chrome,Safari4+ */
  background: url("bg-texture-90.png"), -webkit-linear-gradient(45deg, rgba(11, 38, 48, 0.8) 0%, rgba(26, 73, 91, 0.8) 100%), #0b2630;
  /* Chrome10+,Safari5.1+ */
  background: url("bg-texture-90.png"), -o-linear-gradient(45deg, rgba(11, 38, 48, 0.8) 0%, rgba(26, 73, 91, 0.8) 100%), #0b2630;
  /* Opera 11.10+ */
  background: url("bg-texture-90.png"), -ms-linear-gradient(45deg, rgba(11, 38, 48, 0.8) 0%, rgba(26, 73, 91, 0.8) 100%), #0b2630;
  /* IE10+ */
  background: url("bg-texture-90.png"), linear-gradient(45deg, rgba(11, 38, 48, 0.8) 0%, rgba(26, 73, 91, 0.8) 100%), #0b2630;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2630', endColorstr='#1a495b',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  border: 3px solid transparent;
  position: relative;
  text-align: left;
  width: 100%;
  height: auto;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
    /*&:before {
      content: '';
      position: absolute;
      right: 21px;
      top: 27px;
      z-index: $zIndex-1--register-arrow;
      @include triangle(bottom, $color-white, 12px, 7px);
    }
  
    &:after {
      content: '';
      position: absolute;
      right: 21px;
      top: 30px;
      @include triangle(bottom, $color-gold-50, 12px, 7px);
    }*/
}
/* line 29, ../../src/assets/css/scss/partials/_forms.scss */
.in-select:before {
  content: '';
}
/* line 33, ../../src/assets/css/scss/partials/_forms.scss */
.in-select:after {
  color: #fff;
  position: absolute;
  right: 21px;
  top: 21px;
  z-index: 100;
  font-size: 0.625em;
  letter-spacing: 0em;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 42, ../../src/assets/css/scss/partials/_forms.scss */
body:not(.is-touch) .in-select:after {
  content: '';
}
@media (min-width: 992px) {
  /* line 12, ../../src/assets/css/scss/partials/_forms.scss */
  .in-select {
    width: 180px;
    height: 50px;
  }
  /* line 66, ../../src/assets/css/scss/partials/_forms.scss */
  body:not(.is-touch) .in-select {
    background: transparent;
    border: none;
    margin: 2px 4px 0 0 !important;
  }
}
/* line 74, ../../src/assets/css/scss/partials/_forms.scss */
.in-select select {
  -moz-appearance: none;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 1.125em 0 1.125em 2%;
  position: relative;
  text-transform: uppercase;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 26.5px;
  letter-spacing: 0.05em;
  width: 98%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 74, ../../src/assets/css/scss/partials/_forms.scss */
  .in-select select {
    padding: 0.75em 0 0.625em 10%;
    width: 90%;
    height: auto;
  }
}
/* line 94, ../../src/assets/css/scss/partials/_forms.scss */
.in-select select::-ms-expand {
  display: none;
}
/* line 99, ../../src/assets/css/scss/partials/_forms.scss */
.in-select select:focus {
  outline: none;
}
/* line 104, ../../src/assets/css/scss/partials/_forms.scss */
.in-select.is-selected, .in-select.is-pc, .in-select.is-xbox-one, .in-select.is-ps4 {
  background: url("bg-texture-nav.png");
  border: 3px solid #0b2630;
}
/* line 111, ../../src/assets/css/scss/partials/_forms.scss */
.in-select.is-selected:before, .in-select.is-pc:before, .in-select.is-xbox-one:before, .in-select.is-ps4:before {
  color: #0b2630;
  position: absolute;
  left: 21px;
  top: 12px;
  font-size: 1.625em;
  letter-spacing: 0em;
}
/* line 119, ../../src/assets/css/scss/partials/_forms.scss */
.in-select.is-selected:after, .in-select.is-pc:after, .in-select.is-xbox-one:after, .in-select.is-ps4:after {
  color: #0b2630;
}
/* line 127, ../../src/assets/css/scss/partials/_forms.scss */
.in-select.is-pc select, .in-select.is-xbox-one select, .in-select.is-ps4 select {
  color: transparent;
}

/* line 145, ../../src/assets/css/scss/partials/_forms.scss */
.select-error-message {
  position: absolute;
  margin-top: 56px;
  color: red;
  font-size: 14px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  display: none;
}

/* line 154, ../../src/assets/css/scss/partials/_forms.scss */
.in-action {
  overflow: visible;
}

/* 
  Buy Select
  ================================= */
/* line 162, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select {
  width: 180px;
  height: 50px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 26.5px;
  letter-spacing: 0.05em;
  line-height: 0px;
}
@media (min-width: 992px) {
  /* line 162, ../../src/assets/css/scss/partials/_forms.scss */
  .fd-select {
    padding: 0;
  }
}
/* line 176, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select > .link-btn, .fd-select > .ui-arrow-gold, .fd-select > .ui-arrow-gold-left, .fd-select > .ui-arrow-gold-right, .fd-select > .ui-arrow-white, .fd-select > .ui-arrow-white-left, .fd-select > .ui-arrow-white-right, .nav-pulldown .fd-select > .pulldown-cta, .list-internal-nav .fd-select > .list-cta, .newsfilter-newslist .news_date + p .fd-select > a, .module-community-body .fd-select > .module-cta, .contentsummary .fd-select > .seeAll, .contentsummary .contentsummary-scrollable .news_date + p .fd-select > a, .module-community-wall .fd-select > .hub-list-more, .faction-helmets .mobile-slide .fd-select > a, .agegate-active .fd-select > .submit, .fyre .fyre-login-bar .fd-select > a {
  width: 180px;
  height: 50px;
  line-height: 54px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: none !important;
}
/* line 191, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select > .link-btn:before, .fd-select > .ui-arrow-gold:before, .fd-select > .ui-arrow-gold-left:before, .fd-select > .ui-arrow-gold-right:before, .fd-select > .ui-arrow-white:before, .fd-select > .ui-arrow-white-left:before, .fd-select > .ui-arrow-white-right:before, .nav-pulldown .fd-select > .pulldown-cta:before, .list-internal-nav .fd-select > .list-cta:before, .newsfilter-newslist .news_date + p .fd-select > a:before, .module-community-body .fd-select > .module-cta:before, .contentsummary .fd-select > .seeAll:before, .contentsummary .contentsummary-scrollable .news_date + p .fd-select > a:before, .module-community-wall .fd-select > .hub-list-more:before, .faction-helmets .mobile-slide .fd-select > a:before, .agegate-active .fd-select > .submit:before, .fyre .fyre-login-bar .fd-select > a:before {
  background: url("buy_select_bg.png") no-repeat;
}
/* line 195, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select > .link-btn:hover, .fd-select > .ui-arrow-gold:hover, .fd-select > .ui-arrow-gold-left:hover, .fd-select > .ui-arrow-gold-right:hover, .fd-select > .ui-arrow-white:hover, .fd-select > .ui-arrow-white-left:hover, .fd-select > .ui-arrow-white-right:hover, .nav-pulldown .fd-select > .pulldown-cta:hover, .list-internal-nav .fd-select > .list-cta:hover, .newsfilter-newslist .news_date + p .fd-select > a:hover, .module-community-body .fd-select > .module-cta:hover, .contentsummary .fd-select > .seeAll:hover, .contentsummary .contentsummary-scrollable .news_date + p .fd-select > a:hover, .module-community-wall .fd-select > .hub-list-more:hover, .faction-helmets .mobile-slide .fd-select > a:hover, .agegate-active .fd-select > .submit:hover, .fyre .fyre-login-bar .fd-select > a:hover {
  border: 1px solid #0b2630 !important;
  color: #0b2630 !important;
}
/* line 200, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select > .link-btn:hover div:before, .fd-select > .ui-arrow-gold:hover div:before, .fd-select > .ui-arrow-gold-left:hover div:before, .fd-select > .ui-arrow-gold-right:hover div:before, .fd-select > .ui-arrow-white:hover div:before, .fd-select > .ui-arrow-white-left:hover div:before, .fd-select > .ui-arrow-white-right:hover div:before, .nav-pulldown .fd-select > .pulldown-cta:hover div:before, .list-internal-nav .fd-select > .list-cta:hover div:before, .newsfilter-newslist .news_date + p .fd-select > a:hover div:before, .module-community-body .fd-select > .module-cta:hover div:before, .contentsummary .fd-select > .seeAll:hover div:before, .contentsummary .contentsummary-scrollable .news_date + p .fd-select > a:hover div:before, .module-community-wall .fd-select > .hub-list-more:hover div:before, .faction-helmets .mobile-slide .fd-select > a:hover div:before, .agegate-active .fd-select > .submit:hover div:before, .fyre .fyre-login-bar .fd-select > a:hover div:before {
  color: #0b2630;
}
/* line 204, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select > .link-btn:hover:after, .fd-select > .ui-arrow-gold:hover:after, .fd-select > .ui-arrow-gold-left:hover:after, .fd-select > .ui-arrow-gold-right:hover:after, .fd-select > .ui-arrow-white:hover:after, .fd-select > .ui-arrow-white-left:hover:after, .fd-select > .ui-arrow-white-right:hover:after, .nav-pulldown .fd-select > .pulldown-cta:hover:after, .list-internal-nav .fd-select > .list-cta:hover:after, .newsfilter-newslist .news_date + p .fd-select > a:hover:after, .module-community-body .fd-select > .module-cta:hover:after, .contentsummary .fd-select > .seeAll:hover:after, .contentsummary .contentsummary-scrollable .news_date + p .fd-select > a:hover:after, .module-community-wall .fd-select > .hub-list-more:hover:after, .faction-helmets .mobile-slide .fd-select > a:hover:after, .agegate-active .fd-select > .submit:hover:after, .fyre .fyre-login-bar .fd-select > a:hover:after {
  transform: translate3d(-7%, -160px, 0) rotate3d(0, 0, 1, -45deg) !important;
}
/* line 210, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select ul {
  padding-left: 0px;
  margin: -1px 0 0 0;
  display: none;
}
/* line 215, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select ul li {
  height: 50px;
  margin-bottom: -1px;
}
/* line 219, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select ul li .link-btn, .fd-select ul li .ui-arrow-gold, .fd-select ul li .ui-arrow-gold-left, .fd-select ul li .ui-arrow-gold-right, .fd-select ul li .ui-arrow-white, .fd-select ul li .ui-arrow-white-left, .fd-select ul li .ui-arrow-white-right, .fd-select ul li .nav-pulldown .pulldown-cta, .nav-pulldown .fd-select ul li .pulldown-cta, .fd-select ul li .list-internal-nav .list-cta, .list-internal-nav .fd-select ul li .list-cta, .fd-select ul li .newsfilter-newslist .news_date + p a, .newsfilter-newslist .news_date + p .fd-select ul li a, .fd-select ul li .module-community-body .module-cta, .module-community-body .fd-select ul li .module-cta, .fd-select ul li .contentsummary .seeAll, .contentsummary .fd-select ul li .seeAll, .fd-select ul li .contentsummary .contentsummary-scrollable .news_date + p a, .contentsummary .contentsummary-scrollable .news_date + p .fd-select ul li a, .fd-select ul li .module-community-wall .hub-list-more, .module-community-wall .fd-select ul li .hub-list-more, .fd-select ul li .faction-helmets .mobile-slide a, .faction-helmets .mobile-slide .fd-select ul li a, .fd-select ul li .agegate-active .submit, .agegate-active .fd-select ul li .submit, .fd-select ul li .fyre .fyre-login-bar a, .fyre .fyre-login-bar .fd-select ul li a {
  width: 180px;
  height: 50px;
  line-height: 54px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: none;
  border-top: 1px solid #fff;
}
/* line 233, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select ul li .link-btn:before, .fd-select ul li .ui-arrow-gold:before, .fd-select ul li .ui-arrow-gold-left:before, .fd-select ul li .ui-arrow-gold-right:before, .fd-select ul li .ui-arrow-white:before, .fd-select ul li .ui-arrow-white-left:before, .fd-select ul li .ui-arrow-white-right:before, .fd-select ul li .nav-pulldown .pulldown-cta:before, .nav-pulldown .fd-select ul li .pulldown-cta:before, .fd-select ul li .list-internal-nav .list-cta:before, .list-internal-nav .fd-select ul li .list-cta:before, .fd-select ul li .newsfilter-newslist .news_date + p a:before, .newsfilter-newslist .news_date + p .fd-select ul li a:before, .fd-select ul li .module-community-body .module-cta:before, .module-community-body .fd-select ul li .module-cta:before, .fd-select ul li .contentsummary .seeAll:before, .contentsummary .fd-select ul li .seeAll:before, .fd-select ul li .contentsummary .contentsummary-scrollable .news_date + p a:before, .contentsummary .contentsummary-scrollable .news_date + p .fd-select ul li a:before, .fd-select ul li .module-community-wall .hub-list-more:before, .module-community-wall .fd-select ul li .hub-list-more:before, .fd-select ul li .faction-helmets .mobile-slide a:before, .faction-helmets .mobile-slide .fd-select ul li a:before, .fd-select ul li .agegate-active .submit:before, .agegate-active .fd-select ul li .submit:before, .fd-select ul li .fyre .fyre-login-bar a:before, .fyre .fyre-login-bar .fd-select ul li a:before {
  background: #0b2630 none;
}
/* line 237, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select ul li .link-btn:hover, .fd-select ul li .ui-arrow-gold:hover, .fd-select ul li .ui-arrow-gold-left:hover, .fd-select ul li .ui-arrow-gold-right:hover, .fd-select ul li .ui-arrow-white:hover, .fd-select ul li .ui-arrow-white-left:hover, .fd-select ul li .ui-arrow-white-right:hover, .fd-select ul li .nav-pulldown .pulldown-cta:hover, .nav-pulldown .fd-select ul li .pulldown-cta:hover, .fd-select ul li .list-internal-nav .list-cta:hover, .list-internal-nav .fd-select ul li .list-cta:hover, .fd-select ul li .newsfilter-newslist .news_date + p a:hover, .newsfilter-newslist .news_date + p .fd-select ul li a:hover, .fd-select ul li .module-community-body .module-cta:hover, .module-community-body .fd-select ul li .module-cta:hover, .fd-select ul li .contentsummary .seeAll:hover, .contentsummary .fd-select ul li .seeAll:hover, .fd-select ul li .contentsummary .contentsummary-scrollable .news_date + p a:hover, .contentsummary .contentsummary-scrollable .news_date + p .fd-select ul li a:hover, .fd-select ul li .module-community-wall .hub-list-more:hover, .module-community-wall .fd-select ul li .hub-list-more:hover, .fd-select ul li .faction-helmets .mobile-slide a:hover, .faction-helmets .mobile-slide .fd-select ul li a:hover, .fd-select ul li .agegate-active .submit:hover, .agegate-active .fd-select ul li .submit:hover, .fd-select ul li .fyre .fyre-login-bar a:hover, .fyre .fyre-login-bar .fd-select ul li a:hover {
  border: 1px solid #0b2630;
  color: #0b2630;
}
/* line 242, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select ul li .link-btn:hover div:before, .fd-select ul li .ui-arrow-gold:hover div:before, .fd-select ul li .ui-arrow-gold-left:hover div:before, .fd-select ul li .ui-arrow-gold-right:hover div:before, .fd-select ul li .ui-arrow-white:hover div:before, .fd-select ul li .ui-arrow-white-left:hover div:before, .fd-select ul li .ui-arrow-white-right:hover div:before, .fd-select ul li .nav-pulldown .pulldown-cta:hover div:before, .nav-pulldown .fd-select ul li .pulldown-cta:hover div:before, .fd-select ul li .list-internal-nav .list-cta:hover div:before, .list-internal-nav .fd-select ul li .list-cta:hover div:before, .fd-select ul li .newsfilter-newslist .news_date + p a:hover div:before, .newsfilter-newslist .news_date + p .fd-select ul li a:hover div:before, .fd-select ul li .module-community-body .module-cta:hover div:before, .module-community-body .fd-select ul li .module-cta:hover div:before, .fd-select ul li .contentsummary .seeAll:hover div:before, .contentsummary .fd-select ul li .seeAll:hover div:before, .fd-select ul li .contentsummary .contentsummary-scrollable .news_date + p a:hover div:before, .contentsummary .contentsummary-scrollable .news_date + p .fd-select ul li a:hover div:before, .fd-select ul li .module-community-wall .hub-list-more:hover div:before, .module-community-wall .fd-select ul li .hub-list-more:hover div:before, .fd-select ul li .faction-helmets .mobile-slide a:hover div:before, .faction-helmets .mobile-slide .fd-select ul li a:hover div:before, .fd-select ul li .agegate-active .submit:hover div:before, .agegate-active .fd-select ul li .submit:hover div:before, .fd-select ul li .fyre .fyre-login-bar a:hover div:before, .fyre .fyre-login-bar .fd-select ul li a:hover div:before {
  color: #0b2630;
}
/* line 246, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select ul li .link-btn:hover:after, .fd-select ul li .ui-arrow-gold:hover:after, .fd-select ul li .ui-arrow-gold-left:hover:after, .fd-select ul li .ui-arrow-gold-right:hover:after, .fd-select ul li .ui-arrow-white:hover:after, .fd-select ul li .ui-arrow-white-left:hover:after, .fd-select ul li .ui-arrow-white-right:hover:after, .fd-select ul li .nav-pulldown .pulldown-cta:hover:after, .nav-pulldown .fd-select ul li .pulldown-cta:hover:after, .fd-select ul li .list-internal-nav .list-cta:hover:after, .list-internal-nav .fd-select ul li .list-cta:hover:after, .fd-select ul li .newsfilter-newslist .news_date + p a:hover:after, .newsfilter-newslist .news_date + p .fd-select ul li a:hover:after, .fd-select ul li .module-community-body .module-cta:hover:after, .module-community-body .fd-select ul li .module-cta:hover:after, .fd-select ul li .contentsummary .seeAll:hover:after, .contentsummary .fd-select ul li .seeAll:hover:after, .fd-select ul li .contentsummary .contentsummary-scrollable .news_date + p a:hover:after, .contentsummary .contentsummary-scrollable .news_date + p .fd-select ul li a:hover:after, .fd-select ul li .module-community-wall .hub-list-more:hover:after, .module-community-wall .fd-select ul li .hub-list-more:hover:after, .fd-select ul li .faction-helmets .mobile-slide a:hover:after, .faction-helmets .mobile-slide .fd-select ul li a:hover:after, .fd-select ul li .agegate-active .submit:hover:after, .agegate-active .fd-select ul li .submit:hover:after, .fd-select ul li .fyre .fyre-login-bar a:hover:after, .fyre .fyre-login-bar .fd-select ul li a:hover:after {
  transform: translate3d(-7%, -160px, 0) rotate3d(0, 0, 1, -45deg) !important;
}
/* line 254, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select .icon-pc, .fd-select .in-select.is-pc {
  font-size: 30px;
}
/* line 259, ../../src/assets/css/scss/partials/_forms.scss */
.fd-select:hover ul {
  display: inline-block;
}

/* 
   Button styles
   ========================================================================== */
/* line 270, ../../src/assets/css/scss/partials/_forms.scss */
a[role="button"] {
  margin-left: -4px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 50px;
  letter-spacing: 0em;
  width: 49%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 270, ../../src/assets/css/scss/partials/_forms.scss */
  a[role="button"] {
    max-width: 130px;
  }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*!
Video.js Default Styles (http://videojs.com)
Version 4.12.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
/* line 13, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin {
  color: #cccccc;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
}

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("font/vjs.eot");
  src: url("font/vjs.eot?#iefix") format("embedded-opentype"), url("font/vjs.woff") format("woff"), url("font/vjs.ttf") format("truetype"), url("font/vjs.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
/* line 33, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus highlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #1e2225;
}

/* line 42, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}

/* line 48, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

/* line 54, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-slider-handle:before {
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
/* line 74, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: auto;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 70px;
  max-width: 930px;
  margin: 0 auto;
  /* background-color-with-alpha */
  background-color: #061419;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 92, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control-bar:before, .vjs-default-skin .vjs-control-bar:after {
  background-color: #061419;
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 70px;
}
/* line 100, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control-bar:before {
  left: -100%;
}
/* line 103, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control-bar:after {
  left: 100%;
}
/* line 107, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control-bar.is-close-bar {
  display: block !important;
}

/* line 114, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-user-active .vjs-control-bar {
  top: 0;
}

/* line 118, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-user-inactive .vjs-control-bar {
  top: -100px !important;
}

/* Show the control bar only once the video has started playing */
/* line 123, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

/* Hide the control bar when the video is playing and the user is inactive  */
/* line 136, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

/* line 146, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}

/* line 149, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}

/* The control bar shouldn't show after an error */
/* line 153, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}

/* Don't hide the control bar if it's audio */
/* line 157, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  /* line 167, ../../src/assets/css/scss/partials/_videojs.scss */
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
/* line 172, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}

/* Font button icons */
/* line 183, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8b794d;
  font-size: 1.5em;
  line-height: 0;
  position: absolute;
  top: 37px;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Replacement for focus outline */
/* line 209, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  color: #debf72;
}

/* line 213, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */
}

/* Hide control text visually, but have it available for screenreaders */
/* line 220, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Play/Pause
--------------------------------------------------------------------------------
*/
/* line 234, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
  left: -15px;
}

/* line 239, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-play-control:before {
  content: "\ea1c";
}

/* line 242, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\ea1d";
}

/* Playback toggle
--------------------------------------------------------------------------------
*/
/* line 248, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* line 259, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}

/* Volume/Mute
-------------------------------------------------------------------------------- */
/* line 266, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
  left: -20px;
}

/* line 272, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\ea29";
}

/* line 276, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\ea26";
}

/* line 280, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\ea26";
}

/* line 284, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\ea26";
}

/* line 288, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
  display: none;
}

/* line 293, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}

/* line 298, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

/* line 308, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em;
}

/* line 317, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}

/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
/* line 329, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}

/* line 335, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0;
}

/* line 339, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}

/* line 345, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em;
}

/* Progress
--------------------------------------------------------------------------------
*/
/* line 353, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1px;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  max-width: 710px;
  bottom: 33px;
  top: auto;
  left: 72px;
}

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
/* line 379, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-control-bar:hover .vjs-progress-control {
  font-size: .9em;
  height: 10px;
  bottom: 29px;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
/* line 393, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}

/* Progress Bars */
/* line 397, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

/* line 412, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #8b794d;
}

/* line 423, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-load-progress {
  background: #2c3136;
}

/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
/* line 428, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1);
}

/* line 432, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

/* line 436, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em;
}

/* Live Mode
--------------------------------------------------------------------------------
*/
/* line 442, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}

/* line 447, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}

/* Live Display
--------------------------------------------------------------------------------
*/
/* line 453, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}

/* Time Display
--------------------------------------------------------------------------------
*/
/* line 461, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-time-controls {
  /* Align vertically by making the line height the same as the control bar */
  color: #fff;
  line-height: 3em;
  font-size: 14px;
  line-height: 15px;
  top: 30px;
}

/* line 470, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-current-time {
  float: left;
  left: -35px;
}

/* line 474, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-duration {
  float: left;
  position: absolute;
  left: 780px;
}

/* Remaining time is in the HTML, but not included in default design */
/* line 480, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}

/* line 484, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-time-divider {
  float: left;
  line-height: 3em;
  display: none;
}

/* Fullscreen
--------------------------------------------------------------------------------
*/
/* line 492, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}

/* line 497, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e612";
}

/* Switch to the exit icon when the player is in fullscreen */
/* line 501, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e611";
}

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
/* line 509, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: none;
}

/* Optionally center */
/* line 545, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}

/* Hide if controls are disabled */
/* line 554, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}

/* Hide when video starts playing */
/* line 558, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
/* line 563, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

/* line 566, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  /*-webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;*/
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

/* line 583, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 597, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-error .vjs-big-play-button {
  display: none;
}

/* Error Display
--------------------------------------------------------------------------------
*/
/* line 603, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-error-display {
  display: none;
}

/* line 606, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 614, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}

/* line 632, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}

/* line 643, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460;
}

/* Loading Spinner
--------------------------------------------------------------------------------
*/
/* line 650, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
}

/* Show the spinner when waiting for data and seeking to a new time */
/* line 665, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

/* Errors are unrecoverable without user interaction so hide the spinner */
/* line 677, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}

/* line 686, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-loading-spinner:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8b794d;
  content: "\e604";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
/* line 746, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 21px;
  font-size: 14px;
  color: #fff;
}

/* line 755, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */
}

/* Button Pop-up Menu */
/* line 775, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

/* line 797, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block;
}

/* prevent menus from opening while scrubbing (FF, IE) */
/* line 802, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none;
}

/* line 805, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

/* line 814, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}

/* line 817, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}

/* line 831, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

/* Subtitles Button */
/* line 842, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}

/* Captions Button */
/* line 846, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}

/* Chapters Button */
/* line 850, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c";
}

/* line 853, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em;
}

/* Replacement for focus outline */
/* line 858, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
/* line 877, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertically aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
/* line 910, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
/* line 919, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js:-moz-full-screen {
  position: absolute;
}

/* Fullscreen Styles */
/* line 923, ../../src/assets/css/scss/partials/_videojs.scss */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}

/* line 930, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}

/* line 943, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

/* line 947, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

/* Poster Styles */
/* line 951, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 964, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

/* Hide the poster after the video has started playing */
/* line 972, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js.vjs-has-started .vjs-poster {
  display: none;
}

/* Don't hide the poster if we're playing audio */
/* line 976, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
/* line 981, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none;
}

/* Hide the poster when native controls are used otherwise it covers them */
/* line 985, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
/* line 990, ../../src/assets/css/scss/partials/_videojs.scss */
.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none;
}

/* Captions Settings Dialog */
/* line 999, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: 0.75;
  color: #FFF;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 40em;
}

/* line 1012, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}

/* line 1020, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left;
}

/* line 1024, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both;
}

/* line 1029, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
}

/* line 1034, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
}

/* line 1039, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px;
}

/* line 1044, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
}

/* line 1048, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px;
}

/* line 1052, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}

/* line 1057, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings label > input {
  margin-right: 10px;
}

/* line 1060, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px;
}

/* Hide disabled or unsupported controls */
/* line 1065, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-hidden {
  display: none !important;
}

/* line 1068, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
/* line 1077, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-no-js {
  padding: 2em;
  color: #ccc;
  background-color: #333;
  font-size: 1.8em;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 30em;
  height: 15em;
  margin: 0 auto;
}

/* line 1088, ../../src/assets/css/scss/partials/_videojs.scss */
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
/* line 5, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-outer {
  background-color: #000;
  width: 100%;
  height: 100%;
}

/* line 10, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-skin {
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* line 16, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-wrap {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* line 22, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-lock .fancybox-overlay {
  overflow: hidden;
}

/* line 26, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-inner {
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  text-align: center;
}
/* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.fancybox-inner:before {
  content: '';
  display: inline-block !important;
  height: 100% !important;
  vertical-align: middle !important;
}
/* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.fancybox-inner .lay-center-vert-horz {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle;
  width: 99% !important;
}
/* line 31, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-inner .assetoverview-content {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle;
  width: 100%;
}
/* line 38, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-inner .agegate-active .verify {
  position: fixed;
  top: 0 !important;
  width: 100%;
  height: 100%;
}
/* line 44, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-inner .youtube {
  margin-top: -75px;
  top: 50% !important;
  display: block !important;
  width: 100%;
  height: 150px;
}
/* line 50, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-inner .youtube iframe {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  /* line 44, ../../src/assets/css/scss/partials/_fancybox.scss */
  .fancybox-inner .youtube {
    margin-top: 0;
    top: 0 !important;
    width: 100%;
    height: 100%;
  }
  /* line 59, ../../src/assets/css/scss/partials/_fancybox.scss */
  .fancybox-inner .youtube iframe {
    width: 100%;
    height: 100%;
  }
}
/* line 67, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-inner .video-js {
  position: absolute;
  left: 0;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* line 79, ../../src/assets/css/scss/partials/_fancybox.scss */
.video-title,
.assetoverview-content > div,
.assetoverview-content .bottom-bar {
  background: #061419;
  color: #fff;
  left: 0;
  position: absolute;
  text-align: left;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 60px;
}

/* line 91, ../../src/assets/css/scss/partials/_fancybox.scss */
.video-title,
.assetoverview-content > div:first-child {
  display: none;
  top: 45px;
}
/* line 96, ../../src/assets/css/scss/partials/_fancybox.scss */
.video-title a span,
.assetoverview-content > div:first-child a span {
  display: none;
}
/* line 100, ../../src/assets/css/scss/partials/_fancybox.scss */
.video-title span,
.assetoverview-content > div:first-child span {
  display: none;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 14px;
  letter-spacing: 0.03em;
}
@media (min-width: 992px) {
  /* line 107, ../../src/assets/css/scss/partials/_fancybox.scss */
  body:not(.is-touch) .video-title, body:not(.is-touch)
  .assetoverview-content > div:first-child {
    display: block;
    top: -60px;
  }
  /* line 111, ../../src/assets/css/scss/partials/_fancybox.scss */
  body:not(.is-touch) .video-title a span, body:not(.is-touch)
  .assetoverview-content > div:first-child a span {
    color: #fff;
    display: block;
    margin: 1.4375em 0 0 1.25em;
    text-transform: uppercase;
    font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 600;
    font-size: 1em;
    line-height: 16px;
    letter-spacing: 0.03em;
  }
}

/* line 123, ../../src/assets/css/scss/partials/_fancybox.scss */
.assetoverview-content > .bottom-bar {
  bottom: -60px;
  display: none;
}
/* line 126, ../../src/assets/css/scss/partials/_fancybox.scss */
.assetoverview-content > .bottom-bar a span {
  color: #fff;
  display: block;
  margin: 1.4375em 0 0 1.25em;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1em;
  line-height: 16px;
  letter-spacing: 0.03em;
}
@media (min-width: 992px) {
  /* line 136, ../../src/assets/css/scss/partials/_fancybox.scss */
  body:not(.is-touch) .assetoverview-content > .bottom-bar {
    display: block;
  }
}

/* line 142, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next,
.fancybox-prev {
  display: none;
  font-size: 100%;
  position: absolute;
  right: 0px;
  text-indent: 0;
  top: 50%;
  z-index: 100;
}
@media (min-width: 768px) {
  /* line 142, ../../src/assets/css/scss/partials/_fancybox.scss */
  .fancybox-next,
  .fancybox-prev {
    display: block !important;
  }
}
/* line 155, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next.is-over,
.fancybox-prev.is-over {
  background: #8b6f29 url("bg-texture-nav-rollover.png");
}
/* line 160, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next.is-over:before,
.fancybox-prev.is-over:before {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));
  background: -webkit-linear-gradient(45deg, #fff 0%, #fff 100%);
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* line 168, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next.is-over:after,
.fancybox-prev.is-over:after {
  border-color: #8b6f29 transparent transparent transparent;
}
/* line 173, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next.is-over .thumb img, .fancybox-next.is-over .thumb div,
.fancybox-prev.is-over .thumb img,
.fancybox-prev.is-over .thumb div {
  opacity: 1;
}
/* line 180, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next .thumb img, .fancybox-next .thumb video, .fancybox-next .thumb div,
.fancybox-prev .thumb img,
.fancybox-prev .thumb video,
.fancybox-prev .thumb div {
  width: 169px;
  height: 95px;
  position: absolute;
  top: 2px;
  left: 2px;
  opacity: 0;
  z-index: 100;
  background-position: center;
  background-size: cover;
}

/* line 194, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next:before,
.fancybox-prev:before {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.125em;
  letter-spacing: 0em;
}
/* line 200, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next:before:hover,
.fancybox-prev:before:hover {
  background: none;
}

/* line 205, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-prev {
  left: auto !important;
  margin-top: -10px;
}
/* line 210, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-prev:before {
  right: 21px;
  top: 10px;
}
/* line 215, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-prev .thumb {
  background: url("bg-texture-nav-rollover.png"), linear-gradient(135deg, #82651c 0%, #debf72 100%);
  position: absolute;
  width: 173px;
  height: 99px;
  left: 44px;
  top: 0px;
}

/* line 225, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next {
  margin-top: -51px;
  right: 0px;
  width: 50px;
}
/* line 231, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next:before {
  right: 21px;
  top: 11px;
}
/* line 236, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-next .thumb {
  background: url("bg-texture-nav-rollover.png"), linear-gradient(45deg, #82651c 0%, #debf72 100%);
  position: absolute;
  width: 173px;
  height: 99px;
  left: 50px;
  bottom: 0px;
}

/* line 246, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-close {
  background: #061419;
  text-align: center;
  top: 0;
  right: 0;
  position: absolute;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 60px;
}
/* line 256, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-close:before {
  color: #8b794d;
  display: inline-block;
  margin-top: 0.4375em;
  top: 17px;
  left: 0;
  font-size: 2em;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 266, ../../src/assets/css/scss/partials/_fancybox.scss */
  body:not(.is-touch) .fancybox-close {
    background: transparent;
    right: 25px;
    top: -60px;
    width: 24px;
    height: 24px;
  }
  /* line 272, ../../src/assets/css/scss/partials/_fancybox.scss */
  body:not(.is-touch) .fancybox-close:before {
    position: absolute;
    top: 5px;
    font-size: 1.5em;
    letter-spacing: 0em;
  }
}

/* line 281, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-mobile {
  position: fixed !important;
}

/* line 285, ../../src/assets/css/scss/partials/_fancybox.scss */
.video-title {
  z-index: 100;
}

/* line 290, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-wrap:hover .video-title,
.fancybox-wrap:hover .assetoverview-content > div:first-child {
  top: 0;
}
/* line 295, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-wrap:hover .assetoverview-content > .bottom-bar {
  bottom: 0;
}
/* line 299, ../../src/assets/css/scss/partials/_fancybox.scss */
.fancybox-wrap:hover .fancybox-close {
  top: 0;
}

/* line 305, ../../src/assets/css/scss/partials/_fancybox.scss */
.is-inactive div:first-child {
  top: -60px !important;
}
/* line 309, ../../src/assets/css/scss/partials/_fancybox.scss */
.is-inactive .bottom-bar {
  bottom: -60px !important;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
/* line 5, ../../src/assets/css/scss/partials/_isotope.scss */
.isotope-item {
  z-index: 2;
}

/* line 9, ../../src/assets/css/scss/partials/_isotope.scss */
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
/* line 16, ../../src/assets/css/scss/partials/_isotope.scss */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

/* line 25, ../../src/assets/css/scss/partials/_isotope.scss */
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

/* line 33, ../../src/assets/css/scss/partials/_isotope.scss */
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
/* line 43, ../../src/assets/css/scss/partials/_isotope.scss */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
/* line 58, ../../src/assets/css/scss/partials/_isotope.scss */
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/**** Isotope styles ****/
/* required for containers to inherit vertical size from window */
/* line 70, ../../src/assets/css/scss/partials/_isotope.scss */
html,
body {
  height: 100%;
}

/* line 75, ../../src/assets/css/scss/partials/_isotope.scss */
#container {
  border: 1px solid #666;
  padding: 5px;
  margin-bottom: 20px;
}

/* line 81, ../../src/assets/css/scss/partials/_isotope.scss */
.element {
  width: 110px;
  height: 110px;
  margin: 5px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #888;
  color: #222;
  -webkit-border-top-right-radius: 1.2em;
  -moz-border-radius-topright: 1.2em;
  border-top-right-radius: 1.2em;
}

/* line 95, ../../src/assets/css/scss/partials/_isotope.scss */
.element.alkali {
  background: #F00;
  background: red;
}

/* line 96, ../../src/assets/css/scss/partials/_isotope.scss */
.element.alkaline-earth {
  background: #F80;
  background: #ff9900;
}

/* line 97, ../../src/assets/css/scss/partials/_isotope.scss */
.element.lanthanoid {
  background: #FF0;
  background: #ccff00;
}

/* line 98, ../../src/assets/css/scss/partials/_isotope.scss */
.element.actinoid {
  background: #0F0;
  background: #33ff00;
}

/* line 99, ../../src/assets/css/scss/partials/_isotope.scss */
.element.transition {
  background: #0F8;
  background: #00ff66;
}

/* line 100, ../../src/assets/css/scss/partials/_isotope.scss */
.element.post-transition {
  background: #0FF;
  background: cyan;
}

/* line 101, ../../src/assets/css/scss/partials/_isotope.scss */
.element.metalloid {
  background: #08F;
  background: #0066ff;
}

/* line 102, ../../src/assets/css/scss/partials/_isotope.scss */
.element.other.nonmetal {
  background: #00F;
  background: #3300ff;
}

/* line 103, ../../src/assets/css/scss/partials/_isotope.scss */
.element.halogen {
  background: #F0F;
  background: #cc00ff;
}

/* line 104, ../../src/assets/css/scss/partials/_isotope.scss */
.element.noble-gas {
  background: #F08;
  background: #ff0099;
}

/* line 107, ../../src/assets/css/scss/partials/_isotope.scss */
.element * {
  position: absolute;
  margin: 0;
}

/* line 112, ../../src/assets/css/scss/partials/_isotope.scss */
.element .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
}

/* line 119, ../../src/assets/css/scss/partials/_isotope.scss */
.element.large .symbol {
  font-size: 4.5em;
}

/* line 123, ../../src/assets/css/scss/partials/_isotope.scss */
.element.fake .symbol {
  color: #000;
}

/* line 127, ../../src/assets/css/scss/partials/_isotope.scss */
.element .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
}

/* line 133, ../../src/assets/css/scss/partials/_isotope.scss */
.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

/* line 139, ../../src/assets/css/scss/partials/_isotope.scss */
.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  right: 0.5em;
  top: 0.5em;
}

/* line 147, ../../src/assets/css/scss/partials/_isotope.scss */
.variable-sizes .element.width2 {
  width: 230px;
}

/* line 149, ../../src/assets/css/scss/partials/_isotope.scss */
.variable-sizes .element.height2 {
  height: 230px;
}

/* line 151, ../../src/assets/css/scss/partials/_isotope.scss */
.variable-sizes .element.width2.height2 {
  font-size: 2.0em;
}

/* line 155, ../../src/assets/css/scss/partials/_isotope.scss */
.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

/* line 164, ../../src/assets/css/scss/partials/_isotope.scss */
.clickable .element:hover {
  cursor: pointer;
}

/* line 168, ../../src/assets/css/scss/partials/_isotope.scss */
.clickable .element:hover h3 {
  text-shadow: 0 0 10px white, 0 0 10px white;
}

/* line 175, ../../src/assets/css/scss/partials/_isotope.scss */
.clickable .element:hover h2 {
  color: white;
}

/**** Example Options ****/
/* line 181, ../../src/assets/css/scss/partials/_isotope.scss */
#options {
  padding-bottom: 1.0em;
}

/* line 185, ../../src/assets/css/scss/partials/_isotope.scss */
#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

/* line 190, ../../src/assets/css/scss/partials/_isotope.scss */
#options h4 {
  font-weight: bold;
}

/* line 194, ../../src/assets/css/scss/partials/_isotope.scss */
#options ul {
  margin: 0;
  list-style: none;
}

/* line 199, ../../src/assets/css/scss/partials/_isotope.scss */
#options ul ul {
  margin-left: 1.5em;
}

/* line 203, ../../src/assets/css/scss/partials/_isotope.scss */
#options li {
  float: left;
  margin-bottom: 0.2em;
}

/* line 208, ../../src/assets/css/scss/partials/_isotope.scss */
#options li a {
  display: block;
  padding: 0.4em 0.5em;
  background-color: #DDD;
  color: #222;
  font-weight: bold;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

/* line 222, ../../src/assets/css/scss/partials/_isotope.scss */
#options li a:hover {
  background-color: #5BF;
}

/* line 226, ../../src/assets/css/scss/partials/_isotope.scss */
#options li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
  -o-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
}

/* line 234, ../../src/assets/css/scss/partials/_isotope.scss */
#options li a {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 239, ../../src/assets/css/scss/partials/_isotope.scss */
#options li:first-child a {
  border-radius: 7px 0 0 7px;
  border-left: none;
}

/* line 244, ../../src/assets/css/scss/partials/_isotope.scss */
#options li:last-child a {
  border-radius: 0 7px 7px 0;
}

/* line 248, ../../src/assets/css/scss/partials/_isotope.scss */
#options li a.selected {
  background-color: #13F;
  text-shadow: none;
  color: white;
}

/* Combination filter options*/
/* line 256, ../../src/assets/css/scss/partials/_isotope.scss */
#options .option-combo {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

/* line 262, ../../src/assets/css/scss/partials/_isotope.scss */
#options .option-combo ul {
  margin-right: 20px;
  display: inline-block;
}

/* line 267, ../../src/assets/css/scss/partials/_isotope.scss */
#options .option-combo h2,
#options .option-combo h4 {
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}

/* Color shapes */
/* line 278, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape {
  width: 70px;
  height: 70px;
  margin: 5px;
  float: left;
}

/* line 285, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape.round {
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}

/* line 291, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape.big.round {
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  border-radius: 75px;
}

/* line 297, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape.red {
  background: red;
}

/* line 298, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape.blue {
  background: blue;
}

/* line 299, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape.yellow {
  background: yellow;
}

/* line 301, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape.wide, .color-shape.big {
  width: 150px;
}

/* line 302, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape.tall, .color-shape.big {
  height: 150px;
}

/* line 304, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape a {
  display: block;
  height: 100%;
}

/* line 309, ../../src/assets/css/scss/partials/_isotope.scss */
.color-shape a:hover {
  background: white;
  background: rgba(255, 255, 255, 0.5);
}

/**** Horizontal ****/
/* line 316, ../../src/assets/css/scss/partials/_isotope.scss */
.horizontal #container {
  height: 80%;
}

/* line 320, ../../src/assets/css/scss/partials/_isotope.scss */
#copy {
  max-width: 640px;
}

/**** Photo demo ****/
/* line 326, ../../src/assets/css/scss/partials/_isotope.scss */
.photos .photo {
  width: 320px;
  margin: 5px;
  float: left;
}

/* line 332, ../../src/assets/css/scss/partials/_isotope.scss */
.photos .photo img {
  display: block;
  width: 100%;
}

/* line 337, ../../src/assets/css/scss/partials/_isotope.scss */
#content {
  margin-left: 210px;
}

/* line 341, ../../src/assets/css/scss/partials/_isotope.scss */
.demos #content {
  height: 100%;
}

/**** Docs ****/
/* line 347, ../../src/assets/css/scss/partials/_isotope.scss */
.docs #content {
  max-width: 640px;
}

/* line 351, ../../src/assets/css/scss/partials/_isotope.scss */
.docs #content a:hover {
  border-bottom: 1px dotted;
}

/**** Doc page nav ****/
/* line 359, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav {
  width: 200px;
  position: absolute;
  left: 10px;
  top: 0px;
  padding-top: 20px;
  font-size: 12px;
}

/* line 368, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav h1 {
  font-size: 24px;
  margin-bottom: 0.5em;
  margin-top: 0;
  font-weight: bold;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* line 376, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav h2 {
  font-size: 17px;
  font-weight: normal;
  margin: 0 0 0.3em;
  border-top: none;
}

/* line 383, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav h1 a {
  color: #4FB;
}

/* line 384, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav h1 a:hover {
  color: #4BF;
}

/* line 386, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav ul {
  list-style: none;
  margin: 0 0 1.0em;
  font-weight: bold;
}

/* line 392, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav ul ul {
  margin-bottom: 0;
}

/* line 394, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav ul a {
  display: block;
  border: none;
  padding: 1px 5px;
}

/* line 400, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav ul .current a {
  background: rgba(0, 0, 0, 0.3);
  color: #1BF;
}

/* line 404, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav ul a:hover,
#site-nav ul .current a:hover {
  color: white;
}

/* line 407, ../../src/assets/css/scss/partials/_isotope.scss */
#site-nav ul .current .toc a {
  font-size: 12px;
  padding-left: 1.2em;
  font-weight: normal;
}

/**** Doc content ****/
/* line 415, ../../src/assets/css/scss/partials/_isotope.scss */
.docs #content h2 {
  border-top: 1px solid #333;
  padding-top: 0.8em;
  margin-bottom: 0.8em;
}

/* line 421, ../../src/assets/css/scss/partials/_isotope.scss */
.docs #content h2:target {
  padding: 10px;
  background: white;
  color: #222;
}

/* line 427, ../../src/assets/css/scss/partials/_isotope.scss */
.docs #content h3 {
  color: #FEC;
  background: rgba(191, 191, 191, 0.05);
  padding: 2px 0.5em;
  margin-bottom: 0.5em;
  font-size: 1.15em;
}

/* line 435, ../../src/assets/css/scss/partials/_isotope.scss */
.docs #content h4 {
  margin-bottom: 0.5em;
  font-size: 14px;
}

/* line 441, ../../src/assets/css/scss/partials/_isotope.scss */
footer {
  font-size: 12px;
  font-style: italic;
  border-top: 1px solid #333;
  padding: 0.8em 0;
}

/* line 448, ../../src/assets/css/scss/partials/_isotope.scss */
pre {
  padding: 10px;
}

/* line 452, ../../src/assets/css/scss/partials/_isotope.scss */
pre, code {
  background: black;
  color: white;
  font-family: 'Monaco', monospace, sans-serif;
}

/* line 458, ../../src/assets/css/scss/partials/_isotope.scss */
#content code {
  font-size: 12px;
}

/* line 462, ../../src/assets/css/scss/partials/_isotope.scss */
#content pre {
  line-height: 1.6em;
}

/* line 466, ../../src/assets/css/scss/partials/_isotope.scss */
h3#options {
  padding-bottom: 0;
}

/* line 470, ../../src/assets/css/scss/partials/_isotope.scss */
.option-def dl dt,
.option-def dl dd {
  float: left;
  padding: 0 1.2em;
  background: #161616;
  line-height: 36px;
  height: 36px;
}

/* line 479, ../../src/assets/css/scss/partials/_isotope.scss */
.option-def dl.header dt,
.option-def dl.header dd {
  background: #444;
}

/* line 484, ../../src/assets/css/scss/partials/_isotope.scss */
.option-def dl .option-type {
  font-size: 13px;
  color: #AAA;
  font-style: italic;
}

/* line 490, ../../src/assets/css/scss/partials/_isotope.scss */
.option-def dl dd {
  border-left: 1px solid #222;
}

/* Tagline */
/* line 496, ../../src/assets/css/scss/partials/_isotope.scss */
.docs .tagline {
  font-size: 22px;
  font-weight: 300;
}

/* as-is from MIT */
/* line 503, ../../src/assets/css/scss/partials/_isotope.scss */
.docs .as-is {
  font-size: 95%;
}

/* Commercial license blurb */
/* line 509, ../../src/assets/css/scss/partials/_isotope.scss */
.docs #commercial {
  background: white;
  padding: 10px;
  font-size: 14px;
  color: #1F1F1D;
}

/* line 516, ../../src/assets/css/scss/partials/_isotope.scss */
.docs #commercial a {
  font-weight: bold;
}

/**** Pygments ****/
/* line 520, ../../src/assets/css/scss/partials/_isotope.scss */
code .s1,
code .s {
  color: #78BD55;
}

/* string */
/* line 522, ../../src/assets/css/scss/partials/_isotope.scss */
code .mi,
code .cp,
code .kc {
  color: #5298D4;
}

/*boolean*/
/* line 525, ../../src/assets/css/scss/partials/_isotope.scss */
code .k {
  color: #E39B79;
}

/* keyword */
/* line 526, ../../src/assets/css/scss/partials/_isotope.scss */
code .kd,
code .na {
  color: #A9D866;
}

/* markup attribute */
/* line 528, ../../src/assets/css/scss/partials/_isotope.scss */
code .p {
  color: #EDB;
}

/* punctuation */
/* line 529, ../../src/assets/css/scss/partials/_isotope.scss */
code .o {
  color: #F63;
}

/* operator */
/* line 530, ../../src/assets/css/scss/partials/_isotope.scss */
code .nb {
  color: #AA97AC;
}

/* support */
/* comment */
/* line 533, ../../src/assets/css/scss/partials/_isotope.scss */
code .c,
code .c1 {
  color: #666;
  font-style: italic;
}

/* line 536, ../../src/assets/css/scss/partials/_isotope.scss */
code .nt {
  color: #A0C8FC;
}

/* Markup open tag */
/* line 538, ../../src/assets/css/scss/partials/_isotope.scss */
code .nf {
  color: #9EA8B8;
}

/* css id */
/* line 539, ../../src/assets/css/scss/partials/_isotope.scss */
code .nc {
  color: #A78352;
}

/* CSS class */
/* line 540, ../../src/assets/css/scss/partials/_isotope.scss */
code .m {
  color: #DE8E50;
}

/* CSS value */
/* line 541, ../../src/assets/css/scss/partials/_isotope.scss */
code .nd {
  color: #9FAD7E;
}

/* CSS pseudo selector */
/**** Super list ****/
/**** Sites using Isotope ****/
/* line 550, ../../src/assets/css/scss/partials/_isotope.scss */
#sites h2 {
  display: none;
  padding: 0.4em;
  line-height: 32px;
  margin-bottom: 0.4em;
  -webkit-transition: background-color 0.8s;
  -moz-transition: background-color 0.8s;
  -o-transition: background-color 0.8s;
  transition: background-color 0.8s;
}

/* line 561, ../../src/assets/css/scss/partials/_isotope.scss */
#sites h2 img {
  display: inline-block;
  margin-right: 0.4em;
  vertical-align: bottom;
}

/* line 567, ../../src/assets/css/scss/partials/_isotope.scss */
#sites h2.loading {
  background: white;
  color: #222;
}

/* line 571, ../../src/assets/css/scss/partials/_isotope.scss */
#sites h2.error {
  background: red;
  color: #222;
}

/* line 577, ../../src/assets/css/scss/partials/_isotope.scss */
#sites ul {
  margin: 0;
}

/* line 581, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .example {
  list-style: none;
  float: left;
  width: 230px;
  margin: 5px;
}

/* line 588, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .example a,
.super-list .example b,
.super-list .example img {
  display: block;
}

/* line 594, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .example img {
  width: 100%;
}

/* line 596, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .example a {
  background: #1F1E1D;
}

/* line 600, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .example a:hover {
  background: white;
  color: #111;
}

/* line 605, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .example b {
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px;
  padding-top: 8px;
}

/* line 612, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .link {
  float: left;
  position: relative;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 300;
  margin: 5px;
}

/* line 621, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .link {
  width: 230px;
  height: 110px;
}

/* line 626, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .link a {
  display: block;
  padding: 10px;
  padding-left: 65px;
  height: 90px;
  background: #1F1E1D;
  color: #FE5;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

/* line 638, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .link a:before {
  content: '➔';
  font-size: 70px;
  position: absolute;
  top: 30px;
  left: 5px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 651, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .link.away a:before {
  top: 25px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 661, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .link a:hover {
  background: #E58;
  color: white;
}

/* line 666, ../../src/assets/css/scss/partials/_isotope.scss */
.super-list .feature .name {
  bottom: auto;
  top: 140px;
  left: 18px;
  font-size: 20px;
}

/**** BIG Graph ****/
/* line 675, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph {
  background: white;
  height: 600px;
  margin: 20px auto;
}

/* line 681, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project {
  width: 45px;
  height: 45px;
  float: left;
}

/* line 687, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project .icon {
  pointer-events: none;
  width: 31px;
  height: 31px;
  background: white;
  margin-left: 7px;
  -webkit-transition: -webkit-transform 0.25s;
  -moz-transition: -moz-transform    0.25s;
  -ms-transition: -ms-transform     0.25s;
  -o-transition: -o-transform      0.25s;
  transition: transform         0.25s;
}

/* line 700, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project:hover {
  z-index: 5;
}

/* line 705, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project:hover .icon {
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
}

/* line 713, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.commercial .icon {
  background: #6B6B6B;
}

/* line 714, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.urbanism .icon {
  background: #00CF00;
}

/* line 715, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.public-space .icon {
  background: #FF8D00;
}

/* line 716, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.culture .icon {
  background: #D61919;
}

/* line 717, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.body-culture .icon {
  background: #00ECFF;
}

/* line 718, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.health .icon {
  background: #FF2251;
}

/* line 719, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.education .icon {
  background: #00A700;
}

/* line 720, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.housing .icon {
  background: #FF02FF;
}

/* line 721, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.hotel .icon {
  background: #0000C3;
}

/* line 722, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project.media .icon {
  background: #292929;
}

/* line 724, ../../src/assets/css/scss/partials/_isotope.scss */
.big-graph .project p {
  line-height: 14px;
  font-size: 10.5px;
  color: black;
  margin-left: 7px;
}

/**** Infinite Scroll ****/
/* line 733, ../../src/assets/css/scss/partials/_isotope.scss */
#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
/* line 753, ../../src/assets/css/scss/partials/_isotope.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

/* line 754, ../../src/assets/css/scss/partials/_isotope.scss */
.clearfix:after {
  clear: both;
}

/* line 755, ../../src/assets/css/scss/partials/_isotope.scss */
.clearfix {
  zoom: 1;
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  margin: 0 auto;
  padding: 1.25em 0 0 0;
  max-width: 90%;
  text-align: center;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-explore:after {
  content: "";
  display: table;
  clear: both;
}
/* line 8, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore li {
  background-size: cover !important;
  display: block;
  margin: 1.875em auto 0 auto;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 185px;
}
@media (min-width: 768px) {
  /* line 8, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore li {
    display: inline-block;
    margin-top: 1.375em;
    width: 200px;
    height: 266px;
  }
}
@media (min-width: 992px) {
  /* line 8, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore li {
    width: 230px;
    height: 306px;
  }
}
/* line 31, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .list-cta {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
/* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.list-explore .list-cta:before {
  content: '';
  display: inline-block !important;
  height: 100% !important;
  vertical-align: middle !important;
}
/* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.list-explore .list-cta .lay-center-vert-horz {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle;
  width: 90% !important;
}
@media (min-width: 992px) {
  /* line 37, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .list-cta .media-mask:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 2.5px 0 2.5px;
    border-color: #fff transparent transparent transparent;
    -moz-transform: translate3d(-30%, -150px, 0) rotate3d(0, 0, 1, -24deg);
    -ms-transform: translate3d(-30%, -150px, 0) rotate3d(0, 0, 1, -24deg);
    -webkit-transform: translate3d(-30%, -150px, 0) rotate3d(0, 0, 1, -24deg);
    transform: translate3d(-30%, -150px, 0) rotate3d(0, 0, 1, -24deg);
    -moz-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  }
  /* line 47, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .list-cta:hover .media-mask:before {
    -moz-transform: translate3d(-40%, -160px, 0) rotate3d(0, 0, 1, -24deg);
    -ms-transform: translate3d(-40%, -160px, 0) rotate3d(0, 0, 1, -24deg);
    -webkit-transform: translate3d(-40%, -160px, 0) rotate3d(0, 0, 1, -24deg);
    transform: translate3d(-40%, -160px, 0) rotate3d(0, 0, 1, -24deg);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 650px 375px 0 375px;
    border-color: #fff transparent transparent transparent;
  }
  /* line 52, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .list-cta:hover .list-title {
    color: #8b794d;
  }
  /* line 56, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .list-cta:hover .list-icon {
    opacity: 0;
  }
}
/* line 63, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .list-title {
  color: #fff;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  line-height: 29px;
  letter-spacing: 0.05em;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 72, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .list-title:before {
  background: #8b794d;
  bottom: -10px;
  content: '';
  display: block;
  left: 50%;
  margin-left: -65px;
  position: absolute;
  width: 130px;
  height: 2px;
}
/* line 84, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .list-icon {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #a4a2a1), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #a4a2a1 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  color: #d7d7d6;
  display: inline-block;
  line-height: 0;
  opacity: 1;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 768px) {
  /* line 84, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .list-icon {
    position: absolute;
  }
}
/* line 101, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .media-mask {
  top: 3px;
  margin-left: 3px;
  overflow: hidden;
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}
/* line 111, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .is-trailer .media-mask {
  background: url("explore-trailer.jpg") no-repeat;
  background-size: cover;
}
/* line 116, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .is-trailer .list-icon {
  margin-top: 1.25em;
  font-size: 1.75em;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  /* line 116, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-trailer .list-icon {
    margin-left: -0.45em;
    bottom: 1.53em;
    left: 50%;
  }
}
@media (min-width: 768px) {
  /* line 127, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-trailer .list-title {
    bottom: 7px;
  }
}
@media (min-width: 768px) {
  /* line 131, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-trailer .list-title:before {
    bottom: -16px;
  }
}
/* line 140, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .is-chapter .media-mask {
  background: url("explore-chapter.jpg") no-repeat;
  background-size: cover;
}
/* line 145, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .is-chapter .list-icon {
  margin-top: 0.625em;
  font-size: 2.5em;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  /* line 145, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-chapter .list-icon {
    bottom: .92em;
    margin-left: -.3em;
    left: 50%;
  }
}
@media (min-width: 768px) {
  /* line 156, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-chapter .list-title {
    bottom: 19px;
    line-height: 1em;
    letter-spacing: .04em;
  }
}
@media (min-width: 768px) {
  /* line 162, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-chapter .list-title:before {
    bottom: -18px;
  }
}
@media (min-width: 768px) {
  /* line 139, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-chapter {
    margin: 0 1.0625em;
  }
}
@media (min-width: 992px) {
  /* line 139, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-chapter {
    margin: 0 3.25em;
  }
}
/* line 179, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .is-hero .media-mask {
  background: url("explore-hero.jpg") no-repeat;
  background-size: cover;
}
/* line 184, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
.list-explore .is-hero .list-icon {
  margin-top: 1.25em;
  font-size: 1.875em;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  /* line 184, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-hero .list-icon {
    margin-left: -0.49em;
    bottom: 1.43em;
    left: 50%;
  }
}
@media (min-width: 768px) {
  /* line 195, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-hero .list-title {
    bottom: 7px;
  }
}
@media (min-width: 768px) {
  /* line 199, ../../src/assets/css/scss/partials/lists/_list_explore.scss */
  .list-explore .is-hero .list-title:before {
    bottom: -16px;
  }
}

/* line 3, ../../src/assets/css/scss/partials/lists/_list_nav_dots.scss */
.list-nav-dots, .module-slider.slideshow .slide-tabs, .slideshow .slide-tabs {
  text-align: center;
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  width: 100%;
  height: auto;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-nav-dots:after, .module-slider.slideshow .slide-tabs:after, .slideshow .slide-tabs:after {
  content: "";
  display: table;
  clear: both;
}
/* line 8, ../../src/assets/css/scss/partials/lists/_list_nav_dots.scss */
.list-nav-dots a, .module-slider.slideshow .slide-tabs a, .slideshow .slide-tabs a {
  background: transparent;
  display: inline-block;
  float: none !important;
  position: relative;
  width: 16px;
  height: 16px;
}
/* line 15, ../../src/assets/css/scss/partials/lists/_list_nav_dots.scss */
.list-nav-dots a:before, .module-slider.slideshow .slide-tabs a:before, .slideshow .slide-tabs a:before {
  background: #fff;
  border-radius: 50%;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 16px;
  height: 16px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 30, ../../src/assets/css/scss/partials/lists/_list_nav_dots.scss */
.list-nav-dots a:after, .module-slider.slideshow .slide-tabs a:after, .slideshow .slide-tabs a:after {
  border-radius: 50%;
  content: '';
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 5px;
  width: 6px;
  height: 6px;
}
/* line 44, ../../src/assets/css/scss/partials/lists/_list_nav_dots.scss */
.list-nav-dots a.current:before, .slideshow .slide-tabs a.current:before, .list-nav-dots a.is-selected:before, .slideshow .slide-tabs a.is-selected:before, .list-nav-dots a:hover:before, .slideshow .slide-tabs a:hover:before {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 48, ../../src/assets/css/scss/partials/lists/_list_nav_dots.scss */
.list-nav-dots a.current:after, .slideshow .slide-tabs a.current:after, .list-nav-dots a.is-selected:after, .slideshow .slide-tabs a.is-selected:after, .list-nav-dots a:hover:after, .slideshow .slide-tabs a:hover:after {
  opacity: 1;
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_heros.scss */
.list-heros {
  margin-top: -3.75em;
}
/* line 4, ../../src/assets/css/scss/partials/lists/_list_heros.scss */
.list-heros .list-link {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 9, ../../src/assets/css/scss/partials/lists/_list_heros.scss */
.list-heros .list-image {
  position: relative;
}
/* line 13, ../../src/assets/css/scss/partials/lists/_list_heros.scss */
.list-heros .list-image.is-unlocked {
  bottom: -22px;
}
/* line 17, ../../src/assets/css/scss/partials/lists/_list_heros.scss */
.list-heros .flex-active-slide + .list-content {
  margin-left: -1%;
}
/* line 21, ../../src/assets/css/scss/partials/lists/_list_heros.scss */
.list-heros .list-content {
  text-align: center;
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  background: url("bg-texture-nav-mobile.png") repeat, #061419;
  border-right: 2px solid #7e6f48;
  display: block;
  left: 0;
  margin-top: 0.0625em;
  position: relative;
  z-index: 600;
  width: 82%;
  height: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-social:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 992px) {
  /* line 193, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  body:not(.is-touch) .list-social {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 18, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social li {
  float: left;
  color: #82651d;
  margin-top: 1.9375em;
  padding: 0 0.3125em;
  position: relative;
  text-transform: uppercase;
  width: 65px;
  height: 0;
}
/* line 27, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social li:first-child {
  margin-left: 0.25em;
}
/* line 31, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social li:last-child {
  display: block;
  width: auto;
  height: 0;
}
/* line 37, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.is-active .list-social li {
  height: 58px;
}
/* line 39, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.is-active .list-social li:last-child {
  height: 58px;
}
@media (min-width: 992px) {
  /* line 45, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social li {
    display: inline-block;
    float: none;
    margin-top: 0;
    width: 33px;
    height: 33px;
  }
  /* line 51, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social li:last-child {
    margin: 0 0 0 0;
    width: auto;
    height: auto;
  }
  /* line 57, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social li:nth-child(3):after {
    background: #8b794d;
    content: '';
    display: block;
    position: absolute;
    right: -5px;
    top: 0;
    opacity: 0;
    width: 1px;
    height: 17px;
  }
  /* line 69, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body.is-safari:not(.is-touch) .list-social li {
    position: relative;
  }
}
/* line 75, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social .list-icon {
  display: block;
  text-align: center;
  position: relative;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  line-height: 24px;
  letter-spacing: 0em;
  width: 100%;
  height: 100%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 86, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social .list-icon.icon-facebook-alt {
  margin-right: 4px;
}
/* line 90, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social .list-icon.icon-twitter {
  margin-right: 8px;
}
/* line 94, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social .list-icon.icon-youtube {
  margin-right: 6px;
}
/* line 98, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social .list-icon.icon-google-plus {
  font-size: 1.2em !important;
  top: 2px;
}
@media (min-width: 992px) {
  /* line 105, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social .list-icon:before {
    display: inline-block;
    position: relative;
    top: 0;
  }
}
@media (min-width: 992px) {
  /* line 114, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social .list-icon {
    font-size: 1em;
    letter-spacing: 0em;
    background: none;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: currentcolor;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.85);
  }
  /* line 123, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social .list-icon:hover {
    color: #debf72;
  }
}
/* line 132, ../../src/assets/css/scss/partials/lists/_list_social.scss */
.list-social .list-link {
  color: #82651d;
  display: inline-block;
  margin-top: 1.875em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 0.75em;
  line-height: 17px;
  letter-spacing: 0.1em;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 141, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social .list-link {
    color: #000;
    margin-top: 0;
  }
  /* line 145, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social .list-link:hover {
    color: #debf72;
  }
}
@media (min-width: 992px) {
  /* line 153, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch) .list-social {
    background: transparent;
    border-right: none;
    left: auto;
    max-height: none;
    margin-top: 0px;
    right: 27px;
    opacity: 1;
    position: fixed;
    text-align: right;
    bottom: 20px;
    width: auto;
    height: auto;
    overflow: visible;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
  /* line 169, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch).isFF .list-social {
    position: relative;
  }
  /* line 173, ../../src/assets/css/scss/partials/lists/_list_social.scss */
  body:not(.is-touch).is-safari .list-social {
    position: relative;
  }
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_footer_links.scss */
.list-footer-links {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  color: #8b794d;
  padding: 1.4375em;
  text-align: center;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 0.75em;
  line-height: 12px;
  letter-spacing: 0.05em;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-footer-links:after {
  content: "";
  display: table;
  clear: both;
}
/* line 10, ../../src/assets/css/scss/partials/lists/_list_footer_links.scss */
.list-footer-links li {
  display: inline-block;
}
/* line 14, ../../src/assets/css/scss/partials/lists/_list_footer_links.scss */
.list-footer-links li:first-child {
  margin-right: 0.625em;
  position: relative;
}
/* line 19, ../../src/assets/css/scss/partials/lists/_list_footer_links.scss */
.list-footer-links a {
  color: #8b794d;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 24, ../../src/assets/css/scss/partials/lists/_list_footer_links.scss */
  .list-footer-links a:hover {
    color: #debf72;
  }
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_internal_nav.scss */
.list-internal-nav {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  display: none;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-internal-nav:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  /* line 1, ../../src/assets/css/scss/partials/lists/_list_internal_nav.scss */
  .list-internal-nav {
    display: block;
    text-align: right;
    margin-top: 3.4375em;
    text-align: right;
    width: 100%;
    height: auto;
  }
}
/* line 14, ../../src/assets/css/scss/partials/lists/_list_internal_nav.scss */
.list-internal-nav li {
  display: inline-block;
}
/* line 18, ../../src/assets/css/scss/partials/lists/_list_internal_nav.scss */
.list-internal-nav .list-cta {
  display: table-cell;
  width: 110px;
  height: 50px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 49px;
  letter-spacing: 0em;
}
/* line 25, ../../src/assets/css/scss/partials/lists/_list_internal_nav.scss */
.list-internal-nav .list-cta:before {
  background: url("bg-texture-90.png") repeat, #0b2630;
  /* Old browsers */
  background: url("bg-texture-90.png") repeat, -moz-linear-gradient(75deg, rgba(11, 38, 48, 0.9) 0%, rgba(26, 73, 91, 0.9) 100%), rgba(255, 255, 255, 0.9);
  /* FF3.6+ */
  background: url("bg-texture-90.png") repeat, -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(11, 38, 48, 0.9)), color-stop(100%, rgba(26, 73, 91, 0.9))), rgba(255, 255, 255, 0.9);
  /* Chrome,Safari4+ */
  background: url("bg-texture-90.png") repeat, -webkit-linear-gradient(75deg, rgba(11, 38, 48, 0.9) 0%, rgba(26, 73, 91, 0.9) 100%), rgba(255, 255, 255, 0.9);
  /* Chrome10+,Safari5.1+ */
  background: url("bg-texture-90.png") repeat, -o-linear-gradient(75deg, rgba(11, 38, 48, 0.9) 0%, rgba(26, 73, 91, 0.9) 100%), rgba(255, 255, 255, 0.9);
  /* Opera 11.10+ */
  background: url("bg-texture-90.png") repeat, -ms-linear-gradient(75deg, rgba(11, 38, 48, 0.9) 0%, rgba(26, 73, 91, 0.9) 100%), rgba(255, 255, 255, 0.9);
  /* IE10+ */
  background: url("bg-texture-90.png") repeat, linear-gradient(75deg, rgba(11, 38, 48, 0.9) 0%, rgba(26, 73, 91, 0.9) 100%), rgba(255, 255, 255, 0.9);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2630', endColorstr='#1a495b',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}
@media (min-width: 768px) {
  /* line 38, ../../src/assets/css/scss/partials/lists/_list_internal_nav.scss */
  .list-internal-nav .list-cta:hover {
    border: 2px solid #3f4448;
    color: #061419;
  }
}
/* line 45, ../../src/assets/css/scss/partials/lists/_list_internal_nav.scss */
.list-internal-nav .is-icon {
  line-height: 0;
  width: 50px;
  height: 50px;
}
/* line 51, ../../src/assets/css/scss/partials/lists/_list_internal_nav.scss */
.list-internal-nav .icon-arrow-left:before, .list-internal-nav .ui-arrow-gold-left:before, .list-internal-nav .ui-arrow-white-left:before, .list-internal-nav .ui-arrow-rev-left:before, .list-internal-nav .intro-hero-details .backward:before, .intro-hero-details .list-internal-nav .backward:before, .list-internal-nav .fancybox-prev:before, .list-internal-nav .newsfilter-prev:before, .list-internal-nav .slideshow .backward:before, .slideshow .list-internal-nav .backward:before {
  display: block;
  position: relative;
  top: 16px;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  display: block;
  margin: 2.1875em auto 1.5em auto;
  max-width: 220px;
  position: relative;
  text-align: left;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-community-filter:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  /* line 1, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter {
    max-width: 85%;
    text-align: left;
  }
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter {
    margin: 2.5em auto 1.5em auto;
    max-width: 790px;
  }
}
/* line 19, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter li {
  display: inline-block;
  float: left;
  margin: 0.625em 0 0.625em 0;
  position: relative;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 16px;
  letter-spacing: 0em;
  width: 120px;
  height: auto;
}
/* line 29, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter li:nth-child(2), .list-community-filter li:nth-child(4) {
  margin-left: 10px;
}
/* line 34, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter li:nth-child(3), .list-community-filter li:nth-child(5) {
  width: 90px;
  height: auto;
}
@media (min-width: 768px) {
  /* line 19, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter li {
    float: none;
    margin: 0.625em 0 0.625em 1.875em;
    width: auto;
    height: 19px;
  }
  /* line 44, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter li:nth-child(2), .list-community-filter li:nth-child(4) {
    margin: 0.625em 0 0.625em 1.875em;
  }
  /* line 49, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter li:nth-child(3), .list-community-filter li:nth-child(5) {
    width: auto;
    height: auto;
  }
}
@media (min-width: 992px) {
  /* line 19, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter li {
    margin: 0 0 0 1.875em;
  }
  /* line 59, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter li:before {
    border-right: 1px solid #061419;
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    width: 1px;
    height: 15px;
  }
  /* line 68, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter li:nth-child(5):before, .list-community-filter li:nth-child(1):before {
    display: none;
  }
  /* line 73, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter li:nth-child(3):before, .list-community-filter li:nth-child(4):before {
    top: 2px;
  }
}
/* line 80, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter .list-label {
  color: #061419;
  left: 0;
  margin-left: 0;
  text-align: center;
  top: 0px;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  /* line 80, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter .list-label {
    text-align: left;
    top: 0;
    width: auto;
    height: auto;
  }
}
/* line 95, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter .list-link {
  color: #8b794d;
}
/* line 98, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter .list-link:before {
  margin-right: 0.625em;
}
/* line 102, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter .list-link span {
  display: inline-block;
}
/* line 106, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter .list-link.is-active {
  color: #061419;
}
/* line 109, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.list-community-filter .list-link.is-active span {
  border-bottom: 1px solid #061419;
}
@media (min-width: 992px) {
  /* line 95, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter .list-link {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  /* line 122, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
  .list-community-filter .list-link:hover span {
    border-bottom: 1px solid #8b794d;
  }
}

/* line 129, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
#wall .content {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 135, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.is-twitter .content:not(.content-tweet) {
  border: 0 !important;
  margin: 0;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  padding: 0;
}

/* line 146, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.is-facebook .content:not(.content-facebook) {
  display: none;
}

/* line 152, ../../src/assets/css/scss/partials/lists/_list_community_filter.scss */
.is-instagram .content:not(.content-instagram) {
  display: none;
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
.list-head-media-filter {
  color: #061419;
  position: absolute;
  text-transform: uppercase;
  text-align: center;
  top: -25px;
  width: 100%;
  height: auto;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
  .list-head-media-filter {
    display: inline-block;
    margin-right: 0;
    position: static;
    right: auto;
    top: 0;
    font-size: 1em;
    letter-spacing: 0em;
    width: auto;
    height: auto;
  }
}

/* line 21, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
.list-media-filter {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  display: inline-block;
  text-align: center;
  width: 100%;
  height: auto;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-media-filter:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 992px) {
  /* line 21, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
  .list-media-filter {
    text-align: left;
    width: auto;
    height: auto;
  }
}
/* line 32, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
.list-media-filter li {
  display: inline-block;
  margin: 0.625em;
  position: relative;
}
@media (min-width: 992px) {
  /* line 38, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
  .list-media-filter li:before {
    border-right: 1px solid #061419;
    content: '';
    position: absolute;
    right: -12px;
    top: -1px;
    width: 1px;
    height: 15px;
  }
  /* line 47, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
  .list-media-filter li:last-child:before {
    display: none;
  }
}
/* line 53, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
.list-media-filter button {
  background: none;
  border: none;
  color: #8b794d;
  padding: 0;
  text-transform: uppercase;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 16px;
  letter-spacing: 0em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 66, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
.list-media-filter button.is-active {
  border-bottom: 1px solid #8b794d;
  color: #8b794d;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 66, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
  .list-media-filter button.is-active {
    border-bottom: 1px solid #061419;
    color: #061419;
  }
}
@media (min-width: 992px) {
  /* line 78, ../../src/assets/css/scss/partials/lists/_list_media_filter.scss */
  .list-media-filter button:hover {
    border-bottom: 1px solid #8b794d;
  }
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_preorder_details.scss */
.list-head-preorder-details {
  border-top: 1px solid #0b2630;
  color: #061419;
  margin: 0 auto;
  max-width: 88%;
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/lists/_list_preorder_details.scss */
  .list-head-preorder-details {
    max-width: 100%;
  }
}
/* line 11, ../../src/assets/css/scss/partials/lists/_list_preorder_details.scss */
.list-head-preorder-details .list-title {
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 1.75em;
  letter-spacing: 0em;
}
/* line 17, ../../src/assets/css/scss/partials/lists/_list_preorder_details.scss */
.list-head-preorder-details .list-copy {
  max-width: 100%;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  clear: both;
}
/* line 23, ../../src/assets/css/scss/partials/lists/_list_preorder_details.scss */
.list-head-preorder-details .in-group {
  margin-top: 0.625em;
  max-width: 100%;
}

/* line 29, ../../src/assets/css/scss/partials/lists/_list_preorder_details.scss */
.list-preorder-details {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  color: #061419;
  margin: 1.875em auto;
  max-width: 88%;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-preorder-details:after {
  content: "";
  display: table;
  clear: both;
}
/* line 35, ../../src/assets/css/scss/partials/lists/_list_preorder_details.scss */
.list-preorder-details li {
  margin: 0 0 0.625em 1.5em;
  position: relative;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.875em;
  letter-spacing: 0em;
}
/* line 42, ../../src/assets/css/scss/partials/lists/_list_preorder_details.scss */
.list-preorder-details li:before {
  background: currentColor;
  border-radius: 50%;
  content: '';
  left: -20px;
  position: absolute;
  top: 7px;
  width: 4px;
  height: 4px;
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-head-retailers {
  color: #061419;
  margin: 2.0625em auto;
  max-width: 88%;
  text-align: center;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 26px;
  letter-spacing: 0.01em;
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-head-retailers {
    margin: 0 auto 1.25em auto;
    padding-top: 0.8125em;
    font-size: 2em;
    line-height: 54.5px;
    letter-spacing: 0.01em;
  }
}

/* line 21, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers {
  text-align: center;
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  width: 100%;
  height: auto;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-retailers:after {
  content: "";
  display: table;
  clear: both;
}
/* line 26, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers li {
  display: inline-block;
  margin: 0 0 2.0625em 0;
  text-align: center;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 26, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers li {
    width: auto;
    height: auto;
    margin: 0 0 2.0625em 3.4375em;
  }
  /* line 37, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers li:first-child {
    margin-left: 0;
  }
}
/* line 43, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .list-link {
  display: inline-block;
}
/* line 47, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-amazon {
  background-image: url(retailers.png);
  background-position: -140px -85px;
  width: 64px;
  height: 23px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 47, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-amazon {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}
/* line 51, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-gamestop {
  background-image: url(retailers.png);
  background-position: 0px -60px;
  width: 120px;
  height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 51, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-gamestop {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}
/* line 55, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-walmart {
  background-image: url(retailers.png);
  background-position: 0px -30px;
  width: 128px;
  height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 55, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-walmart {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}
/* line 59, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-target {
  background-image: url(retailers.png);
  background-position: -140px 0px;
  width: 120px;
  height: 28px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 59, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-target {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}
/* line 63, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-bestbuy {
  background-image: url(retailers.png);
  background-position: 0px -90px;
  width: 70px;
  height: 48px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 63, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-bestbuy {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}
/* line 67, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-ebgames-ca {
  background-image: url(retailers.png);
  background-position: -140px -28px;
  width: 106px;
  height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 67, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-ebgames-ca {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}
/* line 71, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-gameshop {
  background-image: url(retailers.png);
  background-position: 0px 0px;
  width: 140px;
  height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 71, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-gameshop {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}
/* line 75, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-ebgames-ca {
  background-image: url(retailers.png);
  background-position: -140px -28px;
  width: 106px;
  height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 75, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-ebgames-ca {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}
/* line 79, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
.list-retailers .logo-gameplanet {
  background-image: url(retailers.png);
  background-position: -140px -55px;
  width: 78px;
  height: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* line 79, ../../src/assets/css/scss/partials/lists/_list_retailers.scss */
  .list-retailers .logo-gameplanet {
    background-image: url(retailers@2x.png);
    background-size: 260px 138px;
  }
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_alpha.scss */
.list-alpha {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-alpha:after {
  content: "";
  display: table;
  clear: both;
}
/* line 4, ../../src/assets/css/scss/partials/lists/_list_alpha.scss */
.list-alpha .alpha-section {
  background: #091e26;
  display: block;
}

/* line 1, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-head-forums {
  background-color: #091e26;
}
/* line 4, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-head-forums .module-title {
  color: #fff;
  margin: 0 0 0 2.1875rem;
  padding: 0.8125em 0;
}

/* line 12, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  margin-bottom: 3.4375em;
  width: 100%;
  height: auto;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-forums:after {
  content: "";
  display: table;
  clear: both;
}
/* line 17, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .item-category {
  clear: both;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 24, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .item-category:first-child .category-title {
  border-top: none;
}
/* line 27, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .item-category:last-child .category-title {
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
}
/* line 33, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .item-category:nth-child(odd) {
  background: #fff;
}
/* line 37, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .item-category:nth-child(even) {
  background: #f0efef;
}
/* line 41, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .category-title {
  border-top: 1px solid #bebebe;
  color: #8b794d;
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  line-height: 63px;
  letter-spacing: 0.05em;
  width: 100%;
  height: 60px;
}
/* line 53, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .category-title span {
  margin-left: 1.875em;
}
/* line 58, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .ui-icon {
  float: right;
  display: block;
  margin: 0 1.875em -0.5em 0;
  position: absolute;
  right: 0;
  top: 23px;
  width: 16px;
  height: 12px;
  font-size: 0.375em;
  letter-spacing: 0em;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
/* line 69, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .ui-icon:before {
  position: absolute;
}
/* line 73, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .ui-icon:after {
  display: none;
}
/* line 79, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .item-category.is-expanded {
  background: #8b794d;
  width: 100%;
  height: auto;
}
/* line 83, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .item-category.is-expanded .category-title {
  border-bottom: 2px solid #fff;
  border-top: 1px solid #bfb6a0;
  color: #fff;
}
/* line 89, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-forums .item-category.is-expanded .ui-icon {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 97, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-threads {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  max-height: 0;
  overflow: hidden;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.list-threads:after {
  content: "";
  display: table;
  clear: both;
}
/* line 103, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.is-expanded .list-threads {
  max-height: 800px;
  overflow: visible;
}
/* line 108, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-threads li {
  border-bottom: 1px solid #ac9d7a;
  width: 100%;
  height: 80px;
}
/* line 113, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-threads li:nth-child(odd) {
  background: #978559;
}
/* line 117, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-threads li:nth-child(even) {
  background: #8b794d;
}
/* line 121, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-threads .list-link {
  display: block;
  padding: 0.75em 0 0 2.25em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
/* line 128, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-threads .list-dates {
  color: #5a4103;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 0.8125em;
  line-height: 19px;
  letter-spacing: 0.1em;
}
/* line 134, ../../src/assets/css/scss/partials/lists/_list_forums.scss */
.list-threads .list-copy {
  color: #fff;
  margin: 0;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 20px;
  letter-spacing: 0.05em;
}

/* ==========================================================================
   News Landing Page
   ========================================================================== */
/* line 6, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter {
  overflow: auto;
  padding-bottom: 3.75em;
  position: relative;
  z-index: 100;
}

/*
   News Navigation
   ========================================================================== */
/* line 19, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-labellist {
  margin: 2.1875em 0 1.25em 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.125em;
  line-height: 15.5px;
  letter-spacing: 0em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
}
/* line 26, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-labellist a {
  color: #8b794d;
  margin-right: 0.625em;
}
@media (min-width: 992px) {
  /* line 19, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist {
    margin: 2.865em 0;
    text-align: left;
    font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-size: 1em;
    line-height: 16px;
    letter-spacing: 0em;
  }
  /* line 43, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist a {
    display: inline;
    position: relative;
  }
  /* line 48, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist a:before {
    border-right: 1px solid #061419;
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    width: 1px;
    height: 15px;
  }
}
/* line 58, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-labellist .newsfilter-label {
  border-bottom: 1px solid transparent;
  color: #8b794d;
  display: inline-block;
  margin-bottom: 0.625em;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 58, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist .newsfilter-label {
    margin: 0 1.25em 0.5em 0;
    width: auto;
    height: 15px;
  }
  /* line 70, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist .newsfilter-label:last-child {
    margin-right: 0;
  }
}
/* line 76, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-labellist .newsfilter-label.clicked {
  border-bottom: 1px solid #8b794d;
  color: #8b794d;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 76, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist .newsfilter-label.clicked {
    border-bottom: none;
    color: #061419;
  }
  /* line 86, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist .newsfilter-label.clicked:after {
    border-bottom: 1px solid #5c7383;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
  }
}
@media (min-width: 992px) {
  /* line 97, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist .newsfilter-label:hover {
    border-bottom: none;
  }
  /* line 101, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-labellist .newsfilter-label:hover:after {
    border-bottom: 1px solid #8b794d;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
  }
}

/* line 113, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-filter-label {
  color: #061419;
  margin-right: 0.625em;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  top: -15px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 113, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-filter-label {
    display: inline-block;
    margin-right: 10px;
    right: auto;
    top: 0;
    font-size: 1em;
    letter-spacing: 0em;
  }
}

/*
   News Teasers
   ========================================================================== */
/* line 137, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist .item {
  margin-bottom: 2.1875em;
  position: relative;
}
@media (min-width: 992px) {
  /* line 137, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist .item {
    border-right: 1px solid #8b794d;
    margin-bottom: 1.7em;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 150, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist .livefyre-commentcount {
  background: #2c3136;
  bottom: 11px;
  color: #fff;
  min-width: 29px;
  padding: 0.3125em 0.625em;
  position: absolute;
  right: 0;
  text-align: center;
  font-size: 0.75em;
  line-height: 23px;
  letter-spacing: 0em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
}
/* line 161, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist .livefyre-commentcount:before {
  bottom: -7px;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 0;
  border-color: #2c3136 transparent transparent transparent;
}
@media (min-width: 992px) {
  /* line 150, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist .livefyre-commentcount {
    float: right;
    margin-right: 14px;
    position: relative;
    top: 1px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  /* line 181, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist .livefyre-commentcount + a {
    float: left;
  }
  /* line 184, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist .livefyre-commentcount + a:after {
    content: '';
    display: block;
    width: 300px;
    height: 160px;
  }
}
/* line 193, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist a img {
  border: 2px solid #87723d;
  display: block;
}
@media (min-width: 992px) {
  /* line 193, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist a img {
    float: left;
    margin-top: 0.125em;
    max-width: 300px;
    min-height: 169px;
  }
}
/* line 206, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist h3 a {
  color: #8b794d;
  font-size: 1.375em;
  line-height: 34.5px;
  letter-spacing: 0.05em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
}
@media (min-width: 992px) {
  /* line 206, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist h3 a {
    color: #0b2630;
    font-size: 1.75em;
    line-height: 40.5px;
    letter-spacing: 0.05em;
  }
}
/* line 218, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist h3 {
  margin-bottom: 0;
  max-width: 70%;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 4px;
  white-space: nowrap;
  width: 70%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 218, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist h3 {
    margin-bottom: 0.475em;
    padding-left: 1.3625em;
    width: auto;
    height: auto;
    top: 10px;
  }
}
/* line 238, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist strong {
  display: none;
}
@media (min-width: 992px) {
  /* line 238, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist strong {
    color: #061419;
    display: block;
    float: left;
    padding-left: 1.5625em;
    width: 60%;
    height: auto;
    font-size: 0.875em;
    line-height: 21.5px;
    letter-spacing: 0.025em;
    font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    line-height: 20px;
  }
}
/* line 254, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist .news_date {
  bottom: 10px;
  color: #0b2630;
  display: block !important;
  position: absolute;
  font-size: 0.8125em;
  line-height: 24.5px;
  letter-spacing: 0.1em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
}
/* line 262, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist .news_date span {
  display: none;
}
@media (min-width: 992px) {
  /* line 254, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist .news_date {
    bottom: auto;
    left: 322px;
    margin-top: 0;
    top: -4px;
  }
}
/* line 276, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist .news_date + p {
  display: none;
}
@media (min-width: 992px) {
  /* line 276, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-newslist .news_date + p {
    display: inline-block;
    padding-left: 1.5625em;
  }
}
/* line 287, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-newslist .news_date + p a {
  width: 120px;
  height: 35px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 0.875em;
  line-height: 34px;
  letter-spacing: 0em;
}

/*
   Actions - Prev/Next Arrows
   ========================================================================== */
/* line 298, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-pagination {
  text-align: center;
}

/* line 302, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-prev,
.newsfilter-next {
  color: #8b794d;
  clear: none;
  display: inline-block;
  float: none;
  position: relative;
  text-indent: -9999999px;
  width: 20px;
  height: 20px;
  font-size: 1.125em;
  letter-spacing: 0em;
  width: 40px;
  height: 40px;
}
/* line 315, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-prev:before,
.newsfilter-next:before {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));
  background: -webkit-linear-gradient(45deg, #fff 0%, #fff 100%);
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 10px;
}
/* line 327, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-prev:after,
.newsfilter-next:after {
  border-color: #8b6f29 transparent transparent transparent;
}
@media (min-width: 992px) {
  /* line 302, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-prev,
  .newsfilter-next {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 334, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-prev:after, .newsfilter-prev:before,
  .newsfilter-next:after,
  .newsfilter-next:before {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 338, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-prev:hover,
  .newsfilter-next:hover {
    background: #fff;
    color: #debf72;
  }
  /* line 342, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-prev:hover:before,
  .newsfilter-next:hover:before {
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
    /* Chrome10+,Safari5.1+ */
    color: #8b794d;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  /* line 350, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
  .newsfilter-prev:hover:after,
  .newsfilter-next:hover:after {
    border-color: #fff transparent transparent transparent;
  }
}

/* line 357, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-prev {
  background: #8b6f29 url("bg-texture-nav-rollover.png");
  margin-left: -2px;
}
/* line 361, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-prev:before {
  left: 9px;
}

/* line 366, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-next {
  background: #8b6f29 url("bg-texture-nav-rollover.png");
  margin-left: -2px;
}
/* line 370, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-next:before {
  left: 14px;
}
/* line 373, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.newsfilter-next:after {
  left: auto;
  right: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 6px 0 0;
  border-color: #8b6f29 transparent transparent transparent;
}

/* line 381, ../../src/assets/css/scss/partials/modules/_module_news_filter.scss */
.news-preloader {
  position: absolute;
  left: 350px;
  top: 100px;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_media.scss */
.media {
  text-align: center;
}
/* line 3, ../../src/assets/css/scss/partials/modules/_module_media.scss */
.media h2 {
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #061419;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1px;
}
/* line 11, ../../src/assets/css/scss/partials/modules/_module_media.scss */
.media img {
  margin-bottom: 31px;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community {
  background: url("bg-helmet-no-swords.png") no-repeat center bottom, #fbfbfb;
  background-size: contain;
  overflow: hidden;
  padding-bottom: 40%;
  position: relative;
  width: auto;
  height: 100%;
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  .module-community {
    background-size: cover;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  .module-community {
    background: url("bg-helmet-no-swords.png") no-repeat center center, #fbfbfb;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  .module-community {
    background-size: cover;
  }
}

/* line 30, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community-body {
  backface-visibility: hidden;
  padding: 0 0 1.25em 0;
  position: relative;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  z-index: 100;
  width: 100%;
  height: auto;
}
/* line 41, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community-body .module-circle {
  background: #000000;
  /* Old browsers */
  background: url("bg-texture-small-speck.png") no-repeat, -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
  /* FF3.6+ */
  background: url("bg-texture-small-speck.png") no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: url("bg-texture-small-speck.png") no-repeat, -webkit-linear-gradient(top, #000000 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: url("bg-texture-small-speck.png") no-repeat, -o-linear-gradient(top, #000000 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: url("bg-texture-small-speck.png") no-repeat, -ms-linear-gradient(top, #000000 0%, #ffffff 100%);
  /* IE10+ */
  background: url("bg-texture-small-speck.png") repeat, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #fff;
  /* W3C */
  margin: 0 auto;
  padding: 1.25em;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 30, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  .module-community-body {
    background: transparent;
    padding: 3.75em 0;
    -moz-transform: translateZ(0.15px) scale(0.85) translate3d(0, 0, 0);
    -ms-transform: translateZ(0.15px) scale(0.85) translate3d(0, 0, 0);
    -webkit-transform: translateZ(0.15px) scale(0.85) translate3d(0, 0, 0);
    transform: translateZ(0.15px) scale(0.85) translate3d(0, 0, 0);
  }
  /* line 60, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  .module-community-body .module-circle {
    background: #000000;
    /* Old browsers */
    background: url("bg-texture-small-speck.png") no-repeat, -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
    /* FF3.6+ */
    background: url("bg-texture-small-speck.png") no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: url("bg-texture-small-speck.png") no-repeat, -webkit-linear-gradient(top, #000000 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: url("bg-texture-small-speck.png") no-repeat, -o-linear-gradient(top, #000000 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: url("bg-texture-small-speck.png") no-repeat, -ms-linear-gradient(top, #000000 0%, #ffffff 100%);
    /* IE10+ */
    background: url("bg-texture-small-speck.png") no-repeat, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #fff;
    /* W3C */
    border-radius: 50%;
    margin: 0 auto;
    padding: 1.25em;
    width: 470px;
    height: 470px;
    text-align: center;
  }
  /* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  .module-community-body .module-circle:before {
    content: '';
    display: inline-block !important;
    height: 100% !important;
    vertical-align: middle !important;
  }
  /* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  .module-community-body .module-circle .lay-center-vert-horz {
    display: inline-block !important;
    float: none !important;
    vertical-align: middle;
    width: 99% !important;
  }
}
/* line 76, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community-body .module-title {
  display: inline-block;
  margin: 1.25em 0 0.625em 0;
  max-width: 75%;
  font-size: 1.625em;
  line-height: 28.5px;
  letter-spacing: 0.04em;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 85, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  body:not(.is-touch) .module-community-body .module-title {
    margin: 0.75em 0 0.125em 0;
    max-width: 100%;
    font-size: 2.875em;
    line-height: 50px;
    letter-spacing: 0.05em;
  }
}
/* line 94, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community-body .module-copy {
  color: #061419;
  display: inline-block;
  max-width: 75%;
  margin: 0;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 25px;
  letter-spacing: 0.05em;
}
@media (min-width: 992px) {
  /* line 94, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  .module-community-body .module-copy {
    margin-bottom: 2.8125em;
    max-width: 100%;
  }
}
/* line 110, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community-body .ui-icon:before {
  left: -1px;
  top: 5px;
  font-size: 2.25em;
  letter-spacing: 0em;
}
/* line 116, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community-body .ui-icon:after {
  left: -8px;
}
/* line 121, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community-body .module-cta-container {
  bottom: -15px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  /* line 121, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  .module-community-body .module-cta-container {
    bottom: -20%;
  }
}
@media (min-width: 992px) {
  /* line 121, ../../src/assets/css/scss/partials/modules/_module_community.scss */
  .module-community-body .module-cta-container {
    position: static;
    bottom: 17%;
  }
}
/* line 138, ../../src/assets/css/scss/partials/modules/_module_community.scss */
.module-community-body .module-cta {
  display: inline-block;
  bottom: 0;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 51px;
  letter-spacing: 0em;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
.footer-items {
  margin-bottom: 1.25em;
  overflow: auto;
  padding-top: 1.25em;
  text-align: center;
  overflow: hidden;
  *zoom: 1;
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
  .footer-items {
    overflow: visible;
  }
}
/* line 12, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
.footer-items .footer-item {
  float: left;
  text-align: center;
  width: 50%;
  height: 100px;
}
/* line 17, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
.footer-items .footer-item:nth-child(4n+3) {
  clear: both;
}
/* line 21, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
.footer-items .footer-item:last-child {
  display: block;
  margin-top: 1.875em;
}
@media (min-width: 768px) {
  /* line 12, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
  .footer-items .footer-item {
    display: inline-block;
    float: none;
    width: 25%;
    height: auto;
  }
}
@media (min-width: 992px) {
  /* line 12, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
  .footer-items .footer-item {
    display: inline-block;
    float: none;
    margin: 0 1.25em 1.875em 1.25em;
    width: auto;
    height: auto;
  }
  /* line 38, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
  .footer-items .footer-item:nth-child(4n+3) {
    clear: none;
  }
  /* line 42, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
  .footer-items .footer-item:last-child {
    display: inline-block;
    margin: 0;
    vertical-align: top;
  }
}
/* line 51, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
.footer-items a {
  display: inline-block;
}
/* line 53, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
.footer-items a img {
  width: 85%;
}
@media (min-width: 768px) {
  /* line 53, ../../src/assets/css/scss/partials/modules/_module_footer_items.scss */
  .footer-items a img {
    width: 100%;
  }
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_locale_selector.scss */
.localeSelector {
  position: relative;
  text-align: center;
}
/* line 4, ../../src/assets/css/scss/partials/modules/_module_locale_selector.scss */
.localeSelector .flag {
  /* Box Model */
  position: relative;
  display: none;
  margin: 0 auto;
  width: auto;
  padding: 16px 33px 14px 13px;
  /* Type */
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.625em;
  letter-spacing: 0em;
  color: #c6c6c6;
  text-transform: uppercase;
  /* Other */
  background: #282828;
}
/* line 21, ../../src/assets/css/scss/partials/modules/_module_locale_selector.scss */
.localeSelector .flag img {
  margin: 0px 10px 0;
  float: left;
}
/* line 25, ../../src/assets/css/scss/partials/modules/_module_locale_selector.scss */
.localeSelector .flag span {
  letter-spacing: 0.03em;
  float: left;
}
/* line 31, ../../src/assets/css/scss/partials/modules/_module_locale_selector.scss */
.localeSelector .flag.current {
  display: inline-block;
}
/* line 33, ../../src/assets/css/scss/partials/modules/_module_locale_selector.scss */
.localeSelector .flag.current .arrow {
  background-image: url(footer-local-selector-arrow.gif);
  position: absolute;
  float: right;
  width: 6px;
  height: 5px;
  right: 15px;
  top: 20px;
}
/* line 44, ../../src/assets/css/scss/partials/modules/_module_locale_selector.scss */
.localeSelector .flag.is-showing {
  display: inline-block;
  position: absolute;
  z-index: 100;
}

/* ==========================================================================
     Content Summary News
     - As see on site landing page
     ========================================================================== */
/*
     Outer Parent Container
     ========================================================================== */
/* line 11, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary {
  margin-top: 2.5em;
  padding-bottom: 5em;
}
@media (min-width: 992px) {
  /* line 11, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary {
    padding-bottom: 0;
    *zoom: 1;
  }
  /* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .contentsummary:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
}
/* line 21, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .actions {
  display: none;
}
/* line 27, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .seeAll {
  width: 100%;
  height: 100%;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 51px;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  /* line 27, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .seeAll {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    width: 150px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  /* line 27, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .seeAll {
    left: 30%;
    top: 377px;
    margin-left: 0.125em;
    position: absolute;
    width: auto;
    height: auto;
  }
}

/*
     Where the content actually resides
     ========================================================================== */
/* line 57, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable {
  border: none;
  overflow: visible;
  width: 100%;
  height: auto !important;
}
/* line 62, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable .items {
  position: static;
  width: auto;
  height: auto;
}
@media (min-width: 992px) {
  /* line 62, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable .items {
    height: inherit !important;
    *zoom: 1;
  }
  /* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .contentsummary .contentsummary-scrollable .items:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
}
/* line 71, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable .page {
  width: auto !important;
  height: auto !important;
}
@media (min-width: 992px) {
  /* line 71, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable .page {
    height: inherit !important;
    *zoom: 1;
  }
  /* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .contentsummary .contentsummary-scrollable .page:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
}
/* line 79, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable .item {
  border-bottom: none;
  font-size: 16px;
  letter-spacing: 1em;
  margin: 0;
  padding: 0;
  width: auto;
  height: inherit;
}
@media (min-width: 992px) {
  /* line 79, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable .item {
    min-height: 262px;
    *zoom: 1;
  }
  /* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .contentsummary .contentsummary-scrollable .item:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
}
/* line 92, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable .livefyre-commentcount {
  display: none;
}
/* line 96, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable .news_date {
  color: #0b2630;
  display: inline-block !important;
  left: 0px;
  position: absolute;
  top: 165px;
  text-align: center;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 0.8125em;
  line-height: 13px;
  letter-spacing: 0.1em;
  width: 100%;
  height: auto;
}
/* line 108, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable .news_date span {
  display: none;
}
@media (min-width: 768px) {
  /* line 96, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable .news_date {
    top: 0;
    bottom: 128px;
  }
}
@media (min-width: 992px) {
  /* line 96, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable .news_date {
    bottom: auto;
    top: -13px;
    left: 2px;
    width: auto;
    height: auto;
  }
}
/* line 127, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable div:first-child a {
  display: block;
  right: 0px;
}
/* line 130, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable div:first-child a img {
  border: 3px solid #b8a36c;
  float: none;
  margin: 0.6875em 0 0 0;
  max-width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: auto;
  height: auto;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 130, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable div:first-child a img {
    margin-right: 3px;
    margin-top: 4px;
    width: 479px;
    height: 267px;
  }
}
@media (min-width: 768px) {
  /* line 127, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable div:first-child a {
    text-align: center;
  }
  /* line 152, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable div:first-child a img {
    margin: 0;
    max-height: 268px;
    max-width: 480px;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 992px) {
  /* line 127, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable div:first-child a {
    float: right;
    width: 480px;
    height: 268px;
  }
  /* line 164, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable div:first-child a img {
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 268px;
  }
}
/* line 174, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable h3 {
  line-height: 36px;
  margin-top: 1.5625em;
  text-align: center;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1.75em;
  line-height: 28px;
  letter-spacing: 0.05em;
}
/* line 181, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable h3 a {
  color: #061419;
  float: none !important;
  width: auto !important;
  height: auto !important;
}
@media (min-width: 480px) {
  /* line 174, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable h3 {
    min-height: 55px;
  }
}
@media (min-width: 768px) {
  /* line 174, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable h3 {
    min-height: 0;
  }
}
@media (min-width: 992px) {
  /* line 174, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable h3 {
    padding-top: 0.9375em;
    margin-top: 0;
    margin-top: 3px;
    margin-left: -4px;
    text-align: left;
    width: 320px;
    height: auto;
    font-size: 2.125em;
    line-height: 34px;
    letter-spacing: 0.05em;
  }
  /* line 205, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable h3 a {
    text-align: left !important;
  }
}
/* line 212, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable strong {
  display: block;
  margin: 1.375em auto 0 auto;
  max-height: 95px;
  max-width: 500px;
  min-height: 95px;
  text-align: center;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  letter-spacing: 0em;
  letter-spacing: 0.025em;
}
@media (min-width: 768px) {
  /* line 212, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable strong {
    margin: 12px auto 0 auto;
  }
}
@media (min-width: 992px) {
  /* line 212, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable strong {
    margin: 14px 0 0 -4px;
    min-height: 0;
    max-height: 100%;
    max-width: 297px;
    text-align: left;
  }
}
/* line 238, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary .contentsummary-scrollable .news_date + p a {
  min-height: 50px;
  min-width: 150px;
  width: 100%;
  height: 100%;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 51px;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  /* line 236, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable .news_date + p {
    margin: 0;
    position: absolute;
    right: 50%;
    width: 150px;
    height: 50px;
  }
  /* line 254, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable .news_date + p a {
    padding: 0;
    vertical-align: middle;
    width: 150px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  /* line 236, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary .contentsummary-scrollable .news_date + p {
    /* a {
         bottom: 1px;
         position: absolute;
         padding: em(10) em(19);
         left: 0;
         @include size(auto);
     }*/
  }
}

/* .news.is-news{
    .news_date{
        top: 148px;


    }
} */
/*
   We Need to switch colors when we're in a hero layout
   ========================================================================== */
/* line 285, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary.is-hero {
  padding-bottom: 0;
}
/* line 288, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary.is-hero h3 a,
.contentsummary.is-hero strong,
.contentsummary.is-hero .news_date {
  color: #fff;
}
@media (min-width: 768px) {
  /* line 295, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-hero .news_date + p {
    bottom: -30px;
    left: 50%;
    margin: 0 0 0 -75px;
    position: absolute;
    right: auto;
    width: 150px;
    height: 50px;
  }
  /* line 305, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-hero .news_date + p a {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    width: 150px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  /* line 295, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-hero .news_date + p {
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
  }
  /* line 319, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-hero .news_date + p a {
    bottom: -4px;
    left: -3px;
    right: auto;
    width: auto;
    height: auto;
  }
}
/* line 329, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary.is-hero .seeAll {
  display: none;
}
@media (min-width: 992px) {
  /* line 285, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-hero {
    padding-top: 53px;
  }
}

/* line 339, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary.is-latest-news .seeAll {
  min-height: 50px;
  min-width: 150px;
}
@media (min-width: 768px) {
  /* line 339, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-latest-news .seeAll {
    left: 50%;
    margin-left: 1px;
    position: absolute;
    font-size: 1em;
    line-height: 51px;
    letter-spacing: 0em;
    width: 150px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  /* line 339, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-latest-news .seeAll {
    left: auto;
    margin: -3px 0 0 151px;
  }
}
/* line 356, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
.contentsummary.is-latest-news .livefyre-commentcount + a img {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 361, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-latest-news .news_date + p a {
    width: 150px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  /* line 360, ../../src/assets/css/scss/partials/modules/_module_contentsummary_news.scss */
  .contentsummary.is-latest-news .news_date + p {
    bottom: -4px;
    left: -5px;
    position: absolute;
  }
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail {
  text-align: center;
}
/* line 4, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail img {
  width: auto !important;
  height: auto !important;
}
/* line 9, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
/* line 15, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail p {
  text-align: left;
}
@media (min-width: 992px) {
  /* line 15, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
  .module-news-detail p {
    font-size: 0.8125em;
    letter-spacing: 0.047em;
    margin: 25px 98px -5px;
    line-height: 1.9em;
  }
}
/* line 27, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail p a {
  color: #8b794d;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 31, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
  .module-news-detail p a:hover {
    color: #debf72;
  }
}
@media (min-width: 992px) {
  /* line 38, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
  .module-news-detail h3 {
    margin-top: 32px;
    margin-bottom: -7px;
    padding-top: 19px;
    padding-bottom: 19px;
    letter-spacing: 0.06em;
  }
}
/* line 49, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .news_title {
  border-bottom: none;
  border-top: none;
  color: #0b2630;
  margin: 0.625em 0 0 0;
  padding: 0;
  position: relative;
  z-index: 100;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 2.5em;
  line-height: 40px;
  letter-spacing: 0.01em;
}
@media (min-width: 992px) {
  /* line 49, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
  .module-news-detail .news_title {
    margin: 0.925em 0 0px 0;
    font-size: 3em;
    letter-spacing: 0em;
    letter-spacing: 0.01em;
    font-style: normal;
  }
}
/* line 68, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .news_date {
  text-align: center;
}
@media (min-width: 992px) {
  /* line 68, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
  .module-news-detail .news_date {
    display: block;
    left: 0;
    margin: 0;
    max-width: 100%;
    position: relative;
    text-align: center;
    top: 9px;
    width: 100%;
    height: auto;
  }
}
/* line 89, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .news-detail {
  margin-top: 0.6875em;
  position: relative;
}
@media (min-width: 992px) {
  /* line 89, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
  .module-news-detail .news-detail {
    width: 310.52632%;
    float: left;
    margin-right: 5.26316%;
    float: none !important;
    margin: 2.6875em auto 0 !important;
    max-width: 800px;
  }
}
/* line 101, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .thumb_news {
  position: relative;
  z-index: 100;
}
/* line 106, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .ui-icon {
  display: none;
}
/* line 110, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .module-more {
  color: #8b794d;
  margin-bottom: 1.5625em;
  margin-top: 65px;
  text-align: center;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.75em;
  line-height: 12px;
  letter-spacing: 0.01em;
}
/* line 121, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .link {
  color: transparent;
  display: inline-block;
  margin: 0 0.8125em;
  position: relative;
  width: 30px;
  height: 30px;
}
/* line 127, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .link:before {
  color: #0b2630;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  font-size: 1.5625em;
  letter-spacing: 0em;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 138, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
  .module-news-detail .link:hover:before {
    color: #debf72;
  }
}
/* line 145, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .module-more + .link:before {
  content: "\ea8c";
  top: -2px;
}
/* line 151, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .module-more + .link + .link:before {
  content: "\ea91";
}
/* line 156, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .module-more + .link + .link + .link:before {
  content: "\ea88";
}
/* line 160, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .livefyre-commentcount {
  background: #2c3136;
  bottom: 8px;
  color: #fff;
  min-width: 29px;
  padding: 0.3125em 0.625em;
  position: absolute;
  float: left;
  left: 50%;
  top: -50px;
  text-align: center;
  font-size: 0.75em;
  line-height: 23px;
  letter-spacing: 0em;
  font-family: "khand", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
}
/* line 178, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
.module-news-detail .livefyre-commentcount::before {
  bottom: -7px;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 0;
  border-color: #2c3136 transparent transparent transparent;
}
@media (min-width: 992px) {
  /* line 160, ../../src/assets/css/scss/partials/modules/_module_news_detail.scss */
  .module-news-detail .livefyre-commentcount {
    margin-left: -14px;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger {
  cursor: pointer;
  left: 20px;
  position: absolute;
  top: 16px;
  z-index: 1000;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 25px;
  height: 25px;
}
/* line 11, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger:before {
  content: '';
  display: block;
  left: -12px;
  padding: 0.625em;
  position: absolute;
  top: -15px;
  width: 100%;
  height: 100%;
}
/* line 20, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span {
  background: #87723d;
  display: block;
  opacity: 1;
  position: absolute;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: 0.25s, ease-in-out;
  -o-transition: 0.25s, ease-in-out;
  -webkit-transition: 0.25s, ease-in-out;
  transition: 0.25s, ease-in-out;
  width: 50%;
  height: 3px;
}
/* line 29, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span:nth-child(even) {
  left: 50%;
}
/* line 33, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span:nth-child(odd) {
  left: 0px;
}
/* line 37, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span:nth-child(1) {
  top: 0px;
}
/* line 40, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span::nth-child(2) {
  top: 0px;
}
/* line 43, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span:nth-child(3) {
  top: 6px;
}
/* line 46, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span:nth-child(4) {
  top: 6px;
}
/* line 49, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span:nth-child(5) {
  top: 12px;
}
/* line 52, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger span:nth-child(6) {
  top: 12px;
}
/* line 56, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open {
  position: fixed;
  top: 61px;
}
/* line 59, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span {
  width: 50%;
  height: 4px;
}
/* line 61, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(1) {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 64, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(6) {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 67, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(2) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 70, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(5) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 73, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(1) {
  left: -1px;
  top: 2px;
}
/* line 77, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 2px;
}
/* line 81, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
/* line 85, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
/* line 89, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(5) {
  left: -1px;
  top: 10px;
}
/* line 93, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
.nav-hamburger.is-open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 11px;
}
@media (min-width: 992px) {
  /* line 100, ../../src/assets/css/scss/partials/modules/_module_hamburger.scss */
  body:not(.is-touch) .nav-hamburger {
    display: none;
  }
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow {
  position: relative;
  /* .forward{
      img.is-faction{
          position: absolute;
      }
  } */
}
/* line 4, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow:after {
  background: #82651c;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow {
    height: 720px;
  }
}
/* line 17, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images {
  background: transparent;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: default;
  margin: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: calc( 100% - 159px);
  min-height: 250px;
}
@media (min-width: 992px) {
  /* line 17, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images {
    height: 720px;
  }
}
/* line 30, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .slide-image {
  font-size: 16px;
  margin: 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  /* line 30, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images .slide-image {
    height: 720px;
  }
}
/* line 46, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .slide-image:first-child {
  background: url("faction-dawn-bg-slider.jpg") no-repeat center center;
  background-size: cover;
}
/* line 51, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .slide-image:nth-child(2) {
  background: url("faction-stormborn-bg-slider.jpg") no-repeat center center;
  background-size: cover;
}
/* line 56, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .slide-image:last-child {
  background: url("faction-ironlegion-bg-slider.jpg") no-repeat center center;
  background-size: cover;
}
/* line 61, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .module-content {
  text-align: center;
  height: 100% !important;
}
/* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.module-slider.slideshow .slide-images .module-content:before {
  content: '';
  display: inline-block !important;
  height: 100% !important;
  vertical-align: middle !important;
}
/* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.module-slider.slideshow .slide-images .module-content .lay-center-vert-horz {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle;
  width: 90% !important;
}
/* line 66, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .module-content .lay-center-vert-horz {
  position: relative;
  z-index: 200;
}
/* line 72, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .module-title {
  margin: 0 0 -30px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 3.75em;
  line-height: 87.5px;
  letter-spacing: 0.05em;
  font-size: 2.75em;
}
@media (min-width: 992px) {
  /* line 72, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images .module-title {
    font-size: 2.45em;
    line-height: 39.5px;
    margin: .23em 0;
  }
}
/* line 85, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .module-copy {
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.9375em;
  line-height: 30px;
  letter-spacing: 0.05em;
  line-height: 25px;
}
@media (min-width: 992px) {
  /* line 85, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images .module-copy {
    font-size: 0.875em;
    letter-spacing: 0em;
    max-width: 240px;
    margin: 0 auto;
    letter-spacing: 0.05em;
    line-height: 1.6em;
  }
}
/* line 98, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .ring {
  display: none;
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  border: #8b794d solid 2px;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -200px;
  z-index: 100;
}
@media (min-width: 992px) {
  /* line 98, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images .ring {
    display: inline;
  }
}
/* line 115, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .shadow {
  background: transparent url("text-shadow.png");
  position: absolute;
  width: 395px;
  height: 395px;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -200px;
  z-index: 100;
}
/* line 127, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .media-mask {
  bottom: 0;
  left: 50%;
  margin-left: -333px;
  position: absolute;
  width: 667px;
  height: 100%;
}
@media (min-width: 768px) {
  /* line 127, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images .media-mask {
    right: 0%;
    left: inherit;
    height: 767px;
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  /* line 127, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images .media-mask {
    width: auto;
    height: 100%;
  }
}

/* line 147, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-images .module-image {
  position: absolute;
  right: -30px;
  bottom: 0px;
  width: auto;
  height: calc(100% + 25px);
  max-width: inherit;
}
@media (min-width: 768px) {
  /* line 147, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images .module-image {
    bottom: inherit;
    top: 0;
    right: -260px;
    width: auto;
    height: 767px;
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  /* line 147, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-images .module-image {
    width: auto;
    height: 100%;
  }
}

/* line 168, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .forward,
.module-slider.slideshow .backward {
  display: none;
  position: absolute;
}
/* line 174, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
.module-slider.slideshow .slide-tabs {
  bottom: 5px;
  position: absolute;
}
@media (min-width: 992px) {
  /* line 174, ../../src/assets/css/scss/partials/modules/_module_slider.scss */
  .module-slider.slideshow .slide-tabs {
    bottom: 35px;
  }
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall {
  margin-top: 7.5em;
}
/* line 6, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .hub-wall-column {
  width: 100% !important;
  height: auto;
}
@media (min-width: 768px) {
  /* line 6, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
  .module-community-wall .hub-wall-column {
    width: 33.33333% !important;
    height: auto;
  }
}
/* line 14, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .hub-content-container {
  background: url("bg-texture-community.png") no-repeat, #2c3136;
  /* Old browsers */
  background: url("bg-texture-community.png") no-repeat, -moz-linear-gradient(top, #2c3136 0%, #061419 100%);
  /* FF3.6+ */
  background: url("bg-texture-community.png") no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c3136), color-stop(100%, #061419));
  /* Chrome,Safari4+ */
  background: url("bg-texture-community.png") no-repeat, -webkit-linear-gradient(top, #2c3136 0%, #061419 100%);
  /* Chrome10+,Safari5.1+ */
  background: url("bg-texture-community.png") no-repeat, -o-linear-gradient(top, #2c3136 0%, #061419 100%);
  /* Opera 11.10+ */
  background: url("bg-texture-community.png") no-repeat, -ms-linear-gradient(top, #2c3136 0%, #061419 100%);
  /* IE10+ */
  background: url("bg-texture-community.png") no-repeat, linear-gradient(to bottom, #2c3136 0%, #061419 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3136', endColorstr='#061419',GradientType=0 );
  /* IE6-9 */
  background-size: cover;
  border-radius: 3px;
}
/* line 27, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .content-default {
  background: transparent !important;
}
/* line 31, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .content-body-main {
  color: #fff;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 0.9375em;
  line-height: 23px;
  letter-spacing: 0em;
}
/* line 37, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .content-body-main a {
  color: #8b794d !important;
}
/* line 41, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .content-author-name a {
  color: #fff !important;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1.125em;
  letter-spacing: 0em;
}
/* line 48, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .content-author-username a {
  color: #8b794d !important;
  font-size: 0.875em;
  letter-spacing: 0em;
}
/* line 53, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .content-source-logo {
  color: #fff !important;
}
/* line 57, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .content-control-list .hub-btn-link,
.module-community-wall .content-control-list .hub-btn-link:before,
.module-community-wall .content-control-list a {
  color: #888e90 !important;
}
/* line 63, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .content-control-list .hub-btn-link:hover {
  background: transparent !important;
  border: none !important;
}
/* line 68, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
.module-community-wall .hub-list-more {
  background-color: transparent !important;
  color: #fff !important;
  border-radius: 0 !important;
  border: 2px solid transparent !important;
  box-shadow: none !important;
  font-size: 1em !important;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-weight: 600 !important;
  line-height: 52px !important;
  margin: 3.125em auto !important;
  padding: 0 !important;
  width: 150px !important;
  height: 50px !important;
}
@media (min-width: 992px) {
  /* line 84, ../../src/assets/css/scss/partials/modules/_module_community_wall.scss */
  .module-community-wall .hub-list-more:hover {
    color: #8b794d !important;
    border: 2px solid #8b794d !important;
  }
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets {
  outline: 0;
  z-index: 100;
  height: 100%;
}
@media (min-width: 768px) {
  /* line 8, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets {
    max-width: 1280px;
    margin: 0px auto;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* .scroll-down{
      bottom: -148px;
    } */
  }
}
/* line 21, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets h1 {
  display: none;
  position: absolute;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  width: 80%;
  left: 10%;
  text-align: center;
  color: #061419;
  text-transform: uppercase;
  top: 80px;
  font-size: 2.625em;
  line-height: 45px;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  /* line 41, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets h1 {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 5.2em;
    top: 15px;
    left: 0;
    bottom: inherit;
    line-height: 75px;
  }
}
@media (min-width: 992px) {
  /* line 55, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets h1 {
    top: 10%;
  }
}
@-webkit-keyframes enterright {
  from {
    left: 127%;
  }
  to {
    left: 71%;
  }
}
@-webkit-keyframes enterleft {
  from {
    left: -97%;
  }
  to {
    left: -41%;
  }
}
/* line 76, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide {
  display: block;
}
/* line 78, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide.current {
  display: block;
  left: 15%;
  float: left;
}
@media (min-width: 768px) {
  /* line 83, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide.current {
    left: inherit;
    display: inline-block;
  }
}
/* line 89, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide.next {
  left: 71%;
}
@media (min-width: 768px) {
  /* line 92, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide.next {
    left: inherit;
    display: inline-block;
  }
}
/* line 98, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide.prev {
  left: -41%;
}
@media (min-width: 768px) {
  /* line 101, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide.prev {
    left: inherit;
    display: inline-block;
  }
}
/* line 107, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide.enter-right {
  -webkit-animation-name: enterright;
  -webkit-animation-duration: 0.5s;
}
/* line 111, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide.enter-left {
  -webkit-animation-name: enterleft;
  -webkit-animation-duration: 0.5s;
}
/* line 115, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide a {
  bottom: 113px;
  position: relative;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 51px;
  letter-spacing: 0em;
  /* @include breakpoint(large){
    top: -167px;
  } */
}
@media (min-width: 992px) {
  /* line 115, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  .faction-helmets .mobile-slide a {
    bottom: 233px;
  }
  /* line 126, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide a {
    bottom: 113px;
    top: calc(50% + 190px);
  }
}
/* line 135, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide img {
  position: relative;
  max-width: 125%;
  left: -12.5%;
  pointer-events: none;
}
@media (orientation: landscape) {
  /* line 144, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  .is-android .faction-helmets .mobile-slide img {
    left: 0;
    top: 120px;
  }
}
/* line 151, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
.faction-helmets .mobile-slide img.rollover {
  position: absolute;
  top: 0px;
  opacity: 0;
}
@media (orientation: landscape) {
  /* line 156, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  .is-android .faction-helmets .mobile-slide img.rollover {
    left: 0;
    top: 120px;
  }
}
@media (min-width: 768px) {
  /* line 168, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide img {
    display: block;
    position: absolute;
    max-width: 166%;
    left: -33%;
    top: 10%;
  }
}
@media (min-width: 992px) {
  /* line 178, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body.is-touch .faction-helmets .mobile-slide img {
    left: inherit;
  }
}
@media (min-width: 992px) {
  /* line 76, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  .faction-helmets .mobile-slide {
    bottom: -130px;
  }
  /* line 187, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 33%;
    margin-top: -30px;
    cursor: pointer;
    float: left;
    bottom: inherit;
  }
  /* line 197, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide.is-iron-legion {
    top: 0%;
  }
  /* line 200, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide.is-dawn {
    left: inherit;
  }
  /* line 203, ../../src/assets/css/scss/partials/modules/_module_know_your_faction.scss */
  body:not(.is-touch) .faction-helmets .mobile-slide.is-stormborn {
    left: inherit;
  }
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes {
  margin-bottom: 150px;
}
@-webkit-keyframes enterright {
  from {
    left: 134%;
  }
  to {
    left: 78%;
  }
}
@-webkit-keyframes enterleft {
  from {
    left: -90%;
  }
  to {
    left: -34%;
  }
}
/* line 22, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide {
  width: 56%;
  display: block;
  opacity: 0;
}
/* line 26, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide.current {
  display: block;
  left: 22%;
  float: left;
}
/* line 32, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide.next {
  display: block;
  left: 78%;
}
/* line 36, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide.prev {
  display: block;
  left: -34%;
}
/* line 40, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide.enter-right {
  -webkit-animation-name: enterright;
  -webkit-animation-duration: 0.5s;
}
/* line 44, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide.enter-left {
  -webkit-animation-name: enterleft;
  -webkit-animation-duration: 0.5s;
}
/* line 48, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide h3 {
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  bottom: -77px;
  position: absolute;
  width: 100%;
  color: #061419;
  text-align: center;
  font-size: 1.625em;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  /* line 48, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes .mobile-slide h3 {
    margin-bottom: 0;
    position: static;
  }
}
/* line 62, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide p {
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  color: #061419;
  bottom: -84px;
  position: absolute;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 62, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes .mobile-slide p {
    margin-top: -0.25em;
    position: static;
  }
}
/* line 76, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide img.is-faction-image {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-top: 0;
  width: 100%;
}
/* line 84, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide img.is-faction-image.is-dawn-unlocked {
  bottom: -48px;
}
/* line 89, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide img.is-faction-image.is-stormborn-unlocked {
  bottom: 0px;
  left: 0px;
  z-index: 1;
}
@media (min-width: 768px) {
  /* line 76, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes .mobile-slide img.is-faction-image {
    position: static;
    width: auto;
    height: auto;
  }
}
/* line 102, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
.faction-classes .mobile-slide.is-unlocked h3 {
  color: #5c7383;
}
@media (min-width: 992px) {
  /* line 22, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes .mobile-slide {
    display: inline-block;
    position: relative;
    width: 234px;
    height: 425px;
    text-align: left;
    margin-left: 13px;
  }
  /* line 113, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes .mobile-slide:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 768px) {
  /* line 119, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes .mobile-slide {
    display: block;
    opacity: 1;
    float: left;
    position: static;
    width: 50%;
    height: auto;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 128, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes .is-unlocked {
    position: relative;
    top: 21px;
  }
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes {
    display: inline-block;
    margin-bottom: 31px;
  }
  /* line 137, ../../src/assets/css/scss/partials/modules/_module_faction_classes.scss */
  .faction-classes .mobile-slide {
    width: auto;
    height: auto;
  }
}

@media (min-width: 992px) {
  /* line 3, ../../src/assets/css/scss/partials/modules/_module_know_your_lore.scss */
  body:not(.is-touch) .know-your-lore {
    background: url("bg-texture-white.png") repeat;
    padding-bottom: 46px;
    min-height: 367px;
  }
  /* line 7, ../../src/assets/css/scss/partials/modules/_module_know_your_lore.scss */
  body:not(.is-touch) .know-your-lore .lay-body-copy, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail {
    width: 50% !important;
    margin: 5px 0 0 0 !important;
    float: left !important;
  }
  /* line 11, ../../src/assets/css/scss/partials/modules/_module_know_your_lore.scss */
  body:not(.is-touch) .know-your-lore .lay-body-copy .body-copy, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail .body-copy, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail .body-copy, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail .body-copy, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail .body-copy, body:not(.is-touch) .know-your-lore .lay-body-copy .module-news-detail p, .module-news-detail body:not(.is-touch) .know-your-lore .lay-body-copy p, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail p, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail p, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail p, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail p {
    max-width: 100%;
    letter-spacing: 0.08em;
    line-height: 1.9em;
    margin-bottom: 21px;
  }
  /* line 17, ../../src/assets/css/scss/partials/modules/_module_know_your_lore.scss */
  body:not(.is-touch) .know-your-lore .lay-body-copy .title-article, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail .title-article, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail .title-article, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail .title-article, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail .title-article {
    position: relative;
    font-size: 46px;
    text-align: left;
    letter-spacing: 0.04em;
  }
  /* line 23, ../../src/assets/css/scss/partials/modules/_module_know_your_lore.scss */
  body:not(.is-touch) .know-your-lore .lay-body-copy .body-copy-callout-large, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail .body-copy-callout-large, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail .body-copy-callout-large, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail .body-copy-callout-large, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail .body-copy-callout-large, body:not(.is-touch) .know-your-lore .lay-body-copy .module-news-detail h3, .module-news-detail body:not(.is-touch) .know-your-lore .lay-body-copy h3, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail h3, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail h3, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail h3, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail h3 {
    text-align: left;
    border: none;
    padding: 0;
    margin-top: 13px;
    margin-bottom: 15px;
    margin-left: 4px;
    letter-spacing: 0.12em;
  }
  /* line 32, ../../src/assets/css/scss/partials/modules/_module_know_your_lore.scss */
  body:not(.is-touch) .know-your-lore .lay-body-copy .intro-center, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail .intro-center, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail .intro-center, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail .intro-center, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail .intro-center {
    margin-left: 40%;
    margin-top: 66px;
    margin-right: 22px;
  }
  /* line 37, ../../src/assets/css/scss/partials/modules/_module_know_your_lore.scss */
  body:not(.is-touch) .know-your-lore .lay-body-copy .second-paragraph, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail .second-paragraph, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail .second-paragraph, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail .second-paragraph, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail .second-paragraph {
    margin-top: 131px;
  }
  /* line 39, ../../src/assets/css/scss/partials/modules/_module_know_your_lore.scss */
  body:not(.is-touch) .know-your-lore .lay-body-copy .second-paragraph .body-copy, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail .second-paragraph .body-copy, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail .second-paragraph .body-copy, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail .second-paragraph .body-copy, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail .second-paragraph .body-copy, body:not(.is-touch) .know-your-lore .lay-body-copy .second-paragraph .module-news-detail p, .module-news-detail body:not(.is-touch) .know-your-lore .lay-body-copy .second-paragraph p, body:not(.is-touch) .know-your-lore .lay-news-detail .module-news-detail .second-paragraph p, .lay-news-detail body:not(.is-touch) .know-your-lore .module-news-detail .second-paragraph p, body:not(.is-touch) .know-your-lore .lay-news-detail-comments .module-news-detail .second-paragraph p, .lay-news-detail-comments body:not(.is-touch) .know-your-lore .module-news-detail .second-paragraph p {
    margin-right: 40%;
    margin-left: 14px;
  }
}

/* line 3, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .forward,
.slideshow .backward {
  display: none;
  font-size: 100%;
  position: absolute;
  right: 0px;
  text-indent: 0;
  top: 50%;
  z-index: 100;
}
@media (min-width: 768px) {
  /* line 13, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  body:not(.is-touch) .slideshow .forward, body:not(.is-touch)
  .slideshow .backward {
    display: block !important;
  }
}
/* line 18, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .forward.is-over,
.slideshow .backward.is-over {
  background: #8b6f29 url("bg-texture-nav-rollover.png");
}
/* line 23, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .forward.is-over:before,
.slideshow .backward.is-over:before {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));
  background: -webkit-linear-gradient(45deg, #fff 0%, #fff 100%);
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* line 31, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .forward.is-over:after,
.slideshow .backward.is-over:after {
  border-color: #8b6f29 transparent transparent transparent;
}
/* line 37, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .forward .thumb img, .slideshow .forward .thumb video,
.slideshow .backward .thumb img,
.slideshow .backward .thumb video {
  width: 169px;
  height: 95px;
  position: absolute;
  top: 2px;
  left: 2px;
  opacity: 0;
  z-index: 100;
}
/* line 49, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .backward:before,
.slideshow .forward:before {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.125em;
  letter-spacing: 0em;
}
/* line 57, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .backward {
  margin-top: -10px;
}
/* line 61, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .backward:before {
  right: 21px;
  top: 10px;
}
/* line 66, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .backward .thumb {
  background: url("bg-texture-nav-rollover.png"), linear-gradient(135deg, #82651c 0%, #debf72 100%);
  position: absolute;
  width: 173px;
  height: 99px;
  left: 44px;
  top: 0px;
}
/* line 76, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .forward {
  margin-top: -51px;
  right: 0px;
  width: 50px;
}
/* line 82, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .forward:before {
  right: 21px;
  top: 11px;
}
/* line 87, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .forward .thumb {
  background: url("bg-texture-nav-rollover.png"), linear-gradient(45deg, #82651c 0%, #debf72 100%);
  position: absolute;
  width: 173px;
  height: 99px;
  left: 50px;
  bottom: 0px;
}
/* line 98, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .slide-images {
  background-color: transparent;
  border: none;
  margin: 0;
  position: relative;
  z-index: 50;
  width: 100%;
  height: 100%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 110, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .slide-image {
  font-size: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
/* line 117, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .slide-image:after {
  background-color: rgba(0, 0, 0, 0.6);
  content: '';
  display: block;
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 133, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .slide-image.is-dimmed:after {
  opacity: 1;
}
/* line 137, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .slide-image img {
  max-width: 65%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  /* line 137, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .slideshow .slide-image img {
    max-width: 65%;
  }
}
@media (min-width: 768px) {
  /* line 137, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .slideshow .slide-image img {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  /* line 137, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .slideshow .slide-image img {
    max-width: 65%;
  }
}
@media (min-width: 992px) and (orientation: landscape) {
  /* line 137, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .slideshow .slide-image img {
    max-width: 45%;
  }
  /* line 153, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .is-android .slideshow .slide-image img {
    max-width: 35%;
  }
}

@media (min-width: 992px) {
  /* line 160, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  body:not(.is-touch) .slideshow .slide-image img {
    max-width: 100%;
  }
}
@media (max-height: 900px) {
  /* line 166, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  body:not(.is-touch) .slideshow .slide-image img {
    max-width: 45%;
  }
}
/* line 173, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .module-hero-slide {
  cursor: default;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
/* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.slideshow .module-hero-slide:before {
  content: '';
  display: inline-block !important;
  height: 100% !important;
  vertical-align: middle !important;
}
/* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.slideshow .module-hero-slide .lay-center-vert-horz {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle;
  width: 90% !important;
}
/* line 179, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .module-hero-slide .lay-center-vert-horz {
  position: relative;
  z-index: 100;
}
@media (min-width: 768px) {
  /* line 173, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .slideshow .module-hero-slide {
    text-align: center;
  }
  /* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  .slideshow .module-hero-slide:before {
    content: '';
    display: inline-block !important;
    height: 100% !important;
    vertical-align: middle !important;
  }
  /* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  .slideshow .module-hero-slide .lay-center-vert-horz {
    display: inline-block !important;
    float: none !important;
    vertical-align: middle;
    width: 70% !important;
  }
}
@media (min-width: 992px) {
  /* line 173, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .slideshow .module-hero-slide {
    text-align: center;
  }
  /* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  .slideshow .module-hero-slide:before {
    content: '';
    display: inline-block !important;
    height: 100% !important;
    vertical-align: middle !important;
  }
  /* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
  .slideshow .module-hero-slide .lay-center-vert-horz {
    display: inline-block !important;
    float: none !important;
    vertical-align: middle;
    width: 90% !important;
  }
}
/* line 194, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .module-slide-media {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0.8;
  width: 100%;
  height: 100%;
}
@media (orientation: landscape) {
  /* line 194, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .slideshow .module-slide-media {
    background-position: 50% 30%;
  }
}
/* line 209, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .module-slide-title {
  color: #fff;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 2.625em;
  line-height: 45px;
  letter-spacing: 0em;
  width: 100%;
  height: auto;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  line-height: 40px;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.65);
}
@media (min-width: 768px) {
  /* line 209, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
  .slideshow .module-slide-title {
    font-size: 5.125em;
    line-height: 74px;
    letter-spacing: -0.01em;
    top: 48%;
    letter-spacing: -1px;
  }
}
/* line 229, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .slide-tabs {
  position: absolute;
  bottom: 65px;
  z-index: 100;
}
/* line 236, ../../src/assets/css/scss/partials/modules/_module_hero_slideshow.scss */
.slideshow .bg-video {
  position: absolute;
  top: 0px;
  z-index: -100;
}

/* line 2, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
.module-faction-detail img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
  .module-faction-detail {
    width: 310.52632%;
    float: left;
    margin-right: 5.26316%;
    max-width: 800px;
    float: none !important;
    margin: 120px auto 130px !important;
    position: relative;
  }
  /* line 12, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
  .module-faction-detail img {
    position: absolute;
    left: -283px;
    top: -137px;
  }
  /* line 16, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
  .module-faction-detail img.is-stormborn {
    left: -224px;
    top: -183px;
  }
  /* line 21, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
  .module-faction-detail h2 {
    font-size: 4.15em;
    letter-spacing: -0.04em;
    margin-right: -160px;
    margin-bottom: 36px;
    margin-left: 348px;
  }
  /* line 28, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
  .module-faction-detail .body-copy-callout-large, .module-faction-detail .module-news-detail h3, .module-news-detail .module-faction-detail h3 {
    padding: 1.24em 0;
    margin-top: 0;
    margin-left: 348px;
    font-size: 1.0em;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 27px;
    margin-bottom: 17px;
  }
  /* line 40, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
  .module-faction-detail p {
    margin-left: 348px;
    line-height: 1.77em;
    letter-spacing: 0.015em;
    margin-top: 0;
  }
  /* line 46, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
  .module-faction-detail .body-copy-callout {
    position: absolute;
    top: 64px;
    right: -68px;
    width: 190px;
    text-align: left;
    padding: 14px 0 16px;
    font-style: italic;
  }
}
/* line 57, ../../src/assets/css/scss/partials/modules/_module_faction_detail.scss */
.module-faction-detail .module-image {
  transform: translateZ(0.5px) scale(0.5);
  z-index: 50;
}

/* line 3, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .legal-msg {
  color: #fff;
  margin: 0 auto 0.625em auto;
  max-width: 90%;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1.875em;
  line-height: 28px;
  letter-spacing: 0em;
}
/* line 12, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .verify {
  background: url("bg-agegate.png") no-repeat center center, #061419;
  background-size: auto;
  position: relative;
  width: 100%;
  text-align: center;
}
/* line 127, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.agegate-active .verify:before {
  content: '';
  display: inline-block !important;
  height: 100% !important;
  vertical-align: middle !important;
}
/* line 134, ../../src/assets/css/scss/partials/_vars_mixins.scss */
.agegate-active .verify .lay-center-vert-horz {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle;
  width: 90% !important;
}
@media (min-width: 768px) {
  /* line 12, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
  .agegate-active .verify {
    background-size: cover;
  }
}
/* line 25, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .verify.hide-body {
  position: fixed;
}
/* line 30, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .verify.hide-comp1 div.logo {
  margin-bottom: 1.25em;
}
/* line 34, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .verify.hide-comp1 .submit {
  margin-top: 2.5em;
}
/* line 41, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active.module-modal .verify {
  height: 100%;
}
/* line 46, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .age-cont {
  display: inline-block;
  float: none;
  vertical-align: middle;
  width: 98%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: -20px;
}
/* line 55, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .age-gate-form {
  width: 150%;
  margin-left: -25%;
}
/* line 60, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .error {
  color: #fff;
}
/* line 64, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active div.logo {
  margin-bottom: 2.5em;
}
/* line 68, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active div.logo:before {
  display: none;
}
/* line 73, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .age-gate-link {
  display: none;
}
/* line 77, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .submit {
  background: url("btn-texture.png") repeat center center, #82651c;
  /* Old browsers */
  background: url("btn-texture.png") repeat center center, -moz-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* FF3.6+ */
  background: url("btn-texture.png") repeat center center, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  /* Chrome,Safari4+ */
  background: url("btn-texture.png") repeat center center, -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Chrome10+,Safari5.1+ */
  background: url("btn-texture.png") repeat center center, -o-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* Opera 11.10+ */
  background: url("btn-texture.png") repeat center center, -ms-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* IE10+ */
  background: url("btn-texture.png") repeat center center, linear-gradient(45deg, #82651c 0%, #debf72 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82651c', endColorstr='#debf72',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  border: none;
  margin-top: 2.5em;
  padding: 0.625em 1.25em;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  letter-spacing: 0em;
}
@media (min-width: 992px) {
  /* line 97, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
  .agegate-active .submit:hover {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(left, #ffffff, #ffffff);
    background-image: -webkit-linear-gradient(left, #ffffff, #ffffff);
    background-image: linear-gradient(to right, #ffffff, #ffffff);
  }
}
/* line 103, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active fieldset {
  border: none;
  padding: 0;
}
/* line 108, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active select {
  background: url("form-arrow.png") no-repeat 90% 17px, #fff;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #94845c;
  margin-right: 1.0625em;
  min-width: 60px;
  padding: 0.75em 0.4375em;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 19px;
  letter-spacing: 0.05em;
}
/* line 121, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active select:first-child {
  width: 125px;
  height: auto;
}
/* line 124, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active select:nth-child(2) {
  width: 60px;
  height: auto;
}
/* line 127, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active select:nth-child(3) {
  margin-right: 0;
  width: 67px;
  height: auto;
}
/* line 133, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .esrb_pc {
  bottom: 0;
  display: block;
  left: 50%;
  margin-left: -28px;
  position: absolute;
  top: auto;
  width: 57px;
  height: 77px;
}
/* line 142, ../../src/assets/css/scss/partials/modules/_module_agegate.scss */
.agegate-active .esrb_pc img {
  max-height: 100%;
  max-width: 100%;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.lf-comments-box {
  background: url("bg-texture-news-comments.jpg") repeat;
  margin-top: 11.25em;
  padding-top: 1.25em;
  position: relative;
}
/* line 6, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.lf-comments-box:before, .lf-comments-box:after {
  background: url("bg-texture-news-comments.jpg") repeat;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
/* line 16, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.lf-comments-box:before {
  left: -100%;
}
/* line 20, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.lf-comments-box:after {
  left: 100%;
}

/* line 27, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-editor .fyre-editor-container .fyre-editor-editable {
  background: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
/* line 36, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-editor .fyre-editor-toolbar .goog-toolbar > div {
  background: transparent !important;
  border: none !important;
}
/* line 43, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button {
  background: transparent !important;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 1em;
  text-transform: uppercase !important;
}
/* line 48, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button .fyre-button-right-outer-box .fyre-button-right-inner-box {
  color: #8b794d !important;
}
@media (min-width: 992px) {
  /* line 48, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
  .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button .fyre-button-right-outer-box .fyre-button-right-inner-box {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 54, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
  .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button .fyre-button-right-outer-box .fyre-button-right-inner-box:hover {
    color: #debf72 !important;
  }
}

/* line 64, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-stream-sort {
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-weight: 600 !important;
  font-size: 1em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid #2c3136 !important;
}
/* line 72, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-stream-sort a.fyre-stream-sort-newest {
  color: #8b794d !important;
}
/* line 75, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-stream-sort a.fyre-stream-sort-oldest {
  color: #061419 !important;
}

/* line 82, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-login-bar {
  top: -38px;
}
/* line 85, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-login-bar a {
  position: relative;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 51px;
  letter-spacing: 0em;
}
@media (min-width: 768px) {
  /* line 85, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
  .fyre .fyre-login-bar a {
    top: inherit;
  }
}
/* line 97, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-login-bar .fyre-user-loggedout {
  margin-top: 0px !important;
  top: 0px !important;
}
/* line 103, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-user {
  display: none !important;
}
/* line 105, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-user img.fyre-user-avatar {
  border-radius: 0 !important;
}
@media (min-width: 768px) {
  /* line 103, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
  .fyre .fyre-comment-user {
    display: block !important;
  }
}
/* line 114, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-head {
  margin-left: 30px !important;
}
@media (min-width: 768px) {
  /* line 114, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
  .fyre .fyre-comment-head {
    margin-left: 62px !important;
  }
}
/* line 121, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-count {
  float: right;
}
/* line 123, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-count span {
  padding: 0px !important;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-weight: 600 !important;
  font-size: 1em !important;
  text-transform: uppercase;
}
/* line 133, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-listener-avatars img {
  width: 25px !important;
  height: 25px !important;
  border-radius: 0px !important;
}
/* line 141, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-live-container {
  top: -15px;
}
/* line 145, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-live-container .fyre-livecount {
  display: block;
}
/* line 148, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-live-container .fyre-livecount .fyre-stream-livecount {
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-weight: 600 !important;
  font-size: 1em !important;
  text-transform: uppercase;
  display: block;
}
/* line 158, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper {
  left: 0px !important;
  top: 0px !important;
  border: none !important;
}
/* line 164, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper img.fyre-user-avatar-25 {
  border-radius: 0 !important;
}
/* line 168, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper a.fyre-user-profile-link {
  border: none;
  padding: 0 0 4px 0 !important;
  text-align: left;
  min-width: 155px;
  width: auto !important;
}
/* line 175, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper a.fyre-user-profile-link img {
  margin-left: 0px;
  border: 2px solid #8b794d;
}
/* line 180, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper a.fyre-user-profile-link span {
  color: #fff;
  line-height: 58px !important;
  padding-left: 10px !important;
  margin-right: 20px !important;
}
/* line 187, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper a.fyre-user-profile-link:after {
  display: none;
}
/* line 193, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper .fyre-box-list li {
  height: 30px;
}
/* line 195, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper .fyre-box-list li a {
  color: #fff;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 51px;
  letter-spacing: 0em;
}
/* line 203, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper:hover {
  text-align: left !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}
/* line 211, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper:hover:after {
  display: none;
}
/* line 215, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper:hover a.fyre-user-profile-link {
  display: block !important;
  border: none !important;
}
/* line 220, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper:hover .fyre-box-list {
  background: transparent !important;
}
/* line 224, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper:hover .fyre-box-list li {
  border: none !important;
}
/* line 227, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper:hover .fyre-box-list li a {
  width: calc(100% - 75px) !important;
  float: right !important;
  height: 30px !important;
  line-height: 34px !important;
  text-align: left !important;
  border-radius: 0px !important;
  border: none !important;
  border-top: 1px solid transparent !important;
  padding-left: 15px !important;
}
/* line 238, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-box-wrapper:hover .fyre-box-list li a:hover {
  color: #8b794d !important;
}
/* line 246, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre a.fyre-comment-username {
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 16px !important;
  color: #8b794d;
}
/* line 252, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-replies {
  /* .fyre-comment-username{
    margin-left: 0px;
  } */
}
/* line 253, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-replies a {
  margin-left: 0px !important;
}
/* line 260, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-like-count {
  right: -41px;
  position: absolute;
  top: -26px;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px !important;
  font-style: normal;
  color: #2c3136;
}
/* line 271, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-like-imgs {
  display: none;
}
/* line 275, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment p {
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  color: #2c3136;
  font-size: 13px;
}
/* line 280, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-wrapper time.fyre-comment-date {
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 0.875em;
  color: #2c3136;
}
/* line 285, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-like-btn,
.fyre .fyre-comment-reply {
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1em !important;
  color: #8b794d;
}
/* line 293, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-reply {
  top: -7px !important;
  font-size: 16px !important;
  font-style: normal;
}
/* line 299, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-like-btn {
  font-size: 16px !important;
  position: absolute;
  right: 10px;
  font-style: normal;
}
/* line 304, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-like-btn::after {
  width: 1px;
  background-color: #8b794d;
  content: '';
  display: block;
  position: absolute;
  height: 13px;
  right: -9px;
  top: 3px;
}
/* line 316, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-divider > div.fyre-comment-divider {
  background-color: #2c3136;
  margin: 0;
}
/* line 320, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-help {
  display: none;
}
/* line 324, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-divider {
  color: #2c3136;
  background: #2c3136 !important;
  margin-bottom: 20px;
}
/* line 330, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-comment-wrapper {
  padding: 20px 10px;
}
@media (min-width: 768px) {
  /* line 330, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
  .fyre .fyre-comment-wrapper {
    padding: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  /* line 339, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
  .fyre .fyre-button-right-inner-box,
  .fyre a {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 344, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
  .fyre .fyre-button-right-inner-box:hover,
  .fyre a:hover {
    color: #debf72;
  }
}

/* line 351, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-widget > .fyre-comment-stream > .fyre-stream-content > .fyre-comment-article:last-child {
  margin-bottom: 3.125em;
}
/* line 354, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-widget > .fyre-comment-stream > .fyre-stream-content > .fyre-comment-article:last-child .fyre-comment-divider {
  display: none;
}

/* line 360, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-comment-wrapper.moderator-wrapper {
  background-color: #e1e1e1;
  position: relative;
}
/* line 365, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-comment-wrapper.moderator-wrapper::before {
  width: 5px;
  height: calc(100% - 40px);
  left: 0px;
  background-color: #8b794d;
  content: '';
  display: block;
  position: absolute;
}
/* line 376, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-comment-wrapper.moderator-wrapper .fyre-comment-date {
  margin-top: -38px;
}

/* line 381, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-moderator-wrapper {
  border-left: 5px solid #8b794d;
  margin: 0 0 14px 0;
}

/* line 387, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre .fyre-moderator, .fyre .fyre-comment-author-tag {
  background-color: transparent !important;
  color: #061419 !important;
  display: block !important;
  padding-left: 0 !important;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 21px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 397, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-mention-menu {
  /* .fyre-mention-item-display-name{
    margin-left: 60px !important;
  } */
}
/* line 400, ../../src/assets/css/scss/partials/modules/_module_lf_comments.scss */
.fyre-mention-menu .fyre-mention-item img {
  width: 25px !important;
  height: 25px !important;
  border-radius: 0 !important;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
.module-modal {
  display: none;
}
@media (min-width: 992px) {
  /* line 1, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
  .module-modal {
    display: block;
    left: 0;
    opacity: 0;
    position: fixed;
    top: -100%;
    z-index: 1100;
    width: 100%;
    height: 100%;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 18, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
  .module-modal .is-close-bar {
    max-width: 100%;
    top: -40px;
    width: 100%;
    height: 40px;
  }
  /* line 22, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
  .module-modal .is-close-bar:before, .module-modal .is-close-bar:after {
    display: none;
  }
  /* line 27, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
  .module-modal .is-close-bar .ui-icon {
    color: #8b794d;
    float: right;
    margin: 8px 20px 0 0;
    font-size: 1.5em;
    letter-spacing: 0em;
  }
  /* line 33, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
  .module-modal .is-close-bar .ui-icon:hover {
    color: #8b794d;
  }
  /* line 39, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
  .module-modal:hover .is-close-bar {
    top: 0;
  }
  /* line 43, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
  .module-modal .module-media {
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

/* line 53, ../../src/assets/css/scss/partials/modules/_module_modal.scss */
#is-ie9 .is-close-bar {
  top: 0;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall {
  margin: 0 auto;
  width: 800px;
  height: auto;
}
/* line 6, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .assetoverview {
  border: none;
  display: none;
  width: 100% !important;
  height: auto;
}
/* line 11, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .assetoverview .page,
.module-media-wall .assetoverview .row {
  width: 100%;
  height: 100%;
}
/* line 17, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .assetoverview-item {
  background-size: cover !important;
  margin-bottom: 10px;
}
/* line 21, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .assetoverview-item .caption {
  display: none;
}
/* line 25, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .assetoverview-item a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 30, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .assetoverview-item img {
  display: none;
}
/* line 35, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .video-item {
  background-color: #000;
  width: 255px;
  height: 135px;
}
/* line 39, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .video-item:before {
  background: url("btn-texture.png") repeat center center, -webkit-gradient(linear, left bottom, right top, color-stop(0%, #82651c), color-stop(100%, #debf72));
  background: url("btn-texture.png") repeat center center, -webkit-linear-gradient(45deg, #82651c 0%, #debf72 100%);
  color: #8b794d;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -7px;
  z-index: 500;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.375em;
  letter-spacing: 0em;
  -moz-transition: 0.7s, ease-in;
  -o-transition: 0.7s, ease-in;
  -webkit-transition: 0.7s, ease-in;
  transition: 0.7s, ease-in;
}
/* line 56, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .video-item:after {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  content: '';
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -33px 0 0 -33px;
  width: 66px;
  height: 66px;
}
/* line 70, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .photo-item {
  background-color: #000;
  width: 255px;
  height: 290px;
}
/* line 74, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.module-media-wall .component-media-grid {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  /* line 74, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
  .module-media-wall .component-media-grid {
    margin: 0 auto;
    width: 800px;
    height: 100%;
  }
}

/* line 83, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
.griditems-container {
  margin: 0 auto;
}
@media (min-width: 992px) {
  /* line 83, ../../src/assets/css/scss/partials/modules/_module_media_wall.scss */
  .griditems-container {
    width: 800px !important;
  }
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_cart.scss */
.buy-iframe-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0px;
  left: 0px;
}
/* line 10, ../../src/assets/css/scss/partials/modules/_module_cart.scss */
.buy-iframe-wrapper .close {
  background: url(./buy_close.gif);
  width: 18px;
  height: 18px;
  position: absolute;
  top: 200px;
  left: calc(50% + 452px);
}
/* line 19, ../../src/assets/css/scss/partials/modules/_module_cart.scss */
.buy-iframe-wrapper .focus {
  background: url(./buy_focus.gif);
  width: 18px;
  height: 18px;
  position: absolute;
  top: 200px;
  left: calc(50% + 429px);
}
/* line 28, ../../src/assets/css/scss/partials/modules/_module_cart.scss */
.buy-iframe-wrapper iframe {
  width: 940px;
  height: 770px;
  position: absolute;
  top: 230px;
  left: calc(50% - 470px);
}

/* line 2, ../../src/assets/css/scss/partials/modules/_module_alpha.scss */
.list-head-forums .module-title, .module-report-bugs .module-title, .module-head-faq .module-title, .module-requirements-alpha .list-head-alpha {
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.875em;
  line-height: 39px;
  letter-spacing: 0.015em;
}

/* line 8, ../../src/assets/css/scss/partials/modules/_module_alpha.scss */
.module-head-alpha {
  margin-bottom: 2.5em;
  text-align: center;
}
/* line 12, ../../src/assets/css/scss/partials/modules/_module_alpha.scss */
.module-head-alpha .module-copy {
  color: #061419;
  max-width: 88%;
  margin: 2.5em auto 2.1875em auto;
  text-align: center;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.125em;
  line-height: 31.5px;
  letter-spacing: 0.05em;
}
/* line 21, ../../src/assets/css/scss/partials/modules/_module_alpha.scss */
.module-head-alpha .module-link {
  border-bottom: 1px solid #8b794d;
  color: #8b794d;
  display: inline;
  text-transform: uppercase;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.25em;
  line-height: 34px;
  letter-spacing: 0em;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs {
  padding-bottom: 2.75em;
  text-align: center;
  /* 
     Forms
     ========================================================================== */
}
/* line 5, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .module-title {
  color: #fff;
  max-width: 88%;
  margin: 0 auto;
  padding: 1.25em 0 0 0;
  text-align: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}
/* line 21, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .module-copy {
  color: #fff;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 25px;
  letter-spacing: 0.05em;
}
/* line 27, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .list-inner {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  background: #fff;
  display: inline-block;
  margin: 1.875em auto;
  max-width: 88%;
  max-height: 350px;
  overflow: auto;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.module-report-bugs .list-inner:after {
  content: "";
  display: table;
  clear: both;
}
/* line 36, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .list-inner .bug-list-item {
  border-bottom: 1px solid #cfd1d3;
  overflow: auto;
}
/* line 41, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .list-inner .bug-list-item:last-child {
  margin-bottom: 1.25em;
}
/* line 46, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .list-bug-attributes {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  padding: 1.25em;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.module-report-bugs .list-bug-attributes:after {
  content: "";
  display: table;
  clear: both;
}
/* line 50, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .list-bug-attributes li {
  text-align: left;
}
/* line 56, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs dl {
  margin: 0;
  overflow: auto;
}
/* line 62, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs dt,
.module-report-bugs dd {
  color: #061419;
  display: inline;
  margin-bottom: 0.1875em;
  text-align: left;
  font-size: 0.875em;
  line-height: 21.5px;
  letter-spacing: 0.015em;
}
/* line 71, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs dt {
  text-transform: uppercase;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
}
/* line 76, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs dd {
  margin: 0;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
/* line 86, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .in-form .module-link {
  margin-top: 1.25em;
}
/* line 91, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .in-group {
  margin-top: 1.5625em;
}
/* line 95, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs label.group-label {
  clear: both;
  color: #fff;
  float: left;
  text-align: left;
  font-family: "khand", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1em;
  line-height: 25px;
  letter-spacing: 0.05em;
}
/* line 104, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs textarea {
  color: #061419;
  padding: 1.25em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: 28px;
  letter-spacing: 0.05em;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}
/* line 114, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .in-select-group {
  border-bottom: 2px solid #96865e;
  display: inline-block;
  width: 100%;
  height: 46px;
}
/* line 119, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .in-select-group:before {
  content: '';
  position: absolute;
  right: 21px;
  top: 43px;
  z-index: 100;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #fff transparent transparent transparent;
}
/* line 128, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs .in-select-group:after {
  content: '';
  position: absolute;
  right: 21px;
  top: 46px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #8b794d transparent transparent transparent;
}
/* line 137, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs select {
  -moz-appearance: none;
  background: #fff;
  border: none;
  color: #061419;
  cursor: pointer;
  padding: 0.625em 0 0.625em 2%;
  position: relative;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 26.5px;
  letter-spacing: 0.05em;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  /* line 137, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
  .module-report-bugs select {
    padding: 0.75em 0 0.625em 10%;
    width: 90%;
    height: auto;
  }
}
/* line 156, ../../src/assets/css/scss/partials/modules/_module_report_bugs.scss */
.module-report-bugs select::-ms-expand {
  display: none;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-head-faq {
  background-color: #091e26;
}
/* line 4, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-head-faq .module-title {
  color: #fff;
  margin: 0 0 0 2.5rem;
  padding: 0.8125em 0;
}

/* line 12, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha {
  background: transparent;
  border: none;
  width: 100%;
  height: auto;
}
/* line 17, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 21, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .pane {
  border: none;
  padding: 0;
  overflow: visible;
  width: 100%;
  height: auto;
}
/* line 28, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .faq-content {
  background: #8b794d;
  padding-bottom: 1.5625em;
  width: 100%;
  height: auto;
}
/* line 34, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .faq-content p {
  border-left: 5px solid #fff;
  margin: 0 0 1.5625em 3.375em;
  padding: 0 3.75em 0 1.25em;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 25px;
  letter-spacing: 0.045em;
}
/* line 42, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .faq-content img {
  display: block;
  margin: 0 auto;
}
/* line 48, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .faq-item {
  border-top: 1px solid #c2c2c2;
  min-height: 80px;
}
/* line 52, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .faq-item:first-child {
  border-top: none;
}
/* line 56, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .faq-item:last-child {
  margin-bottom: 4.375em;
}
/* line 61, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .faq-item h2 {
  background: transparent;
  border: none;
  border-bottom: none;
  padding: 1.5625em 3.125em 0 2.5em;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1em;
  line-height: 23px;
  letter-spacing: 0.045em;
}
/* line 71, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .current {
  background: #8b794d;
  padding: 0 0 1.5625em 0;
}
/* line 75, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .current a {
  color: #5a4103;
}
/* line 79, ../../src/assets/css/scss/partials/modules/_module_faq_alpha.scss */
.module-faq-alpha .current h2 {
  padding-top: 1.875em;
}

/* line 1, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha {
  padding-bottom: 4.375em;
}
/* line 4, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 8, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha .list-head-alpha {
  color: #091e26;
  margin: 4.0625rem 2.5rem 0 2.5rem;
}
/* line 15, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha .list-head-inner,
.module-requirements-alpha .intro-copy {
  margin: 0 2.5em 1.875em 2.5em;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1em;
  line-height: 24px;
  letter-spacing: 0.045em;
}
/* line 22, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha .list-head-inner {
  margin-bottom: 0;
  text-transform: uppercase;
}
/* line 27, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha .list-inner {
  list-style: none outside;
  margin: 0;
  padding: 0;
  *zoom: 1;
  margin: 0 2.5em 2.1875em 2.5em;
}
/* line 38, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.module-requirements-alpha .list-inner:after {
  content: "";
  display: table;
  clear: both;
}
/* line 31, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha .list-inner:last-child {
  margin-bottom: 0;
}
/* line 36, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha dl {
  margin: 0;
}
/* line 40, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha dt,
.module-requirements-alpha dd {
  display: inline;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 24px;
  letter-spacing: 0.045em;
}
/* line 47, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha dt {
  color: #8b794d;
  text-transform: uppercase;
}
/* line 52, ../../src/assets/css/scss/partials/modules/_module_requirements_alpha.scss */
.module-requirements-alpha dd {
  color: #091e26;
  margin-left: 0;
}

/* ==========================================================================
   IE 9 Fixes
   ========================================================================== */
/* line 4, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 {
  /*media all*/
}
/* line 7, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .nav-primary.icon-torch:before {
  left: 6px;
  top: -10px;
  font-size: 40px;
}
/* line 13, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .nav-primary.icon-horn:before {
  top: -2px;
  font-size: 30px;
}
/* line 18, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .nav-primary.icon-eye:before {
  left: 0px;
  top: 0px;
  font-size: 25px;
}
/* line 29, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .nav-primary.icon-banner:before {
  top: -2px;
  font-size: 32px;
}
/* line 37, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .nav-menu-inner a:before {
  font-size: 38px;
}
/* line 43, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .module-circle {
  background: url("bg-ie-community-circle.png") no-repeat center center;
}
/* line 47, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .module-community-body .ui-icon:before {
  font-size: 32px;
}
/* line 54, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .list-cta .media-mask:before {
  display: none;
}
/* line 61, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .lay-community .icon-with-circle.icon-banner.ui-icon::after {
  left: -3px;
  top: -45px;
  font-size: 66px;
}
/* line 68, ../../src/assets/css/scss/partials/_ie.scss */
#is-ie9 .list-social {
  margin-top: 45px;
}

/*@import "partials/_colors";
@import "partials/_vars_mixins";
@import "partials/_typography";
@import "partials/_z_index";
@import "partials/_grid_breakpoints";
@import "partials/_extendables";
@import "partials/_layouts";
@import "partials/_forms";

@import "partials/_ui";

@import "partials/modules/_module_alpha";
@import "partials/modules/_module_report_bugs";
*/
/* line 104, ../../src/assets/css/scss/main.scss */
html {
  font-size: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 113, ../../src/assets/css/scss/main.scss */
body {
  -webkit-tap-highlight-color: transparent;
  font-size: 16px !important;
  max-height: 100%;
  position: relative;
  transform-style: preserve-3d;
  width: 100%;
  height: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 126, ../../src/assets/css/scss/main.scss */
body.is-overlay:before {
  background: rgba(0, 0, 0, 0.75);
  content: '';
  display: block;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  z-index: -100;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  /* line 140, ../../src/assets/css/scss/main.scss */
  body:not(.is-touch) {
    width: 100%;
    height: 100%;
  }
}
/* line 145, ../../src/assets/css/scss/main.scss */
body:not(.is-touch).isFF {
  transform-style: initial;
}
/* line 149, ../../src/assets/css/scss/main.scss */
body.is-safari {
  height: 100%;
}
/* line 153, ../../src/assets/css/scss/main.scss */
body.is-android {
  height: 100%;
}
/* line 158, ../../src/assets/css/scss/main.scss */
body.is-nda #main {
  padding-top: 60px !important;
}
/* line 162, ../../src/assets/css/scss/main.scss */
body.is-nda #G1 {
  display: none !important;
}
@media (min-width: 992px) {
  /* line 168, ../../src/assets/css/scss/main.scss */
  body.is-nda:not(.is-touch) #main {
    padding-top: 0px !important;
  }
}
@media (orientation: landscape) and (min-width: 700px) {
  /* line 176, ../../src/assets/css/scss/main.scss */
  body.is-nda.is-touch #main {
    padding-top: 60px !important;
  }
}

/* line 184, ../../src/assets/css/scss/main.scss */
a {
  color: #8b794d;
}

/* line 188, ../../src/assets/css/scss/main.scss */
a, a:link, a:visited, a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none;
}

@media (min-width: 992px) {
  /* line 195, ../../src/assets/css/scss/main.scss */
  body:not(.is-touch) .is-mobile {
    display: none !important;
  }
}

/* line 201, ../../src/assets/css/scss/main.scss */
.is-desktop {
  display: none;
}
@media (min-width: 992px) {
  /* line 204, ../../src/assets/css/scss/main.scss */
  body:not(.is-touch) .is-desktop {
    display: block;
  }
}

/* line 210, ../../src/assets/css/scss/main.scss */
.legal {
  color: #3f4448;
  margin: 0 auto;
  max-width: 80%;
  font-family: "Roboto", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.75em;
  line-height: 17px;
  letter-spacing: 0em;
}

/* line 218, ../../src/assets/css/scss/main.scss */
.footer-extra {
  margin-bottom: 50px;
}

/* line 222, ../../src/assets/css/scss/main.scss */
#ubisoft-toolbar-container {
  position: relative;
  z-index: 1000;
}

/* line 227, ../../src/assets/css/scss/main.scss */
#main {
  padding-top: 119px;
  -webkit-backface-visibility: hidden;
  overflow-x: hidden;
}
/* line 233, ../../src/assets/css/scss/main.scss */
#main:before {
  background: rgba(0, 0, 0, 0.8);
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 245, ../../src/assets/css/scss/main.scss */
#main.is-blurred:before {
  opacity: 1;
  z-index: 1000;
}
/* line 253, ../../src/assets/css/scss/main.scss */
#main.is-scrolled {
  background: url("bg-texture-white.png") repeat;
}
/* line 257, ../../src/assets/css/scss/main.scss */
#main.is-scrolled .lay-hero + .grid-full-bleed-parallax:after {
  display: none;
}
/* line 261, ../../src/assets/css/scss/main.scss */
#main.is-scrolled .lay-hero-slider:after {
  display: none;
}
/* line 265, ../../src/assets/css/scss/main.scss */
#main.is-scrolled .lay-hero-faction .scroll-down {
  opacity: 0 !important;
}
/* line 269, ../../src/assets/css/scss/main.scss */
#main.is-scrolled .backward,
#main.is-scrolled .forward {
  display: none;
}
@media (min-width: 992px) {
  /* line 276, ../../src/assets/css/scss/main.scss */
  body:not(.is-touch) #main {
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    padding-top: 45px;
    width: 100%;
    height: 100%;
  }
}

/* line 289, ../../src/assets/css/scss/main.scss */
body .js-site-register:before {
  background: rgba(0, 0, 0, 0.8);
  content: '';
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 60px;
  z-index: -100;
  width: 100%;
  height: 100%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  /* line 302, ../../src/assets/css/scss/main.scss */
  body:not(.is-touch) body .js-site-register:before {
    top: 0;
  }
}
/* line 308, ../../src/assets/css/scss/main.scss */
body .js-site-register.is-blurred:before {
  display: block;
  opacity: 1;
  z-index: 1000;
}

/* line 318, ../../src/assets/css/scss/main.scss */
.js-display-none {
  display: none !important;
}

@media (min-width: 992px) {
  /* line 324, ../../src/assets/css/scss/main.scss */
  body:not(.is-touch) .is-nav {
    position: fixed;
  }
}

/* .is-nav {
  + .row-fluid {
    margin-top: em(60);
  }

  + .row-fluid.cover-media {
    margin-top: em(17);
  }

  @include breakpoint(medium) {
    body:not(.is-touch) & {
     + .row-fluid {
      margin-top: 0;
      }
    }
  }
} */
/* line 348, ../../src/assets/css/scss/main.scss */
::selection {
  background: #1e2225;
  /* WebKit/Blink Browsers */
}

/* line 351, ../../src/assets/css/scss/main.scss */
::-moz-selection {
  background: #1e2225;
  /* Gecko Browsers */
}

/* line 356, ../../src/assets/css/scss/main.scss */
.util-left {
  float: left;
}

/* line 360, ../../src/assets/css/scss/main.scss */
.util-right {
  float: right;
}