@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');

/* I am custom CSS for the Subset Games site. Isla S. made me */
/* ~~~~~ FTL FONTS ~~~~~ */
@font-face {
  font-family: 'candcnew';
  src: url('../fonts/ftlfonts/c&cnew.ttf') format('truetype');
}

@font-face {
  font-family: 'JustinFont8';
  src: url('../fonts/ftlfonts/JustinFont8.ttf') format('truetype');
}

@font-face {
  font-family: 'JustinFont10';
  src: url('../fonts/ftlfonts/JustinFont10.ttf') format('truetype');
}

@font-face {
  font-family: 'JustinFont11';
  src: url('../fonts/ftlfonts/JustinFont11.ttf') format('truetype');
}

@font-face {
  font-family: 'JustinFont11Bold';
  src: url('../fonts/ftlfonts/JustinFont11Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'JustinFont12';
  src: url('../fonts/ftlfonts/JustinFont12.ttf') format('truetype');
}

@font-face {
  font-family: 'JustinFont12Bold';
  src: url('../fonts/ftlfonts/JustinFont12Bold.ttf') format('truetype');
}

/* ~~~~~ GLOBAL SETTINGS/GENERAL SETUP ~~~~~ */
html,
body {
  height: 100%;
}

body {
  background-color: #000;
  font-family: 'Nunito Sans', sans-serif;
  color: #d8d8d8;
  padding-top: 50px;
  /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

footer {
  margin: 50px 0;
}

h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}

/* ------- Other Global Useful Things ---------------- */
div#preloaded-images {
  /*For preloading rollover button backgrounds */
  position: absolute;
  overflow: hidden;
  left: -9999px;
  top: -9999px;
  height: 1px;
  width: 1px;
}

.gamespacer {
  /*Spacers go to space */
  height: 50px;
}

.gamesmallspacer {
  /*Poland can into space */
  height: 20px;
}

@media screen and (max-width: 991px) {

  /* Makes the header ship disappear on small screens */
  .shipgopoof {
    display: none;
  }
}

.nobuttonbackground button {
  /*Hides button backgrounds */
  background-color: transparent !important;
}

.nobuttonbackground a {
  text-decoration: none
}

.section-addborder {
  border: 3px solid #d8d8d8;
}

.nopadleft {
  padding-left: 0 !important;
}

.nopadright {
  padding-right: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

/* ~~~~~ NAVIGATION ~~~~~ */
/* Nav bar */
.subset-nav {
  font-family: 'Nunito Sans', sans-serif;
  z-index: 998;
}

.nav-container {
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 376px) and (max-width: 405px) {
  .navbar-brand {
    padding: 15px 0px 0px 0px;
  }
}

@media (max-width: 375px) {
  .navbar-brand {
    padding: 17px 0px 0px 0px;
    width: 70%;
  }
}

/*Nagivation behavior on small screens*/
@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }

  .navbar-left, .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    overflow: hidden;
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }
}

/* ~~~~ HEADER BAR/BANNER ~~~~ */
#header-container {
  z-index: -10;
}

#header-after {
  height: 25px;
  background: url(../img/backgrounds/top_lowerbar.png) repeat-x top left scroll
    /*222222*/
  ;
  background-size: 302px 25px;
}

.img-bg-header {
  background: repeat-x right top scroll;
  color: #000;
  padding: 0;
  background-position: center;
  background-size: cover;
}

/* ~~~~~ FOOTER ~~~~~ */
.subset-footer {
  background-color: #222;
  min-height: 110px;
  color: #d8d8d8;
}

