html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* Mixins *******************************************/
.icons-mobile-sprite, .icons-mobile-accord-collapse, .icons-mobile-accord-expand, .icons-mobile-btn-arrow-left-modal, .icons-mobile-btn-arrow-left, .icons-mobile-btn-arrow-right-modal, .icons-mobile-btn-arrow-right, .icons-mobile-btn-download, .icons-mobile-btn-play-large, .icons-mobile-btn-play, .icons-mobile-fall-2013-de, .icons-mobile-fall-2013-en, .icons-mobile-fall-2013-es-it, .icons-mobile-fall-2013-large-de, .icons-mobile-fall-2013-large-en, .icons-mobile-fall-2013-large-es-it, .icons-mobile-icon-slider-indicator-white, .icons-mobile-icon-slider-indicator, .icons-mobile-logo-mark, .icons-mobile-logo-title-int, .icons-mobile-logo-title, .icons-mobile-modal-close, .icons-mobile-nav-close, .icons-mobile-nav-open, .icons-mobile-neu-logo-small-black, .icons-mobile-neu-logo-small-red, .icons-mobile-neu-logo-small-white, .icons-mobile-platform-pc, .icons-mobile-platform-ps3, .icons-mobile-platform-ps4, .icons-mobile-platform-xbox-360, .icons-mobile-platform-xbox-one, .icons-mobile-preorder-wolf-logo-int, .icons-mobile-preorder-wolf-logo, .icons-mobile-rel-2014-large, .icons-mobile-rel-2014, .icons-mobile-social-bethesda, .icons-mobile-social-facebook, .icons-mobile-social-newsletter, .icons-mobile-social-twitter, .icons-mobile-www-de, .icons-mobile-www, .icons-mobile-year {
  background: url('/assets/images/sprites/icons-oldblood-mobile-sbac205370d.png') no-repeat;
}

.icons-mobile-accord-collapse {
  background-position: 0 -1585px;
}

.icons-mobile-accord-expand {
  background-position: 0 -1520px;
}

.icons-mobile-btn-arrow-left-modal {
  background-position: 0 -1441px;
}

.icons-mobile-btn-arrow-left {
  background-position: 0 -905px;
}

.icons-mobile-btn-arrow-right-modal {
  background-position: 0 -1381px;
}

.icons-mobile-btn-arrow-right {
  background-position: 0 -957px;
}

.icons-mobile-btn-download {
  background-position: 0 -1132px;
}

.icons-mobile-btn-play-large {
  background-position: 0 -195px;
}

.icons-mobile-btn-play {
  background-position: 0 -769px;
}

.icons-mobile-fall-2013-de {
  background-position: 0 -505px;
}

.icons-mobile-fall-2013-en {
  background-position: 0 -571px;
}

.icons-mobile-fall-2013-es-it {
  background-position: 0 -604px;
}

.icons-mobile-fall-2013-large-de {
  background-position: 0 -48px;
}

.icons-mobile-fall-2013-large-en {
  background-position: 0 -308px;
}

.icons-mobile-fall-2013-large-es-it {
  background-position: 0 0;
}

.icons-mobile-icon-slider-indicator-white {
  background-position: 0 -1559px;
}

.icons-mobile-icon-slider-indicator {
  background-position: 0 -1533px;
}

.icons-mobile-logo-mark {
  background-position: 0 -1262px;
}

.icons-mobile-logo-title-int {
  background-position: 0 -635px;
}

.icons-mobile-logo-title {
  background-position: 0 -702px;
}

.icons-mobile-modal-close {
  background-position: 0 -1340px;
}

.icons-mobile-nav-close {
  background-position: 0 -1283px;
}

.icons-mobile-nav-open {
  background-position: 0 -1482px;
}

.icons-mobile-neu-logo-small-black {
  background-position: 0 -873px;
}

.icons-mobile-neu-logo-small-red {
  background-position: 0 -857px;
}

.icons-mobile-neu-logo-small-white {
  background-position: 0 -889px;
}

.icons-mobile-platform-pc {
  background-position: 0 -1216px;
}

.icons-mobile-platform-ps3 {
  background-position: 0 -1105px;
}

.icons-mobile-platform-ps4 {
  background-position: 0 -1057px;
}

.icons-mobile-platform-xbox-360 {
  background-position: 0 -1009px;
}

.icons-mobile-platform-xbox-one {
  background-position: 0 -830px;
}

.icons-mobile-preorder-wolf-logo-int {
  background-position: 0 -408px;
}

.icons-mobile-preorder-wolf-logo {
  background-position: 0 -98px;
}

.icons-mobile-rel-2014-large {
  background-position: 0 -358px;
}

.icons-mobile-rel-2014 {
  background-position: 0 -538px;
}

.icons-mobile-social-bethesda {
  background-position: 0 -1321px;
}

.icons-mobile-social-facebook {
  background-position: 0 -1422px;
}

.icons-mobile-social-newsletter {
  background-position: 0 -1175px;
}

.icons-mobile-social-twitter {
  background-position: 0 -1243px;
}

.icons-mobile-www-de {
  background-position: 0 -1084px;
}

.icons-mobile-www {
  background-position: 0 -1036px;
}

.icons-mobile-year {
  background-position: 0 -1194px;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}
html.hidden .header-wrap,
html.hidden .section-home,
html.hidden .section-about,
html.hidden .section-media,
html.hidden .section-cast,
html.hidden .section-news,
html.hidden .section-downloads,
html.hidden .section-preorder,
html.hidden .section-landing,
html.hidden footer {
  opacity: 0;
}

body {
  background: #b20000;
}

a {
  text-decoration: none;
}

button {
  cursor: pointer;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

hr {
  background: url(../../images/tiles/tile-oldblood-hazard-line.png) repeat-x 0 0;
  border: 0;
  display: block;
  height: 44px;
  margin: 0;
  width: 100%;
}

.header-wrap,
.section-home,
.section-about,
.section-media,
.section-cast,
.section-news,
.section-downloads,
.section-preorder,
.section-landing,
footer {
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  opacity: 1;
}

sup {
  font-size: xx-small;
  vertical-align: super;
}

body {
  font-family: "futura-pt", "Helvetica", Arial, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  line-height: 1;
}

h1,
.h1 {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 25px;
  text-transform: uppercase;
}

h2,
.h2 {
  font-size: 23px;
  font-size: 2.3rem;
}

h3,
.h3 {
  font-size: 13px;
  font-size: 1.3rem;
}

p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {

  h2,
  .h2 {
    font-size: 35px;
    font-size: 3.5rem;
  }


  p {
    line-height: 28px;
    line-height: 2.8rem;
    margin-bottom: 30px;
  }
}
.header-wrap {
  color: #fffadb;
  padding: 0 18px;
  position: fixed;
  top: 0;
  -webkit-transition: background 200ms ease;
  -moz-transition: background 200ms ease;
  -o-transition: background 200ms ease;
  -ms-transition: background 200ms ease;
  transition: background 200ms ease;
  width: 100%;
  z-index: 100;
}
.header-wrap.solid {
  background: #b20000;
}
.header-wrap.scrolling {
  background: rgba(178, 0, 0, 0.9);
}
.header-wrap.nav-show-button button {
  display: block;
}
.header-wrap.nav-show-button .wolf-logo,
.header-wrap.nav-show-button .wolf-year {
  display: none;
}
.header-wrap.nav-show-button .wolf-www,
.header-wrap.nav-show-button .wolf-www-de {
  border: 0;
  margin-left: 59px;
}
.header-wrap.nav-open {
  background: rgba(0, 0, 0, 0.9);
}
.header-wrap.nav-open.solid {
  background: #130101;
}
.header-wrap.nav-open button {
  background-position: 0 -1283px;
}
.header-wrap.nav-open .main-nav {
  display: block;
}
.header-wrap a {
  color: #fffadb;
  -webkit-transition: color 200ms ease, background 200ms ease;
  -moz-transition: color 200ms ease, background 200ms ease;
  -o-transition: color 200ms ease, background 200ms ease;
  -ms-transition: color 200ms ease, background 200ms ease;
  transition: color 200ms ease, background 200ms ease;
}
.header-wrap button {
  background: #fffadb url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -1482px;
  border: 0;
  display: none;
  height: 38px;
  left: 0;
  position: absolute;
  top: 0;
  width: 42px;
}
.header-wrap .header {
  border-top: 5px solid #fffadc;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  height: 50px;
  padding-top: 14px;
  position: relative;
}
.header-wrap .wolf-logo,
.header-wrap .wolf-year,
.header-wrap .wolf-www,
.header-wrap .wolf-www-de {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  float: left;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
}
.header-wrap .wolf-logo {
  background-position: 0 -1262px;
  height: 21px;
  width: 28px;
  border: 0;
}
.header-wrap .wolf-year {
  background-position: 0 -1194px;
  height: 22px;
  width: 32px;
}
.header-wrap .wolf-www {
  background-position: 0 -1036px;
  height: 21px;
  width: 66px;
}
.header-wrap .wolf-www-de {
  background-position: 0 -1084px;
  height: 21px;
  width: 76px;
}
.header-wrap .pre-order, .header-wrap .continue {
  float: right;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
  line-height: 2.1rem;
  text-transform: uppercase;
  position: relative;
  top: 0px;
}
.header-wrap .doom,
.header-wrap .wolf-3d,
.header-wrap .local {
  display: none;
}

.main-nav {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  left: 0;
  padding: 0 18px 18px;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 100;
}
.main-nav li {
  line-height: 36px;
  line-height: 3.6rem;
  position: relative;
}
.main-nav a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  color: rgba(255, 255, 255, 0.45);
  display: block;
  padding-left: 10px;
  text-transform: uppercase;
}
.main-nav a .neu-icon {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -889px;
  height: 16px;
  width: 17px;
  margin-bottom: -3px;
  margin-right: 3px;
  display: inline-block;
}
.main-nav a.active {
  color: #fffadb;
}
.main-nav a.active:before {
  font-size: 0;
  line-height: 0;
  height: 0;
  width: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid rgba(255, 255, 255, 0.4);
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  top: 15px;
}
.main-nav .social {
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  padding-left: 10px;
}
.main-nav .social li {
  line-height: normal;
  margin: 9px 15px 0 0;
  padding: 0;
}
.main-nav .social a {
  border: 0;
  padding: 0;
}

