@import url(https://fonts.googleapis.com/css?family=Marcellus+SC);
/* line 83, scss/mixins.scss */
.unstyled, .inline-list, .logo-garden, .hero-slider ul.slides, .dk_theme_darksouls2 .dk_options_inner, .dk_theme_ds2_locale .dk_options_inner, .grid .news .feed-body ul, .grid .social .feed-body ul, #news .main ul,
#news_article .main ul,
#facebook .main ul,
#twitter .main ul, .gallery-thumbs ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

/* line 88, scss/mixins.scss */
.inline-list, .logo-garden {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1; }
  /* line 49, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss */
  .inline-list li, .logo-garden li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    white-space: nowrap; }

/* line 92, scss/mixins.scss */
.horz-center, nav#main, #preorder .preorder-options {
  *text-align: center; }
  /* line 94, scss/mixins.scss */
  .horz-center > *, nav#main > *, #preorder .preorder-options > * {
    display: table;
    margin: 0px auto;
    *display: inline;
    *zoom: 1; }

/* line 101, scss/mixins.scss */
.cf:before, .site-login .locale:before, nav > ul:before, #news .main .container:before,
#news_article .main .container:before,
#facebook .main .container:before,
#twitter .main .container:before, #preorder .preorder-options form:before, #preorder .region-grid:before, #preorder .platform-grid:before, #preorder .retailers-grid:before, #preorder .edition-grid:before, .cf:after, .site-login .locale:after, nav > ul:after, #news .main .container:after,
#news_article .main .container:after,
#facebook .main .container:after,
#twitter .main .container:after, #preorder .preorder-options form:after, #preorder .region-grid:after, #preorder .platform-grid:after, #preorder .retailers-grid:after, #preorder .edition-grid:after {
  content: "";
  display: block;
  overflow: hidden; }

/* line 102, scss/mixins.scss */
.cf:after, .site-login .locale:after, nav > ul:after, #news .main .container:after,
#news_article .main .container:after,
#facebook .main .container:after,
#twitter .main .container:after, #preorder .preorder-options form:after, #preorder .region-grid:after, #preorder .platform-grid:after, #preorder .retailers-grid:after, #preorder .edition-grid:after {
  clear: both; }

/* line 103, scss/mixins.scss */
.cf, .site-login .locale, nav > ul, #news .main .container,
#news_article .main .container,
#facebook .main .container,
#twitter .main .container, #preorder .preorder-options form, #preorder .region-grid, #preorder .platform-grid, #preorder .retailers-grid, #preorder .edition-grid {
  zoom: 1; }

/* line 104, scss/mixins.scss */
.hide {
  display: none; }

/* line 3, scss/layout.scss */
article, aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary {
  display: block; }

/* line 4, scss/layout.scss */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* line 9, scss/layout.scss */
audio:not([controls]) {
  display: none; }

/* line 10, scss/layout.scss */
[hidden] {
  display: none; }

/* Base */
/* line 13, scss/layout.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; }

@viewport {
  width: device-width; }

/* line 25, scss/layout.scss */
html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

/* line 30, scss/layout.scss */
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4; }

/* line 36, scss/layout.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 40, scss/layout.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/* Embedded Content */
/* line 46, scss/layout.scss */
img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

/* line 52, scss/layout.scss */
svg:not(:root) {
  overflow: hidden; }

/* line 54, scss/layout.scss */
figure {
  margin: 0; }

/* Form Elements */
/* line 57, scss/layout.scss */
form {
  margin: 0; }

/* line 58, scss/layout.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* line 59, scss/layout.scss */
label {
  cursor: pointer; }

/* line 60, scss/layout.scss */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

/* line 67, scss/layout.scss */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/* line 73, scss/layout.scss */
button, input {
  line-height: normal; }

/* line 75, scss/layout.scss */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

/* line 81, scss/layout.scss */
button[disabled], input[disabled] {
  cursor: default; }

/* line 82, scss/layout.scss */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

/* line 88, scss/layout.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* line 90, scss/layout.scss */
textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top; }

/* Tables */
/* line 97, scss/layout.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 98, scss/layout.scss */
td {
  vertical-align: top; }

/* line 100, scss/layout.scss */
.chromeframe {
  background: #ccc;
  color: #000;
  margin: 0.2em 0;
  padding: 0.2em 0; }

/* line 105, scss/layout.scss */
.grid [class*="span"] {
  float: left;
  margin-left: 0px;
  min-height: 20px; }
  /* line 109, scss/layout.scss */
  .proto .grid [class*="span"] {
    background-color: rgba(255, 255, 0, 0.25); }
/* line 113, scss/layout.scss */
.grid .row {
  margin-left: 0;
  overflow: hidden;
  *zoom: 1; }
/* line 117, scss/layout.scss */
.grid .span1 {
  width: 345px; }
.grid .span2 {
  width: 690px; }

/* line 122, scss/layout.scss */
.block-grid [class*="span"] {
  float: left;
  margin-left: 37px;
  margin-bottom: 30px;
  min-height: 20px; }
  /* line 127, scss/layout.scss */
  .proto .block-grid [class*="span"] {
    background-color: rgba(255, 255, 0, 0.25); }
/* line 131, scss/layout.scss */
.block-grid .row {
  margin-left: -37px;
  overflow: hidden;
  *zoom: 1; }
/* line 135, scss/layout.scss */
.block-grid .span1 {
  width: 289px; }
/* line 138, scss/layout.scss */
.block-grid .span3 {
  width: 941px; }

/* line 143, scss/layout.scss */
.form-grid [class*="span"], 
.age-gate-form [class*="span"] {
  float: left;
  margin-left: 53px;
  margin-bottom: 22px;
  min-height: 20px; }
  /* line 148, scss/layout.scss */
  .proto .form-grid [class*="span"] {
    background-color: rgba(255, 255, 0, 0.25); }
/* line 152, scss/layout.scss */
.form-grid .row, 
.age-gate-form .row {
  margin-left: -53px;
  *zoom: 1; }
  /* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
  .form-grid .row:after, 
  .age-gate-form .row:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }
/* line 156, scss/layout.scss */
.form-grid .span2, 
.age-gate-form .span2 {
  width: 246px; }
/* line 159, scss/layout.scss */
.form-grid .span3, 
.age-gate-form .span3 {
  width: 396px; }
/* line 162, scss/layout.scss */
.form-grid .span6, 
.age-gate-form .span6 {
  width: 846px; }

/* line 166, scss/layout.scss */
html, body {
  min-width: 1024px; }

/* line 170, scss/layout.scss */
.container {
  width: 1024px;
  margin: 0 auto;
  position: relative; }
  /* line 174, scss/layout.scss */
  .proto .container {
    background-color: rgba(0, 255, 0, 0.25); }

/* line 178, scss/layout.scss */
.site-login {
  position: absolute;
  right: -30px;
  top: 0px; }
  /* line 182, scss/layout.scss */
  .proto .site-login {
    background-color: rgba(255, 0, 0, 0.25); }

/* line 5, scss/typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-family: "Marcellus SC";
  font-weight: bold;
  line-height: 1;
  color: inherit;
  text-rendering: optimizelegibility; }
  /* line 12, scss/typography.scss */
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999999; }

/* line 18, scss/typography.scss */
h1 {
  font-size: 36px;
  line-height: 40px; }

/* line 19, scss/typography.scss */
h2 {
  font-size: 30px;
  line-height: 40px; }

/* line 20, scss/typography.scss */
h3 {
  font-size: 24px;
  line-height: 40px; }

/* line 21, scss/typography.scss */
h4 {
  font-size: 18px;
  line-height: 20px; }

/* line 22, scss/typography.scss */
h5 {
  font-size: 14px;
  line-height: 20px; }

/* line 23, scss/typography.scss */
h6 {
  font-size: 12px;
  line-height: 20px; }

/* line 25, scss/typography.scss */
h1 small {
  font-size: 24px; }

/* line 26, scss/typography.scss */
h2 small {
  font-size: 18px; }

/* line 27, scss/typography.scss */
h3 small {
  font-size: 14px; }

/* line 28, scss/typography.scss */
h4 small {
  font-size: 14px; }

/* line 33, scss/typography.scss */
a {
  color: inherit;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  text-decoration: none; }

/*
a:visited {
  color: #551a8b;
  }
*/
/* line 45, scss/typography.scss */
a:hover {
  color: #06e; }

/* line 48, scss/typography.scss */
a:focus {
  outline: thin dotted; }

/* line 49, scss/typography.scss */
a:hover, a:active {
  outline: 0; }

/* line 54, scss/typography.scss */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

/* line 59, scss/typography.scss */
dd {
  margin: 0 0 0 40px; }

/* line 60, scss/typography.scss */
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

/* line 71, scss/typography.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/* line 72, scss/typography.scss */
b, strong {
  font-weight: bold; }

/* line 74, scss/typography.scss */
blockquote {
  margin: 1em 40px; }

/* line 76, scss/typography.scss */
dfn {
  font-style: italic; }

/* line 78, scss/typography.scss */
hr, .articles .list-articles li:after,
.news-article:after {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/* line 87, scss/typography.scss */
ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

/* line 93, scss/typography.scss */
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* line 100, scss/typography.scss */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* line 106, scss/typography.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/* line 111, scss/typography.scss */
q {
  quotes: none; }

/* line 112, scss/typography.scss */
q:before, q:after {
  content: "";
  content: none; }

/* line 117, scss/typography.scss */
small {
  font-size: 85%; }

/* line 119, scss/typography.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 125, scss/typography.scss */
sup {
  top: -0.5em; }

/* line 126, scss/typography.scss */
sub {
  bottom: -0.25em; }

/* line 1, scss/global.scss */
body {
  background: black url("/themes/darksouls2/images/backgrounds/main.jpg") no-repeat 50% 0; }

/* line 4, scss/global.scss */
body#home {
  background: black url("/themes/darksouls2/images/backgrounds/front.jpg") no-repeat 50% 0; }

/* line 7, scss/global.scss */
body#about {
  background: black url("/themes/darksouls2/images/backgrounds/about.jpg") no-repeat 50% 0; }

/* line 10, scss/global.scss */
.logo a {
  width: 511px;
  height: 66px;
  margin: 0 auto;
  background: url("/themes/darksouls2/images/logo.png") no-repeat 0 0;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block; }