@media (max-width: 490px) {
  .footer-holder {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .footer-contact {
    line-height: 100%;
    padding: 0;
    margin: 0;
    font-size: 8pt;
  }

  .footerlinks {
    line-height: 100%;
    padding: 0;
    margin: 0;
    font-size: 8pt;
  }
}

@media (max-width: 1101px) {
  .bg-footer-ship {
    background-position: -60px 20px;
  }

  .footer-contact {
    font-family: 'Nunito Sans', sans-serif !important;
    line-height: 250%;
    padding: 10px 0 0 0px;
  }

  .footerlinks {
    padding-top: 10px;
  }

  .footerlinks ul {
    float: right;
    font-family: 'Nunito Sans', sans-serif !important;
  }

  .footerlinks dl, ol, ul {
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
  }

  .footerlinks ul li, .footerlinks ul li a, .footerlinks ul li a:visited {
    display: inline-block;
    padding: 2px 5px 0px 5px;
    color: #d8d8d8;
  }

  .footerlinks ul li a:hover {
    display: inline-block;
    padding: 2px 5px 0px 5px;
    color: #555;
    text-decoration: none;
  }
}

@media (min-width: 1101px) {
  .bg-footer-ship {
    background: url(../img/bottom_white_kestrel_line.png) no-repeat #222;
    background-position: -60px 20px;
  }

  .footer-contact {
    font-family: 'Nunito Sans', sans-serif !important;
    line-height: 250%;
    padding: 15px 0 0 10px;
  }

  .footerlinks ul {
    float: right;
    font-family: 'Nunito Sans', sans-serif !important;
  }

  .footerlinks dl, ol, ul {
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
  }

  .footerlinks ul li, .footerlinks ul li a, .footerlinks ul li a:visited {
    display: inline-block;
    padding: 15px 5px 0px 5px;
    font-size: 95%;
    color: #d8d8d8;
  }

  .footerlinks ul li a:hover {
    display: inline-block;
    padding: 15px 5px 0px 5px;
    font-size: 95%;
    color: #555;
    text-decoration: none;
  }
}

/* ~~~~~ PAGE BEHAVIOR ~~~~~ */
/* --------------------------- LIGHTBOX --------------- */
.lightbox {
  /** Default lightbox to hidden */
  display: none;
  /** Position and style */
  position: fixed;
  top: 0px;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.screenshot-container a {
  text-decoration: none;
}

.screenshot-container a:focus, a:hover {
  text-decoration: none;
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  border: 3px solid #fff;
  /* positioning */
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.lightbox iframe {
  /*margin-top: 5%;*/
  border: 3px solid #fff;
  /* max-width: 90%; max-height: 80%;  border: 3px solid #fff; */
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.lightbox:target {
  /** Remove default browser outline */
  outline: none;
  /** Unhide lightbox **/
  display: block;
}

/* MODLIGHTBOX */
.modlightbox {
  /** Default modlightbox to hidden */
  display: none;
  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

.modlightbox img {
  /** Pad the modlightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
}

.modlightbox:target {
  /** Remove default browser outline */
  outline: none;
  /** Unhide modlightbox **/
  display: block;
}

/* --------------------------- COLLAPSABLE DIVS --------------- */
.toggle-box {
  display: none;
}

.toggle-box+label {
  display: block;
  cursor: pointer;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 15px;
}

.toggle-box+label+div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked+label+div {
  display: block;
}

.toggle-box+label:before {
  background-color: #4F5150;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: inline-block;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.toggle-box:checked+label:before {
  content: "\2212";
}

/* --------------------------- IMAGE RESIZERS --------------- */
/* -- Kestrel Sizer -- */
.ftl-gameimage #kestrel {
  display: block;
  background-size: 100%;
  background-position: center left;
  background-repeat: no-repeat;
}

.ftl-gameimage #kestrel .inner {
  display: block;
  height: 0;
}

/* default screen */
.ftl-gameimage #kestrel {
  background-image: url(../img/kestrel.png);
  width: 652px;
  height: 418px;
}

/* Medium-Large screen */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ftl-gameimage {
    padding-top: 20px;
    height: 314px;
    vertical-align: center;
  }

  .ftl-gameimage #kestrel {
    background-image: url(../img/kestrel.png);
    width: 489px;
    height: 314px;
  }
}

/* Hide when collapsed */
@media only screen and (max-width: 991px) {
  .ftl-gameimage {
    width: 0;
    /*489px;*/
    height: 0;
    /*auto;*/
    display: none;
    margin-left: auto;
    margin-right: auto;
  }

  .ftl-gameimage #kestrel {
    background-image: url(../img/kestrel.png);
    display: none;
    width: 0;
    /*489px;*/
    height: 0;
    /*314px;*/
  }
}