.social li {
  display: inline-block;
}
.social a {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat;
  display: block;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.social a:hover {
  opacity: .5;
}
.social .twit {
  background-position: 0 -1243px;
  height: 19px;
  width: 22px;
}
.social .fb {
  background-position: 0 -1422px;
  height: 19px;
  width: 19px;
}
.social .beth {
  background-position: 0 -1321px;
  height: 19px;
  width: 19px;
}
.social .forum {
  background-position: 0 -1175px;
  height: 19px;
  width: 22px;
}

[class*="section-"] {
  padding: 0 18px;
  width: 100%;
}

.section-content {
  height: 100%;
  margin: 0 auto;
  max-width: 284px;
  padding: 0;
  position: relative;
}

.slider-wrap {
  position: relative;
}
.slider-wrap [class*="slider-nav-"] {
  background-color: #b20000;
  background-repeat: no-repeat;
  border: 0;
  display: block;
  height: 52px;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  width: 52px;
  z-index: 50;
}
.slider-wrap .slider-nav-prev {
  background-image: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png');
  background-position: 0 -905px;
}
.slider-wrap .slider-nav-next {
  background-image: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png');
  background-position: 0 -957px;
}
.slider-wrap .inactive {
  opacity: .25;
  cursor: default;
}

.slider {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider > ul {
  position: relative;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
}

.slider-indicators {
  position: absolute;
}
.slider-indicators li {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -1533px;
  height: 13px;
  width: 10px;
  display: inline-block;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
}
.slider-indicators li.active {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -1546px;
}

.zoom-open.mfp-bg, .zoom-open.mfp-removing.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  -ms-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}
.zoom-open .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.zoom-open.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.zoom-open.mfp-ready.mfp-removing.mfp-bg {
  opacity: 0;
}
.zoom-open.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-container.mfp-inline-holder {
  left: 50%;
  margin-left: -159px;
  padding: 0;
  width: 279px;
}
.mfp-container.mfp-inline-holder .mfp-content {
  background: #000;
  color: #fffadb;
  margin: 0;
  padding: 0 10px 10px;
}
.mfp-container.mfp-inline-holder .mfp-content article {
  border-top: 7px solid #fffadc;
  padding: 10px 0 0;
}

button.modal-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  padding: 0;
  z-index: 506;
  background-color: #fffadb;
  width: 41px;
  height: 41px;
  position: absolute;
  top: 1px;
}
button.modal-arrow.arrow-right {
  background-image: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png');
  background-position: 0 -1381px;
  right: 44px;
}
button.modal-arrow.arrow-left {
  background-image: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png');
  background-position: 0 -1441px;
  right: 86px;
}

.mfp-iframe-holder button.modal-arrow {
  top: -43px;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-image-holder .mfp-close,
.mfp-inline-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  background-image: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png');
  background-position: 0 -1340px;
  background-color: #fffadb;
  height: 41px;
  opacity: 1;
  padding-right: 0;
  right: 2px;
  width: 41px;
}

.mfp-image-holder .mfp-close {
  top: 1px;
}

.mfp-inline-holder .mfp-close {
  right: -41px;
  text-indent: -9999px;
}
.mfp-inline-holder button.modal-arrow.arrow-right {
  right: -41px;
  top: 42px;
}
.mfp-inline-holder button.modal-arrow.arrow-left {
  right: -41px;
  top: 84px;
}

.mfp-bottom-bar {
  display: none;
}

 
/*  ------   SECTION HOME   ------   */



.clean .section-home {
  background: url(../../images/section-backgrounds/bg-oldblood-home-mobile-clean.jpg) no-repeat center 0;
  background-size: cover;
}

.en-us .section-home .logo-title {
  background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
  background-size: 186px auto;
}

.section-home {
  background: url(../../images/section-backgrounds/bg-oldblood-home-mobile.jpg) no-repeat center 0;
  background-size: cover;
  height: 747px;
  overflow: hidden;
  padding-top: 75px;
}
.section-home .logo-title {
  background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
  background-size: 186px auto;
  height: 217px;
  width: 186px;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
}
.section-home .btn-play {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -195px;
  height: 113px;
  width: 114px;
  margin: 30px auto 50px;
}
.section-home .main-nav {
  background: none;
  display: block;
  padding: 0;
  position: static;
}
.section-home .main-nav a {
  color: #fffadb;
}





/*  ------   SECTION ABOUT  ------   */


.clean .section-about {
  background: url(../../images/section-backgrounds/bg-oldblood-about-mobile-clean.jpg) no-repeat center 0;
  background-size: cover;
}

.section-about {
  background: url(../../images/section-backgrounds/bg-oldblood-about-mobile.jpg) no-repeat center 0;
  background-size: cover;
  color: #fffadb;
  height: 1250px;
  overflow: hidden;
  padding-top: 70px;
}
.section-about hr {
  margin-bottom: 20px;
}
.section-about .overview > h1 {
  display: block;
  font-size: 69px;
  font-size: 6.9rem;
  letter-spacing: -2px;
  margin-bottom: 15px;
  text-indent: -10px;
}
.section-about .overview > h1:first-letter {
  letter-spacing: -10px;
}
.section-about .overview > h2 {
  text-transform: uppercase;
}
.section-about .overview > img {
  display: block;
  margin: 0 0 20px;
}
.section-about .overview a {
  color: #fffadb;
  text-decoration: underline;
}
.section-about .overview a:hover {
  color: #b8b8b8;
}
.section-about .platforms li {
  background-image: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png');
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  margin: 10px 12px 0 0;
}
.section-about .platforms li:last-child {
  margin-right: 0;
}
.section-about .platforms .release-large {
  margin: 20px 0 0;
}
.section-about .platforms p {
  font-size: 10px;
  font-size: 1rem;
  margin: 10px 0;
  text-transform: uppercase;
}
.section-about .platforms .pjapan {
  margin-bottom: 30px;
  margin-top: 0px;
}
.section-about .platform-pc {
  background-position: 0 -1216px;
  height: 27px;
  width: 23px;
}
.section-about .platform-xbox-one {
  background-position: 0 -830px;
  height: 27px;
  width: 89px;
}
.section-about .platform-xbox-360 {
  background-position: 0 -1009px;
  height: 27px;
  width: 87px;
}
.section-about .platform-ps3 {
  background-position: 0 -1105px;
  height: 27px;
  width: 92px;
}
.section-about .platform-ps4 {
  background-position: 0 -1057px;
  height: 27px;
  width: 92px;
}

html.ja .platform-pc,
html.ja .platform-pc-text {
  display: none;
}




/*  ------   SECTION MEDIA  ------   */


