/* @font-face {
  font-family: "SCE07-Regular";
  src: url("../fonts/SCE07-Regular.otf") format("opentype");
}

.SonyLogos {
	font-family: "SCE07-Regular";
} */

/* UNIVERSAL */

html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%;
}

/* FIXES */

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #d8aa4c; color: #fff; text-shadow: none;}
::selection {background: #d8aa4c; color: #fff; text-shadow: none;}

/*  j.mp/webkit-tap-highlight-color */
a:link, button:active {-webkit-tap-highlight-color: rgba(0,0,0,0);}

ins {background-color: #d8aa4c; color: #000310; text-decoration: none;}
mark {background-color: #d8aa4c; color: #000310; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {padding: 16px; background: #eee;}

/* ROOT FONT STYLES */

* {
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
}

/* TYPOGRAPHY */

h1 {
  font-size: 5rem;
  line-height: 1;
}

h2 {
  font-size: 4rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}

h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2.1rem;
  line-height: 1;
}

h4 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.875rem;
}

p {
  font-size: 1.25rem;
  font-weight: 200;
  line-height: 1.222;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-heavy {
  font-weight: 700;
}

/* POSITIONING */

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.justify {
  text-align: justify;
}

.mt5vh {
	margin-top: 5vh;
}
.mb2-5 {
	margin-bottom: 2.5rem;
}
.no-mt {
	margin-top: 0 !important;
}
.anchorLink {
	text-decoration: none;
}
.overflow-y {
	overflow-y: scroll;
}
.featherlight .faq-close.featherlight-close-icon {
	position: fixed;
    top: 2rem;
    text-shadow: 2px 2px 3px #000;
}

/* ==== GRID SYSTEM ==== */

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.jumbo {
  width:100%;
  margin-left: auto;
  margin-right: auto;
}

.jumbi {
  width:100%;
  margin-left: auto;
  margin-right: auto;
}

.row {
  position: relative;
  width: 100%;
  z-index: 1;
}

.row [class^="col"] {
  float: left;
  margin: 0.5rem 4%;
  min-height: 0.125rem;
}

.col-1-sm {
  width: .33%;
}

.col-2-sm {
  width: 8.66%;
}

.col-3-sm {
  width: 17%;
}

.col-4-sm {
  width: 25.33%;
}

.col-5-sm {
  width: 33.66%;
}

.col-6-sm {
  width: 42%;
}

.col-7-sm {
  width: 50.33%;
}

.col-8-sm {
  width: 58.66%;
}

.col-9-sm {
  width: 67%;
}

.col-10-sm {
  width: 75.33%;
}

.col-11-sm {
  width: 83.66%;
}

.col-12-sm {
  width: 92%;
}
.max1280px {
	max-width: 1420px;
	margin: auto;
}
/*
.row::after {
	content: "";
	display: table;
	clear: both;
}
*/
.float-left {
	float: left;
}
.hidden {
  display: none !important;
}
.no-visibility {
  visibility: hidden !important;
}
.no-click {
    pointer-events: none;
}
.bg-img {
	overflow: hidden;
	background-repeat: no-repeat;
}
.bg-img__keyart {
	background-color: #000;
	background-image: url(../img/landing-bg.jpg);
	background-position: left top;
    background-size: 100% auto;
}
.bg-img__features {
	background-image: url(../img/feature-bg.jpg);
	background-position: top center;
    background-size: contain;
}
.bg-img__story {
	background-image: url(../img/story-bg.jpg);
	background-position: center center;
    background-size: cover;
}

.bg-img__divider {
	background-image: url(../img/divider-bg.jpg);
	background-position: center center;
	background-repeat: repeat;

}

@media only screen and (min-width: 33.75em) {  /* 540px */
  .container {
    width: 80%;
  }
}

@media only screen and (min-width: 60em) {  /* 720px */
  .col-1 {
    width: .33%;
  }

  .col-2 {
    width: 8.66%;
  }

  .col-3 {
    width: 17%;
  }

  .col-4 {
    width: 25.33%;
  }

  .col-5 {
    width: 33.66%;
  }

  .col-6 {
    width: 42%;
  }

  .col-7 {
    width: 50.33%;
  }

  .col-8 {
    width: 58.66%;
  }

  .col-9 {
    width: 67%;
  }

  .col-10 {
    width: 75.33%;
  }

  .col-11 {
    width: 83.66%;
  }

  .col-12 {
    width: 92%;
  }

  .hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 60em) { /* 960px */
  .container {
    width: 100%;
    max-width: 120rem; /* 1920px */
  }
}



/* STYLES */

progress {
	display: none;
}

body {
  background-color: #000;  
}
.row .ml8p {
  margin-left: 6%;
  margin-right: 0;
}

/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */
}

#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(../img/status.gif); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/* MENU */

.navbar {
  position: fixed;
  top: 0;
  width:100%;
  z-index: 100;
  transition: all 0.3s ease;
}
.navbar > [class^="col"] {
  margin-top:0;
}
.menu {
  /* background-color: #001c2e;
  background-color: rgba(0,28,46,0.95); */
	background-image: url(../img/menu-bg.png);
  padding: 0.5rem 0;
  overflow: hidden;
  height: 95px;
	background-size: cover;
    background-position: bottom left;
}
.langswitch {
  width: 5rem;
  height: auto;
  margin-right: 1.8rem;
  margin-left: 15%;
  float: left;
}
.language-flag {
  padding:0 0.5rem;
}
.lang .language-flag {
  padding: .5rem .75rem 0;
}
.lang:last-child .language-flag {
  margin-bottom: .5rem;
}
.currentLanguage {
  text-decoration: none;
}
.currentLanguage .language-flag {
  width: 5rem;
  margin-left: .25rem;
  margin-top: .25rem;
}
.languages {
  position: absolute;
  width: 5.5rem;
  display: none;
  background-color: #1a3d3c;
  background-color: rgba(26,61,60,0.95);
	z-index: 2;
}
.inactive-flag {
  opacity: 0.25;
} 
.menu__list {
  list-style-type: none;
	margin-top: -.25rem;
  float: left;
}
.menu__list li {
  display: inline;
}
.menu__list li, .menu__list a {
  font-size: 2.15rem;
  line-height: 1.8;
  color:#d8aa4c;
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: .75rem;
}
.de .menu__list li, .de .menu__list a,
.es .menu__list li, .es .menu__list a {
	font-size: 2rem;
}
.menu__list a {
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease;
}
.menu__list a:hover, .menu__list a:active, .active a {
  color: #fff;
}
.menu__toggle {
  display: none;
}
.menu__preorder--btn {
  display:none;
}
.menu__preorder--img {
  height: 10rem;
  position: absolute;
  right: 0;
  top: 0;
}
.menu__trailer {
  /* width: 17.5rem;
  margin-top: -.5rem;
  height: auto;
  margin-right: 1.8rem;
  float: left; */
  width: 15%;
  max-width: 250px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-image: url(../img/trailer-btn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left center;
}
.menu__trailer:hover .menu__trailer--txt {
  color: #d8aa4c;
}
.menu__trailer--txt {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  text-align: left;
  height: 100%;
  margin-left: 10%;
  margin-top: 10px;
	position: relative;
}
@media (max-width: 1480px) {
  .menu .menu__trailer--txt {
    font-size: 1.25rem;
    margin-top: 10px;
  }
}
.menu__play-button {
  position: absolute;
  width: 2.5rem;
  top: 0;
  bottom: 0;
  margin-left: 5%;
  margin-top: 0;
}
.menu__trailer--txt br {
  line-height: 1;
}
.menu__trailer--link {
  text-decoration: none;
}
.menu__preorder--img {
  opacity: 0;
  transition: all .3s ease;
}
.menu__logo--container {
  opacity: 0;
  position: absolute;
  right: 13%;
  transition: all .3s ease;
}
.menu__logo {
  width: 100%;
  max-width: 220px;
  display: block;
  margin: auto;
  margin-top: -0.3rem;
}
.menu__logo--preorder {
	display: none;
	width: 100%;
    max-width: 340px;
    display: block;
    margin: auto;
    margin-top: 0.75rem;
	text-align: center;
}
.menu__mobile-additions {
  display: none;
}


/* GENERAL */
.anchor:target:before {
  content:"";
  display:block;
  height:60px; /* fixed header height*/
  margin:-60px 0 0; /* negative fixed header height */
}

.jumbo {
  width: 100%;
  min-height: 100vh;
  padding-top: 2rem;
  overflow: hidden;
}

.jumbi {
  width: 100%;
  min-height: auto;
  padding-top: 2rem;
  overflow: hidden;
}
/* @media (orientation:landscape) {
  .jumbo {
    min-height: 100vh;
  }
} */

/********** START SECTION **********/
.landing__overlay {
  /* background-image: url(../img/start_image.jpg);
  background-size: cover; */
  position: relative;
}
.landing {
  position: relative;
}
.landing__container {
  padding-top: 5rem;
  z-index: 3;
}
.landing__text {
  margin-top: 2rem;
  padding:1.125rem;
  background-color: #000310;
  background-color: rgba(0,0,0,0.75);
}
.landing__text p {
  color:#fff;
}
.landing__container .preorder__button a, .landing__container .preorder__button i {
  color:#fff;
  text-decoration: none;
  transition: color 0.2s;
}
.landing__info {
  display: block;
  position: relative;
	height: 85vh;
}
.landing__info h3 {
  font-size: 3.6rem;
  line-height: 1;
  text-shadow: rgba(0,0,0,.5) 4px 4px 4px;
}
.landing__info--release {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1rem;
}
.landing__f1-license {
  position: absolute;
  bottom: 4rem;
  right: 0;
}

.preorder__button {
  width: 74.68%;
  margin: 2rem 12.66% 4rem;
  padding:0.65rem 0.25rem 0.25rem 0.25rem;
  border-radius: 10px;
  background-color: #d8aa4c;
  border-bottom: 5px solid #ce5f00;
  border-top: none;
  border-left: none;
  border-right: none;
  color:#fff;
  font-size: 2.5vw;

  transition: box-shadow 0.5s ease, background-color 0.2s, border-color 0.2s;
  box-shadow: 0 0 1px transparent;
}
.preorder__button:hover, .preorder__button:focus {
  box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 1);
  outline: none;
  background-color: #fff;
  border-color: #ccc;
  color:#d8aa4c;
}
.row .preorder__buggy {
  margin-left: 0;
  margin-top: 65vh;
  width: 46%;
}
.landing__container .preorder__button:hover a, .landing__container .preorder__button:hover i,
.landing__container .preorder__button:focus a, .landing__container .preorder__button:focus i {
  color:#d8aa4c;
}
.preorder__button:active {
  box-shadow: 0 0 0 0 rgba(255,255,255,0);
  border-bottom: 5px solid #ce5f00;
}
.landing__play {
  vertical-align: middle;
  margin-top: -0.65rem;
}

.video-background {
    background: #000310;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    z-index: 1;
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
}
.landing__container {
    top: 0;
}
.video-foreground {
  width: 300%;
  left: -100%;
  height: 100%;
  top: 0;
}
@media screen and (min-aspect-ratio: 16/9) {
    .video-foreground {
      height: 300%;
      width: 100%;
      top: -100%;
      left: 0;
    }
}
/*
@media screen and (max-aspect-ratio: 16/9) {
    .video-foreground { width: 300%; left: -100%; }
}
@media screen and (aspect-ratio: 16/9) {
    .video-foreground { height: 300%; top: -100%; width:100%; left:0;}
}
*/



.shop, .features {
	max-width: 367px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.5vh;
}
.shop__title, .faq__title {
  font-size: 4rem;
	margin-bottom: .5rem;
}
.faq__title {
	color: #1a3d3c;
    background-image: url(../img/brush-small.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0;
	line-height: 2;
}
.landing__left {
  margin-left: 10%;
}
.shop__form {
  /* background-color: #000310;
  background-color: rgba(0,0,0,0.7); */
  margin-bottom: 6rem;
  margin-top: 1rem;
}
.shop__form .scroll-title__head {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.7rem;
  text-transform: uppercase;
  line-height: 1.5;
}
.shop .feature__title-scroll {
  max-height: 3.7rem;
}
#shop__form input[type='radio'] {
  opacity: 0;
  display: none;
  margin-left: -20px;
  position: absolute;
}
.form-group {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
	width: 94%;
}
.shop__radio {
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
  display: block;
  opacity: 1;
  transition:all .3s ease;
  cursor: pointer;
}
.shop__flag {
  width: 80%;
  cursor: pointer;
  transition: all .3s ease;
}
.shop__countries {
  display: block;
  position: relative;
}
.shop__country {
  float: left;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  transition: filter .3s ease;

}
.shop__country input[name='country']:checked ~ .shop__flag {  
  filter: drop-shadow(0 0 3px rgba(216,170,76,1)) drop-shadow(0 0 2px rgba(216,170,76,1));
}
.shop__flag:hover {
  filter: drop-shadow(0 0 3px rgba(216,170,76,1));
}
.shop__btn {
  font-size: 2rem;
  position: relative;
  display: block;
  float: left;
  width: 44%;
  margin-right: 3%;
  margin-left: 3%;
}
.shop__radio.shop__platform {
	margin-top: 1.75rem;
}
.shop__platforms .shop__btn {
  width: 38%;
  margin-right: 6%;
  margin-left: 6%;
  margin-bottom: .75rem;
}
label.shop__radio {
  padding-left: 0;
}
.shop__radio p {
  font-size: 2rem;
  text-transform: uppercase;
  color: #fff;
}
.shop__edition p {
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
}
#shop__editions-pl p {
  font-size: 1.1rem;
}
@media (max-width: 1080px) {
  #shop__editions-pl p {
    font-size: 1rem;
  }
}
@media (max-width: 959px) {
  #shop__editions-pl p {
    font-size: 1.5rem;
  }
}
@media (max-width: 670px) {
  #shop__editions-pl p {
    font-size: 1.3rem;
  }
}
.shop__edition {
	position: relative;
    display: block;
    float: left;
    width: 44%;
    margin-right: 3%;
    margin-left: 3%;
}
.shop__edition .shop__btn {
	position: relative;
    display: block;
    float: none;
    width: auto;
    margin-right: auto;
    margin-left: auto;
}
.btn__selector {
  background-color: #000310;
  line-height: 1;
  padding-top: 1rem;
  padding-bottom: 1rem;

  transition: all .3s ease;
  border: 2px solid transparent;
  border-radius: 2px;
  border: 2px solid #fff;
  opacity: .5;
}
img.btn__selector {
  padding: 0.5rem;
}
.btn__selector > br {
  line-height: 1;
}
.shop__btn input[type='radio']:checked ~ .btn__selector {  
  border: 2px solid #fff;
  box-shadow: 0 0 30px 5px rgba(216,170,76,1);
  opacity: 1;
}
.btn__selector:hover {
  border: 2px solid #fff;
  box-shadow: 0 0 30px 0 rgba(216,170,76,1);
  opacity: .75;
}
.shop__retailer {
  margin-top: 1rem;
}
.shop__retailer-link {
  position: relative;
  display: inline-block;
  float: left;
  width: 38%;
  height: 60px;
  margin-right: 6%;
  margin-bottom: 15px;
  margin-left: 6%;
  transition: all .3s ease;
}
.shop__retailer-link .reseller-logo {
  max-height: 60px;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
}
.shop__retailer-link:hover {
  filter: drop-shadow(0 0 5px rgba(216,170,76,1)) drop-shadow(0 0 20px rgba(216,170,76,1));
}
.shop__more p {
  color: #d8aa4c;
  font-size: 1rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 1;
  margin-top: 0.25rem;
}
.shop__more img {
  visibility: hidden;
}
.shop__more {
  float: right;
}
.shop__edition-img {
	width: 100%;
}