/* -- Game2 Image Sizer --*/
.game2-gameimage {
  padding: 20px 0 20px 0;
}

.game2-gameimage #map {
  display: block;
  background-size: 100%;
  background-position: center left;
  background-repeat: no-repeat;
}

.game2-gameimage #map .inner {
  display: block;
  height: 0;
}

/* default screen */
.game2-gameimage #map {
  background-image: url(../img/itbmap.png);
  width: 456px;
  height: 382px;
}

/* Medium-Large screen */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .game2-gameimage {
    padding: 20px 0 20px 0;
    width: 400px;
    vertical-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .game2-gameimage #map {
    background-image: url(../img/itbmap.png);
    width: 400px;
  }
}

/* Hide when collapsed */
@media only screen and (max-width: 991px) {
  .game2-gameimage {
    width: 0;
    /*336px;*/
    height: 0;
    /*auto;*/
    display: none;
    margin-left: auto;
    margin-right: auto;
  }

  .game2-gameimage #map {
    background-image: url(../img/itbmap.png);
    display: none;
    width: 0;
    /*336px;*/
    height: 0;
    /*258px;*/
  }
}

/* -- ALTERNATE Image Resizer -- */
img.kestrel-nobiggie {
  max-width: 652x;
  max-height: 418px;
}

img.game2-nobiggie {
  max-width: 448x;
  max-height: 344px;
}

/* --------------------------- BUTTONS --------------- */
/* -- PURCHASE BUTTONS -- */
/* ---- Small Purchase Buttons ----- */
/* Steam btn */
.btn-steam {
  color: #fff;
  background-color: #424542;
  border-color: #5A6952;
  margin-bottom: 10px;
}

.btn-steam:hover,
.btn-steam:focus,
.btn-steam:active {
  color: #efefef;
  background-color: #5A6952;
  border-color: #424542;
}

/* iOS btn */
.btn-ios {
  color: #000;
  background-color: #fff;
  border-color: #808080;
  margin-bottom: 10px;
}

.btn-ios:hover,
.btn-ios:focus,
.btn-ios:active {
  color: #fff;
  background-color: #808080;
  border-color: #fff;
}

/* Humble btn */
.btn-humblebundle {
  color: #53213A;
  background-color: #B89F66;
  border-color: #FFF9D2;
  margin-bottom: 10px;
}

.btn-humblebundle:hover,
.btn-humblebundle:focus,
.btn-humblebundle:active {
  color: #53213A;
  background-color: #FFF9D2;
  border-color: #B89F66;
}

/* GOG btn */
.btn-gog {
  color: #e4e4e4;
  background-color: #79847c;
  border-color: #e4e4e4;
  margin-bottom: 10px;
}

.btn-gog:hover,
.btn-gog:focus,
.btn-gog:active {
  color: #79847c;
  background-color: #e4e4e4;
  border-color: #79847c;
}

/* Nintendo Switch btn */
.btn-nswitch {
  color: #fff;
  background-color: #e70009;
  border-color: #fff;
  margin-bottom: 10px;
}

.btn-nswitch:hover,
.btn-nswitch:focus,
.btn-nswitch:active {
  color: #00c3e3;
  background-color: #fff;
  border-color: #00c3e3;
}

/* -- "Learn More" Buttons -- */
.btn-learnmore {
  font-size: 18pt;
  color: #fff;
  background-color: #000;
  border-color: #fff;
  word-spacing: 2pt;
  margin-bottom: 20px;
  max-width: 100%;
}

.btn-learnmore:hover,
.btn-learnmore:focus,
.btn-learnmore:active {
  background-color: #fff;
  border-color: #000;
  color: #000;
}

/* ---- Large Purchase/Rollover Buttons ----- */
/* -- Front page buttons -- */
/* - FTL buttons - */
.btn-buyforpc-small {
  background-image: url('../img/rollover_buttons/buysmall_pc.png');
  height: 66px;
  width: 190px;
}

.btn-buyforpc-small:hover,
.btn-buyforpc-small:focus,
.btn-buyforpc-small:active {
  background-image: url('../img/rollover_buttons/buysmall_pc2.png');
}