.section-media {
  background: #fffadc;
  color: #000;
  height: 2100px;
  overflow: hidden;
  padding-top: 55px;
}
.section-media h1 {
  margin-bottom: 0;
}
.section-media h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.section-media .slider-wrap {
  padding-bottom: 52px;
}
.section-media .slider-wrap [class*="slider-nav-"] {
  bottom: 0;
}
.section-media .slider-wrap .slider-nav-prev {
  right: 53px;
}
.section-media .slider-wrap .slider-nav-next {
  right: 0;
}
.section-media .slider {
  height: 350px;
}
.section-media .slider-item {
  padding-bottom: 15px;
  position: absolute;
  width: 284px;
}
.section-media .slider-item img {
  display: block;
  width: 100%;
  height: 100%;
}
.section-media .slider-item .btn-play {
  left: 50%;
  margin: -30px 0 0 -30px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.section-media .slider-item .media-link {
  display: block;
  height: 160px;
  position: relative;
  width: 284px;
}
.section-media .slider-item .media-download {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.section-media .slider-item .media-download .icon {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -1132px;
  height: 43px;
  width: 43px;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.section-media .slider-item .media-download.open ul {
  visibility: visible;
  opacity: 1;
  z-index: 5;
}
.section-media .slider-item .media-download ul {
  background: #000;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 43px;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  visibility: hidden;
  width: 140px;
  z-index: -1;
}
.section-media .slider-item .media-download li {
  border-top: 1px solid #2a2a2a;
}
.section-media .slider-item .media-download li:first-child {
  border: 0;
}
.section-media .slider-item .media-download a {
  color: #fffadb;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 25px;
  line-height: 2.5rem;
  padding-left: 10px;
}
.section-media .slider-item .media-download a:hover {
  background: #353535;
}
.section-media .slider-item .spinner {
  height: 16px;
  left: 50%;
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
  width: 16px;
  z-index: 5;
}
.section-media .slider-indicators {
  bottom: 7px;
  left: 0;
}
.section-media .media-video,
.section-media .media-screenshots,
.section-media .media-art {
  border-bottom: 1px solid #cacaca;
  margin: 0 0 15px;
}
.section-media .media-art .slider {
  height: 400px;
}
.section-media .media-art .slider-item {
  float: left;
  position: static;
}
.section-media .media-art .slider-item .media-link {
  height: auto;
}
.section-media .media-art img {
  display: block;
  margin: 0 0 15px;
}

.section-media-wallpapers {
  height: 623px;
}
.section-media-wallpapers .slider-wrap {
  padding: 0;
}
.section-media-wallpapers .slider {
  height: 510px;
  overflow: visible;
}




/*  ------   SECTION CAST  ------   */



.section-cast {
  background: #000;
  color: #fffadb;
  height: 600px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.section-cast header {
  left: 50%;
  margin-left: -160px;
  padding: 0 18px;
  position: absolute;
  top: 60px;
  width: 320px;
  z-index: 5;
}
.section-cast .slider-wrap [class*="slider-nav-"] {
  bottom: 0;
}
.section-cast .slider-wrap .slider-nav-prev {
  right: 42px;
}
.section-cast .slider-wrap .slider-nav-next {
  right: 0;
}
.section-cast .slider {
  height: 600px;
}
.section-cast .slider-item {
  background: black url(/assets/images/ajax-loader-white.gif) no-repeat center center;
  display: inline;
  float: left;
  height: 600px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.section-cast .slider-item article {
  height: 600px;
  left: 50%;
  margin-left: -160px;
  padding: 95px 18px 0;
  position: absolute;
  top: 0;
  width: 320px;
  z-index: 5;
}
.section-cast .slider-item h2 {
  font-size: 64px;
  font-size: 6.4rem;
  text-transform: uppercase;
}
.section-cast .slider-item h2 span {
  display: block;
  font-size: 17px;
  font-size: 1.7rem;
}
.section-cast .slider-indicators-wrap {
  bottom: 18px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 25;
}
.section-cast .slider-indicators-wrap .slider-indicators {
  margin: 0 auto;
  padding: 0 18px;
  position: static;
  width: 320px;
}
.section-cast .slider-indicators-wrap li {
  background-position: 0 -1559px;
}
.section-cast .slider-indicators-wrap li.active {
  background-position: 0 -1572px;
}
.section-cast .cast-details a {
  color: #fffadb;
  text-decoration: underline;
}
.section-cast .cast-details a:hover {
  color: #b8b8b8;
}





/*  ------   SECTION NEWS  ------   */


.section-news {
  background: #000;
  color: #fffadb;
  height: 1130px;
  overflow: hidden;
  padding-top: 70px;
}
.section-news hr {
  margin-bottom: 20px;
}
.section-news .slider-wrap {
  padding: 0 0 60px;
}
.section-news .slider-wrap [class*="slider-nav-"] {
  bottom: -11px;
}
.section-news .slider-wrap .slider-nav-prev {
  right: 53px;
}
.section-news .slider-wrap .slider-nav-next {
  right: 0;
}
.section-news .slider-item {
  float: left;
  width: 284px;
}
.section-news .slider-item li {
  padding-top: 25px;
}
.section-news .slider-item li:first-child {
  padding-top: 0;
}
.section-news .slider-item .news-more {
  color: #fffadb;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}
.section-news .slider-item .news-more:hover {
  text-decoration: underline;
}
.section-news .slider-indicators-wrap {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.section-news .slider-indicators-wrap p {
  color: #999;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 11px;
  line-height: 1.1rem;
  margin: 10px 0 0;
  text-transform: uppercase;
}
.section-news .slider-indicators-wrap p span {
  color: #fffadb;
}
.section-news .slider-indicators-wrap ol {
  position: static;
}
.section-news .slider-indicators-wrap li {
  background-position: 0 -1559px;
}
.section-news .slider-indicators-wrap li.active {
  background-position: 0 -1572px;
}

.news-blurb time,
.news-blurb img {
  display: block;
  margin: 0 0 15px;
}
.news-blurb h1 {
  margin: 0 0 10px;
}
.news-blurb h2 {
  text-transform: uppercase;
}
.news-blurb p {
  line-height: 20px;
  line-height: 2rem;
  margin-bottom: 15px;
}
.news-blurb h2, .news-blurb p, .news-blurb hr {
  width: 79.22535%;
}
.news-blurb a {
  color: #fffadb;
  text-decoration: underline;
}
.news-blurb a:hover {
  color: #b8b8b8;
}
.news-blurb .news-blurb-bottom {
  background: url(../../images/tiles/tile-oldblood-hazard-line.png) repeat-x 0 100%;
  border-top: 1px solid #333;
  height: 70px;
}




/*  ------   SECTION PREORDER  ------   */


.clean .section-preorder {
  background: #b20000;
  //background: url(../../images/section-backgrounds/bg-oldblood-preorder-mobile-clean.jpg) no-repeat center 0;
  //background-size: cover;
}

.en-us .section-preorder .preorder-logo {
  background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
  background-size: 265px auto;
}

.section-preorder {
  //background: url(../../images/section-backgrounds/bg-oldblood-preorder-mobile.jpg) no-repeat center 0;
  //background-size: cover;
  background: #b20000;
  color: #fffadb;
  height: 1500px;
  padding-top: 70px;
}
.section-preorder header {
  margin-bottom: 50px;
}
.section-preorder .preorder-overview {
  padding-bottom: 50px;
}
.section-preorder .preorder-overview .preorder-logo-date {
  margin-left: -9px;
}
.section-preorder .preorder-overview .preorder-logo-date h2 span {
  font-size: 0.8em;
}
.section-preorder .preorder-overview .preorder-box-art {
  display: none;
}
.section-preorder .preorder-overview h2 a {
  color: #fffadb;
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  -ms-transition: color 200ms ease;
  transition: color 200ms ease;
}
.section-preorder .preorder-overview h2 a:hover {
  color: #000;
  background-color: #fffadb;
}
.section-preorder .preorder-logo {
  background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
  background-size: 265px 309px;
  height: 309px;
  width: 265px;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 30px;
}
.section-preorder .preorder-date {
  margin: 43px 0 0 10px;
}
.section-preorder .preorder-retailer-header {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-width: 1px 0;
  margin: 12px 0;
  padding: 15px 0;
}
.section-preorder .preorder-retailer-header h1 {
  margin-bottom: 0px;
  padding-top: 3px;
}
.section-preorder .preorder-retailer-header h2 {
  text-transform: uppercase;
}
.section-preorder .preorder-country-wrapper {
  background: #fffadc;
  color: #c30013;
  height: 30px;
  margin-top: 23px;
  margin-bottom: 25px;
  width: 150px;
}
.section-preorder .select-wrapper {
  height: 30px;
}
.section-preorder .select-wrapper select {
  display: none;
  height: 30px;
}
.section-preorder .styled-select-wrapper {
  margin-top: -30px;
  position: relative;
  text-transform: uppercase;
}
.section-preorder .styled-select-wrapper > a {
  color: #b20000;
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
}
.section-preorder .styled-select-wrapper > a:before {
  font-size: 0;
  line-height: 0;
  height: 0;
  width: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #b20000;
  content: "";
  display: inline-block;
  left: -5px;
  position: relative;
  top: -1px;
}
.section-preorder .styled-select-wrapper > a.open:before {
  font-size: 0;
  line-height: 0;
  height: 0;
  width: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #b20000;
  top: 1px;
}
.section-preorder .styled-select-wrapper > a.open + div ul {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.section-preorder .styled-select-wrapper ul {
  background: #fffadc;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 30px;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  visibility: hidden;
  width: 100%;
  z-index: -1;
}
.section-preorder .styled-select-wrapper li {
  border-top: 1px solid #dadada;
  color: #000;
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 25px;
  line-height: 2.5rem;
  padding-left: 20px;
}
.section-preorder .styled-select-wrapper li:hover {
  background: #dadada;
}
.section-preorder .retailers {
  min-height: 100px;
}
.section-preorder .retailers li {
  float: left;
  margin: 0 5.2816901% 15px 0;
  width: 143px !important;
}
.section-preorder .retailers li:nth-child(3n+3) {
  margin-right: 0;
}
.section-preorder .retailers li.not-avail {
  display: none;
  width: 100%!important;
}
.section-preorder .retailers li img {
  width: 143px;
}
.section-preorder .retailers.is-loading {
  background: transparent url(../../images/ajax-loader-white.gif) no-repeat top left;
}






/*  ------   SECTION LANDING   ------   */



.clean .section-landing {
  background: url(../../images/section-backgrounds/bg-oldblood-home-mobile-clean.jpg) no-repeat center 0;
  background-size: cover;
}

.en-us .section-landing .logo-title {
  background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
  background-size: 250px auto;
}

.section-landing {
  background: url(../../images/section-backgrounds/bg-oldblood-home-mobile.jpg) no-repeat center 0;
  background-size: cover;
  //height: 747px;
  height: 100%;
  overflow: hidden;
  padding-top: 75px;
  color: #fffadb;
}
.section-landing .logo-title {
  background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
  background-size: 250px auto;
  height: 291px;
  width: 250px;
  text-indent: 502%;
  white-space: nowrap;
  overflow: hidden;
}
.section-landing .btn-play {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -195px;
  height: 113px;
  width: 114px;
  margin: 30px auto 50px;
}
.section-landing .main-nav {
  background: none;
  display: block;
  padding: 0;
  position: static;
}
.section-landing .main-nav a {
  color: #fffadb;
}

.section-landing .overview {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-width: 1px 0;
  margin: 25px 0 10px 0;
  padding: 25px 0 10px 0;
}

.section-landing .overview p{
  font-size: 16px;
  font-size: 1.6rem;
  }

.section-landing .overview > h1 {
  display: block;
  font-size: 69px;
  font-size: 6.9rem;
  letter-spacing: -2px;
  margin-bottom: 15px;
  text-indent: -10px;
}
.section-landing .overview > h1:first-letter {
  letter-spacing: -10px;
}
.section-landing .overview > h2 {
  text-transform: uppercase;
}
.section-landing .overview > img {
  display: block;
  margin: 0 0 20px;
}
.section-landing .overview a {
  color: #fffadb;
  text-decoration: underline;
}
.section-landing .overview a:hover {
  color: #b8b8b8;
}

.section-landing .overview span.introtxt{
  font-size: 34px;
  font-size: 3.4rem;
  text-transform: uppercase;
}

/*.section-landing .left-column{
display: inline-block;
width: 45%;
margin: 0 3% 0 0;
vertical-align: top;
}

.section-landing .right-column{
display: inline-block;
width: 45%;
margin: 0 0 0 3%;
vertical-align: top;
}*/

.section-landing .left-column, .section-landing .right-column{
display: block;
width: 100%;
margin: 0;
vertical-align: top;
}


.section-landing .preorder-retailer-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-width: 1px 0;
  margin: 12px 0;
  padding: 15px 0;
}

.section-landing .preorder-retailer-header h2 {
  text-transform: uppercase;
  display: inline-block;
  line-height: 2rem;
}

.section-landing .preorder-retailer-header h2 span.changecountrytxt{
font-size: 12px;
font-size: 1.2rem;
}

.section-landing .preorder-retailer-header h1.price {
  display: inline-block;
  font-size: 40px;
  font-size: 4rem;
  letter-spacing: -2px;
  margin-bottom: 0px;
  text-indent: -10px;
  padding-right: 20px;
  line-height: 4rem;
}

.section-landing .preorder-country-wrapper {
  background: #fffadc;
  color: #c30013;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 5px;
  width: 150px;
  display: block;
  vertical-align: text-bottom;
  text-align: left;
  //float: right;

}
.section-landing .select-wrapper {
  height: 30px;
}
.section-landing .select-wrapper select {
  display: none;
  height: 30px;
}
.section-landing .styled-select-wrapper {
  margin-top: -30px;
  position: relative;
  text-transform: uppercase;
  z-index: 5000000;
}
.section-landing .styled-select-wrapper > a {
  color: #b20000;
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
}
.section-landing .styled-select-wrapper > a:before {
  font-size: 0;
  line-height: 0;
  height: 0;
  width: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #b20000;
  content: "";
  display: inline-block;
  left: -5px;
  position: relative;
  top: -1px;
}
.section-landing .styled-select-wrapper > a.open:before {
  font-size: 0;
  line-height: 0;
  height: 0;
  width: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #b20000;
  top: 1px;
}
.section-landing .styled-select-wrapper > a.open + div ul {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.section-landing .styled-select-wrapper ul {
  background: #fffadc;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 30px;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  visibility: hidden;
  width: 100%;
  z-index: -1;
}
.section-landing .styled-select-wrapper li {
  border-top: 1px solid #dadada;
  color: #000;
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 25px;
  line-height: 2.5rem;
  padding-left: 20px;
}
.section-landing .styled-select-wrapper li:hover {
  background: #dadada;
}
.section-landing .retailers {
  min-height: 100px;
}
.section-landing .retailers li {
  float: left;
  margin: 0 15px 15px 0;
  width: 143px !important;
}
.section-landing .retailers li:nth-child(4n+5) {
  //margin-right: 0;
}
.section-landing .retailers li.not-avail {
  display: none;
  width: 100%!important;
}
.section-landing .retailers li img {
  width: 143px;
}
.section-landing .retailers.is-loading {
  background: transparent url(../../images/ajax-loader-white.gif) no-repeat top left;
}


.section-landing .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.section-landing .video-container iframe,
.section-landing .video-container object,
.section-landing .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.section-landing .slider-wrap {
  padding-bottom: 52px;
}
.section-landing .slider-wrap [class*="slider-nav-"] {
  bottom: 0;
}
.section-landing .slider-wrap .slider-nav-prev {
  right: 53px;
}
.section-landing .slider-wrap .slider-nav-next {
  right: 0;
}
.section-landing .slider {
  height: 350px;
}
.section-landing .slider-item {
  padding-bottom: 15px;
  position: absolute;
  width: 284px;
}
.section-landing .slider-item img {
  display: block;
  width: 100%;
  height: 100%;
}
.section-landing .slider-item .btn-play {
  left: 50%;
  margin: -30px 0 0 -30px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.section-landing .slider-item .media-link {
  display: block;
  height: 160px;
  position: relative;
  width: 284px;
}
.section-media .slider-item .media-download {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.section-landing .slider-item .media-download .icon {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -1132px;
  height: 43px;
  width: 43px;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.section-landing .slider-item .media-download.open ul {
  visibility: visible;
  opacity: 1;
  z-index: 5;
}
.section-landing .slider-item .media-download ul {
  background: #000;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 43px;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  visibility: hidden;
  width: 140px;
  z-index: -1;
}
.section-landing .slider-item .media-download li {
  border-top: 1px solid #2a2a2a;
}
.section-landing .slider-item .media-download li:first-child {
  border: 0;
}
.section-landing .slider-item .media-download a {
  color: #fffadb;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 25px;
  line-height: 2.5rem;
  padding-left: 10px;
}
.section-landing .slider-item .media-download a:hover {
  background: #353535;
}
.section-landing .slider-item .spinner {
  height: 16px;
  left: 50%;
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
  width: 16px;
  z-index: 5;
}
.section-landing .slider-indicators {
  bottom: 7px;
  left: 0;
}
.section-landing .media-video,
.section-landing .media-screenshots,
.section-landing .media-art {
  border-bottom: 1px solid #cacaca;
  margin: 0 0 15px;
}
.section-landing .media-art .slider {
  height: 400px;
}
.section-landing .media-art .slider-item {
  float: left;
  position: static;
}
.section-landing .media-art .slider-item .media-link {
  height: auto;
}
.section-landing .media-art img {
  display: block;
  margin: 0 0 15px;
}


header.mobileonly .logo-title{
  display: block;
}

header.notmobileonly .logo-title{
  display: none;
}


.landing-screenshot{
    margin: 30px 0;
  }

  .landing-screenshot img{
    margin: 3px 6px 3px 0;
  }




/*  ------   FOOTER  ------   */

footer {
  background-color: #000;
  padding-bottom: 80px;
  padding-top: 80px;
  color: #6a6a6a;
  font-size: 11px;
  font-size: 1.1rem;
}
footer a {
  color: #fffadb;
}
footer #logos {
  padding-top: 15px;
  border-top: 1px solid #4b4b4b;
  overflow: hidden;
  margin: 10px 0 20px;
  clear: both;
}

footer #logos li {
  float: left;
  width: 49%;
  margin-right: 2%;
  padding-bottom: 10px;
}
footer #logos li:nth-child(even) {
  margin-right: 0;
}
footer #logos li:nth-child(odd) {
  clear: both;
}
footer #logos li.truste {
  line-height: 59px;
}
footer #sticky-logos a {
  width: 50%;
  display: block;
  float: right;
}
footer #sticky-logos .bethesda-logo {
  margin-top: 10px;
}
footer #sticky-logos .neu-logo, footer #sticky-logos .release {
  display: none;
}
footer .sticky-logos-wrap {
  overflow: hidden;
}
footer .sticky-logos-wrap.stuck #sticky-logos .neu-logo, footer .sticky-logos-wrap.stuck #sticky-logos .release {
  //display: block;
  //margin-top: 6px;
  display: none;
}
footer .sticky-logos-wrap.stuck #sticky-logos .release {
  float: left;
  margin-left: 12%;
}
footer .sticky-logos-wrap.stuck #sticky-logos .neu-logo {
  //float: left;
  //margin-left: 12%;
  display: none;
}
footer #copyright {
  clear: both;
  font-size: 10px;
  font-size: 1rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #6a6a6a;
  margin: 20px 0 0;
}