/* line 18, scss/global.scss */
.site-login {
  z-index: 4; }
  /* line 20, scss/global.scss */
  .site-login .locale {
    padding-top: 18px;
    position: relative;
    z-index: 4;
    width: 258px;
    float: right; }
  /* line 28, scss/global.scss */
  .site-login .locale form {
    float: left;
    background: #151419;
    border: 2px solid #22222a;
    border-radius: 2px; }
    /* line 30, scss/global.scss */
    .site-login .locale form select {
      display: none;
      border: 0;
      margin: 0;
      padding: 0px 10px;
      -webkit-appearance: none;
      -moz-appearance: window; }
  /* line 39, scss/global.scss */
  .site-login .flag {
    float: right; }
  /* line 42, scss/global.scss */
  .site-login nav#login {
    margin-right: 30px;
    clear: both; }
    /* line 45, scss/global.scss */
    .site-login nav#login li {
      position: relative; }
      /* line 47, scss/global.scss */
      .site-login nav#login li a {
        position: relative;
        z-index: 3; }
  /* line 53, scss/global.scss */
  .site-login .login-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    background-color: #0c0908;
    background: rgba(12, 9, 8, 0.7);
    border-right: 1px solid #3e3128;
    border-bottom: 1px solid #3e3128;
    -webkit-box-shadow: 0 0 15px black;
    -moz-box-shadow: 0 0 15px black;
    box-shadow: 0 0 15px black;
    padding: 8px 10px; }
    /* line 66, scss/global.scss */
    .site-login .login-dropdown .btn-submit,
    .site-login .login-dropdown .btn {
      margin: 10px 0 0;
      float: right; }
    /* line 70, scss/global.scss */
    .site-login .login-dropdown .btn-submit {
      margin-left: 5px; }
    /* line 73, scss/global.scss */
    .site-login .login-dropdown .input-text input {
      width: 200px; }
    /* line 76, scss/global.scss */
    .site-login .login-dropdown:before, .site-login .login-dropdown:after {
      z-index: -1; }
    /* line 79, scss/global.scss */
    .site-login .login-dropdown:before {
      background: rgba(12, 9, 8, 0.9);
      content: '';
      display: block;
      height: 30px;
      position: absolute;
      top: -31px;
      right: -1px;
      width: 50px;
      border-left: 1px solid #3e3128;
      border-top: 1px solid #3e3128;
      border-right: 1px solid #3e3128; }
    /* line 91, scss/global.scss */
    .site-login .login-dropdown:after {
      content: '';
      display: block;
      position: absolute;
      top: -1px;
      left: -1px;
      bottom: 0;
      right: 51px;
      border-top: 1px solid #3e3128;
      border-left: 1px solid #3e3128; }

/* line 105, scss/global.scss */
nav > ul > li {
  float: left;
  font: 12px "Marcellus SC";
  color: #b5b4b2;
  padding: 9px; }

/* line 112, scss/global.scss */
nav#main {
  margin-top: 30px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2)); }
  /* line 116, scss/global.scss */
  nav#main > ul > li {
    padding: 30px 55px;
    font: 18px "Marcellus SC";
    background: url("/themes/darksouls2/images/backgrounds/nav_divider.png") no-repeat left 50%;
    position: relative; }
  .uk nav#main > ul > li, 
  .us nav#main > ul > li, 
  .de nav#main > ul > li, 
  .es nav#main > ul > li, 
  .it nav#main > ul > li {
    padding: 30px 40px;
  }
  .fr nav#main > ul > li {
    padding: 30px 38px; 
  }
  .es nav#main > ul > li {
    padding: 30px 32px;
  }
  .it nav#main > ul > li {
    padding: 30px 36px;
  }
  .ru nav#main > ul > li {
    padding: 30px 48px;
  }
    /* line 121, scss/global.scss */
    nav#main > ul > li:first-child {
      background: transparent; }
  /* line 125, scss/global.scss */
  nav#main > ul > li a {
    color: #9b8570;
    	/*
    background: -webkit-linear-gradient($color1, $color2) no-repeat 1px 1px;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
    */
    -webkit-transition: 300ms linear;
    -webkit-transition-delay: 0s;
    -moz-transition: 300ms linear 0s;
    -o-transition: 300ms linear 0s;
    transition: 300ms linear 0s;
    position: relative;
    z-index: 3; }
    /* line 130, scss/global.scss */
    nav#main > ul > li a:hover {
      text-shadow: -1px 1px 30px #ff9600, 1px -1px 30px #ff9600;
      color: white; }
  /* line 135, scss/global.scss */
  nav#main > ul > li.preorder a {
    color: #c7dded;
    	/*
    background: -webkit-linear-gradient($color1, $color2) no-repeat 1px 1px;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
    */ }
  /* line 139, scss/global.scss */
  nav#main > ul > li:hover .dropdown {
    display: block; }
  /* line 143, scss/global.scss */
  nav#main .dropdown {
    position: absolute;
    top: 100%;
    right: 50%;
    display: inline;
    display: none;
    z-index: 2;
    text-align: center; }
    /* line 151, scss/global.scss */
    nav#main .dropdown ul {
      white-space: nowrap;
      line-height: 40px;
      margin-right: -100%; }
    /* line 156, scss/global.scss */
    nav#main .dropdown li {
      display: inline-block;
      text-align: center;
      padding: 0 15px;
      font-size: 15px; }
  /* line 163, scss/global.scss */

/* line 167, scss/global.scss */
.subnav {
  height: 40px;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  width: 1200px;
  margin: 0 auto;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 178, scss/global.scss */
header#main {
  position: relative;
  padding-bottom: 40px; }

/* line 182, scss/global.scss */
.main {
  min-height: 900px; }

/* line 185, scss/global.scss */
h1.error {
  text-align: center;
  color: white; }

/* line 189, scss/global.scss */
.content.generic {
  color: white;
  text-align: center;
  min-height: 600px; }