.btn-buyforipad-small {
  background-image: url('../img/rollover_buttons/buysmall_ipad.png');
  height: 66px;
  width: 201px;
}

.btn-buyforipad-small:hover,
.btn-buyforipad-small:focus,
.btn-buyforipad-small:active {
  background-image: url('../img/rollover_buttons/buysmall_ipad2.png');
}

/* - ITB buttons - */
.btn-buyitbhumble {
  background-image: url('../img/rollover_buttons/buysmall_humblesteam.png');
  height: 90px;
  width: 213px;
}

.btn-buyitbhumble:hover,
.btn-buyitbhumble:focus,
.btn-buyitbhumble:active {
  background-image: url('../img/rollover_buttons/buysmall_humblesteam2.png');
}

.btn-buyitbgog {
  background-image: url('../img/rollover_buttons/buysmall_gog.png');
  background-repeat: no-repeat;
  height: 90px;
  width: 178px;
}

.btn-buyitbgog:hover,
.btn-buyitbgog:focus,
.btn-buyitbgog:active {
  background-image: url('../img/rollover_buttons/buysmall_gog2.png');
  background-repeat: no-repeat;
}

.btn-buyitbswitch {
  background-image: url('../img/rollover_buttons/buysmall_switch.png');
  background-repeat: no-repeat;
  height: 90px;
  width: 213px;
}

.btn-buyitbswitch:hover,
.btn-buyitbswitch:focus,
.btn-buyitbswitch:active {
  background-image: url('../img/rollover_buttons/buysmall_switch2.png');
  background-repeat: no-repeat;
}

/* -- FTL Pages buttons -- */
/* FAQ btn */
.btn-buttonfaq {
  background-image: url('../img/rollover_buttons/faq1.png');
  height: 58px;
  width: 103px;
}

.btn-buttonfaq:hover,
.btn-buttonfaq:focus,
.btn-buttonfaq:active {
  background-image: url('../img/rollover_buttons/faq2.png');
}

/* Forums btn */
.btn-buttonforums {
  background-image: url('../img/rollover_buttons/forum1.png');
  height: 58px;
  width: 142px;
}

.btn-buttonforums:hover,
.btn-buttonforums:focus,
.btn-buttonforums:active {
  background-image: url('../img/rollover_buttons/forum2.png');
}

/* Mods btn */
.btn-buttonmods {
  background-image: url('../img/rollover_buttons/mods1.png');
  height: 58px;
  width: 110px;
}

.btn-buttonmods:hover,
.btn-buttonmods:focus,
.btn-buttonmods:active {
  background-image: url('../img/rollover_buttons/mods2.png');
}

/* Reddit btn */
.btn-buttonreddit {
  background-image: url('../img/rollover_buttons/reddit1.png');
  height: 58px;
  width: 172px;
}

.btn-buttonreddit:hover,
.btn-buttonreddit:focus,
.btn-buttonreddit:active {
  background-image: url('../img/rollover_buttons/reddit2.png');
}

/* Merch btn */
.btn-buttonmerch {
  background-image: url('../img/rollover_buttons/merch1.png');
  height: 58px;
  width: 193px;
}

.btn-buttonmerch:hover,
.btn-buttonmerch:focus,
.btn-buttonmerch:active {
  background-image: url('../img/rollover_buttons/merch2.png');
}

/* Buy PC btn */
.btn-buyforpc {
  background-image: url('../img/rollover_buttons/buypc1.png');
  height: 98px;
  width: 269px;
}

.btn-buyforpc:hover,
.btn-buyforpc:focus,
.btn-buyforpc:active {
  background-image: url('../img/rollover_buttons/buypc2.png');
}

/* Buy iPad btn */
.btn-buyforipad {
  background-image: url('../img/rollover_buttons/buyipad1.png');
  height: 98px;
  width: 269px;
}

.btn-buyforipad:hover,
.btn-buyforipad:focus,
.btn-buyforipad:active {
  background-image: url('../img/rollover_buttons/buyipad2.png');
}

/* -- ITB Pages buttons -- */
/* FAQ btn */
.btn-itb-buttonfaq {
  background-image: url('../img/rollover_buttons/itb_faq1.png');
  height: 58px;
  width: 103px;
}