/* AGE GATE */


#age-gateshow{
  //background-color: gray;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  margin: 0 0 30px 0;
  padding: 5px 4px;
  color: #2a2a2a;
}

.age-gateimg{
  position: relative;
  opacity: .8;
  background: transparent url(../../images/oldblood-agegate-placeholder-3.png) no-repeat; 
  background-size: contain;
}

#age-gate{
position: absolute;
z-index: 4999999;
top: 10px;
left: 12px;
max-width: 90%;
display: block;
}

#age-gate select{
  padding:5px;
  outline:none;
  border: none;
  display: inline-block;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica", Arial, sans-serif;
   background: #bbbbbb;
  color: #3f3f3f;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 5px;
  vertical-align: text-bottom;
}

#age-gate input{
  padding:5px 15px;
  margin: 0;
  background: #3f3f3f;
  color:#bbbbbb;
  border:1px solid #3f3f3f;
  outline:none;
  display: inline-block;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "futura-pt", "Helvetica", Arial, sans-serif;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 5px;
  vertical-align: text-bottom;
}

#age-gate input:hover{
  background: #bbbbbb;
  color:#3f3f3f;
  border:1px solid #3f3f3f;
  }








a .release-large-enus,
a .release-large-de,
a .release-large-enuk,
a .release-large-es,
a .release-large-fr,
a .release-large-it,
a .release-large-pl,
a .release-large-ru,
a .release-large-row {
  margin: 30px 0 0 0;
  //height: 50px;
  width: 500px;
  display: block;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  color: #fffadb;
}

a .release-large-ja1,
a .release-large-ja2 {
  margin: 0px 0 0;
  //height: 50px;
  width: 300px;
  display: block;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  color: #fffadb;
}

.release-enus,
.release-ja,
.release-row {
  float: left;
  margin-left: 12%;
  display: block;
  margin-top: 6px;
  height: 33px;
  width: 90px;
}

.release-large-enus {
  background: transparent;
}

.release-large-de {
 background: transparent;
}

.release-large-enuk {
  background: transparent;
}

.release-large-es {
  background: transparent;
}

.release-large-fr {
  background: transparent;
}

.release-large-it {
  background: transparent;
}

.release-large-pl {
  background: transparent;
}

.release-large-ru {
  background: transparent;
}

.release-large-ja1 {
  background: transparent;
}

.release-large-ja2 {
  background: transparent;
}

.release-large-row {
  background: transparent;
}

.release-enus {
  background: url("/assets/images/release-oldblood-enus-small.png") no-repeat;
}

.release-ja {
 background: url("/assets/images/release-oldblood-ja-small1.png") no-repeat;
}

.release-row {
  background: url("/assets/images/release-oldblood-row-small.png") no-repeat;
}

.btn-play {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -769px;
  height: 61px;
  width: 60px;
  display: block;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
}

.skip-anchor {
  display: none;
}

.release,
.preorder-date {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -538px;
  height: 33px;
  width: 69px;
  display: block;
}

.release-large {
  background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -358px;
  height: 50px;
  width: 125px;
  display: inline-block;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: '';
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

.hide,
.hide-on-mobile {
  display: none;
}

span.supertxt{
    font-size:.5em;
    vertical-align: super;
  }




/*  ------   Tablet  ------   */



@media only screen and (min-width: 768px), all and (device-width: 768px) and (orientation: portrait) {

  .hide-on-mobile {
    display: block;
  }


  .hide-on-desktop {
    display: none;
  }
    .header-wrap a.buynow{
    font-size: 14px;
    line-height: 35px;
    //padding-top: 8px;
  }

}
h4 {
  font-size: 2.5rem;
  text-transform: uppercase;
}

#doomlogos {
  overflow: hidden;
  margin: 10px 0 20px;
  clear: none;
  max-width: 100%;
  float: right;
}

.section-doomfaq {
  position: relative;
  z-index: 1;
  background-size: cover;
  color: #fffadb;
  overflow: hidden;
}
.section-doomfaq .section-content {
  padding-top: 110px;
}

.doom-faq {
  float: left;
  padding-left: 10px;
}

.doomplatforms {
  background: #fffadc;
  display: inline-block;
  width: 300px;
  height: 70px;
  margin: 1em 2em 1em 0;
  text-align: left;
}

.doomplatforms:hover {
  background: #b20000;
  border: 2px solid #fffadb;
}
.doomplatforms:hover .xbox-one {
  background-position: 226px 0px;
  margin: 10px 35px;
}
.doomplatforms:hover .xbox-360 {
  background-position: 226px -46px;
  margin: 10px 35px;
}
.doomplatforms:hover .ps4 {
  background-position: 226px -93px;
  margin: 10px 35px;
}
.doomplatforms:hover .ps3 {
  background-position: 226px -139px;
  margin: 10px 35px;
}
.doomplatforms:hover .pc {
  background-position: 226px -185px;
  margin: 10px 35px;
}

.xbox-one,
.xbox-360,
.ps4,
.ps3,
.pc {
  background: url("../../images/platforms.png");
  width: 226px;
  height: 46px;
  margin: 12px 37px;
}

.xbox-one {
  background-position: 0 0;
}

.xbox-360 {
  background-position: 0 -46px;
}

.ps4 {
  background-position: 0 -93px;
}

.ps3 {
  background-position: 0 -139px;
}

.pc {
  background-position: 0 -185px;
}

.ps4white {
  background: url("../../images/platforms.png");
  width: 226px;
  height: 46px;
  margin: 20px 0;
  background-position: 226px -93px;
}

.ps3white {
  background: url("../../images/platforms.png");
  width: 226px;
  height: 46px;
  margin: 20px 0;
  background-position: 226px -139px;
}

.sen {
  margin: 20px 0;
}

.divider {
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}

.external {
  text-decoration: underline;
  color: #fffadb;
}

.external:hover {
  color: #b8b8b8;
}

div.divider {
  margin: 2em 0;
}



/*  ------   Mobile Phone  ------   */



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {

  .header-wrap .main-nav > ul {
    overflow-y: scroll;
    height: 205px;
  }

  .section-landing .left-column, .section-landing .right-column{
display: block;
width: 90%;
margin: 0;
vertical-align: top;
}

header.mobileonly .logo-title{
  display: block;
}

header.notmobileonly .logo-title{
  display: none;
}

  .en-us .section-landing .logo-title {
    background-size: 250px auto;
  }

.section-landing .logo-title {
  background-size: 250px auto;
  height: 291px;
  width: 250px;
}

.age-gateimg{
  position: relative;
  opacity: .8;
  background: transparent url(../../images/oldblood-agegate-placeholder-3.png) no-repeat; 
  background-size: contain;
}

}


/*  ------   Tablet  ------   */