/* line 194, scss/global.scss */
.hero-slider {
  margin-top: 35px;
  width: 1028px;
  margin-left: -2px;
  position: relative;
  margin-bottom: 40px;
  height: 374px; }
  /* line 201, scss/global.scss */
  .hero-slider ul.slides {
    width: 1028px;
    height: 374px;
    overflow: hidden;
    position: absolute; }
  /* line 208, scss/global.scss */
  .hero-slider ul.slides > li {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none; }
    /* line 214, scss/global.scss */
    .hero-slider ul.slides > li.active {
      display: block; }
  /* line 218, scss/global.scss */
  .hero-slider ul.slides > li > a {
    display: block; }
  /* line 221, scss/global.scss */
  .hero-slider ul.slides > li .details {
    position: absolute;
    top: 200px;
    left: 0px; }
    /* line 225, scss/global.scss */
    .hero-slider ul.slides > li .details h2 {
      color: white;
      font-size: 54px;
      font-weight: 200;
      padding-left: 20px; }
    /* line 231, scss/global.scss */
    .hero-slider ul.slides > li .details .play {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 10px 20px;
      margin: 0;
      font: 30px "Marcellus SC";
      color: #fde3d0;
      display: block;
      float: left; }
    /* line 240, scss/global.scss */
    .hero-slider ul.slides > li .details .play i {
      float: right;
      margin: 6px 0 4px 10px; }
  /* line 245, scss/global.scss */
  .hero-slider .nav {
    margin: 20px 0;
    position: absolute;
    width: 100%;
    bottom: -56px;
    left: 0; }
  /* line 252, scss/global.scss */
  .hero-slider .nav a {
    float: left;
    display: block;
    padding: 1px;
    border: 2px solid #959595;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-left: 10px; }
    /* line 259, scss/global.scss */
    .hero-slider .nav a:first-child {
      margin-left: 0; }
  /* line 263, scss/global.scss */
  .hero-slider .nav a span {
    background-color: #6b6a67;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    display: block;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left; }
  /* line 271, scss/global.scss */
  .hero-slider .nav a.active {
    border-color: white; }
    /* line 273, scss/global.scss */
    .hero-slider .nav a.active span {
      background-color: white; }

/* line 278, scss/global.scss */
.hero, .hero-slider ul.slides > li, .hero-slider {
  border: 1px solid #3c3b37;
  -webkit-box-shadow: 0px 0px 15px black;
  -moz-box-shadow: 0px 0px 15px black;
  box-shadow: 0px 0px 15px black;
  width: 1026px; }
  /* line 282, scss/global.scss */
  .hero a.prev, .hero-slider ul.slides > li a.prev, .hero a.next, .hero-slider ul.slides > li a.next, .hero-slider a.prev, .hero-slider a.next {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2; }
    /* line 291, scss/global.scss */
    .hero a.prev.prev, .hero-slider ul.slides > li a.prev.prev, .hero a.next.prev, .hero-slider ul.slides > li a.next.prev, .hero-slider a.prev.prev, .hero-slider a.next.prev {
      left: 0; }
    /* line 294, scss/global.scss */
    .hero a.prev.next, .hero-slider ul.slides > li a.prev.next, .hero a.next.next, .hero-slider ul.slides > li a.next.next, .hero-slider a.prev.next, .hero-slider a.next.next {
      right: 0; }
    /* line 297, scss/global.scss */
    .hero a.prev .arrow, .hero-slider ul.slides > li a.prev .arrow, .hero a.next .arrow, .hero-slider ul.slides > li a.next .arrow, .hero-slider a.prev .arrow, .hero-slider a.next .arrow {
      background: url("/themes/darksouls2/images/sprite.png") no-repeat 0 0;
      position: absolute;
      top: 50%;
      margin-top: -28px;
      width: 30px;
      height: 56px; }
      /* line 304, scss/global.scss */
      .hero a.prev .arrow.arrow-left, .hero-slider ul.slides > li a.prev .arrow.arrow-left, .hero a.next .arrow.arrow-left, .hero-slider ul.slides > li a.next .arrow.arrow-left, .hero-slider a.prev .arrow.arrow-left, .hero-slider a.next .arrow.arrow-left {
        background-position: -13px -179px; }
      /* line 307, scss/global.scss */
      .hero a.prev .arrow.arrow-right, .hero-slider ul.slides > li a.prev .arrow.arrow-right, .hero a.next .arrow.arrow-right, .hero-slider ul.slides > li a.next .arrow.arrow-right, .hero-slider a.prev .arrow.arrow-right, .hero-slider a.next .arrow.arrow-right {
        background-position: -69px -179px; }

/* line 313, scss/global.scss */
hr, .articles .list-articles li:after,
.news-article:after {
  margin: 0;
  border: 0;
  height: 1px; }

/* line 318, scss/global.scss */
.page-title {
  overflow: hidden;
  *zoom: 1;
  margin: 40px 0;
  position: relative;
  text-align: center; }
  /* line 323, scss/global.scss */
  .page-title h2 {
    color: #e1d0c2;
    	/*
    background: -webkit-linear-gradient($color1, $color2) no-repeat 1px 1px;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
    */
    text-align: center;
    font: 38px "Marcellus SC";
    margin: 0;
    padding: 0;
    display: inline; }
  /* line 331, scss/global.scss */
  .page-title span {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    background-image: linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    display: block;
    height: 1px;
    position: absolute;
    top: 25px;
    right: 0; }
    /* line 338, scss/global.scss */
    .page-title span:first-child {
      right: auto;
      left: 0; }

/* line 344, scss/global.scss */
.section-title {
  overflow: hidden;
  *zoom: 1;
  margin: 40px 0 20px;
  position: relative;
  text-align: center; }
  /* line 349, scss/global.scss */
  .section-title h3 {
    color: #e1d0c2;
    	/*
    background: -webkit-linear-gradient($color1, $color2) no-repeat 1px 1px;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
    */
    text-align: center;
    font: 22px "Marcellus SC";
    margin: 0;
    padding: 0;
    display: inline; }
  /* line 357, scss/global.scss */
  .section-title span {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    background-image: linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    display: block;
    height: 1px;
    position: absolute;
    top: 14px;
    right: 0; }
    /* line 364, scss/global.scss */
    .section-title span:first-child {
      right: auto;
      left: 0; }

/* line 370, scss/global.scss */
.btn {
  background-color: #1b1b1b;
  display: inline-block;
  color: white;
  font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px 15px;
  position: relative; }
  /* line 377, scss/global.scss */
  .btn:after {
    content: " ";
    margin-left: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid white; }

/* line 384, scss/global.scss */
.btn-submit {
  color: #fff;
  font: 22px "Marcellus SC";
  padding: 15px 38px;
  background-color: #3c3c3c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d5d5d), color-stop(50%, #1c1c1c), color-stop(100%, #232323));
  background-image: -webkit-linear-gradient(top, #5d5d5d, #1c1c1c, #232323);
  background-image: -moz-linear-gradient(top, #5d5d5d, #1c1c1c, #232323);
  background-image: -o-linear-gradient(top, #5d5d5d, #1c1c1c, #232323);
  background-image: linear-gradient(top, #5d5d5d, #1c1c1c, #232323);
  border: 0;
  display: block; }
  /* line 392, scss/global.scss */
  .btn-submit.btn-small {
    padding: 8px 20px;
    font: 14px "Marcellus SC"; }

/* line 397, scss/global.scss */
.section-heading {
  background: url("/themes/darksouls2/images/sprite.png") no-repeat -2px -40px;
  padding-left: 35px; }
  /* line 400, scss/global.scss */
  .section-heading h3 {
    color: #9b8570;
    	/*
    background: -webkit-linear-gradient($color1, $color2) no-repeat 1px 1px;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
    */ }

/* line 404, scss/global.scss */
[class^="flag-"], [class*=" flag-"] {
  display: block;
  width: 30px;
  height: 30px;
  background: url("/themes/darksouls2/images/sprite_flags.png") no-repeat 0 0; }
  /* line 409, scss/global.scss */
  [class^="flag-"].flag-us, [class*=" flag-"].flag-us {
    background-position: 0 0; }
  /* line 412, scss/global.scss */
  [class^="flag-"].flag-fr, [class*=" flag-"].flag-fr {
    background-position: 0 -32px; }
  /* line 415, scss/global.scss */
  [class^="flag-"].flag-uk, [class*=" flag-"].flag-uk {
    background-position: 0 -65px; }
  /* line 418, scss/global.scss */
  [class^="flag-"].flag-es, [class*=" flag-"].flag-es {
    background-position: 0 -97px; }
  /* line 421, scss/global.scss */
  [class^="flag-"].flag-de, [class*=" flag-"].flag-de {
    background-position: 0 -129px; }
  /* line 424, scss/global.scss */
  [class^="flag-"].flag-it, [class*=" flag-"].flag-it {
    background-position: 0 -161px; }
  /* line 427, scss/global.scss */
  [class^="flag-"].flag-ru, [class*=" flag-"].flag-ru {
    background-position: 0 -193px; }

/* line 431, scss/global.scss */
[class^="icon-"], [class*=" icon-"] {
  display: block;
  width: 27px;
  height: 27px;
  background: url("/themes/darksouls2/images/sprite.png") no-repeat 0 0; }
  /* line 436, scss/global.scss */
  [class^="icon-"].icon-play, [class*=" icon-"].icon-play {
    background-position: 0 0; }

/* line 440, scss/global.scss */
footer {
  background: url("/themes/darksouls2/images/backgrounds/footer.png") no-repeat 50% 0;
  min-height: 156px;
  padding: 140px 0 50px;
  text-align: center; }
  /* line 445, scss/global.scss */
  footer p.copyright {
    color: rgba(81, 81, 81, 0.5);
    font: bold 11px/17px "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* line 450, scss/global.scss */
.logo-garden {
  padding: 30px 0 20px;
  text-align: center; }
  /* line 455, scss/global.scss */
  .logo-garden:hover a {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }
  /* line 456, scss/global.scss */
  .logo-garden li {
    margin-bottom: 30px; }
    .logo-garden li:last-child {
      display: none;
    }
  /* line 459, scss/global.scss */
  .logo-garden a {
    background: url("/themes/darksouls2/images/logo-garden.png") 0 0 no-repeat;
    display: block;
    margin-right: 30px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
    /* line 465, scss/global.scss */
    .logo-garden a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    /* line 467, scss/global.scss */
    .logo-garden a.ps3 {
      background-position: -5px -12px;
      height: 39px;
      margin-top: 0px;
      width: 187px; }
    /* line 468, scss/global.scss */
    .logo-garden a.psn {
      background-position: -212px -12px;
      height: 38px;
      margin-top: 0px;
      width: 56px; }
    /* line 469, scss/global.scss */
    .logo-garden a.xbox360 {
      background-position: -287px -12px;
      height: 37px;
      margin-top: 0px;
      width: 176px; }
    /* line 470, scss/global.scss */
    .logo-garden a.xbox-live {
      background-position: -480px -12px;
      height: 37px;
      margin-top: 0px;
      width: 74px; }
    /* line 471, scss/global.scss */
    .logo-garden a.win-games {
      background-position: -319px -65px;
      height: 45px;
      margin-top: 0px;
      width: 69px; }
    /* line 472, scss/global.scss */
    .logo-garden a.bandai {
      background-position: -584px -10px;
      height: 42px;
      margin-top: 0px;
      width: 53px; }
    /* line 473, scss/global.scss */
    .logo-garden a.bandai-namco {
      background-position: -668px -5px;
      height: 50px;
      margin-top: 0px;
      width: 58px; }
    /* line 474, scss/global.scss */
    .logo-garden a.from-software {
      background-position: -751px -10px;
      height: 46px;
      margin-top: 0px;
      width: 141px; }
    /* line 475, scss/global.scss */
    .logo-garden a.esrb-rating {
      background-position: -5px -62px;
      height: 64px;
      margin-top: 0px;
      width: 154px;
      width: 135px; }
    /* line 476, scss/global.scss */
    .logo-garden a.esrb-privacy {
      background-position: -175px -62px;
      height: 55px;
      margin-top: 0px;
      width: 120px; }
    /* line 477, scss/global.scss */
    .logo-garden a.pegi {
      background-position: -407px -58px;
      height: 77px;
      margin-top: 0px;
      width: 56px; }
    /* line 478, scss/global.scss */
    .logo-garden a.usk {
      background-position: -470px -58px;
      height: 68px;
      margin-top: 0px;
      width: 68px; }
    /* line 479, scss/global.scss */
    .logo-garden a.steam {
      background-position: -562px -70px;
      height: 51px;
      margin-top: 0px;
      width: 213px; }

/* line 482, scss/global.scss */
.frame-wrapper {
  padding: 7px 17px;
  width: 956px;
  position: relative;
  background: url("/themes/darksouls2/images/backgrounds/frame-border.png") repeat-y 0 0;
  margin: 20px auto; }
  /* line 488, scss/global.scss */
  .frame-wrapper:before {
    content: " ";
    background: url("/themes/darksouls2/images/backgrounds/frame-top.png") no-repeat 0 0;
    width: 994px;
    height: 113px;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 0; }
  /* line 498, scss/global.scss */
  .frame-wrapper:after {
    content: " ";
    background: url("/themes/darksouls2/images/backgrounds/frame-bottom.png") no-repeat 0 0;
    width: 994px;
    height: 113px;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 0; }
  /* line 508, scss/global.scss */
  .frame-wrapper .frame-inner {
    background: #0e0907 url("/themes/darksouls2/images/backgrounds/frame-inner.jpg") repeat-y 0 0;
    padding: 1px 55px 35px;
    position: relative;
    z-index: 1; }
  /* line 515, scss/global.scss */
  .email_confirm .frame-wrapper .frame-inner, .email_confirmed .frame-wrapper .frame-inner {
    padding: 35px 55px; }

/**
 * Dark Souls 2 Dropkick Theme
 *
 * Author: Nathanael Smith <nsmith@2advanced.com>
 *
 */
/* Container */
/* line 9, scss/plugin-themes/dk-form.scss */
.dk_theme_darksouls2 {
  background-color: #1d1713;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e261f), color-stop(100%, #0c0908));
  background-image: -webkit-linear-gradient(top, #2e261f, #0c0908);
  background-image: -moz-linear-gradient(top, #2e261f, #0c0908);
  background-image: -o-linear-gradient(top, #2e261f, #0c0908);
  background-image: linear-gradient(top, #2e261f, #0c0908);
  color: #574c45;
  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-right: 36px;
  position: relative; }
  /* line 16, scss/plugin-themes/dk-form.scss */
  .dk_theme_darksouls2:focus {
    outline-color: transparent;
    outline-style: none; }
  /* line 20, scss/plugin-themes/dk-form.scss */
  .dk_theme_darksouls2:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 5px solid #82776f;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 13px;
    right: 13px; }

/* line 28, scss/plugin-themes/dk-form.scss */
.dk_theme_darksouls2 a {
  padding: 8px 10px;
  cursor: pointer; }
  /* line 31, scss/plugin-themes/dk-form.scss */
  .dk_theme_darksouls2 a:hover {
    color: inherit; }

/* line 35, scss/plugin-themes/dk-form.scss */
.dk_theme_darksouls2 > a {
  border-right: 1px solid #352d29;
  position: relative; }
  /* line 38, scss/plugin-themes/dk-form.scss */
  .dk_theme_darksouls2 > a:after {
    content: " ";
    display: block;
    border-left: 1px solid black;
    position: absolute;
    top: 0;
    right: -36px;
    height: 31px;
    width: 34px;
    z-index: 1; }

/* Toggle */
/* Focus State */
/* Open State */
/* Options Menu */
/* line 65, scss/plugin-themes/dk-form.scss */
.dk_theme_darksouls2 .dk_options {
  background: rgba(12, 9, 8, 0.9);
  border: 1px solid #3e3128;
  -webkit-box-shadow: 0 0 15px black;
  -moz-box-shadow: 0 0 15px black;
  box-shadow: 0 0 15px black;
  margin: 1px 0; }

/* line 73, scss/plugin-themes/dk-form.scss */
.dk_theme_darksouls2 .dk_options a:hover,
.dk_theme_darksouls2 .dk_option_current a {
  color: #6e635c; }

/* Inner options */
/* line 78, scss/plugin-themes/dk-form.scss */
.dk_theme_darksouls2 .dk_options_inner {
  max-height: 200px; }

/* Disabled style */
/* line 84, scss/plugin-themes/dk-form.scss */
.dk_theme_darksouls2.gd-disable {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #38312b), color-stop(100%, #1a1716));
  background-image: -webkit-linear-gradient(top, #38312b, #1a1716);
  background-image: -moz-linear-gradient(top, #38312b, #1a1716);
  background-image: -o-linear-gradient(top, #38312b, #1a1716);
  background-image: linear-gradient(top, #38312b, #1a1716); }
  /* line 87, scss/plugin-themes/dk-form.scss */
  .dk_theme_darksouls2.gd-disable a {
    cursor: default; }

/* Set a width property here */
/***** Critical to the continued enjoyment of working dropdowns ******/
/* line 98, scss/plugin-themes/dk-form.scss */
.dk_container {
  display: none;
  position: relative;
  float: left; }

/* line 103, scss/plugin-themes/dk-form.scss */
.dk_container a {
  outline: 0; }

/* line 107, scss/plugin-themes/dk-form.scss */
.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1; }

/* line 115, scss/plugin-themes/dk-form.scss */
.dk_open {
  position: relative; }

/* line 118, scss/plugin-themes/dk-form.scss */
.dk_open .dk_options {
  display: block; }

/* line 121, scss/plugin-themes/dk-form.scss */
.dk_open .dk_label {
  color: inherit; }

/* line 125, scss/plugin-themes/dk-form.scss */
.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: -1px;
  width: 100%; }

/* line 134, scss/plugin-themes/dk-form.scss */
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
  display: block; }

/* line 137, scss/plugin-themes/dk-form.scss */
.dk_options_inner {
  overflow: auto;
  position: relative; }

/* line 142, scss/plugin-themes/dk-form.scss */
.dk_touch .dk_options {
  overflow: hidden; }

/* line 146, scss/plugin-themes/dk-form.scss */
.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible; }

/* line 151, scss/plugin-themes/dk-form.scss */
.dk_fouc select.dk_theme_darksouls2 {
  position: relative;
  top: -99999em;
  visibility: hidden; }

/***** End Critical to the continued enjoyment of working dropdowns ******/
/**
 * Dark Souls 2 Dropkick Theme
 *
 * Author: Nathanael Smith <nsmith@2advanced.com>
 *
 */
/* Container */
/* line 9, scss/plugin-themes/dk-locale.scss */
.dk_theme_ds2_locale {
  color: #eaffa5;
  font: 15px "Marcellus SC";
  padding-right: 36px;
  position: relative; }
  /* line 14, scss/plugin-themes/dk-locale.scss */
  .dk_theme_ds2_locale:focus {
    outline-color: transparent;
    outline-style: none; }
  /* line 18, scss/plugin-themes/dk-locale.scss */
  .dk_theme_ds2_locale:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 6px solid white;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    top: 13px;
    right: 13px; }

/* line 26, scss/plugin-themes/dk-locale.scss */
.dk_theme_ds2_locale a {
  padding: 5px 10px;
  cursor: pointer; }
  /* line 29, scss/plugin-themes/dk-locale.scss */
  .dk_theme_ds2_locale a:hover {
    color: inherit; }

/* line 33, scss/plugin-themes/dk-locale.scss */
.dk_theme_ds2_locale > a {
  position: relative; }
  /* line 35, scss/plugin-themes/dk-locale.scss */
  .dk_theme_ds2_locale > a:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: -36px;
    height: 31px;
    width: 34px;
    z-index: 1; }

/* Toggle */
/* line 48, scss/plugin-themes/dk-locale.scss */
.dk_theme_ds2_locale .dk_toggle {
  width: 47px !important;
  width: 164px !important; }

/* Focus State */
/* Open State */
/* Options Menu */
/* line 61, scss/plugin-themes/dk-locale.scss */
.dk_theme_ds2_locale .dk_options {
  background: rgba(12, 9, 8, 0.9);
  border: 1px solid rgba(199, 221, 237, 0.5);
  -webkit-box-shadow: 0 0 15px black;
  -moz-box-shadow: 0 0 15px black;
  box-shadow: 0 0 15px black;
  margin: 1px 0; }

/* line 69, scss/plugin-themes/dk-locale.scss */
.dk_theme_ds2_locale .dk_options a:hover,
.dk_theme_ds2_locale .dk_option_current a {
  color: #7ea500; }

/* Inner options */
/* Set a width property here */
/* line 80, scss/plugin-themes/dk-locale.scss */
.dk_theme_ds2_locale .dk_options_inner,
.dk_theme_ds2_locale.dk_touch .dk_options {
  width: 47px;
  width: 100%; }

/***** Critical to the continued enjoyment of working dropdowns ******/
/* line 86, scss/plugin-themes/dk-locale.scss */
.dk_container {
  display: none;
  position: relative;
  float: left; }

/* line 91, scss/plugin-themes/dk-locale.scss */
.dk_container a {
  outline: 0; }

/* line 95, scss/plugin-themes/dk-locale.scss */
.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1; }

/* line 103, scss/plugin-themes/dk-locale.scss */
.dk_open {
  position: relative; }

/* line 106, scss/plugin-themes/dk-locale.scss */
.dk_open .dk_options {
  display: block; }

/* line 109, scss/plugin-themes/dk-locale.scss */
.dk_open .dk_label {
  color: inherit; }

/* line 113, scss/plugin-themes/dk-locale.scss */
.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: -1px;
  width: 100%; }

/* line 122, scss/plugin-themes/dk-locale.scss */
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
  display: block; }

/* line 125, scss/plugin-themes/dk-locale.scss */
.dk_options_inner {
  overflow: auto;
  position: relative; }

/* line 130, scss/plugin-themes/dk-locale.scss */
.dk_touch .dk_options {
  overflow: hidden; }

/* line 134, scss/plugin-themes/dk-locale.scss */
.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible; }

/* line 139, scss/plugin-themes/dk-locale.scss */
.dk_fouc select.dk_theme_ds2_locale {
  position: relative;
  top: -99999em;
  visibility: hidden; }

/***** End Critical to the continued enjoyment of working dropdowns ******/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
/* line 9, scss/plugin-themes/jscrollpane.scss */
.jspContainer {
  overflow: hidden;
  position: relative; }

/* line 15, scss/plugin-themes/jscrollpane.scss */
.jspPane {
  position: absolute; }

/* line 20, scss/plugin-themes/jscrollpane.scss */
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

/* line 31, scss/plugin-themes/jscrollpane.scss */
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

/* line 42, scss/plugin-themes/jscrollpane.scss */
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0; }

/* line 48, scss/plugin-themes/jscrollpane.scss */
.jspCap {
  display: none; }

/* line 53, scss/plugin-themes/jscrollpane.scss */
.jspHorizontalBar .jspCap {
  float: left; }

/* line 58, scss/plugin-themes/jscrollpane.scss */
.jspTrack {
  background: #0c0908;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

/* line 65, scss/plugin-themes/jscrollpane.scss */
.jspDrag {
  background: #2e261f;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

/* line 76, scss/plugin-themes/jscrollpane.scss */
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

/* line 82, scss/plugin-themes/jscrollpane.scss */
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer; }

/* line 90, scss/plugin-themes/jscrollpane.scss */
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

/* line 96, scss/plugin-themes/jscrollpane.scss */
.jspVerticalBar .jspArrow {
  height: 16px; }

/* line 101, scss/plugin-themes/jscrollpane.scss */
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

/* line 108, scss/plugin-themes/jscrollpane.scss */
.jspVerticalBar .jspArrow:focus {
  outline: none; }

/* line 113, scss/plugin-themes/jscrollpane.scss */
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
/* line 121, scss/plugin-themes/jscrollpane.scss */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/* line 1, scss/pages/admin.scss */
.ccm-add-block {
  color: #b5b4b2;
  font: 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* line 1, scss/pages/front.scss */
.container.no-slider {
  padding-top: 451px; }

/* line 5, scss/pages/front.scss */
.grid .news, .grid .social {
  height: 474px;
  position: relative; }
  /* line 8, scss/pages/front.scss */
  .grid .news > div, .grid .social > div {
    z-index: 2;
    position: relative;
    margin: 0 14px 0 15px; }
  /* line 13, scss/pages/front.scss */
  .grid .news .heading, .grid .social .heading {
    margin-top: 20px;
    overflow: hidden; }
    /* line 16, scss/pages/front.scss */
    .proto .grid .news .heading, .proto .grid .social .heading {
      background-color: rgba(0, 0, 255, 0.25); }
  /* line 21, scss/pages/front.scss */
  .grid .news .feed-body ul, .grid .social .feed-body ul {
    overflow-y: auto;
    max-height: 357px; }
  /* line 26, scss/pages/front.scss */
  .grid .news .feed-body ul li, .grid .social .feed-body ul li {
    padding: 18px 25px;
    background-image: -webkit-gradient(radial, 50% bottom, 0, 50% bottom, 155, color-stop(0.64516%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-radial-gradient(50% bottom, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0) 155px);
    background-image: -moz-radial-gradient(50% bottom, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0) 155px);
    background-image: -o-radial-gradient(50% bottom, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0) 155px);
    background-image: radial-gradient(50% bottom, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0) 155px); }
  /* line 30, scss/pages/front.scss */
  .grid .news .feed-body p, .grid .news .feed-body time, .grid .social .feed-body p, .grid .social .feed-body time {
    color: #6e777a;
    font: 11px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 8px; }
  /* line 35, scss/pages/front.scss */
  .grid .news .feed-body .post-title, .grid .social .feed-body .post-title {
    font: 15px/15px "Marcellus SC";
    color: #b5b4b2; }
  /* line 39, scss/pages/front.scss */
  .grid .news .feed-body time, .grid .social .feed-body time {
    color: #cfbd8c; }
  /* line 42, scss/pages/front.scss */
  .grid .news .feed-body .img, .grid .social .feed-body .img {
    float: left; }
  /* line 45, scss/pages/front.scss */
  .grid .news .feed-body .post-content, .grid .social .feed-body .post-content {
    overflow: hidden;
    padding-left: 10px; }
    /* line 48, scss/pages/front.scss */
    .grid .news .feed-body .post-content a, .grid .social .feed-body .post-content a {
      color: #b3b3b3;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      text-shadow: 0px 0px 0px black; }
      /* line 52, scss/pages/front.scss */
      .grid .news .feed-body .post-content a:hover, .grid .social .feed-body .post-content a:hover {
        text-shadow: 1px 1px 5px black; }
    /* line 56, scss/pages/front.scss */
    .grid .news .feed-body .post-content time, .grid .social .feed-body .post-content time {
      color: #779eb4;
      display: block;
      line-height: 12px; }
  /* line 64, scss/pages/front.scss */
  .grid .news.news .heading, .grid .social.news .heading {
    background-color: rgba(52, 21, 0, 0.35); }
    /* line 66, scss/pages/front.scss */
    .grid .news.news .heading .section-heading, .grid .social.news .heading .section-heading {
      margin-left: 25px; }
    /* line 69, scss/pages/front.scss */
    .grid .news.news .heading hr, .grid .news.news .heading .articles .list-articles li:after, .articles .list-articles .grid .news.news .heading li:after,
    .grid .news.news .heading .news-article:after, .grid .social.news .heading hr, .grid .social.news .heading .articles .list-articles li:after, .articles .list-articles .grid .social.news .heading li:after,
    .grid .social.news .heading .news-article:after {
      height: 2px;
      background-color: #985633; }
      /* line 72, scss/pages/front.scss */
      .cssgradients .grid .news.news .heading hr, .cssgradients .grid .news.news .heading .articles .list-articles li:after, .articles .list-articles .cssgradients .grid .news.news .heading li:after,
      .cssgradients .grid .news.news .heading .news-article:after, .cssgradients .grid .social.news .heading hr, .cssgradients .grid .social.news .heading .articles .list-articles li:after, .articles .list-articles .cssgradients .grid .social.news .heading li:after,
      .cssgradients .grid .social.news .heading .news-article:after {
        background-color: transparent;
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #985633), color-stop(100%, rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #985633, rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #985633, rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), #985633, rgba(0, 0, 0, 0));
        background-image: linear-gradient(left, rgba(0, 0, 0, 0), #985633, rgba(0, 0, 0, 0)); }
  /* line 80, scss/pages/front.scss */
  .grid .news.social .heading, .grid .social.social .heading {
    margin: 20px 15px 0 14px; }
    /* line 82, scss/pages/front.scss */
    .grid .news.social .heading a, .grid .social.social .heading a {
      display: block;
      float: left;
      width: 158px;
      text-align: center;
      font: 17px/17px "Marcellus SC";
      padding: 22px 0; }
    /* line 90, scss/pages/front.scss */
    .grid .news.social .heading a.facebook, .grid .social.social .heading a.facebook {
      color: #50a1e4;
      	/*
      background: -webkit-linear-gradient($color1, $color2) no-repeat 1px 1px;
      	-webkit-background-clip: text;
      	-webkit-text-fill-color: transparent;
      */ }
    /* line 93, scss/pages/front.scss */
    .grid .news.social .heading a.twitter, .grid .social.social .heading a.twitter {
      color: #50abae;
      	/*
      background: -webkit-linear-gradient($color1, $color2) no-repeat 1px 1px;
      	-webkit-background-clip: text;
      	-webkit-text-fill-color: transparent;
      */ }
    /* line 96, scss/pages/front.scss */
    .grid .news.social .heading hr, .grid .news.social .heading .articles .list-articles li:after, .articles .list-articles .grid .news.social .heading li:after,
    .grid .news.social .heading .news-article:after, .grid .social.social .heading hr, .grid .social.social .heading .articles .list-articles li:after, .articles .list-articles .grid .social.social .heading li:after,
    .grid .social.social .heading .news-article:after {
      clear: both;
      height: 2px;
      width: 100%; }
  /* line 102, scss/pages/front.scss */
  .grid .news.social .feed-body, .grid .social.social .feed-body {
    display: none; }
  /* line 105, scss/pages/front.scss */
  .grid .news.social.facebook .facebook, .grid .social.social.facebook .facebook {
    display: block; }
  /* line 108, scss/pages/front.scss */
  .grid .news.social.twitter .twitter, .grid .social.social.twitter .twitter {
    display: block; }
  /* line 111, scss/pages/front.scss */
  .grid .news.social.facebook hr, .grid .news.social.facebook .articles .list-articles li:after, .articles .list-articles .grid .news.social.facebook li:after,
  .grid .news.social.facebook .news-article:after, .grid .social.social.facebook hr, .grid .social.social.facebook .articles .list-articles li:after, .articles .list-articles .grid .social.social.facebook li:after,
  .grid .social.social.facebook .news-article:after {
    background-color: #0076c9;
    float: left;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    /* line 114, scss/pages/front.scss */
    .cssgradients .grid .news.social.facebook hr, .cssgradients .grid .news.social.facebook .articles .list-articles li:after, .articles .list-articles .cssgradients .grid .news.social.facebook li:after,
    .cssgradients .grid .news.social.facebook .news-article:after, .cssgradients .grid .social.social.facebook hr, .cssgradients .grid .social.social.facebook .articles .list-articles li:after, .articles .list-articles .cssgradients .grid .social.social.facebook li:after,
    .cssgradients .grid .social.social.facebook .news-article:after {
      margin-left: -75px;
      background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #0076c9), color-stop(100%, rgba(0, 0, 0, 0)));
      background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #0076c9, rgba(0, 0, 0, 0));
      background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #0076c9, rgba(0, 0, 0, 0));
      background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), #0076c9, rgba(0, 0, 0, 0));
      background-image: linear-gradient(left, rgba(0, 0, 0, 0), #0076c9, rgba(0, 0, 0, 0));
      background-color: transparent; }
  /* line 121, scss/pages/front.scss */
  .grid .news.social.twitter hr, .grid .news.social.twitter .articles .list-articles li:after, .articles .list-articles .grid .news.social.twitter li:after,
  .grid .news.social.twitter .news-article:after, .grid .social.social.twitter hr, .grid .social.social.twitter .articles .list-articles li:after, .articles .list-articles .grid .social.social.twitter li:after,
  .grid .social.social.twitter .news-article:after {
    background-color: #207172;
    float: right;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    /* line 123, scss/pages/front.scss */
    .cssgradients .grid .news.social.twitter hr, .cssgradients .grid .news.social.twitter .articles .list-articles li:after, .articles .list-articles .cssgradients .grid .news.social.twitter li:after,
    .cssgradients .grid .news.social.twitter .news-article:after, .cssgradients .grid .social.social.twitter hr, .cssgradients .grid .social.social.twitter .articles .list-articles li:after, .articles .list-articles .cssgradients .grid .social.social.twitter li:after,
    .cssgradients .grid .social.social.twitter .news-article:after {
      background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #207172), color-stop(100%, rgba(0, 0, 0, 0)));
      background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #207172, rgba(0, 0, 0, 0));
      background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #207172, rgba(0, 0, 0, 0));
      background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), #207172, rgba(0, 0, 0, 0));
      background-image: linear-gradient(left, rgba(0, 0, 0, 0), #207172, rgba(0, 0, 0, 0));
      margin-right: -75px;
      background-color: transparent; }
  /* line 131, scss/pages/front.scss */
  .grid .news.social .feed-body ul li, .grid .social.social .feed-body ul li {
    overflow: hidden;
    *zoom: 1;
    padding: 15px 25px; }
/* line 137, scss/pages/front.scss */
.grid .cta {
  background: url("/themes/darksouls2/images/backgrounds/box-art.png") no-repeat 0 0;
  height: 244px;
  width: 232px;
  text-align: center;
  padding: 230px 50px 0; }
  /* line 143, scss/pages/front.scss */
  .grid .cta.eu-cta {
    background: url("/themes/darksouls2/images/backgrounds/eu-box-art.png") no-repeat 0 0; }
  /* line 146, scss/pages/front.scss */
  .grid .cta a {
    color: white;
    font: 34px "Marcellus SC"; }
  /* line 150, scss/pages/front.scss */
  .grid .cta a.preorder {
    text-shadow: 0px 0px 13px #ff9a18; }
  /* line 153, scss/pages/front.scss */
  .grid .cta a.download {
    text-shadow: 0px 0px 13px #18fff7; }
  /* line 156, scss/pages/front.scss */
  .grid .cta hr, .grid .cta .articles .list-articles li:after, .articles .list-articles .grid .cta li:after,
  .grid .cta .news-article:after {
    margin: 15px 0;
    border: 0;
    height: 2px;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, #985633), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #985633, rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #985633, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), #985633, rgba(0, 0, 0, 0));
    background-image: linear-gradient(left, rgba(0, 0, 0, 0), #985633, rgba(0, 0, 0, 0)); }
/* line 163, scss/pages/front.scss */
.grid .news:before, .grid .social:before {
  background: url("/themes/darksouls2/images/backgrounds/widget-news-frame.png") no-repeat -6px 0;
  height: 474px;
  width: 705px;
  display: block;
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0; }
/* line 174, scss/pages/front.scss */
.grid .news:after, .grid .social:after {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 82px;
  left: 14px;
  height: 357px;
  width: 316px;
  z-index: 1;
  content: " "; }
.grid .span2.news:after {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 82px;
  left: 14px;
  height: 357px;
  width: 672px;
  z-index: 1;
  content: " "; }
/* line 184, scss/pages/front.scss */
.grid .social:before {
  background-position: -6px 15px;
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1); }
/* line 188, scss/pages/front.scss */
.grid .social:after {
  left: 15px; }

/* line 1, scss/pages/about.scss */
div.hero {
  margin-left: -2px; }

/* line 4, scss/pages/about.scss */
.story {
  *zoom: 1;
  position: relative;
  z-index: 2;
  min-height: 535px;
  width: 941px;
  margin: 0 auto; }
  /* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
  .story:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }
  /* line 11, scss/pages/about.scss */
  .story .section-heading {
    margin: 30px 0 20px; }
  /* line 14, scss/pages/about.scss */
  .story p {
    color: #b5b4b2;
    font: 14px "Marcellus SC"; }
  /* line 18, scss/pages/about.scss */
  .story .content {
    width: 485px;
    float: left; }
  /* line 22, scss/pages/about.scss */
  .story .img {
    position: absolute;
    top: -80px;
    right: -120px; }

/* line 28, scss/pages/about.scss */
.features {
  width: 941px;
  margin: 0 auto; }
  /* line 31, scss/pages/about.scss */
  .features hr, .features .articles .list-articles li:after, .articles .list-articles .features li:after,
  .features .news-article:after {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    margin: 40px 0; }
  /* line 36, scss/pages/about.scss */
  .features .block-grid .block {
    background-color: #1b1b1b; }
  /* line 39, scss/pages/about.scss */
  .features .block-grid .block img {
    float: left;
    height: 163px; }
  /* line 43, scss/pages/about.scss */
  .features .block-grid .block .description {
    background-color: #141414;
    padding: 14px 18px;
    margin-bottom: 10px;
    overflow: hidden;
    *zoom: 1; }
  /* line 49, scss/pages/about.scss */
  .features .block-grid .block .description p {
    font: 14px "Marcellus SC";
    color: #b5b4b2;
    float: left;
    clear: left;
    margin: 0 0 10px; }
  /* line 56, scss/pages/about.scss */
  .features .block-grid .block .description .title {
    font-size: 17px;
    color: white; }
  /* line 60, scss/pages/about.scss */
  .features .block-grid .span1 .description {
    min-height: 137px; }
  /* line 63, scss/pages/about.scss */
  .features .block-grid .span3 .description {
    padding: 25px 30px;
    height: 103px; }

/* line 5, scss/pages/news.scss */
#news .main .title,
#news_article .main .title,
#facebook .main .title,
#twitter .main .title {
  font: 20px "Marcellus SC";
  color: #b5b4b2; }
/* line 9, scss/pages/news.scss */
#news .main .author,
#news_article .main .author,
#facebook .main .author,
#twitter .main .author {
  font: 14px "Marcellus SC";
  color: #b5b4b2; }
  /* line 12, scss/pages/news.scss */
  #news .main .author a,
  #news_article .main .author a,
  #facebook .main .author a,
  #twitter .main .author a {
    color: #9b8570; }
/* line 16, scss/pages/news.scss */
#news .main span.twitter,
#news_article .main span.twitter,
#facebook .main span.twitter,
#twitter .main span.twitter {
  color: #50abae; }
/* line 19, scss/pages/news.scss */
#news .main span.facebook,
#news_article .main span.facebook,
#facebook .main span.facebook,
#twitter .main span.facebook {
  color: #50a1e4; }
/* line 22, scss/pages/news.scss */
#news .main p,
#news_article .main p,
#facebook .main p,
#twitter .main p {
  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6e777a; }



/* line 28, scss/pages/news.scss */
#news .main ul.list-featured,
#news_article .main ul.list-featured,
#facebook .main ul.list-featured,
#twitter .main ul.list-featured {
  margin: 45px auto; }
  /* line 30, scss/pages/news.scss */
  #news .main ul.list-featured .title,
  #news_article .main ul.list-featured .title,
  #facebook .main ul.list-featured .title,
  #twitter .main ul.list-featured .title {
    color: #ebd9b5;
    margin: 15px 15px 0;
    font-size: 20px;
    line-height: 20px; }
  /* line 36, scss/pages/news.scss */
  #news .main ul.list-featured p,
  #news_article .main ul.list-featured p,
  #facebook .main ul.list-featured p,
  #twitter .main ul.list-featured p {
    color: #b5b4b2;
    margin: 10px 15px 15px;
    font: 12px "Marcellus SC"; }

/* line 47, scss/pages/news.scss */
.news-articles {
  overflow: hidden;
  *zoom: 1; }

/* line 50, scss/pages/news.scss */
.articles {
  width: 591px;
  width: auto;
  margin: 0 42px; }
  /* line 54, scss/pages/news.scss */
  .articles .categories {
    background: url("/themes/darksouls2/images/backgrounds/news-filter.png") no-repeat 0 0;
    width: 591px;
    height: 62px;
    display: none; }
    /* line 59, scss/pages/news.scss */
    .articles .categories li {
      width: 115px;
      text-align: center;
      padding: 23px 0;
      position: relative; }
      /* line 64, scss/pages/news.scss */
      .articles .categories li.active:after {
        content: " ";
        position: absolute;
        bottom: 6px;
        left: 50%;
        margin-left: -4px;
        width: 0;
        height: 0;
        border-bottom: 5px solid #cfbd8c;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent; }
      /* line 72, scss/pages/news.scss */
      .articles .categories li.active a {
        color: white; }
    /* line 76, scss/pages/news.scss */
    .articles .categories a {
      color: #b2b2b2;
      display: block; }
      /* line 79, scss/pages/news.scss */
      .articles .categories a:hover {
        color: white; }

/* line 86, scss/pages/news.scss */
.articles .list-articles>li,
.news-article {
  padding: 20px 10px 10px; }
  /* line 88, scss/pages/news.scss */
  .articles .list-articles>li:after,
  .news-article:after {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    content: " ";
    margin-top: 10px; }

.articles .list-articles li li {
  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6e777a;
  padding: 5px 0 5px 0;
  margin: 0 0 0 10px;
  list-style: disc;
}
.articles .list-articles a {
  color: white;
}
.articles .list-articles a:hover {
  color: orange;
}
  /* line 94, scss/pages/news.scss */
  .articles .list-articles li time,
  .news-article time {
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #cfbd8c; }
  /* line 99, scss/pages/news.scss */
  .articles .list-articles li .body a,
  .news-article .body a {
    font: 12px "Marcellus SC";
    color: #b5b4b2; }
  /* line 103, scss/pages/news.scss */
  .articles .list-articles li .body a.btn,
  .news-article .body a.btn {
    font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white; }
  /* line 108, scss/pages/news.scss */
  .articles .list-articles li .footer,
  .news-article .footer {
    overflow: hidden;
    *zoom: 1; }
    /* line 110, scss/pages/news.scss */
    .articles .list-articles li .footer time,
    .news-article .footer time {
      float: left;
      padding: 10px 0; }
    /* line 114, scss/pages/news.scss */
    .articles .list-articles li .footer a.btn,
    .news-article .footer a.btn {
      float: right; }

/* line 119, scss/pages/news.scss */
#news_article .main .news-article {
  padding: 0;
  float: left;
  width: 1024px; }
  /* line 124, scss/pages/news.scss */
  #news_article .main .news-article .featured-image,
  #news_article .main .news-article .featured-image img {
    width: 100%; }
  /* line 127, scss/pages/news.scss */
  #news_article .main .news-article .featured-image {
    margin: 20px 0; }
  /* line 130, scss/pages/news.scss */
  #news_article .main .news-article .title {
    margin: 0;
    text-align: center;
    font-size: 28px;
    text-shadow: 1px 1px 3px black; }
  /* line 136, scss/pages/news.scss */
  #news_article .main .news-article time {
    text-align: center;
    display: block; }
  /* line 140, scss/pages/news.scss */
  #news_article .main .news-article .body {
    width: 900px;
    margin: 0 auto; }

/* line 145, scss/pages/news.scss */
.sidebar {
  float: right;
  background: url("/themes/darksouls2/images/backgrounds/sidebar.png") no-repeat 0 0;
  width: 362px;
  height: 994px;
  display: none; }

/* line 152, scss/pages/news.scss */
.list-featured {
  width: 289px; }
  /* line 154, scss/pages/news.scss */
  .list-featured li {
    background-color: #141414;
    margin-top: 20px; }
    /* line 157, scss/pages/news.scss */
    .list-featured li:first-child {
      margin-top: 0; }
  /* line 162, scss/pages/news.scss */
  .list-featured .btn {
    display: block; }

/* line 1, scss/pages/media.scss */
.galleries {
  position: relative;
  height: 1500px; }
  /* line 4, scss/pages/media.scss */
  .galleries .gallery-wrapper {
    width: 1024px;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: 500ms all;
    -moz-transition: 500ms all;
    -o-transition: 500ms all;
    transition: 500ms all; }
    /* line 10, scss/pages/media.scss */
    .galleries .gallery-wrapper[data-pos=pos1] {
      -webkit-transform: translate(0px);
      -moz-transform: translate(0px);
      -ms-transform: translate(0px);
      -o-transform: translate(0px);
      transform: translate(0px); }
      /* line 12, scss/pages/media.scss */
      .lt-ie9 .galleries .gallery-wrapper[data-pos=pos1] {
        top: 0px; }
    /* line 16, scss/pages/media.scss */
    .galleries .gallery-wrapper[data-pos=pos2] {
      -webkit-transform: translate(0px, 500px);
      -moz-transform: translate(0px, 500px);
      -ms-transform: translate(0px, 500px);
      -o-transform: translate(0px, 500px);
      transform: translate(0px, 500px); }
      /* line 18, scss/pages/media.scss */
      .lt-ie9 .galleries .gallery-wrapper[data-pos=pos2] {
        top: 500px; }
    /* line 22, scss/pages/media.scss */
    .galleries .gallery-wrapper[data-pos=pos3] {
      -webkit-transform: translate(0px, 1000px);
      -moz-transform: translate(0px, 1000px);
      -ms-transform: translate(0px, 1000px);
      -o-transform: translate(0px, 1000px);
      transform: translate(0px, 1000px); }
      /* line 24, scss/pages/media.scss */
      .lt-ie9 .galleries .gallery-wrapper[data-pos=pos3] {
        top: 1000px; }

/* line 30, scss/pages/media.scss */
.media-viewer {
  position: relative;
  min-height: 374px;
  background-color: black; }
  /* line 35, scss/pages/media.scss */
  .media-viewer[data-type=videos] .media .img {
    display: none; }
  /* line 40, scss/pages/media.scss */
  .media-viewer[data-type=screenshots] .media #vid, .media-viewer[data-type=conceptart] .media #vid {
    display: none; }
  /* line 44, scss/pages/media.scss */
  .media-viewer .media #vid {
    display: block;
    margin: 0 auto; }
  /* line 48, scss/pages/media.scss */
  .media-viewer .media .img img {
    width: 1026px; }
  /* line 51, scss/pages/media.scss */
  .media-viewer .loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5) url("/themes/darksouls2/images/ajax-loader.gif") no-repeat 50% 50%;
    display: none; }

/* line 62, scss/pages/media.scss */
.gallery-thumbs {
  background: url("/themes/darksouls2/images/backgrounds/gallery-thumbs.png") no-repeat 0 0;
  width: 994px;
  height: 410px;
  margin: 0 auto;
  position: relative;
  padding-top: 1px; }
  /* line 69, scss/pages/media.scss */
  .gallery-thumbs .thumb-slides {
    margin: 29px 27px 30px;
    width: 940px;
    height: 360px;
    overflow: hidden;
    position: relative; }
  /* line 76, scss/pages/media.scss */
  .gallery-thumbs ul {
    *zoom: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 940px;
    height: 360px; }
    /* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
    .gallery-thumbs ul:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
    /* line 85, scss/pages/media.scss */
    .gallery-thumbs ul.active {
      display: block; }
  /* line 89, scss/pages/media.scss */
  .gallery-thumbs li {
    background-color: #1b1b1b;
    float: left;
    margin: 0px 0px 10px 5px;
    position: relative; }
    /* line 94, scss/pages/media.scss */
    .gallery-thumbs li.active a:before {
      border: 1px solid #dbd4c9;
      -webkit-box-shadow: 0px 0px 20px #ff9600, inset 0px 0px 20px #ff9600;
      -moz-box-shadow: 0px 0px 20px #ff9600, inset 0px 0px 20px #ff9600;
      box-shadow: 0px 0px 20px #ff9600, inset 0px 0px 20px #ff9600;
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    /* line 103, scss/pages/media.scss */
    .gallery-thumbs li.active .img, .gallery-thumbs li a:hover .img {
      border-bottom: 3px solid #484255; }
  /* line 107, scss/pages/media.scss */
  .gallery-thumbs li a {
    display: block;
    width: 230px;
    height: 173px; }
  /* line 112, scss/pages/media.scss */
  .gallery-thumbs li .img {
    width: 230px;
    height: 126px;
    border-bottom: 3px solid transparent;
    overflow: hidden;
    -webkit-transition: 400ms border;
    -moz-transition: 400ms border;
    -o-transition: 400ms border;
    transition: 400ms border; }
    /* line 118, scss/pages/media.scss */
    .gallery-thumbs li .img img {
      width: 230px; }
  /* line 122, scss/pages/media.scss */
  .gallery-thumbs li .title {
    color: white;
    font: 13px "Marcellus SC";
    padding: 12px;
    margin: 0;
    overflow: hidden;
    *zoom: 1; }
    /* line 128, scss/pages/media.scss */
    .gallery-thumbs li .title span {
      display: block;
      float: left;
      width: 178px;
      overflow: hidden;
      height: 18px; }
    /* line 135, scss/pages/media.scss */
    .gallery-thumbs li .title:after {
      content: "+";
      display: block;
      float: right;
      color: #494949;
      font-size: 24px;
      line-height: 20px;
      text-shadow: 2px 2px black; }
  /* line 146, scss/pages/media.scss */
  .gallery-thumbs .arrows .arrow {
    background: url("/themes/darksouls2/images/sprite.png") no-repeat 0 0;
    width: 42px;
    height: 71px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    display: block; }
  /* line 153, scss/pages/media.scss */
  .gallery-thumbs .arrows a {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 42px;
    height: 71px;
    display: block; }
  /* line 161, scss/pages/media.scss */
  .gallery-thumbs .arrows a.prev {
    left: -31px; }
  /* line 164, scss/pages/media.scss */
  .gallery-thumbs .arrows a.next {
    right: -31px; }
  /* line 167, scss/pages/media.scss */
  .gallery-thumbs .arrows .arrow-left {
    background-position: -2px -91px; }
  /* line 170, scss/pages/media.scss */
  .gallery-thumbs .arrows .arrow-right {
    background-position: -68px -91px; }

/* line 4, scss/pages/register.scss */
.register.confirm .register-wrapper h4, .register.email_confirm .register-wrapper h4, .register.email_confirmed .register-wrapper h4, .confirm.confirm .register-wrapper h4, .confirm.email_confirm .register-wrapper h4, .confirm.email_confirmed .register-wrapper h4, .email_confirm.confirm .register-wrapper h4, .email_confirm.email_confirm .register-wrapper h4, .email_confirm.email_confirmed .register-wrapper h4, .email_confirmed.confirm .register-wrapper h4, .email_confirmed.email_confirm .register-wrapper h4, .email_confirmed.email_confirmed .register-wrapper h4, .choosename.confirm .register-wrapper h4, .choosename.email_confirm .register-wrapper h4, .choosename.email_confirmed .register-wrapper h4, .agegate.confirm .register-wrapper h4, .agegate.email_confirm .register-wrapper h4, .agegate.email_confirmed .register-wrapper h4 {
  color: #ffbb79;
  font-size: 21px; }
/* line 8, scss/pages/register.scss */
.register h3, .confirm h3, .email_confirm h3, .email_confirmed h3, .choosename h3, .agegate h3 {
  font: 27px "Marcellus SC";
  color: #c2c2c2;
  text-align: center; }

/* line 15, scss/pages/register.scss */
.register-wrapper h3, .login-wrapper h3, .age-gate-wrap h3 {
  font: 27px "Marcellus SC";
  color: #c2c2c2;
  text-align: center; }
/* line 21, scss/pages/register.scss */
.register-wrapper .form-grid, .login-wrapper .form-grid, .age-gate-wrap .age-gate-form {
  padding-top: 35px; }
  /* line 23, scss/pages/register.scss */
  .register-wrapper .form-grid p.note, .login-wrapper .form-grid p.note, .age-gate-wrap .age-gate-form p.note {
    color: #574c45;
    font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 5px 0; }
  /* line 28, scss/pages/register.scss */
  .register-wrapper .form-grid .input-select, .login-wrapper .form-grid .input-select, .age-gate-wrap .age-gate-form .input-select {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3e3128), color-stop(50%, #967a60), color-stop(100%, #3e3128));
    background-image: -webkit-linear-gradient(left, #3e3128, #967a60, #3e3128);
    background-image: -moz-linear-gradient(left, #3e3128, #967a60, #3e3128);
    background-image: -o-linear-gradient(left, #3e3128, #967a60, #3e3128);
    background-image: linear-gradient(left, #3e3128, #967a60, #3e3128);
    border: 1px solid black;
    padding: 1px;
    *zoom: 1;
    float: left;
    margin-right: 6px; }
    /* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
    .register-wrapper .form-grid .input-select:after, .login-wrapper .form-grid .input-select:after, .age-gate-wrap .age-gate-form .input-select:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
  /* line 36, scss/pages/register.scss */
  .register-wrapper .form-grid select.ds2_theme, .login-wrapper .form-grid select.ds2_theme, .age-gate-wrap .age-gate-form select.ds2_theme {
    border: 0;
    margin: 0;
    padding: 0px;
    -webkit-appearance: none;
    -moz-appearance: window;
    font: 14px sans-serif;
    display: none; }
  /* line 45, scss/pages/register.scss */
  .register-wrapper .form-grid.age-gate-form, .login-wrapper .form-grid.age-gate-form, .age-gate-wrap .age-gate-form {
    width: 844px;
    margin: 0 auto; }
    /* line 48, scss/pages/register.scss */
    .register-wrapper .form-grid.age-gate-form .span2, .login-wrapper .form-grid.age-gate-form .span2, .age-gate-wrap .age-gate-form .span2 {
      text-align: center; }
    /* line 51, scss/pages/register.scss */
    .register-wrapper .form-grid.age-gate-form .input-text, .login-wrapper .form-grid.age-gate-form .input-text, .age-gate-wrap .age-gate-form .input-text {
      display: inline-block; }
      /* line 54, scss/pages/register.scss */
      .register-wrapper .form-grid.age-gate-form .input-text.date input, .login-wrapper .age-gate-form .input-text.date input, .age-gate-wrap .age-gate-form .input-text.date input {
        width: 50px;
        font-size: 16px;
        line-height: 30px;
        text-align: center; }
        /* line 60, scss/pages/register.scss */
        .register-wrapper .form-grid.age-gate-form .input-text.date input::-webkit-inner-spin-button, .register-wrapper .age-gate-form .input-text.date input::-webkit-outer-spin-button, .login-wrapper .age-gate-form .input-text.date input::-webkit-inner-spin-button, .login-wrapper .age-gate-form .input-text.date input::-webkit-outer-spin-button, .age-gate-wrap .age-gate-form .input-text.date input::-webkit-inner-spin-button, .age-gate-wrap .age-gate-form .input-text.date input::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0; }
    /* line 67, scss/pages/register.scss */
    .register-wrapper .form-grid.age-gate-form button.btn-submit, .login-wrapper .form-grid.age-gate-form button.btn-submit, .age-gate-wrap .age-gate-form button.btn-submit {
      margin: 0 auto; }
/* line 72, scss/pages/register.scss */
.register-wrapper legend, .login-wrapper legend, .age-gate-wrap legend {
  color: #b5b4b2;
  font: 16px "Marcellus SC";
  margin: 10px 0; }
/* line 77, scss/pages/register.scss */
.register-wrapper fieldset, .login-wrapper fieldset, .age-gate-wrap fieldset {
  margin-bottom: 10px; }
/* line 80, scss/pages/register.scss */
.register-wrapper h4, .login-wrapper h4, .age-gate-wrap h4 {
  color: #b5b4b2;
  font: 16px "Marcellus SC";
  text-align: center;
  margin: 30px 0; }
/* line 86, scss/pages/register.scss */
.register-wrapper hr, .register-wrapper .articles .list-articles li:after, .articles .list-articles .register-wrapper li:after,
.register-wrapper .news-article:after, .login-wrapper hr, .login-wrapper .articles .list-articles li:after, .articles .list-articles .login-wrapper li:after,
.login-wrapper .news-article:after, .age-gate-wrap hr, .age-gate-wrap .articles .list-articles li:after, .articles .list-articles .age-gate-wrap li:after,
.age-gate-wrap .news-article:after {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(100, 88, 78, 0)), color-stop(50%, #64584e), color-stop(100%, rgba(100, 88, 78, 0)));
  background-image: -webkit-linear-gradient(left, rgba(100, 88, 78, 0), #64584e, rgba(100, 88, 78, 0));
  background-image: -moz-linear-gradient(left, rgba(100, 88, 78, 0), #64584e, rgba(100, 88, 78, 0));
  background-image: -o-linear-gradient(left, rgba(100, 88, 78, 0), #64584e, rgba(100, 88, 78, 0));
  background-image: linear-gradient(left, rgba(100, 88, 78, 0), #64584e, rgba(100, 88, 78, 0));
  height: 2px; }
/* line 90, scss/pages/register.scss */
.register-wrapper dl, .login-wrapper dl, .age-gate-wrap dl {
  font: 13px "Marcellus SC";
  width: 250px;
  margin: 15px auto;
  overflow: hidden;
  *zoom: 1;
  line-height: 30px; }
  /* line 96, scss/pages/register.scss */
  .register-wrapper dl dt, .login-wrapper dl dt, .age-gate-wrap dl dt {
    color: #ffbb79;
    float: left;
    text-align: right;
    clear: both;
    width: 45%;
    margin-right: 5%; }
  /* line 104, scss/pages/register.scss */
  .register-wrapper dl dd, .login-wrapper dl dd, .age-gate-wrap dl dd {
    color: white;
    float: left;
    width: 45%;
    margin-left: 5%; }
/* line 111, scss/pages/register.scss */
.register-wrapper .error-row, .login-wrapper .error-row, .age-gate-wrap .error-row {
  display: none; }
  /* line 113, scss/pages/register.scss */
  .register-wrapper .error-row div.error, .login-wrapper .error-row div.error, .age-gate-wrap .error-row div.error {
    border: 1px solid #730000;
    padding: 8px 10px;
    background: #16100c;
    color: #b25555;
    font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; }
    /* line 119, scss/pages/register.scss */
    .register-wrapper .error-row div.error p, .login-wrapper .error-row div.error p, .age-gate-wrap .error-row div.error p {
      font-size: 12px;
      margin: 0 0 10px; }
    /* line 123, scss/pages/register.scss */
    .register-wrapper .error-row div.error ul, .login-wrapper .error-row div.error ul, .age-gate-wrap .error-row div.error ul {
      margin: 0;
      padding: 0;
      list-style-position: inside; }
    /* line 128, scss/pages/register.scss */
    .register-wrapper .error-row div.error li label, .login-wrapper .error-row div.error li label, .age-gate-wrap .error-row div.error li label {
      font-size: 11px;
      color: #b25555; }
/* line 135, scss/pages/register.scss */
.register-wrapper hr, .register-wrapper .articles .list-articles li:after, .articles .list-articles .register-wrapper li:after,
.register-wrapper .news-article:after, .login-wrapper hr, .login-wrapper .articles .list-articles li:after, .articles .list-articles .login-wrapper li:after,
.login-wrapper .news-article:after, .age-gate-wrap hr, .age-gate-wrap .articles .list-articles li:after, .articles .list-articles .age-gate-wrap li:after,
.age-gate-wrap .news-article:after {
  margin: 38px 0 30px; }
/* line 138, scss/pages/register.scss */
.register-wrapper .btn-submit, .login-wrapper .btn-submit, .age-gate-wrap .btn-submit {
  margin: 0 auto; }

/* line 143, scss/pages/register.scss */
.login-wrapper p {
  color: #6e777a;
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* line 147, scss/pages/register.scss */
.login-wrapper .btn-submit {
  margin: 10px 0 0; }

/* line 151, scss/pages/register.scss */
.text-frame {
  background: url("/themes/darksouls2/images/backgrounds/content-frame.png") no-repeat 0 0;
  width: 798px;
  height: 299px;
  padding: 15px; }
  /* line 156, scss/pages/register.scss */
  .text-frame .content {
    overflow-y: auto;
    width: 798px;
    height: 299px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #9c9c9c; }

/* line 166, scss/pages/register.scss */
form label {
  color: #6e635c;
  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  margin: 3px 0; }
/* line 172, scss/pages/register.scss */
form .input-text {
  background-color: #6a5544;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3e3128), color-stop(50%, #967a60), color-stop(100%, #3e3128));
  background-image: -webkit-linear-gradient(left, #3e3128, #967a60, #3e3128);
  background-image: -moz-linear-gradient(left, #3e3128, #967a60, #3e3128);
  background-image: -o-linear-gradient(left, #3e3128, #967a60, #3e3128);
  background-image: linear-gradient(left, #3e3128, #967a60, #3e3128);
  border: 1px solid black;
  padding: 1px;
  display: inline-block; }
  /* line 178, scss/pages/register.scss */
  form .input-text input {
    color: #574c45;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #191410;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #100c0a), color-stop(100%, #231c17));
    background-image: -webkit-linear-gradient(top, #100c0a, #231c17);
    background-image: -moz-linear-gradient(top, #100c0a, #231c17);
    background-image: -o-linear-gradient(top, #100c0a, #231c17);
    background-image: linear-gradient(top, #100c0a, #231c17);
    display: block;
    border: 0;
    padding: 8px 10px;
    -webkit-box-shadow: inset 0 0 15px black;
    -moz-box-shadow: inset 0 0 15px black;
    box-shadow: inset 0 0 15px black;
    width: 222px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    /* line 70, scss/mixins.scss */
    form .input-text input::-webkit-input-placeholder {
      color: #574c45; }
    /* line 73, scss/mixins.scss */
    form .input-text input:-moz-placeholder {
      color: #574c45; }
    /* line 76, scss/mixins.scss */
    form .input-text input::-moz-placeholder {
      color: #574c45; }
    /* line 79, scss/mixins.scss */
    form .input-text input:-ms-input-placeholder {
      color: #574c45; }
  /* line 191, scss/pages/register.scss */
  form .input-text.error {
    background-image: none;
    background-color: #730000; }
    /* line 194, scss/pages/register.scss */
    form .input-text.error input {
      color: #b25555; }
      /* line 70, scss/mixins.scss */
      form .input-text.error input::-webkit-input-placeholder {
        color: #b25555; }
      /* line 73, scss/mixins.scss */
      form .input-text.error input:-moz-placeholder {
        color: #b25555; }
      /* line 76, scss/mixins.scss */
      form .input-text.error input::-moz-placeholder {
        color: #b25555; }
      /* line 79, scss/mixins.scss */
      form .input-text.error input:-ms-input-placeholder {
        color: #b25555; }
/* line 201, scss/pages/register.scss */
form input[type=checkbox].checkbox {
  display: none; }
/* line 205, scss/pages/register.scss */
form input[type=checkbox].checkbox + label.checkbox-label {
  background-color: #191410;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #100c0a), color-stop(100%, #231c17));
  background-image: -webkit-linear-gradient(top, #100c0a, #231c17);
  background-image: -moz-linear-gradient(top, #100c0a, #231c17);
  background-image: -o-linear-gradient(top, #100c0a, #231c17);
  background-image: linear-gradient(top, #100c0a, #231c17);
  display: block;
  border: 0;
  padding: 8px 10px;
  -webkit-box-shadow: inset 0 0 15px black;
  -moz-box-shadow: inset 0 0 15px black;
  box-shadow: inset 0 0 15px black;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  margin: 0;
  width: 5px;
  height: 5px; }
  /* line 70, scss/mixins.scss */
  form input[type=checkbox].checkbox + label.checkbox-label::-webkit-input-placeholder {
    color: #574c45; }
  /* line 73, scss/mixins.scss */
  form input[type=checkbox].checkbox + label.checkbox-label:-moz-placeholder {
    color: #574c45; }
  /* line 76, scss/mixins.scss */
  form input[type=checkbox].checkbox + label.checkbox-label::-moz-placeholder {
    color: #574c45; }
  /* line 79, scss/mixins.scss */
  form input[type=checkbox].checkbox + label.checkbox-label:-ms-input-placeholder {
    color: #574c45; }
/* line 221, scss/pages/register.scss */
form input[type=checkbox].checkbox:checked + label.checkbox-label > span.check {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  top: 3px;
  width: 5px;
  height: 12px;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: #ffbb54;
  margin-top: -11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

/* line 242, scss/pages/register.scss */
.register-confirm {
  min-height: 130px; }
  /* line 244, scss/pages/register.scss */
  .register-confirm .row {
    margin-left: 0; }
  /* line 245, scss/pages/register.scss */
  .register-confirm .input-text {
    float: left; }
  /* line 246, scss/pages/register.scss */
  .register-confirm .desc {
    max-width: 80%;
    color: #6e635c;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    float: left;
    margin: 1px 0 0 15px; }
  /* line 255, scss/pages/register.scss */
  .register-confirm a,
  .register-confirm a:link,
  .register-confirm a:visited {
    color: #b5b4b2; }
  /* line 260, scss/pages/register.scss */
  .register-confirm a:active,
  .register-confirm a:focus,
  .register-confirm a:hover {
    color: #0066ee; }

/* line 2, scss/pages/preorder.scss */
#preorder .main {
  min-height: 700px; }
/* line 5, scss/pages/preorder.scss */
#preorder h3 {
  color: #c2c2c2;
  font: 23px "Marcellus SC";
  text-align: center;
  margin-bottom: 25px; }
/* line 11, scss/pages/preorder.scss */
#preorder h4 {
  color: #9b8570;
  text-align: center; }
/* line 15, scss/pages/preorder.scss */
#preorder hr, #preorder .articles .list-articles li:after, .articles .list-articles #preorder li:after,
#preorder .news-article:after {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(100, 88, 78, 0)), color-stop(50%, #64584e), color-stop(100%, rgba(100, 88, 78, 0)));
  background-image: -webkit-linear-gradient(left, rgba(100, 88, 78, 0), #64584e, rgba(100, 88, 78, 0));
  background-image: -moz-linear-gradient(left, rgba(100, 88, 78, 0), #64584e, rgba(100, 88, 78, 0));
  background-image: -o-linear-gradient(left, rgba(100, 88, 78, 0), #64584e, rgba(100, 88, 78, 0));
  background-image: linear-gradient(left, rgba(100, 88, 78, 0), #64584e, rgba(100, 88, 78, 0));
  height: 2px; }
/* line 21, scss/pages/preorder.scss */
#preorder .preorder-options form {
  margin: 10px auto; }
  /* line 24, scss/pages/preorder.scss */
  #preorder .preorder-options form .dk_container {
    margin-left: 20px; }
    /* line 26, scss/pages/preorder.scss */
    #preorder .preorder-options form .dk_container:first-child {
      margin-left: 0; }
  /* line 30, scss/pages/preorder.scss */
  #preorder .preorder-options form select {
    display: none; }
/* line 35, scss/pages/preorder.scss */
#preorder .preorder-content {
  margin: 0; }
/* line 38, scss/pages/preorder.scss */
#preorder .region-grid {
  margin-left: -48px; }
  /* line 41, scss/pages/preorder.scss */
  #preorder .region-grid .block {
    width: 100px;
    margin: 49px 0 0 49px; }
    /* line 44, scss/pages/preorder.scss */
    #preorder .region-grid .block .title {
      font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* line 51, scss/pages/preorder.scss */
#preorder .platform-grid .block {
  width: 300px;
  margin: 49px 64px 0;
  background: transparent; }
#preorder.uk .platform-grid .block,
#preorder.fr .platform-grid .block, 
#preorder.de .platform-grid .block, 
#preorder.es .platform-grid .block, 
#preorder.it .platform-grid .block, 
#preorder.us .platform-grid .block {
  margin: 49px 22px 0;
  width: 240px;
}
/* line 57, scss/pages/preorder.scss */
#preorder .retailers-grid {
  margin-left: -84px; }
#preorder .edition {
  margin-left: 0;
}
  /* line 60, scss/pages/preorder.scss */
  #preorder .retailers-grid .block {
    width: 150px;
    margin: 49px 0 0 85px; }
  #preorder .edition img + .block {
    margin-left: 0;
  }
    /* line 63, scss/pages/preorder.scss */
    #preorder .retailers-grid .block p {
      font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* line 68, scss/pages/preorder.scss */
#preorder .block {
  float: left;
  background-color: #1b1b1b; }
  #preorder .edition .block:nth-child(6n+6) {
    margin-left: 0;
  }
  /* line 71, scss/pages/preorder.scss */
  #preorder .block p {
    color: white;
    text-align: center;
    padding: 10px;
    margin: 0; }
  /* line 77, scss/pages/preorder.scss */
  #preorder .block .title {
    margin: 0 0 10px;
    background-color: #141414; }
/* line 84, scss/pages/preorder.scss */
#preorder .edition-grid .block {
  margin-top: 50px;
  padding-bottom: 10px;
  background-color: #1b1b1b; }
  /* line 88, scss/pages/preorder.scss */
  #preorder .edition-grid .block .details {
    margin: 0;
    padding: 20px;
    background-color: #141414; }
  /* line 93, scss/pages/preorder.scss */
  #preorder .edition-grid .block h4 {
    color: white;
    font: 18px "Marcellus SC";
    margin: 0 0 15px; }
  /* line 98, scss/pages/preorder.scss */
  #preorder .edition-grid .block ul {
    color: #6e777a;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; }
  /* line 102, scss/pages/preorder.scss */
  #preorder .edition-grid .block .btn {
    float: right; }
/* line 107, scss/pages/preorder.scss */
#preorder .frame-inner {
  padding: 25px 50px 50px; }


/** Age Gate Access Denied Styles **/
#agegate .access-denied-wrapper {
  display: none;
}
#agegate.access-denied .age-gate-show-form {
  display: none;
}
#agegate.access-denied .access-denied-wrapper {
  display: block;
}


#login {
  display: none;
}

.comparecontent {
  color: #b5b4b2;
  font: 14px "Marcellus SC";
}

.comparetable td, .comparetable th {
  font-size: 11px;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #313237;
  padding: 3px;
  font-weight: normal;
}

.tbrown {
  background-color: #211613;
}

.tblack {
  background-color: #181815;
}

.tblue {
  background-color: #09161d;
}

.tpurple {
  background-color: #210c14;
}



#news_article .main ul.newslist, #news_article .main ul.newslist ul {
  list-style-type: disc;
  padding: 10px;
  margin: 10px;
}

.newslist li {
  color: #6e777a;
  font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}