.btn-itb-buttonfaq:hover,
.btn-itb-buttonfaq:focus,
.btn-itb-buttonfaq:active {
  background-image: url('../img/rollover_buttons/itb_faq2.png');
}

/* Forums btn */
.btn-itb-buttonforums {
  background-image: url('../img/rollover_buttons/itb_forum1.png');
  height: 58px;
  width: 142px;
}

.btn-itb-buttonforums:hover,
.btn-itb-buttonforums:focus,
.btn-itb-buttonforums:active {
  background-image: url('../img/rollover_buttons/itb_forum2.png');
}

/* Mods btn */
.btn-itb-buttonmods {
  background-image: url('../img/rollover_buttons/itb_mods1.png');
  height: 58px;
  width: 110px;
}

.btn-itb-buttonmods:hover,
.btn-itb-buttonmods:focus,
.btn-itb-buttonmods:active {
  background-image: url('../img/rollover_buttons/itb_mods2.png');
}

/* Reddit btn */
.btn-itb-buttonreddit {
  background-image: url('../img/rollover_buttons/itb_reddit1.png');
  height: 58px;
  width: 172px;
}

.btn-itb-buttonreddit:hover,
.btn-itb-buttonreddit:focus,
.btn-itb-buttonreddit:active {
  background-image: url('../img/rollover_buttons/itb_reddit2.png');
}

/* Merch btn */
.btn-itb-buttonmerch {
  background-image: url('../img/rollover_buttons/itb_merch1.png');
  height: 58px;
  width: 193px;
}

.btn-itb-buttonmerch:hover,
.btn-itb-buttonmerch:focus,
.btn-itb-buttonmerch:active {
  background-image: url('../img/rollover_buttons/itb_merch2.png');
}

/* -- OLD ITB Pages buttons -- */
/* FAQ btn */
.btn-buttonitbfaq {
  background-image: url('../img/rollover_buttons/ITB_faq_off.png');
  height: 36px;
  width: 82px;
}

.btn-buttonitbfaq:hover,
.btn-buttonitbfaq:focus,
.btn-buttonitbfaq:active {
  background-image: url('../img/rollover_buttons/ITB_faq_on.png');
}

/* Steam btn */
.btn-buttonitbsteam {
  background-image: url('../img/rollover_buttons/ITB_steam_off.png');
  height: 36px;
  width: 116px;
}

.btn-buttonitbsteam:hover,
.btn-buttonitbsteam:focus,
.btn-buttonitbsteam:active {
  background-image: url('../img/rollover_buttons/ITB_steam_on.png');
}

/* Humble btn */
.btn-buttonitbhumble {
  background-image: url('../img/rollover_buttons/button_humble_off.png');
  height: 36px;
  width: 157px;
}

.btn-buttonitbhumble:hover,
.btn-buttonitbhumble:focus,
.btn-buttonitbhumble:active {
  background-image: url('../img/rollover_buttons/button_humble_on.png');
}

/* GOG btn */
.btn-buttonitbgog {
  background-image: url('../img/rollover_buttons/button_gog_off.png');
  height: 36px;
  width: 111px;
}

.btn-buttonitbgog:hover,
.btn-buttonitbgog:focus,
.btn-buttonitbgog:active {
  background-image: url('../img/rollover_buttons/button_gog_on.png');
}

/* Switch btn */
.btn-buttonitbswitch {
  background-image: url('../img/rollover_buttons/button_switch_off.png');
  height: 36px;
  width: 116px;
}

.btn-buttonitbswitch:hover,
.btn-buttonitbswitch:focus,
.btn-buttonitbswitch:active {
  background-image: url('../img/rollover_buttons/button_switch_on.png');
}

/* Presskit btn */
.btn-buttonitbpresskit {
  background-image: url('../img/rollover_buttons/ITB_press_off.png');
  height: 36px;
  width: 116px;
}

.btn-buttonitbpresskit:hover,
.btn-buttonitbpresskit:focus,
.btn-buttonitbpresskit:active {
  background-image: url('../img/rollover_buttons/ITB_press_on.png');
}