@media only screen and (min-width: 768px), all and (device-width: 768px) and (orientation: portrait) {

  .icons-tablet-sprite, .icons-tablet-btn-arrow-down-white, .icons-tablet-btn-arrow-down, .icons-tablet-btn-arrow-up, .icons-tablet-btn-download, .icons-tablet-btn-play-large, .icons-tablet-logo-mark, .icons-tablet-logo-title-int, .icons-tablet-logo-title-small-int, .icons-tablet-logo-title-small, .icons-tablet-logo-title, .icons-tablet-machine, .icons-tablet-preorder-wolf-logo-int, .icons-tablet-preorder-wolf-logo, .icons-tablet-www-de, .icons-tablet-www, .icons-tablet-year {
    background: url('/assets/images/sprites/icons-oldblood-tablet-saafe944f22.png') no-repeat;
  }


  .icons-tablet-btn-arrow-down-white {
    background-position: 0 -1025px;
  }


  .icons-tablet-btn-arrow-down {
    background-position: 0 -921px;
  }


  .icons-tablet-btn-arrow-up {
    background-position: 0 -973px;
  }


  .icons-tablet-btn-download {
    background-position: 0 -897px;
  }


  .icons-tablet-btn-play-large {
    background-position: 0 -678px;
  }


  .icons-tablet-logo-mark {
    background-position: 0 -644px;
  }


  .icons-tablet-logo-title-int {
    background-position: 0 -495px;
  }


  .icons-tablet-logo-title-small-int {
    background-position: 0 -173px;
  }


  .icons-tablet-logo-title-small {
    background-position: 0 0;
  }


  .icons-tablet-logo-title {
    background-position: 0 -346px;
  }


  .icons-tablet-machine {
    background-position: 0 -761px;
  }


  .icons-tablet-preorder-wolf-logo-int {
    background-position: 0 -264px;
  }


  .icons-tablet-preorder-wolf-logo {
    background-position: 0 -91px;
  }


  .icons-tablet-www-de {
    background-position: 0 -829px;
  }


  .icons-tablet-www {
    background-position: 0 -863px;
  }


  .icons-tablet-year {
    background-position: 0 -795px;
  }


  .de-de .header-wrap .pre-order, .de-de .header-wrap .continue {
    font-size: 28px;
    font-size: 2.8rem;
  }


  .header-wrap {
    padding: 0;
  }

  .header-wrap.black .main-nav a {
    color: #000;
  }

  .header-wrap.black .main-nav a:hover, .header-wrap.black .main-nav a.active {
    background: #000;
    color: #fffadb;
  }

  .header-wrap.nav-show-button button {
    display: none;
  }

  .header-wrap.nav-show-button .wolf-logo,
  .header-wrap.nav-show-button .wolf-year {
    display: block;
  }

  .header-wrap.nav-show-button .wolf-www,
  .header-wrap.nav-show-button .wolf-www-de {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    margin: 0;
  }

  .header-wrap.nav-open {
    background: rgba(178, 0, 0, 0.8);
  }

  .header-wrap .header {
    border-top: 9px solid #fffadc;
    height: 80px;
    margin: 0 auto;
    padding-top: 21px;
    width: 78.75%;
  }

  .header-wrap .wolf-logo,
  .header-wrap .wolf-year,
  .header-wrap .wolf-www,
  .header-wrap .wolf-www-de {
    background: url('/assets/images/sprites/icons-oldblood-tablet-s171d883363.png') no-repeat;
  }

  .header-wrap .wolf-logo {
    background-position: 0 -644px;
    height: 34px;
    width: 35px;
    border: 0;
  }

  .header-wrap .wolf-year {
    background-position: 0 -795px;
    height: 34px;
    width: 38px;
  }

  .header-wrap .wolf-www {
    background-position: 0 -863px;
    height: 34px;
    width: 82px;
  }

  .header-wrap .wolf-www-de {
    background-position: 0 -829px;
    height: 34px;
    width: 92px;
  }

  .header-wrap .pre-order {
    float: left;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin: 0 0px 0 15px;
    padding: 9px;
    position: absolute;
    top: 9px;
    min-width: 480px;
    color: #fffadb;
  }

  .header-wrap .continue {
    float: left;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin: 0;
    padding: 9px 9px 9px 0;
    position: absolute;
    top: 9px;
    min-width: 480px;
    color: #fffadb;
  }


  .header-wrap .social {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 34px;
    line-height: 3.4rem;
    text-transform: uppercase;
  }

  .header-wrap .social.landing {
    border-left: none;
  }

  .header-wrap .social {
    margin-left: 0px;
  }

  .header-wrap .social li {
    margin-left: 15px;
    position: relative;
    top: 7px;
  }


  .clean .header-wrap .social {
    border-left: none;
  }


  .main-nav {
    background: none;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: 0;
    width: 78.75%;
    -webkit-transition: opacity 250ms ease, top 150ms ease;
    -moz-transition: opacity 250ms ease, top 150ms ease;
    -o-transition: opacity 250ms ease, top 150ms ease;
    -ms-transition: opacity 250ms ease, top 150ms ease;
    transition: opacity 250ms ease, top 150ms ease;
  }

  .main-nav li.separator {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.45);
  }

  .main-nav > ul {
    left: -5px;
    position: absolute;
    top: 30px;
    width: 150px;
    z-index: 100;
  }

  .main-nav a {
    border: 0;
    color: #fffadb;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    margin-bottom: 6px;
    padding: 3px 5px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
  }

  .main-nav a:hover, .main-nav a.active {
    background: #fffadc;
    color: #b20000;
  }

  .main-nav a:hover:before, .main-nav a.active:before {
    display: none;
  }

  .main-nav a:hover .neu-icon, .main-nav a.active .neu-icon {
    background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -857px;
  }

  .main-nav .social {
    display: none;
  }

  .main-nav.fade-out {
    opacity: 0;
  }

  .main-nav.fade-out.from-top {
    top: -100px;
  }

  .main-nav.fade-out.from-bottom {
    top: 100px;
  }


  .black .main-nav li.separator {
    border-top: 1px solid rgba(0, 0, 0, 0.45);
  }

  .black .main-nav a .neu-icon {
    background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -873px;
  }

  .black .main-nav a:hover .neu-icon {
    background: url('/assets/images/sprites/icons-oldblood-mobile-s220d089180.png') no-repeat 0 -889px;
  }


  .social {
    display: block;
  }


  [class*="section-"] {
    padding: 0;
  }


  .section-content {
    max-width: none;
    padding-left: 180px;
    width: 78.75%;
  }

  .section-landing .section-content {
    max-width: 2000px;
    padding-left: 50px;
    width: 78.75%;
    padding-top: 120px;
  }


  button.modal-arrow.arrow-right {
    top: 82px;
    right: -41px;
  }

  button.modal-arrow.arrow-left {
    top: 124px;
    right: -41px;
  }


  .mfp-iframe-holder button.modal-arrow {
    right: -41px;
  }

  .mfp-iframe-holder button.modal-arrow.arrow-right {
    top: 39px;
  }

  .mfp-iframe-holder button.modal-arrow.arrow-left {
    top: 81px;
  }


  .mfp-container {
    padding: 0 60px;
  }


  .mfp-content {
    margin-left: -41px;
  }


  .mfp-image-holder .mfp-close {
    right: -41px;
    top: 40px;
  }


  .mfp-iframe-holder .mfp-close {
    right: -41px;
    top: -3px;
  }


  .mfp-container.mfp-inline-holder {
    margin-left: -300px;
    width: 600px;
  }

  .mfp-container.mfp-inline-holder .mfp-content {
    padding: 0 20px 20px;
  }

  .mfp-container.mfp-inline-holder .mfp-content article {
    padding: 20px 0 0;
  }


  .clean .section-home {
    background-image: url(../../images/section-backgrounds/bg-oldblood-home-desktop-clean.jpg);
  }


  .clean .section-landing {
    background-image: url(../../images/section-backgrounds/bg-oldblood-landing-desktop-clean.jpg);
  }


  .en-us .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size:250px auto;
  }


  .section-home {
    background-image: url(../../images/section-backgrounds/bg-oldblood-home-desktop.jpg);
    height: 1200px;
  }

  .section-home .section-content {
    color: #fffadb;
    padding: 485px 0 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }

  .section-home .section-content.fade-out {
    opacity: .2;
  }

  .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size:250px auto;
    height: 292px;
    width: 250px;
    left: -15px;
    margin: 0;
    position: absolute;
    top: 300px;
    -webkit-transition: top 100ms linear;
    -moz-transition: top 100ms linear;
    -o-transition: top 100ms linear;
    -ms-transition: top 100ms linear;
    transition: top 100ms linear;
  }

  .section-home .btn-play {
    background: url('/assets/images/sprites/icons-oldblood-tablet-s171d883363.png') no-repeat 0 -678px;
    height: 83px;
    width: 82px;
    left: 50%;
    margin: 0 0 -41px -41px;
    position: absolute;
    top: 300px;
    -webkit-transition: top 100ms linear;
    -moz-transition: top 100ms linear;
    -o-transition: top 100ms linear;
    -ms-transition: top 100ms linear;
    transition: top 100ms linear;
  }

  .section-home .praises {
    left: 0;
    margin: 0;
    position: absolute;
    top: 470px;
    -webkit-transition: top 100ms linear;
    -moz-transition: top 100ms linear;
    -o-transition: top 100ms linear;
    -ms-transition: top 100ms linear;
    transition: top 100ms linear;
    width: 360px;
  }

  .section-home .praises .praise {
    left: 0;
    margin: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 750ms ease;
    -moz-transition: opacity 750ms ease;
    -o-transition: opacity 750ms ease;
    -ms-transition: opacity 750ms ease;
    transition: opacity 750ms ease;
  }

  .section-home .praises .praise.active {
    z-index: 2;
    opacity: 1;
  }

  .section-home .praises p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin: 0;
    text-transform: uppercase;
  }

  .section-home .praises p + p {
    margin-top: 20px;
  }

  .section-home .release {
    position: absolute;
    top: 650px;
    -webkit-transition: top 100ms linear;
    -moz-transition: top 100ms linear;
    -o-transition: top 100ms linear;
    -ms-transition: top 100ms linear;
    transition: top 100ms linear;
  }

  .section-home .main-nav {
    display: none;
  }

 .section-landing {
    background-image: url(../../images/section-backgrounds/bg-oldblood-landing-desktop.jpg);
    height: 100%;
  }

  .en-us .section-landing .logo-title {
    background-size: 411px auto;
  }