.accolades__container, .accolades__container2 {
  margin-top: 4rem;
  /* background-color: #000310;
  background-color: rgba(0,0,0,0.7); */
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}
.accolades__container2 {
  max-width: 100%;
}
.accolade {
  /* position: absolute; */
  overflow: hidden;
}
.accolade__quote {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #d8aa4c;
  font-style: italic;
}
.accolade__source {
  margin-top: .5rem;
  font-size: 1.5rem;
  
}
.accolade__source a {
  text-decoration: none;
  color: #fff;
  transition: color 0.3s ease;
}
.accolade__source a:hover, .accolade__source a:active {
  color: #d8aa4c;
}
.accolade__award {
  width: 29%;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

@media (min-width: 1291px) {
  .shop__country:nth-child(n+6) {
    display: none;
    opacity: 0;
    overflow: hidden;
    height: auto;
    position: relative;
    float: left;
    transition: none;
  }
}
@media (min-width:960px) and (max-width: 1290px) {
  .shop__country:nth-child(n+5) {
    display: none;
    opacity: 0;
    overflow: hidden;
    height: auto;
    position: relative;
    float: left;
    transition: none;
  }
  .shop__country {
    width: 25%;
  }
}
@media (min-width:700px) and (max-width: 959px) {
  .shop__country:nth-child(n+8) {
    display: none;
    opacity: 0;
    overflow: hidden;
    height: auto;
    position: relative;
    float: left;
    transition: none;
  }
  .shop__country {
    width: 14%;
  }
  .shop__more p{
    font-size: 2.5vw;
    margin-top: 1rem;
  }
}
@media (min-width:500px) and (max-width: 699px) {
  .shop__country:nth-child(n+6) {
    display: none;
    opacity: 0;
    overflow: hidden;
    height: auto;
    position: relative;
    float: left;
    transition: none;
  }
  .shop__country {
    width: 20%;
  }
  .shop__more p{
    margin-top: 1rem;
  }
}
@media (min-width:400px) and (max-width: 499px) {
  .shop__country:nth-child(n+5) {
    display: none;
    opacity: 0;
    overflow: hidden;
    height: auto;
    position: relative;
    float: left;
    transition: none;
  }
  .shop__country {
    width: 25%;
  }
}
@media (max-width: 399px) {
  .shop__country:nth-child(n+4) {
    display: none;
    opacity: 0;
    overflow: hidden;
    height: auto;
    position: relative;
    float: left;
    transition: none;
  }
  .shop__country {
    width: 33.33%;
  }
}



 /*  .shop__country {
   width: 33.333%;
 } */




/********** GAME INFO SECTION **********/
.preorder .row {
  padding-top: 5rem;
	overflow: hidden;
}
.preorder__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 2.3vw;
  color:#fff;
  text-shadow: -5px 5px 20px rgba(0, 0, 0, 0.75);
  padding:0;
  padding-bottom: .5rem;
  line-height: 1;
  text-transform: none;
}
.preorder__subtitle {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 2.9vw;
  color:#fff;
  text-shadow: -5px 5px 20px rgba(0, 0, 0, 0.75);
  padding:0;
  padding-bottom: 4rem;
  line-height: 1;
}
.feature-brush--smaller .preorder__title {
	font-size: 3.25rem;
	font-weight: 700;
	padding-bottom: 4rem;
	text-transform: uppercase;
}
.feature-brush--smaller .preorder__subtitle {
	font-size: 3.5rem;
}
.preorder__title br {
  line-height: 1;
}
body .featherlight .featherlight-content {
  background: none;
  border:none;
  -webkit-overflow-scrolling:touch;
  overflow-y:auto;
}
body .featherlight .featherlight-close-icon {
  background: none;
  color: #fff;
  font-size: 1.5rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
body .featherlight-iframe .featherlight-content {
  overflow: visible;
  width: 90%;
}
body .featherlight-iframe .featherlight-content iframe {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1450px) {
  body .featherlight-iframe .featherlight-content iframe {
    width: 100%;
  }
}
body .featherlight .featherlight-close-icon:focus {
  outline: none;
}
.features {
  background-color: #000310;
  background-color: rgba(0,0,0,0.7);
}
.features__title {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  text-transform: uppercase;
  background-color: #d8aa4c;
  line-height: 1.5;
}
.info__txt {
  font-size: 1.5rem;
}

.d-table {
	display: table;
}
.d-tablerow {
	display: flex;
	flex-wrap: wrap;
}

.features__single {
	/* margin: 5px !important; */
	/* width: 32.45%; */
	padding: 1.5rem;
	display: table-cell;
	min-height: 500px !important;
}
.features__single--last {
	margin-left: auto !important;
    margin-right: auto !important;
}
.features__list {
	/* padding: 0 calc(4% - 10px); */
}
.feature__title {
	font-size: 1.25rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #1a3d3c;
}
.feature__title-scroll {
	position: absolute;
	top: -.1vw;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	margin-left: auto;
	margin-right: auto;
}
.feature__title-scroll--big {
	height: 6rem;
}
.shop .feature__title-scroll {
	top: -.4vw;
}
.feature__inside {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding: inherit;
}
.feature__icon {
	max-width: 90%;
	z-index: -2;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}




/********** MEDIA SECTION **********/
.media .row {
  padding-top: 5rem;
}
.mosaic__container {
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 6vw;
	margin-left: auto;
	margin-right: auto;
}
.mosaic__item {
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  outline: 1px solid transparent;
  transition: filter .3s ease;
	margin: .5% !important;
	width: 32.33%;
}
.mosaic__item:hover {
  /* filter: drop-shadow(0 0 5px #fff); */
  outline: 1px solid #d8aa4c;
  z-index: 2;
}
.mosaic__item:hover .play-button {
  filter: drop-shadow(0 0 5px #fff);
}
.mosaic__img {
  min-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}
.play-button {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20%;
  transform: translateY(-.5rem);
  filter: drop-shadow(0 0 5px rgba(216,170,76,1));
  transition: all .3s ease;
  z-index: 2
}

body .featherlight .featherlight-content {
  overflow: visible;  
}
.featherlight .featherlight-inner {
  width: 100%;
}
.featherlight-next span, .featherlight-previous span {
  width: 60% !important;
  font-size: 2.5rem !important;
}
.featherlight iframe {
  max-height: 720px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}


/********** FOOTER **********/
footer small {
  color:#fff;
  font-size: .75rem;
  line-height: 1;
}
footer p {
  line-height: 1;
}
.footer--bg {
  background: rgba(1,11,8,1);
  background: linear-gradient(to top, rgba(1,11,8,1) 0%, rgba(1,11,8,0) 100%);
  z-index: 0;
}
.footer {
  padding-bottom: 4rem;
	margin-top: 5vh;
}
.footer__images {
  display:table;
  margin-bottom: 2rem;
}
.footer__link {
  color:#d8aa4c;
  text-decoration: none;
	font-weight: 700;
  margin-left: 1rem;
  margin-right: 1rem;
  text-transform: uppercase;
}
.eupopup-button_1, .eupopup-button_2 {
	font-weight: 700;
}
.footer__link:hover {
  color:#fff;
  text-decoration: none;
}
.footer__images div, .footer__images a {
  display:table-cell;
  text-align: center;
  vertical-align:middle;
}
.footer__images img {
  max-width: 120px;
  max-height: 70px;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.social-box {
	width: 42%;
	margin-left: 4%;
	margin-right: 4%;
	float: left;
	position: relative;
	display: block;
	margin-bottom: 2rem;
}
.social-txt {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  text-transform: uppercase;
  line-height: 1.5;
}
.social-img {
  	max-width: 100px;
	max-height: 35px;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	margin-bottom: 0.5rem;
	
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.social-img:hover {
	filter: drop-shadow(0 0 7.5px rgba(216,170,76,1)) drop-shadow(0 0 2px rgba(216,170,76,1));
}


/********** RESPONSIVE **********/
@media (min-width: 1920px) {
  .menu__play-button {
    width: 2.75rem;
  }
	.es .menu__play-button {
		margin-left: 25%;
	}
	.featherlight-next span, .featherlight-previous span {
		font-size: 4rem !important;
	}
}
@media (max-width: 1600px) {
	.menu__list {
		margin-top: .25rem;
	}
	.menu__list li, .menu__list a,
	.de .menu__list li, .de .menu__list a,
	.es .menu__list li, .es .menu__list a {
		font-size: 1.75rem;
		margin-right: .5rem;
	}
	.langswitch {
		margin-left: 12.5%;
		margin-right: 1rem;
	}
	.menu__trailer {
		width: 12.5%;
	}
  .shop, .features {
    margin-right: 8%;
    width: 67%;
  }
	.shop__title {
		font-size: 4.5rem;
	}
	.faq__title {
		font-size: 3.5rem;
	}
  .landing__info h3, .preorder__title {
    font-size: 3rem;
  }
  .preorder__subtitle {
    font-size: 3.5rem;
  }
	.feature-brush--smaller .preorder__title {
		font-size: 2.75rem;
	}
	.feature-brush--smaller .preorder__subtitle {
		font-size: 3rem;
	}
  .accolades__container {
    margin-top: 2rem;
  }
  .accolade__quote {
    font-size: 1.8rem;
  }
  .accolade__source {
    font-size: 1.4rem;
  }
	.bg-img__keyart {
		background-size: auto 100vh;
    	background-position: 25% top;
	}
	.feature-brush__img {
		top: 0;
	}
	
}
@media (max-width: 1290px) {
	.menu__play-button {
		width: 2rem;
	}
	.menu {
		padding-top: .75rem;
	}
  .menu__logo--container {
	width: 15%;
    right: 12.5%;
  }
  .menu__logo {
    margin-top: 0;
  }
	
	.currentLanguage .language-flag {
	  width: 4.5rem;
	  margin-left: .5rem;
	}
	.lang .language-flag {
		padding: .5rem 1rem 0;
	}
}
@media (max-width: 1230px) {
  .landing__info h4 {
    font-size: 2rem;
  }
  .preorder__subtitle {
    font-size: 2.25rem;
  }
	.feature-brush--smaller .preorder__title {
		font-size: 2.25rem;
	}
	.feature-brush--smaller .preorder__subtitle {
		font-size: 2.25rem;
	}
  .shop, .features {
    width: 75%;
  }
	.menu__logo {
		display: none;
	}
	.shop .feature__title-scroll {
	  max-height: 4rem;
	}
	.info__txt {
		font-size: 1.25rem;
	}
  .features__cars {
    margin-top: -10rem;
  }
  
}
@media (min-width: 960px) and (max-width: 1400px) {
  .shop__retailer-link{
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
	.feature__title-scroll.feature__title-scroll--mobile {
		height: 6rem;
		top: 0;
	}
	.feature__title-scroll.feature__title-scroll--big {
		top: 0;
	}
}

@media (min-width: 960px) and (max-width: 1279px) {
	.bg-img__keyart {
		background-size: auto 90vh;
	}
	
	
	
	
  .col-5 {
    width: 42%;
  }
  .features__img {
    width: 33.66%;
  }
  .row .col-6 .preorder__right {
    margin-left: 4%;
    margin-right: 4%;
    width: 92%;
  }
  .switcher {
    width: 30.66%;
  }
  .footer__images {
    display: block;
    width: 75%;
  }
  .footer__images div, .footer__images a {
    display: inline-block;
  }
  .landing__f1-license {
    bottom: 3rem;
  }
	.features__single {
		/* width: 32%; */
	}
	.menu__logo {
		width: 90%;
	}
}

@media only screen and (max-width: 1070px) {
  .landing__keyart {
    margin-top: 2.5vh;
  }
	.bg-img__keyart {
		background-size: 125% auto;
	}
	.landing__info {
		height: 80vh;
	}
  .preorder__title, .landing__info h3, .shop__title, .faq__title {
    font-size: 2rem;
  }
  .landing__info h4, .preorder__subtitle {
    font-size: 1.75rem;
  }
	
  .menu__list li, .menu__list a {
    margin-right: 0.25rem;
  }
  .menu__preorder--img {
    height: 7.5rem;
  }
  .preorder .row {
    padding-top: 5rem;
  }
  .features__cars {
    margin-top: -5rem;
  }
	
  .menu__logo--container {
    right:17.5%;
  }
	.menu__trailer--txt {
		margin-left: 10%;
	}
	.menu__play-button {
    width: 1.75rem;
    margin-top: 0.4rem;
}
	
	
	
	/* .d-tablerow {
		display: block;
	} */
}

@media screen and (orientation:portrait) and (max-width: 1070px) {
	.bg-img__keyart {
		background-size: 235% auto;
    	background-position: 15% top;
	}
	.preorder__title, .landing__info h3, .shop__title, .faq__title {
		font-size: 3rem;
	}
	body .featherlight .featherlight-close-icon {
		top: -5vh;
	}
}



@media only screen and (max-width: 959px) {  /* 960px */
  body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #000;
  }
  .row [class^="col"] {
    float: none;
  }
  .hidden-sm {
    display: none;
  }

/* mobile menu */
  .hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
.hamburger-box {
  width: 30px;
  height: 15px;
  display: inline-block;
  position: relative; }
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #d8aa4c;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -7px; }
  .hamburger-inner::after {
    bottom: -7px; }
/* sliding animation */
  .hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }
  .hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }
  .hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
  

  .navbar {
    position: fixed;
    opacity: 1;
  }
  .row .menu__container {
    width: 100%;
    transition: all 0.3s ease;
  }
  .menu {
    float: none;
    padding: 0 2rem;
    margin-left: auto;
    margin-right: auto;
  }
  .menu__trailer{
    display: none;
  }
  .menu__logo--container {
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    max-width: 60%;
  }
  .menu__list {
    display: block;
    width:101%;
    position:absolute;
    left: -2px;
    margin-top: 70px;
    padding:.5rem 4rem 0.5rem 3.5rem;
    box-shadow:0 1px 1px rgba(0,0,0,0.15);
    background-color: #000310;
    background-color: rgba(0,0,0,0.75);
    z-index: -1;
    transition: all 0.2s ease;
  }
  .menu__mobile-additions {
    display: block;
    width: 17.5rem;
    margin-right: auto;
    margin-left: auto;
    float: none;
	margin-top: 40vh;
  }
  .menu__preorder--btn {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
	color: #fff;
    text-transform: uppercase;
    background-color: transparent;
    line-height: 0.9;
    height: 85%;
    overflow: hidden;
    border: none;
	background-image: url(../img/brush-menu.png);
	background-repeat: no-repeat;
	background-size: 100% 150%;
	background-position: center;
  }
	.menu__preorder--btn:focus {
	  box-shadow: none;
	  outline: none;
	}
  .de .menu__preorder--btn { 
	font-size: 1.6rem;
  }
  .fr .menu__preorder--btn { 
	font-size: 1.5rem;
  }
  .menu__trailer--mobile {
    background-image: none;
    background-color: #d8aa4c;
    position: relative;
  }
  .menu__trailer--mobile .menu__trailer--txt {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .shop .shop__title {
    padding-top: 4rem;
  }
	.shop__title {
		font-size: 5rem;
	}
	.preorder__title {
		font-size: 3rem;
	}
	.preorder__subtitle {
		font-size: 4rem;
	}
	.feature-brush--smaller .preorder__title {
		font-size: 3.5rem;
	}
	.feature-brush--smaller .preorder__subtitle {
		font-size: 4rem;
	}
  .row .ml8p {
    margin-left: 4%;
    margin-right: 4%;
  }
  .shop, .features {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
	  max-width: 75%;
  }
	.shop__edition-img {
		width: auto;
	}
  .landing__container {
    padding-top: 0;
  }
	.landing__info {
		height: auto;
	}
	.bg-img__keyart {
		background-size: 200% auto;
		background-position-x: 15%;
	}
	.features__single {
	    width: 92%;
	}
	.d-table {
		width: 92%;
	}
	.feature__title-scroll {
		top: 0;
	}
	.mosaic__item {
		width: 92%;
		margin: 2% 4% !important;
	}





  .menu__preorder--img {
    display: none;
  }
  .menu--hidden {
    display: none;
  }
  .menu--out {
    transform: translateY(-100%);
  }
  .menu__list li {
    margin:5px 0 5px 0;
    display:block;
  }
  .menu__list li:after {
    content:none;
  }
  .menu__toggle {
    padding:20px 20px 20px 15px;
    color:#d8aa4c;
    font-size:20px;
    float: left;
    z-index: 1;
    background: none;
    transition: all 0.2s ease;
  }
  .langswitch {
    float:right;
    margin-right: 0;
    padding-top: 0.4rem;
  }
  .menu__toggle,.menu__toggle:focus,.menu__toggle:active {
    border-style:none;
    border: none;
    outline: none;
  }
  .menu__toggle--bg {
  }
  .switcher {
    position:absolute;
  }
  .section-title--left, .section-title--right {
    font-size: 4rem;
  }
  .landing {
    padding-top: 6rem;
  }
  .landing__logo {
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .video-background, .landing__video--container {
    display:none;
  }
  .row .preorder__right {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 8rem;
  }
  .footer {
    width: 92%;
  }
  .footer__images {
    display: block;
    width: 75%;
  }
  .footer__images div, .footer__images a {
    display: inline-block;
  }
  .landing__f1-license {
    bottom: 8rem;
  }
  .info__txt {
    margin-bottom: 2rem;
  }
	
	.landing__info--release {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		margin-top: 52.5vh;
	}
	
	
	
	.menu__logo--container {
	  opacity: 1;
  }
	.menu__logo {
		display: none;
	}
	.menu__logo--preorder {
		display: block;
	}
	.menu__logo--preorder a {
		font-size: 2.4rem;
		color: #fff;
		text-shadow: -5px 5px 20px rgba(0, 0, 0, 0.75);
		padding: 0;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		font-family: 'Roboto Condensed', sans-serif;
  		font-weight: 700;
		margin-top: 1rem;
		text-decoration: none;
	}
	
	
	
	
	
	/* .features__single {
	    width: 48.8%;
		margin-left: auto !important;
		margin-right: auto !important;
		clear: both;
		float: none !important;
		display: block;
	} */
	
	
	
	
}
@media (max-width: 600px) {
	.menu__logo--preorder a {
		font-size: 4.5vw;
	}
	.menu__logo--preorder {
		margin-top: 6vw;
	}
	
	.de .menu__logo--preorder,
	.fr .menu__logo--preorder{
		margin-top: 3.5vw;
	}
	
	
  .shop__retailer-link{
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .menu__logo--container {
    width: 45%;
  }
  .menu__logo {
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
  }
	.shop, .features {
		width: 92%;
		margin-left: 4%;
		margin-right: 4%;
		max-width: 92%;
	}
	.mosaic__item {
    width: 50%;
  }
	
	.landing__info--release {
		margin-top: 5vh;
	}
	
	.feature__title-scroll {
		height: 6rem;
		top: -1vw;
	}

}
@media (max-width: 480px) {
	.menu__logo--preorder a {
		font-size: 5.5vw;
	}
	
	.menu__preorder--btn {
		background-image: none;
	}
	
  .mosaic__item {
    width: 92%;
  }
  .menu__list {
    width: 92%;
  }
  .shop__platforms .shop__btn {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
	.bg-img__features {
		background-size: 250%;
    	background-position: 25% top;
	}
	
	
	
	progress {
		display: block;
		position: absolute;
		left: 0;
		top: 0;

		width: 100%;
		height: 3px;

		-webkit-appearance: none;
		 -moz-appearance: none;
			  appearance: none;

		border: none;

		background-color: #194247;

		color: #d8aa4c;
		z-index: 1;
	}
	progress::-webkit-progress-bar {
	  	background-color: #194247;
	}

	progress::-webkit-progress-value {
	  	background-color: #d8aa4c;
	}

	progress::-moz-progress-bar {
	  	background-color: #d8aa4c;
	}
}
@media (max-width:320px) {
	.langswitch {
    	width: 4rem;
		padding-top: .75rem;
	}
	.languages {
		width: 5rem;
	}
	.fr .menu__preorder--btn { 
		font-size: 1.25rem;
	}
}

/********** LOCALIZATION **********/
.es .menu__logo,
.it .menu__logo{
	display: none;
}

.de .preorder__title,
.de .shop__title,
.fr .preorder__title,
.fr .landing__info h3 {
  hyphens: auto;
}
.de .shop__title,
.fr .shop__title,
.jp .shop__title {
	font-size: 3rem;
}

.fr .menu__trailer--txt,
.es .menu__trailer--txt {
  font-size: 1.1rem;
	margin-top: 20px;
}
.fr .menu__list li, .fr .menu__list a,
.es .menu__list li, .es .menu__list a {
  margin-right: .25rem;
}

/* .es .menu__list li, .es .menu__list a,
.it .menu__list li, .it .menu__list a {
  font-size: 1.25rem;
}
.es .menu__list,
.it .menu__list{
  padding-top: .75rem;
} */


.it .shop__title, .es .shop__title {
	font-size: 3.6rem;
}

.de .shop__more p,
.es .shop__more p,
.fr .shop__more p,
.it .shop__more p {
  font-size: 1rem;
}

.it .menu .menu__trailer--txt {
  font-size: 1.25rem;
  margin-top: 10px;
}
.it .menu__mobile-additions {
  width: 20rem;
}

.fr .menu__mobile-additions .menu__trailer--txt,
.es .menu__mobile-additions .menu__trailer--txt{
  margin-left: 22.5%;
}
.es .menu__play-button {
	margin-left: 30%;
	top: 0;
}
.fr .menu__play-button {
	top: 0;
}
.de .menu__mobile-additions .menu__trailer--txt,
.it .menu__mobile-additions .menu__trailer--txt {
	margin-left: 30%;
}

@media (max-width: 1550px) {
  /* .it .menu .menu__trailer--txt {
    font-size: 1rem;
    margin-top: 15px;
  } */
	.fr .menu .menu__play-button {
		display: none;
	}
	.it .menu__logo, .es .menu__logo {
		display: none;
	}
}
@media (min-width: 960px) and (max-width:1400px) {
  .fr .shop__title {
    font-size: 2.5rem;
  }
  .fr .landing__f1-license,
  .es .landing__f1-license,
  .it .landing__f1-license,
  .de .landing__f1-license {
    bottom: 5rem;
  }
	
	.de .menu__logo {
		display: none;
	}
}

@media (min-width: 960px) and (max-width: 1290px) {
  .de .menu .menu__trailer--txt {
    font-size: 1.15rem;
    margin-top: 12px;
  }
  .de .menu__list li, .de .menu__list a,
  .it .menu__list li, .it .menu__list a {
    margin-right: .25rem;
  }
	
	.es .shop__title,
	.it .shop__title{
		font-size: 3rem;
	}
	.de .shop__title {
		font-size: 2.75rem;
	}

  .it .menu__logo {
    width: 75%;
  }

	.fr .menu__logo{
		display: none;
	}
  


  .fr .menu__logo--container,
  .es .menu__logo--container {
    width: 17.5%;
  }

  .es .langswitch {
    margin-left: 15%;
    margin-right: .5rem;
  }
  .es .menu__trailer {
    /* width: 15%; */
  }
	
	
	
	
	
	
	.feature__title {
		font-size: 1.75vw;
	}
	.feature__title-scroll {
		top: .5vw;
	}
}
@media (min-width: 960px) and (max-width: 1070px) {
  .fr .menu__logo--container{
    width: 15%;
  }
  .es .menu__preorder--img {
    top: 70px;
  }
  .es .menu__logo--container {
    right: 5%;
  }
  .it .menu__list li, .it .menu__list a {
    font-size: 1.5rem;
  }
  .it .menu__list {
    margin-top: .25rem;
  }
}

@media (min-width: 481px) and (max-width: 570px) {
  .fr .landing__f1-license,
  .es .landing__f1-license,
  .it .landing__f1-license,
  .de .landing__f1-license {
    bottom: 10rem;
  }
}
@media (max-width:400px) {
  .fr .shop__title,
  .de .shop__title{
    font-size: 2.75rem;
  }
}




/* CHANGES 15.08.2019 */
.features__list li strong {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
.mr0 {
  margin-right: 0;
  width: 100%;
}
.lowercase li {
  text-transform: none;
}

@media screen and (orientation:landscape) and (max-width: 960px) {
	.landing__keyart {
		max-width: 55%;
	}
	.landing__info {
		min-height: 90vh;
		height: auto;
	}
	.shop__more p {
		top: 0 !important;
	}
}


[data-aos][data-aos][data-aos-easing=easeInOutCirc], body[data-aos-easing=easeInOutCirc] [data-aos] {
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}


/* shenmue */
.feature-brush__img {
	width: 100%;
	position: absolute;
	top: 3%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.feature-brush {
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.scroll-title {
	position: relative;
	display: block;
	z-index: 1;
}
.landing:after, .story:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 27px;
	background-image: url(../img/divider.jpg);
}
.story:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 27px;
	background-image: url(../img/divider.jpg);
	z-index: 1;
}
.story {
	position: relative;
}
.story__btns {
	position: absolute;
    left: 0;
    right: 0;
    top: 5vh;
}
.story__btn {
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.31);
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 15vw;
    padding: 1rem 2rem;
    transition: background-position .3s ease, box-shadow .3s ease;
    text-decoration: none;
    z-index: 1;
    display: block;
    margin-top: 3rem;
}
.story__btn-txt {
	font-weight: 700;
	text-align: center;
}
.story__btn-left {
	background: rgba(64,202,237,1);
	
	background: linear-gradient(to right, rgba(64,202,237,1) 0%, rgba(24,122,208,1) 100%);
	background-position: 0% 0%;
    background-size: 200%;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40caed', endColorstr='#187ad0', GradientType=1 );
	
}
.story__btn-right {
	background: rgba(86,149,124,1);
	
	background: linear-gradient(to right, rgba(86,149,124,1) 0%, rgba(17,31,28,1) 100%);
	background-position: 0% 0%;
    background-size: 200%;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56957c', endColorstr='#111f1c', GradientType=1 );
	
}
.story__btn:hover {
	background-position: 100% 0%;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.story__btn-left--active {
	background: #fff;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.story__btn-right--active {
	background: #fff;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.story__btn-left--active p {
	color: #40caed;
}
.story__btn-right--active p {
	color: #56957c;
}
.story__preorder {
	position: absolute;
	bottom: 6.5vh;
	width: 25vw;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}
.story__preorder img {
	max-width: 200%;
	width: 100%;
}
.story__close-btn {
	background: none;
    color: #fff;
    font-size: 1.5rem;
	position: absolute;
    z-index: 1;
    top: 5vh;
    right: 20vw;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial,sans-serif;
    border: 0;
    padding: 0;
}
.story__fade-right .story__close-btn {
	right: 10vw;
}
.story__fade {
	position: absolute;
	width: 60vw;
	top: 0;
	height: 100%;
	padding-top: 10vh;
	display: none;
	opacity: 0;
}
.story__fade-txt {
	margin-top: 5vh;
	font-size: 0.9vw;
}
.story__fade-left {
	left: 0;
	padding-left: 10vw;
	padding-right: 20vw;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 83%, rgba(0,212,255,0) 100%);
}
.story__fade-right {
	right: 0;
	padding-left: 20vw;
	padding-right: 10vw;
	background: rgb(0,0,0);
	background: linear-gradient(270deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 83%, rgba(0,212,255,0) 100%);
}

.game-info__subhead {
	margin-top: 2.5rem;
	margin-bottom: 1rem;
}
.faq__subhead {
	margin-top: 2.5rem;
	cursor: pointer;
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.faq__subhead:hover {
	color:#d8aa4c;
}
.spoiler-text {
	margin-top: .5rem;
}
.faq__spoiler-list {
	display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}


@media screen and (max-width:1280px) {
	.story__preorder {
		width: 40vw;
	}
	.story__fade {
		padding-top: 10vh;
	}
	.story__fade-logo {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.story__fade-txt {
		font-size: 1.3vw;
	}
	.story__close-btn {
		top: 10vh;
	}
	.story__fade-left {
		padding-left: 5vw;
	}
	.story__fade-right {
		padding-right: 5vw;
	}
	.story__fade-right .story__close-btn {
		right: 5vw;
	}
	.story__btn {
		width: 17.5vw;
	}
	.story__btn-txt {
		font-size: 1.2em;
	}
}

@media screen and (max-width:1024px) {
	.story__fade-txt {
		font-size: 1rem;
	}
	.shop__form {
	    background-color: #000;
    	background-color: rgba(0,0,0,0.8);
	}
	.preorder__title {
		font-size: 3vw;
		margin-top: -.75rem;
	}
	.preorder__subtitle {
		font-size: 4vw;
	}
	.feature-brush--smaller .preorder__title {
		font-size: 3.5vw;
	}
	.feature-brush--smaller .preorder__subtitle {
		font-size: 4vw;
	}
	.shop__form .scroll-title__head, .menu__list li, .menu__list a,
	.de .menu__list li, .de .menu__list a,
	.es .menu__list li, .es .menu__list a {
		font-size: 1.6rem;
	}
}
@media screen and (max-width:1024px) and (orientation:landscape) {
}
@media screen and (max-width:1024px) and (orientation:portrait) {
	
	.story__preorder {
		width: 50vw;
	}
}

@media screen and (max-width:959px) {
	.story__btn {
		margin-left: auto;
		margin-right: auto;
		width: 50vw;
	}
	.story__btn-left {
	}
	.story__btn-right {
	}
	.story__preorder {
		width: 75vw;
	}
	.story__preorder img {
		width: 100%;
	}
	.story__fade {
		padding-left: 10vw;
		padding-right: 10vw;
		width: 100vw;
		background: rgba(0,0,0,0.9);
	}
	.story__close-btn {
		right: 10vw !important;
	}
	
	.menu__play-button {
		top: 10px;
		width: 2.5rem;
	}
	.preorder__title {
		margin-top: -1.5rem;
	}
	.feature__title {
		margin-top: 1vw;
	}
	.shop .feature__title-scroll {
		top: -.4vw;
		width: 110%;
		max-width: 110%;
		margin-left: -5%;
		max-height: 3.2rem;
	}
	.feature__description {
		margin-top: 3rem;
	}
	.feature-brush {
		margin-top: 2rem;
	}
}
@media screen and (max-width: 600px) {
	.feature__title {
		margin-top: -0.5vw;
	}
}
@media screen and (max-width: 480px) {
	.preorder__title {
		font-size: 6vw;
	}
	.preorder__subtitle {
		font-size: 8vw;
	}
	.feature-brush--smaller .preorder__title {
		font-size: 7vw;
	}
	.feature-brush--smaller .preorder__subtitle {
		font-size: 8vw;
	}
	.feature-brush__img {
		display: none;
	}
	.preorder .feature__title-scroll {
		top: -5vw;
		height: 7.5rem;
	}
	.features__single {
		min-height: 65vh !important;
	}
	.story {
		min-height: 180vh;
	}
	.story__preorder {
		width: 92vw;
	}
	.menu__preorder--btn {
		font-size: 1.5rem;
	}
	.fr .menu__preorder--btn,
	.de .menu__preorder--btn {
		font-size: 1.25rem;
	}
	.shop__title {
		font-size: 3.5rem;
	}
	.shop__more p {
		font-size: 1.1rem;
	}
	.feature__icon {
		max-width: 100%;
	}
	.feature__title {
		margin-top: -0.25rem;
	}
	.feature__title--short {
		margin-top: .25rem;
	}
	.shop .feature__title-scroll {
    	top: -2.5vw;
	}
	.langswitch {
		padding-top: 0.75rem;
	}
	.game-info__subhead, .faq__subhead {
		font-size: 6vw;
	}
}

@media screen and (max-width:959px) and (orientation:portrait) {
	.bg-img__keyart {
		background-color: #000;
		background-image: url(../img/landing-bg_mobile.jpg);
		background-position: left top;
		background-size: 100% auto;
	}
}

.row .shenmue__faq {
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2.5rem;
}

/*--------------------------------------------------------------
## DLC CHANGES 01/26/2020
--------------------------------------------------------------*/

.dlc .feature-brush__img {
  top: 12.5%;
}

@media screen and (max-width:959px) {
  .dlc .feature-brush {
    margin-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .dlc > .row:first-of-type {
    overflow: visible;
    padding-top: 0;
  }

  .dlc .feature-brush {
    margin-bottom: 0;
  }

  .dlc .feature-brush__img {
    top: 0;
    transform: translateY(-25%);
    display: block;
  }

  .dlc .preorder__title {
    padding-bottom: 0;
  }

  .dlc .features__list > .d-tablerow > .features__single:first-child {
    padding: 0;
    display: block;
    min-height: auto !important;
  }

  .dlc .features__list > .d-tablerow > .features__single:first-child > img {
    position: relative;
    transform: translateY(0);
    top: 0;
  }

  .dlc .features__list > .d-tablerow > .features__single {
    padding-left: 0;
    padding-right: 0;
  }

  .dlc .features__list > .d-tablerow > .features__single .feature__title {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .dlc .feature__inside {
    position: relative;
    top: 0;
    transform: translateY(0);
  }
}