/* Request a Key btn */
.btn-buttonitbrequest {
  background-image: url('../img/rollover_buttons/ITB_request_off.png');
  height: 36px;
  width: 160px;
}

.btn-buttonitbrequest:hover,
.btn-buttonitbrequest:focus,
.btn-buttonitbrequest:active {
  background-image: url('../img/rollover_buttons/ITB_request_on.png');
}

/* ~~~~~ PAGE-SPECIFIC STYLES ~~~~~ */
/* --------------------------- INDEX --------------- */
/* -- "Games" Container -- */
#games-container {
  background: #000 url(../img/backgrounds/bg_center.png) repeat-y fixed top;
  background-size: 100%;
  height: auto;
  padding: 50px 20px 50px 20px;
}

.game-container-fluid {
  padding: 0 15px 0 15px;
  margin: 0 auto 0 auto;
  color: #d8d8d8;
  /* was #f7f7fb */
  text-align: center;
  border: 3px solid #d8d8d8;
  max-width: 900px;
}

@media only screen and (max-width: 571px) {
  .game-container-fluid {
    border: 0;
  }

  #games-container {
    padding: 50px 0 50px 0;
  }
}

.game-container-ftl {
  background: url(../img/backgrounds/kestrel_bg.png) no-repeat scroll;
}

@media only screen and (max-width: 995px) {
  .game-container-ftl {
    background: url(../img/backgrounds/kestrel_bg_90a.png) no-repeat scroll;
  }
}

.game-container-game2 {
  background: url(../img/backgrounds/itb_inside2.png) repeat scroll;
}

/* Game container resizer*/
@media (min-width: 768px) {
  .game-container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .game-container {
    max-width: 900px;
  }
}

@media (min-width: 1200px) {
  .game-container {
    max-width: 1170px;
  }

  .game-container-fluid {
    max-width: 1170px;
  }
}

/* --------- Homepage Banner -------- */
.deal-promotion-banner {
  /*background: url(../img/summersale2018.png) repeat scroll;*/
  /*background-position: calc(100%);*/
  max-width: 750px;
  margin: 0 auto 20px auto;
}

.deal-promotion-banner img {
  max-width: 100%;
  padding: 0 auto;
}

.itbae-promotion-banner {
  /*background: url(../img/summersale2018.png) repeat scroll;*/
  /*background-position: calc(100%);*/
  max-width: 900px;
  margin: 0 auto 20px auto;
}

.itbae-promotion-banner img {
  max-width: 100%;
  padding: 0 auto;
}

/* --------------------------- CONTACT --------------- */
.info-container {
  background-image: url("../img/backgrounds/black80.png");
  padding: 15px;
  border: 2px solid #d8d8d8;
  margin: 0 auto;
  max-width: 935px;
}

.about-container-fluid {
  margin: 0 auto;
  color: #d8d8d8;
  font-family: arial, verdana !important;
  text-align: left;
  max-width: 900px;
}

.about-container-fluid h2 {
  font-family: 'Nunito Sans', sans-serif !important;
}

.largename {
  font-size: 24px;
}

.credits-container-fluid {
  margin: 0 auto;
  color: #d8d8d8;
  font-family: arial, verdana !important;
  text-align: left;
  max-width: 900px;
}

.credits-container-fluid h2 {
  font-family: 'Nunito Sans', sans-serif !important;
  text-align: left;
}

.contact-container-fluid {
  margin: 0 auto;
  color: #d8d8d8;
  font-family: Arial, verdana !important;
  text-align: left;
  max-width: 900px;
}

.contact-container-fluid h2 {
  font-family: 'Nunito Sans', sans-serif !important;
}

/* --------------------------- FAQ --------------- */
.faq-menu-container {
  margin: 0 auto;
  color: #d8d8d8;
  background-image: url("../img/backgrounds/black50.png");
  border: 1px solid #d8d8d8;
  padding: 0 5px 25px 5px;
  font-family: arial, verdana !important;
  text-align: left;
  max-width: 910px;
}

.faq-container-fluid {
  margin: 0 auto;
  color: #d8d8d8;
  background-image: url("../img/backgrounds/black50.png");
  border: 1px solid #d8d8d8;
  padding: 0 5px 25px 5px;
  font-family: arial, verdana !important;
  text-align: left;
  max-width: 910px;
}