.section-landing .logo-title {
  background-size: 411px auto;
  height: 479px;
  width: 411px;
}

  .clean .section-about {
    background-image: url(../../images/section-backgrounds/bg-oldblood-about-desktop-clean.jpg);
  }


  .section-about {
    background-image: url(../../images/section-backgrounds/bg-oldblood-about-desktop.jpg);
    height: 1285px;
    position: relative;
    z-index: 1;
  }

  .section-about .section-content {
    padding-top: 110px;
  }

  .section-about .overview,
  .section-about .platforms,
  .section-about hr {
    width: auto;
  }

  .section-about .overview header h1 {
    margin-bottom: 15px;
    padding: 5px 0 0;
  }

  .section-about .overview > h1 {
    font-size: 138px;
    font-size: 13.8rem;
    letter-spacing: -10px;
    line-height: 100px;
    line-height: 10rem;
    margin-bottom: 20px;
    text-indent: -25px;
  }

  .section-about .overview > h1:first-letter {
    letter-spacing: -25px;
  }

  .section-about .overview h2, .section-about .overview p {
    width: 365px;
  }

  .section-about .platforms {
    padding: 15px 0 0;
    position: relative;
  }

  .section-about .platforms p {
    line-height: normal;
    margin-bottom: 20px;
  }

  .section-about .platforms ul {
    //bottom: 0;
    //left: 160px;
    //position: absolute;
    display: block;
    margin: 0 0 20px 0;
  }

  .section-about .platforms .box-art {
    //float: left;
    margin-right: 25px;
    width: 140px;
  }

  .section-about .platforms .release-large {
    margin: 0;
  }


  .section-media {
    height: 1850px;
    position: relative;
    z-index: 1;
  }

  .section-media h1 {
    margin-bottom: 10px;
    padding: 5px 0 0;
  }

  .section-media h2 {
    margin-bottom: 20px;
  }

  .section-media .section-content {
    padding-top: 110px;
  }

  .section-media .slider-wrap {
    padding: 0;
    width: 626px;
  }

  .section-media .slider-wrap [class*="slider-nav-"] {
    bottom: auto;
    left: 100%;
    right: auto;
  }

  .section-media .slider-wrap .slider-nav-prev {
    top: 3px;
  }

  .section-media .slider-wrap .slider-nav-next {
    top: -50px;
  }

  .section-media .slider-wrap .sliver {
    background: #fffadc;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 20px;
    z-index: 5;
  }

  .section-media .slider-item {
    height: 180px;
    margin: 0;
    padding: 0 20px 20px 0;
    width: 208px;
  }

  .section-media .slider-item .media-link {
    height: 106px;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    width: 188px;
  }

  .section-media .slider-item .media-link.faded {
    opacity: .5;
  }

  .section-media .slider-item .media-title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    margin: 10px 0;
    text-transform: uppercase;
  }

  .section-media .slider-item .media-share,
  .section-media .slider-item .media-download {
    float: left;
    position: relative;
  }

  .section-media .slider-item .media-download {
    margin-right: 6px;
    top: 0;
  }

  .section-media .slider-item .media-download .icon {
    background: url('/assets/images/sprites/icons-oldblood-tablet-s171d883363.png') no-repeat 0 -897px;
    height: 24px;
    width: 24px;
  }

  .section-media .slider-item .media-download ul {
    left: 0;
    right: auto;
    top: 24px;
  }

  .section-media .slider-indicators {
    bottom: auto;
    top: -50px;
    left: auto;
    right: 20px;
  }

  .section-media .media-video,
  .section-media .media-screenshots {
    margin: 0 0 20px;
  }

  .section-media .media-video .slider {
    height: 360px;
  }

  .section-media .media-screenshots .slider {
    height: 252px;
  }

  .section-media .media-screenshots .slider-item {
    height: 126px;
  }

  .section-media .media-art .slider {
    height: 350px;
  }

  .section-media .media-art .slider-item {
    height: 313px;
    padding: 0 20px 10px 0;
    width: 188px;
  }

  .section-media .media-art .slider-item .media-link {
    width: 188px;
    height: auto;
    min-height: 0;
  }


  .section-media-wallpapers {
    height: 739px;
  }

  .section-media-wallpapers .slider {
    height: 547px;
  }


  .section-cast {
    height: 1050px;
    position: relative;
    z-index: 1;
  }

  .section-cast header {
    left: auto;
    margin: 0;
    padding: 0;
    top: 115px;
    width: 100%;
    z-index: 1;
  }

  .section-cast header h1 {
    margin: 0 auto;
    padding-left: 180px;
    width: 78.75%;
  }

  .section-cast .slider-wrap [class*="slider-nav-"] {
    bottom: auto;
    left: 100%;
    right: auto;
  }

  .section-cast .slider-wrap .slider-nav-prev {
    top: 198px;
  }

  .section-cast .slider-wrap .slider-nav-next {
    top: 145px;
  }

  .section-cast .slider {
    height: 1050px;
  }

  .section-cast .slider-item {
    height: 1050px;
  }

  .section-cast .slider-item article {
    height: 1050px;
    margin-left: -39.375%;
    padding: 145px 0 0 180px;
    width: 78.75%;
  }

  .section-cast .slider-item h2 {
    font-size: 128px;
    font-size: 12.8rem;
    margin: 0 0 10px;
    text-indent: -10px;
  }

  .section-cast .slider-item h2 span {
    font-size: 34px;
    font-size: 3.4rem;
    text-indent: -2px;
  }

  .section-cast .slider-item p {
    line-height: 20px;
    line-height: 2rem;
  }

  .section-cast .slider-item img {
    margin-left: -350px;
  }

  .section-cast .slider-indicators-wrap {
    height: 15px;
    left: 50%;
    margin-left: -39.375%;
    overflow: hidden;
    padding-left: 180px;
    top: 117px;
    width: 78.75%;
  }

  .section-cast .slider-indicators-wrap .slider-indicators {
    left: 64.81481%;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
  }

  .section-cast .cast-details {
    position: relative;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
    width: 260px;
  }

  .section-cast .cast-vitals {
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    right: -175px;
    text-transform: uppercase;
    top: 0;
    width: 140px;
  }

  .section-cast .cast-vitals dt {
    margin: 0 0 20px;
  }

  .section-cast .cast-vitals dd {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding-left: 10px;
  }

  .section-cast .cast-vitals dd + dd {
    padding-top: 15px;
  }


  .section-news {
    height: 1020px;
    position: relative;
    z-index: 1;
  }

  .section-news .section-content {
    padding-top: 110px;
  }

  .section-news .section-content h1 {
    margin: 0 0 10px;
    padding: 5px 0 0;
  }

  .section-news .slider-wrap {
    padding: 0;
  }

  .section-news .slider-wrap [class*="slider-nav-"] {
    bottom: auto;
    top: -20px;
  }

  .section-news .slider-wrap .slider-nav-prev {
    right: 0;
    top: 33px;
  }

  .section-news .slider {
    width: 425px;
  }

  .section-news .slider-item {
    width: 425px;
  }

  .section-news .slider-indicators-wrap {
    bottom: auto;
    right: 0;
    top: -20px;
    width: auto;
  }


  .news-blurb time,
  .news-blurb img {
    margin: 0 0 20px;
  }

  .news-blurb time {
    font-size: 34px;
    font-size: 3.4rem;
  }

  .news-blurb h1 {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .news-blurb h2 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 10px;
  }

  .news-blurb p {
    margin-bottom: 20px;
  }

  .news-blurb h2, .news-blurb p {
    width: 375px;
  }

  .news-blurb hr {
    width: 100%;
  }


  .clean .section-preorder {
    //background-image: url(../../images/section-backgrounds/bg-oldblood-preorder-desktop-clean.jpg);
    background: #b20000;
  }


  .en-us .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 225px auto;
  }


  .section-preorder {
    //background-image: url(../../images/section-backgrounds/bg-oldblood-preorder-desktop.jpg);
    background: #b20000;
    height: 1500px;
    padding-top: 110px;
    position: relative;
    z-index: 1;
  }

  .section-preorder header {
    padding: 5px 0 0;
  }

  .section-preorder .preorder-overview .preorder-box-art {
    display: block;
    padding-top: 41px;
  }

  .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 225px auto;
    height: 262px;
    width: 225px;
    text-indent: 102%;
    white-space: nowrap;
    overflow: hidden;
  }

  .section-preorder .preorder-header-country {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-width: 1px 0;
    margin: 12px 0;
    padding: 15px 0;
  }

  .section-preorder .preorder-retailer-header {
    border: none;
    margin: 0;
    padding: 0;
  }

  .section-preorder .preorder-country-wrapper {
    height: 40px;
    margin: 15px 0 0 0;
    width: 225px;
  }

  .section-preorder .select-wrapper {
    height: 40px;
  }

  .section-preorder .select-wrapper select {
    height: 40px;
  }

  .section-preorder .styled-select-wrapper {
    margin-top: -40px;
  }

  .section-preorder .styled-select-wrapper > a {
    line-height: 40px;
    height: 40px;
  }

  .section-preorder .retailers li {
    margin: 0 15px 15px 0;
    width: auto;
  }

  .section-preorder .retailers li:nth-child(3n+3) {
    margin-right: 15px;
  }




 .section-landing .slider-wrap {
    padding: 0;
    width: 626px;
  }

  .section-landing .slider-wrap [class*="slider-nav-"] {
    bottom: auto;
    left: 100%;
    right: auto;
  }

  .section-landing .slider-wrap .slider-nav-prev {
    top: 3px;
  }

  .section-landing .slider-wrap .slider-nav-next {
    top: -50px;
  }

  .section-landing .slider-wrap .sliver {
    background: #fffadc;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 20px;
    z-index: 5;
  }

  .section-landing .slider-item {
    height: 180px;
    margin: 0;
    padding: 0 20px 20px 0;
    width: 208px;
  }

  .section-landing .slider-item .media-link {
    height: 106px;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    width: 188px;
  }

  .section-landing .slider-item .media-link.faded {
    opacity: .5;
  }

  .section-landing .slider-item .media-title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    margin: 10px 0;
    text-transform: uppercase;
  }

  .section-landing .slider-item .media-share,
  .section-landing .slider-item .media-download {
    float: left;
    position: relative;
  }

  .section-landing .slider-item .media-download {
    margin-right: 6px;
    top: 0;
  }

  .section-landing .slider-item .media-download .icon {
    background: url('/assets/images/sprites/icons-oldblood-tablet-s171d883363.png') no-repeat 0 -897px;
    height: 24px;
    width: 24px;
  }

  .section-landing .slider-item .media-download ul {
    left: 0;
    right: auto;
    top: 24px;
  }

  .section-landing .slider-indicators {
    bottom: auto;
    top: -50px;
    left: auto;
    right: 20px;
  }

  .section-landing .media-video,
  .section-landing .media-screenshots {
    margin: 0 0 20px;
  }

  .section-landing .media-video .slider {
    height: 360px;
  }

  .section-landing .media-screenshots .slider {
    height: 252px;
  }

  .section-landing .media-screenshots .slider-item {
    height: 126px;
  }

  .section-landing .media-art .slider {
    height: 350px;
  }

  .section-landing .media-art .slider-item {
    height: 313px;
    padding: 0 20px 10px 0;
    width: 188px;
  }

  .section-landing .media-art .slider-item .media-link {
    width: 188px;
    height: auto;
    min-height: 0;
  }


  .landing-screenshot{
    margin: 30px 0;
  }

  .landing-screenshot img{
    margin: 3px 6px 3px 0;
  }

  .section-landing .preorder-retailer-header h1.price {
    line-height: 7rem;
    font-size: 6rem;
  }

  .section-landing .preorder-retailer-header h2 {
  line-height: 2rem;
  font-size: 2.8rem;
}

  .section-landing .preorder-retailer-header h2 span.changecountrytxt{
  line-height: 1rem!important;
}



.section-landing .left-column{
display: inline-block;
width: 45%;
margin: 0 3% 0 0;
vertical-align: top;
}

.section-landing .right-column{
display: inline-block;
width: 45%;
margin: 0 0 0 3%;
vertical-align: top;
}


header.mobileonly .logo-title{
  display: none;
}

header.notmobileonly .logo-title{
  display: block;
}

.age-gateimg{
  position: relative;
  opacity: .8;
  background: transparent url(../../images/oldblood-agegate-placeholder-3.png) no-repeat; 
  background-size: contain;
}

#age-gate{
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 10px;
}

.age-gate-controls p{
  margin-bottom: 0px;
  color: #fffadb;
}