.faq-container-fluid h1 {
  font-family: 'Nunito Sans', sans-serif !important;
  text-align: center;
}

.faq-container-fluid h2 {
  font-family: 'Nunito Sans', sans-serif !important;
  text-align: left;
}

.faq-container-fluid h1, h2, h3, h4, li, p {
  padding-left: 15px;
}

.faq-container-fluid ol {
  list-style-type: decimal;
  list-style-position: inside;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  padding-left: 10px;
}

.faq-container-fluid ul {
  list-style-type: none;
  list-style-position: inside;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

.faq-container-fluid p {
  margin: 2px 0 5px 0;
}

.faq-container-fluid h4 {
  margin: 15px 0 0 0;
}

/* --------------------------- FTL PAGE --------------- */
/* -- Content Section -- */
.content-container {
  background: #060606 url(../img/backgrounds/bg_center.png) repeat-y fixed top;
  background-size: 100%;
  height: auto;
  padding: 10px 0px 0px 0px;
}

@media only screen and (max-width: 571px) {
  .content-container {
    padding: 10px 0 0px 0;
  }
}

.blackbackground {
  background: #060606;
  height: auto;
  padding: 1px 0 1px 0;
}

.ftl-nav-buttons {
  margin: 10px auto 30px auto;
  background-color: Transparent;
}

.ftl-nav-buttons button {
  margin-right: 7px;
  margin-left: 7px;
  text-align: center;
}

.buy-buttons {
  margin: 10px auto 10px auto;
}

.ftl-buy-buttons button {
  margin-right: 7px;
  margin-left: 7px;
  text-align: center;
}

/* -- FTL Content Container -- */
.ftl-summary-container {
  margin: 20px auto 20px auto;
  color: #d8d8d8;
  text-align: center;
  height: auto;
  background-color: #060606;
}

@media only screen and (max-width: 768px) {
  .ftl-summary-container {
    max-width: 600px;
    border: 0;
  }
}

@media only screen and (min-width: 767px) and (max-width: 980px) {
  .ftl-summary-container {
    max-width: 600px;
  }
}

@media only screen and (min-width: 981px) {
  .ftl-summary-container {
    max-width: 900px;
    padding: 0 25px 0 0;
  }
}

@media only screen and (min-width: 614px) {
  .ftl-bulletpoints-nobreak {
    display: block;
  }

  .ftl-bulletpoints-break {
    display: none;
  }
}

@media only screen and (max-width: 613px) {
  .ftl-bulletpoints-nobreak {
    display: none;
  }

  .ftl-bulletpoints-break {
    display: block;
  }
}

.ftldescriptionimage {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.ftldescription .description {
  text-align: left;
  padding: 0 15px 0 15px;
}

.ftlreviews {
  font-size: 100%;
  padding: 0 15px 0 15px;
}

@media (min-width: 992px) {
  .ftlreviews_smallscreen {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .ftlreviews_largescreen {
    display: none !important;
  }
}

.ftlreviews a:active, .ftlreviews a:hover {
  text-decoration: none;
}

.ftlreviewsimage {
  margin: 20px auto 40px auto;
}

@media (max-width: 400px) {
  .ftlreviewsimage {
    width: 100%;
  }
}

/* Video */
.ftltrailer iframe {
  /*width: 500px !important;*/
}

@media only screen and (min-width: 780px) and (max-width: 980px) {
  .ftltrailer iframe {
    width: 750px;
    height: 422px;
  }
}

@media only screen and (min-width: 981px) {
  .ftltrailer iframe {
    width: 900px;
    height: 506px;
  }
}

/* Screenshots */
.screenshotcontainer-preview img {
  max-width: 200px;
  display: inline;
  padding: 10px;
}

/* Music */
.brunty_largescreen {
  margin: 0 auto;
}

@media (min-width: 1082px) {
  .brunty_smallscreen {
    display: none !important;
  }
}

@media (max-width: 1082px) {
  .brunty_largescreen {
    display: none !important;
  }
}

/* --------------------------- MODS PAGE --------------- */
.mods-container {
  margin: 50px auto 50px auto;
  color: #d8d8d8;
  font-family: arial, verdana !important;
  text-align: center;
  height: auto;
  background-image: url("../img/backgrounds/black80.png");
  border: 3px solid #d8d8d8;
  padding: 20px;
}

@media only screen and (max-width: 571px) {
  .mods-container {
    border: 0;
  }
}

.mods-container h1, .mods-container h2, .mods-container h3, .mods-container ul {
  text-align: center;
}

.mods-container p {
  text-align: left;
  width: 70%;
  margin: 0 auto;
  padding-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .mods-container {
    max-width: 750px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 980px) {
  .mods-container {
    max-width: 765px;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1200px) {
  .mods-container {
    max-width: 990px;
  }
}

@media only screen and (min-width: 1201px) {
  .mods-container {
    max-width: 1200px;
  }
}

/* Specific sections */
#featured_mods {}

#featured_mods img {
  max-height: 250px;
  float: left;
}

#featured_mods .row {
  padding-bottom: 20px;
}

#random_mods .row {
  padding-bottom: 20px;
}

#random_mods img {
  max-height: 250px;
  float: left;
}

/* --------------------------- FAQ PAGE --------------- */
.highlight {
  color: #ffffc0;
}

/* --------------------------- ITB Page --------------- */
.itb-summary-container {
  margin: 20px auto 20px auto;
  color: #d8d8d8;
  text-align: center;
  height: auto;
  background-color: #000;
}

@media only screen and (max-width: 768px) {
  .itb-summary-container {
    max-width: 600px;
    border: 0;
  }

  .itb-summary-container p {
    font-size: 110%;
  }

  .itb-summary-container img {
    max-width: 100%;
    padding-bottom: 15px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 980px) {
  .itb-summary-container {
    max-width: 600px;
  }

  .itb-summary-container p {
    font-size: 110%;
  }

  .itb-summary-container img {
    max-width: 100%;
    padding-bottom: 15px;
  }
}

@media only screen and (min-width: 981px) {
  .itb-summary-container {
    max-width: 900px;
    padding: 0 25px 0 0;
  }

  .itb-summary-container p {
    font-size: 120%;
  }

  .itb-summary-container img {
    padding-right: 5 !important;
    padding-left: 20px;
  }
}

.itb-topdescription {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.itb-info-buttons {
  margin: 5px auto 5px auto;
  background-color: Transparent;
}

.itb-info-buttons button {
  margin: 0 5px 5px 5px;
  text-align: center;
}

.itb-calltoaction {
  font-size: 150%;
  text-shadow: 2px 2px 15px black;
}

.itb-calltoaction a {
  color: #9acbf1;
}

.itb-calltoaction a:hover, a:focus, a:active {
  color: #fbeb91;
  text-decoration: none;
}

/* Language selector */
.lang-select {
  max-width: 100%;
}

@media only screen and (max-width: 981px) {
  .btn-language-top {
    display: none;
  }
}

@media only screen and (max-width: 595px) {
  .btn-language {
    display: none;
  }
}

.lang-select .dropdown-menu {
  background-color: #222;
}

.btn-language {
  padding-top: 5px;
  margin: 0 0 7px 0;
  color: #d8d8d8;
  background-color: #222;
  font-size: 14pt;
}

.btn-language:hover,
.btn-language:focus,
.btn-language:active {
  color: #fff;
  background-color: #000;
}

.btn-language-top {
  padding-top: 5px;
  margin: 7px 0 0 -7px;
  color: #d8d8d8;
  background-color: #222;
  font-size: 14pt;
}

.btn-language-top:hover,
.btn-language-top:focus,
.btn-language-top:active {
  color: #fff;
  background-color: #000;
}

.lang-select .dropdown-item {
  color: #d8d8d8;
}

.lang-select .dropdown-item:hover,
.lang-select .dropdown-item:focus,
.lang-select .dropdown-item:active {
  color: #555;
}

/* PEGI and ESRB ratings */
@media only screen and (max-width: 595px) {
  .pegi-esrb-big {
    display: none;
  }
}

@media only screen and (min-width: 595px) {
  .pegi-esrb-small {
    display: none;
  }
}