#age-gate select, #age-gate input{
  height: 30px;
  font-size: 14px;
}



  footer {
    margin-top: -10px;
    position: relative;
    z-index: 1;
  }

  footer .section-content {
    padding-top: 10px;
  }

  footer #logos {
    margin-top: 0;
    max-width: 800px;
  }

  footer #logos li {
    width: auto;
    margin-right: 3.125%;
  }

  footer #logos li:nth-child(even) {
    margin-right: 4.2%;
  }

  footer #logos li:nth-child(odd) {
    clear: none;
  }

  footer .sticky-logos-wrap {
    position: absolute;
    top: -49px;
    left: 180px;
    right: 0;
    padding-top: 0;
  }

  footer .sticky-logos-wrap.stuck {
    border-bottom: 0;
  }

  footer #sticky-logos {
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
  }

  footer #sticky-logos.sticky {
    position: fixed;
    width: 89.4%;
    bottom: 10px;
    left: 0;
    z-index: 1;
    padding: 0;
  }

  footer #sticky-logos.faded {
    opacity: 0;
  }

  footer #sticky-logos a {
    width: auto;
    margin-right: 20px;
  }

  footer #copyright {
    width: 50%;
  }


  .skip-anchor,
  .back-to-top {
    background: #fffadb url('/assets/images/sprites/icons-oldblood-tablet-s171d883363.png') no-repeat 0 -921px;
    border: 0;
    display: block;
    height: 52px;
    left: 0;
    padding: 0;
    position: absolute;
    width: 52px;
    z-index: 50;
  }


  .back-to-top {
    background: #fffadb url('/assets/images/sprites/icons-oldblood-tablet-s171d883363.png') no-repeat 0 -973px;
  }


  .in-viewport .skip-anchor,
  .in-viewport .back-to-top {
    bottom: 0;
    left: 10.625%;
    position: fixed;
  }

  .in-viewport.shared .skip-anchor {
    bottom: 0;
    left: 0;
    position: absolute;
  }

  .in-viewport.in-viewport-last .skip-anchor {
    bottom: 0;
    left: 0;
    position: absolute;
  }

  .in-viewport.in-viewport-last .back-to-top {
    bottom: 0;
    left: 10.625%;
    position: fixed;
  }
}



/*  ------   Desktop  ------   */


@media only screen and (min-width: 990px) {

  .icons-desktop-sprite, .icons-desktop-btn-arrow-down-white, .icons-desktop-btn-arrow-down, .icons-desktop-btn-arrow-up, .icons-desktop-btn-download, .icons-desktop-btn-play-large, .icons-desktop-btn-share, .icons-desktop-doom-beta-red, .icons-desktop-doom-beta, .icons-desktop-logo-mark, .icons-desktop-logo-title-int, .icons-desktop-logo-title-small-int, .icons-desktop-logo-title-small, .icons-desktop-logo-title, .icons-desktop-machine, .icons-desktop-neu-logo-full, .icons-desktop-neu-logo-small-black, .icons-desktop-neu-logo-small-red, .icons-desktop-neu-logo-small-white, .icons-desktop-preorder-wolf-logo-int, .icons-desktop-preorder-wolf-logo, .icons-desktop-www-de, .icons-desktop-www, .icons-desktop-year {
    background: url('/assets/images/sprites/icons-desktop-s1c51bc00dd.png') no-repeat;
  }


  .icons-desktop-btn-arrow-down-white {
    background-position: 0 -1251px;
  }


  .icons-desktop-btn-arrow-down {
    background-position: 0 -1147px;
  }


  .icons-desktop-btn-arrow-up {
    background-position: 0 -1199px;
  }


  .icons-desktop-btn-download {
    background-position: 0 -1089px;
  }


  .icons-desktop-btn-play-large {
    background-position: 0 -738px;
  }


  .icons-desktop-btn-share {
    background-position: 0 -1065px;
  }


  .icons-desktop-doom-beta-red {
    background-position: 0 -855px;
  }


  .icons-desktop-doom-beta {
    background-position: 0 -919px;
  }


  .icons-desktop-logo-mark {
    background-position: 0 -1113px;
  }


  .icons-desktop-logo-title-int {
    background-position: 0 -149px;
  }


  .icons-desktop-logo-title-small-int {
    background-position: 0 -395px;
  }


  .icons-desktop-logo-title-small {
    background-position: 0 -507px;
  }


  .icons-desktop-logo-title {
    background-position: 0 0;
  }


  .icons-desktop-machine {
    background-position: 0 -821px;
  }


  .icons-desktop-neu-logo-full {
    background-position: 0 -716px;
  }


  .icons-desktop-neu-logo-small-black {
    background-position: 0 -965px;
  }


  .icons-desktop-neu-logo-small-red {
    background-position: 0 -949px;
  }


  .icons-desktop-neu-logo-small-white {
    background-position: 0 -981px;
  }


  .icons-desktop-preorder-wolf-logo-int {
    background-position: 0 -619px;
  }


  .icons-desktop-preorder-wolf-logo {
    background-position: 0 -298px;
  }


  .icons-desktop-www-de {
    background-position: 0 -997px;
  }


  .icons-desktop-www {
    background-position: 0 -1031px;
  }


  .icons-desktop-year {
    background-position: 0 -885px;
  }


  .header-wrap .local,
  .header-wrap .wolf-3d {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    float: right;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 34px;
    line-height: 3.4rem;
    text-transform: uppercase;
  }

  .header-wrap .local {
    border: 0;
    cursor: pointer;
    display: block;
    padding: 0 8px 0 13px;
    position: relative;
    -webkit-transition: color 200ms ease, background 200ms ease;
    -moz-transition: color 200ms ease, background 200ms ease;
    -o-transition: color 200ms ease, background 200ms ease;
    -ms-transition: color 200ms ease, background 200ms ease;
    transition: color 200ms ease, background 200ms ease;
  }

  .header-wrap .local .current {
    display: inline;
    line-height: 35px;
    line-height: 3.5rem;
  }

  .header-wrap .local:before {
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fffadb;
    content: "";
    display: inline-block;
    left: -5px;
    position: relative;
    top: -1px;
  }

  .header-wrap .local:hover {
    background: #fffadc;
    color: #b20000;
  }

  .header-wrap .local:hover:before {
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #b20000;
  }

  .header-wrap .local.open {
    background: #fffadc;
    color: #b20000;
  }

  .header-wrap .local.open:before {
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #b20000;
    top: 1px;
  }

  .header-wrap .local.open ul {
    display: block;
    opacity: 1;
    z-index: 1;
  }

  .header-wrap .local ul {
    background: #fffadc;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 34px;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    display: none;
    min-width: 110px;
    z-index: -1;
  }

  .header-wrap .local li {
    border-top: 1px solid #dadada;
  }

  .header-wrap .local a {
    color: #000;
    display: block;
    line-height: 25px;
    line-height: 2.5rem;
    padding-left: 20px;
  }

  .header-wrap .local a:hover {
    background: #dadada;
  }

  .header-wrap .wolf-3d {
    margin-left: 8px;
    padding: 0 7px;
  }

  .header-wrap .wolf-3d a {
    display: block;
    padding: 0 8px;
  }

  .header-wrap .wolf-3d a:hover {
    background: #fffadc;
    color: #b20000;
  }


  .social {
    display: block;
  }


  [class*="section-"] {
    padding: 0;
  }


  .section-content {
    max-width: none;
    padding-left: 180px;
    width: 78.75%;
  }

  .section-landing .section-content {
    max-width: 2000px;
    padding-left: 40px;
    width: 78.75%;
    padding-top: 100px;
  }


  .mfp-container.mfp-inline-holder {
    margin-left: -332px;
    width: 685px;
  }

  .mfp-container.mfp-inline-holder .mfp-content {
    padding: 0 20px 20px;
  }

  .mfp-container.mfp-inline-holder .mfp-content article {
    padding: 20px 0 0;
  }


  .clean .section-home {
    background-image: url(../../images/section-backgrounds/bg-oldblood-home-desktop-clean.jpg);
  }


  .en-us .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 308px 359px;
  }


  .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 308px 359px;
    height: 359px;
    width: 308px;
  }

  .section-home .btn-play {
    background: url('/assets/images/sprites/icons-oldblood-desktop-s7644f87792.png') no-repeat 0 -738px;
    height: 83px;
    width: 82px;
  }


  .section-about hr {
    width: 645px;
  }

  .section-about .overview h2, .section-about .overview p {
    width: 485px;
  }

  .section-about .platforms p {
    margin-bottom: 60px;
  }

  .section-about .platforms ul {
    left: 225px;
  }

  .section-about .platforms li {
    margin: 0 12px 0 0;
  }

  .section-about .platforms .box-art {
    width: auto;
  }

  .section-about .platforms .release-large {
    margin: 60px 0 0;
  }


  .section-media {
    height: 2300px;
  }

  .section-media .slider-item {
    height: 239px;
    width: 313px;
  }

  .section-media .slider-item .media-link {
    height: 165px;
    width: 293px;
  }

  .section-media .media-video .slider {
    height: 500px;
  }

  .section-media .media-screenshots .slider {
    height: 370px;
  }

  .section-media .media-screenshots .slider-item {
    height: 185px;
  }

  .section-media .media-art .slider {
    height: 400px;
  }

  .section-media .media-art .slider-item {
    height: 473px;
    width: 284px;
  }

  .section-media .media-art .slider-item .media-link {
    width: 100%;
  }


  .section-media-wallpapers {
    height: 400px;
  }

  .section-media-wallpapers .slider {
    height: 300px;
  }


  .section-cast .cast-details {
    width: 100%;
  }

  .section-cast .cast-details p {
    width: 46.2963%;
  }

  .section-cast .cast-vitals {
    left: 64.81481%;
  }


  .section-news {
    height: 1000px;
  }

  .section-news .slider {
    width: 625px;
  }

  .section-news .slider-item {
    width: 425px;
  }


  .news-blurb h2, .news-blurb p {
    width: 485px;
  }


  .clean .section-preorder {
    //background-image: url(../../images/section-backgrounds/bg-oldblood-preorder-desktop-clean.jpg);
    background: #b20000;
  }


  .en-us .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 265px auto;
  }


  .section-preorder {
    //background-image: url(../../images/section-backgrounds/bg-oldblood-preorder-desktop.jpg);
    background: #b20000;
    height: 1500px;
    padding-top: 110px;
    position: relative;
    z-index: 1;
  }

  .section-preorder .preorder-overview .preorder-logo-date {
    float: left;
  }

  .section-preorder .preorder-overview .preorder-box-art {
    float: right;
    padding-top: 0px;
  }

  .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 265px auto;
    height:309px;
    width: 265px;
    text-indent: 102%;
    white-space: nowrap;
    overflow: hidden;
  }

  .section-preorder .preorder-date {
    margin-top: 75px;
  }

  .section-preorder .preorder-header-country {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-width: 1px 0;
    margin: 12px 0;
    padding: 15px 0;
  }

  .section-preorder .preorder-retailer-header {
    border: none;
    float: left;
    margin: 0;
    padding: 0;
  }

  .section-preorder .preorder-country-wrapper {
    float: right;
    height: 40px;
    margin: 0;
    width: 225px;
  }

  .section-preorder .select-wrapper {
    height: 40px;
  }

  .section-preorder .select-wrapper select {
    height: 40px;
  }

  .section-preorder .styled-select-wrapper {
    margin-top: -40px;
  }

  .section-preorder .styled-select-wrapper > a {
    line-height: 40px;
    height: 40px;
  }

  .section-preorder .retailers li {
    margin: 0 15px 15px 0;
    width: auto;
  }

  .section-preorder .retailers li:nth-child(3n+3) {
    margin-right: 15px;
  }


  footer .section-content {
    padding-top: 20px;
  }

  footer .sticky-logos-wrap {
    top: -49px;
  }

  footer #logos {
    max-width: 100%;
  }

  footer #logos li {
    width: auto;
  }

  .age-gateimg{
  position: relative;
  opacity: .8;
  background: transparent url(../../images/oldblood-agegate-placeholder-2.png) no-repeat; 
  background-size: contain;
}

}



/*  ------   Wide Desktop  ------   */

@media only screen and (min-width: 1075px) {

  .header-wrap .wolf-3d {
    display: block;
  }

  .age-gateimg{
  position: relative;
  opacity: .8;
  background: transparent url(../../images/oldblood-agegate-placeholder-2.png) no-repeat;
  background-size: contain; 
}

#age-gate{
position: absolute;
z-index: 4999999;
top: 10px;
left: 12px;
max-width: 90%;
display: block;
}

.age-gate-controls p{
  color: #2a2a2a;
}
}



/*  ------   Really wide desktop  ------   */

@media only screen and (min-width: 1360px) {

  .age-gateimg{
  position: relative;
  opacity: .8;
  background: transparent url(../../images/oldblood-agegate-placeholder.png) no-repeat; 
  background-size: contain;
}

  .header-wrap .doom-wrap {
    border-left: 1px solid #fffadb;
    padding-left: 5px;
    float: right;
    display: block;
    margin-left: 5px;
  }

  .header-wrap .doom {
    display: block;
    float: right;
    padding: 5px 8px;
  }

  .header-wrap .doom .access {
    margin-left: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    text-transform: uppercase;
    display: inline-block;
    float: right;
  }

  .header-wrap .doom .beta-icon {
    background: url('/assets/images/sprites/icons-oldblood-desktop-s7644f87792.png') no-repeat 0 -919px;
    height: 30px;
    width: 49px;
    margin-top: 2px;
    float: right;
  }

  .header-wrap .buynow {
    margin-top: 0px;
    display: inline-block;
    padding: 4px 8px;
  }

  .header-wrap .continue .buynow {
    margin-top: 0px;
    display: inline-block;
    padding: 0;
  }

  .header-wrap a.buynow:hover,
  .header-wrap a.doombeta:hover .doom {
    background: #fffadc;
    color: #b20000;
  }

  .header-wrap a.doombeta:hover .beta-icon {
    background: url('/assets/images/sprites/icons-oldblood-desktop-s7644f87792.png') no-repeat 0 -855px;
    height: 30px;
    width: 49px;
  }


  .en-us .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size:411px auto;
  }


  .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    height: 479px;
    width: 411px;
  }

  .section-home .btn-play {
    margin-top: 20px;
    top: 315px;
  }

  .section-home .praise {
    top: 470px;
  }

  .section-home .release {
    top: 700px;
  }

  #age-gate{
position: absolute;
z-index: 4999999;
top: 10px;
left: 12px;
max-width: 90%;
display: block;
}

.age-gate-controls p{
  color: #2a2a2a;
}
}




/*  ------   Phone/Tablet  ------   */


@media screen and (max-device-width: 320px) and (orientation: portrait), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 1024px) and (orientation: landscape) {

  .header-wrap .pre-order:hover, .header-wrap .continue:hover {
    background: none;
    color: #fffadb;
  }


  .social a:hover {
    opacity: 1;
  }
}



/*  ------   Retina Displays  ------   */


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {

  hr {
    background: url(../../images/tiles/tile-oldblood-hazard-line-2x.png) repeat-x 0 100%;
    background-size: 50px auto;
  }


  .header-wrap.nav-open button {
    background-position: 0 -946px;
  }

  .header-wrap button {
    background: #fffadb url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat 0 -1038px;
    background-size: 265px auto;
  }

  .header-wrap .wolf-logo,
  .header-wrap .wolf-year,
  .header-wrap .wolf-www,
  .header-wrap .wolf-www-de {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat;
    background-size: 265px auto;
  }

  .header-wrap .wolf-logo {
    background-position: 0 -1198px;
  }

  .header-wrap .wolf-year {
    background-position: 0 -676px;
  }

  .header-wrap .wolf-www {
    background-position: 0 -612px;
  }

  .header-wrap .wolf-www-de {
    background-position: 0 -698px;
  }


  .main-nav a .neu-icon {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat 0 -660px;
    background-size: 265px auto;
  }


  .clean .section-home {
    background: url(../../images/section-backgrounds/bg-oldblood-home-mobile-clean-2x.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }


  .en-us .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-mobile-2x.png') no-repeat 0 0;
    background-size: 265px auto;
  }


  .section-home {
    background: url(../../images/section-backgrounds/bg-oldblood-home-mobile-2x.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }

  .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-mobile-2x.png') no-repeat 0 0;
    background-size: 265px auto;
  }

  .section-home .btn-play {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat 0 0;
    background-size: 265px auto;
  }


  .clean .section-landing {
    background: url(../../images/section-backgrounds/bg-oldblood-home-mobile-clean-2x.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }

  .section-landing {
    background: url(../../images/section-backgrounds/bg-oldblood-home-mobile-2x.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }




  .clean .section-about {
    background: url(../../images/section-backgrounds/bg-oldblood-about-mobile-clean-2x.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }


  .section-about {
    background: url(../../images/section-backgrounds/bg-oldblood-about-mobile-2x.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }

  .section-about .platforms li {
    background-image: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png');
    background-size: 265px auto;
  }

  .section-about .platform-pc {
    background-position: 0 -1128px;
  }

  .section-about .platform-xbox-one {
    background-position: 0 -368px;
  }

  .section-about .platform-xbox-360 {
    background-position: 0 -633px;
  }

  .section-about .platform-ps3 {
    background-position: 0 -1011px;
  }

  .section-about .platform-ps4 {
    background-position: 0 -984px;
  }


  .section-media .slider-item .media-download .icon {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat 0 -1155px;
    background-size: 265px auto;
  }


  .section-cast .slider-indicators-wrap li {
    background-position: 0 -1089px;
    background-size: 265px auto;
  }

  .section-cast .slider-indicators-wrap li.active {
    background-position: 0 -1102px;
    background-size: 265px auto;
  }


  .section-news .slider-indicators-wrap li {
    background-position: 0 -1089px;
    background-size: 265px auto;
  }

  .section-news .slider-indicators-wrap li.active {
    background-position: 0 -1102px;
    background-size: 265px auto;
  }


  .news-blurb .news-blurb-bottom {
    background: url(../../images/tiles/tile-oldblood-hazard-line-2x.png) repeat-x 0 100%;
    background-size: 50px auto;
  }


  .clean .section-preorder {
    //background: url(../../images/section-backgrounds/bg-oldblood-preorder-mobile-clean-2x.jpg) no-repeat center center scroll;
    background: #b20000;
  }


  .en-us .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 265px auto;
  }


  .section-preorder {
    //background: url(../../images/section-backgrounds/bg-oldblood-preorder-mobile-2x.jpg) no-repeat center center scroll;
    //-webkit-background-size: cover;
    //-moz-background-size: cover;
    //background-size: cover;
    background: #b20000;
  }

  .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 265px auto;
  }


  .slider-wrap [class*="slider-nav-"] {
    background-size: 265px auto;
  }

  .slider-wrap .slider-nav-prev {
    background-image: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png');
    background-position: 0 -894px;
  }

  .slider-wrap .slider-nav-next {
    background-image: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png');
    background-position: 0 -801px;
  }


  .slider-indicators li {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat 0 -1076px;
    background-size: 265px auto;
  }

  .slider-indicators li.active {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat 0 -1115px;
    background-size: 265px auto;
  }


  button.modal-arrow {
    background-size: 265px auto;
  }

  button.modal-arrow.arrow-right {
    background-image: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png');
    background-position: 0 -853px;
  }

  button.modal-arrow.arrow-left {
    background-image: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png');
    background-position: 0 -719px;
  }


  .mfp-image-holder .mfp-close,
  .mfp-inline-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    background-image: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png');
    background-position: 0 -760px;
    background-size: 265px auto;
  }


  .social a {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat;
    background-size: 265px auto;
  }

  .social .twit {
    background-position: 0 -1219px;
  }

  .social .fb {
    background-position: 0 -1276px;
  }

  .social .beth {
    background-position: 0 -1257px;
  }

  .social .forum {
    background-position: 0 -1238px;
  }


  .release,
  .preorder-date {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat 0 -579px;
    background-size: 265px auto;
  }


  .release-large {
    background: url('/assets/images/sprites/icons-oldblood-mobile-2x-s717cc6ebb4.png') no-repeat 0 -462px;
    background-size: 265px auto;
  }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px) {

  .header-wrap .wolf-logo,
  .header-wrap .wolf-year,
  .header-wrap .wolf-www,
  .header-wrap .wolf-www-de {
    background: url('/assets/images/sprites/icons-oldblood-tablet-2x-sf70c42ba36.png') no-repeat;
    background-size: 411px auto;
  }

  .header-wrap .wolf-logo {
    background-position: 0 -1020px;
  }

  .header-wrap .wolf-year {
    background-position: 0 -762px;
  }

  .header-wrap .wolf-www {
    background-position: 0 -796px;
  }

  .header-wrap .wolf-www-de {
    background-position: 0 -830px;
  }


  .clean .section-home {
    background-image: url(../../images/section-backgrounds/bg-oldblood-home-desktop-clean.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }


  .en-us .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 250px auto;
  }


  .section-home {
    background-image: url(../../images/section-backgrounds/bg-oldblood-home-desktop.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }

  .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    //background-size: 250px auto;
  }

  .section-home .btn-play {
    background: url('/assets/images/sprites/icons-oldblood-tablet-2x-sf70c42ba36.png') no-repeat 0 -333px;
    background-size: 411px auto;
  }

.clean .section-landing {
    background-image: url(../../images/section-backgrounds/bg-oldblood-landing-desktop-clean.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }


  .clean .section-about {
    background-image: url(../../images/section-backgrounds/bg-oldblood-about-desktop-clean.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }


  .section-about {
    background-image: url(../../images/section-backgrounds/bg-oldblood-about-desktop.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }


  .section-media .slider-item .media-download .icon {
    background: url('/assets/images/sprites/icons-oldblood-tablet-2x-sf70c42ba36.png') no-repeat 0 -1054px;
    background-size: 411px auto;
  }


  .clean .section-preorder {
    //background-image: url(../../images/section-backgrounds/bg-oldblood-preorder-desktop-clean.jpg);
    //-webkit-background-size: cover;
    //-moz-background-size: cover;
    //background-size: cover;
    background: #b20000;
  }


  .en-us .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 225px auto;
  }


  .section-preorder {
    //background-image: url(../../images/section-backgrounds/bg-oldblood-preorder-desktop.jpg);
    //-webkit-background-size: cover;
    //-moz-background-size: cover;
    //background-size: cover;
    background: #b20000;
  }

  .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 225px auto;
  }
}



@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px) {

  .en-us .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 308px auto;
  }


  .section-home .logo-title {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 308px auto;
  }

  .section-home .btn-play {
    background: url('/assets/images/sprites/icons-oldblood-desktop-2x-s260530b82e.png') no-repeat 0 -557px;
    background-size: 411px auto;
  }


  .en-us .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 225px auto;
  }


  .section-preorder .preorder-logo {
    background: url('/assets/images/sprites/icons-oldblood-logo-desktop.png') no-repeat 0 0;
    background-size: 225px auto;
  }
}