/* Combined custom CSS for the Subset Games site.
   Sources: custom.css, lang_buttonstyle.css, generalpages.css, ftlpages.css,
   itbpages.css, and ftlheadership ship images.
   Bootstrap / Font Awesome / Fancybox are not included. */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');

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

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

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

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

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

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

@font-face {
  font-family: 'JFont12Bold';
  src:  url('../fonts/ftlfonts/JFont12Bold.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;
}

/* --------------------------- 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;
  }
}

/* ~~~~~ LANGUAGE-BUTTON STYLES (from lang_buttonstyle.css) ~~~~~ */
/* FTL Multilanguage Rollover Buttons */
/* FAQ */
#btn-lang-faq {
    display: inline-block;
    color: #000;
}
#btn-lang-faq a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background: url("../img/rollover_buttons/short_blankbuttonbg1.png");
}
#btn-lang-faq a:hover {
    background: url("../img/rollover_buttons/short_blankbuttonbg2.png")
}

#btn-lang-faq-text {
    margin-top: 17px;
}
/* Forum */
#btn-lang-forum {
    display: inline-block;
    color: #000;
}
#btn-lang-forum a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background: url("../img/rollover_buttons/short_blankbuttonbg1.png");
}
#btn-lang-forum a:hover {
    background: url("../img/rollover_buttons/short_blankbuttonbg2.png")
}

#btn-lang-forum-text {
    margin-top: 17px;
}
/* Mods */
#btn-lang-mods {
    display: inline-block;
    color: #000;
}
#btn-lang-mods a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background: url("../img/rollover_buttons/short_blankbuttonbg1.png");
}
#btn-lang-mods a:hover {
    background: url("../img/rollover_buttons/short_blankbuttonbg2.png")
}

#btn-lang-mods-text {
    margin-top: 17px;
}
/*Subreddit*/
#btn-lang-reddit {
    display: inline-block;
    color: #000;
}
#btn-lang-reddit a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background: url("../img/rollover_buttons/short_blankbuttonbg1.png");
}
#btn-lang-reddit a:hover {
    background: url("../img/rollover_buttons/short_blankbuttonbg2.png")
}

#btn-lang-reddit-text {
    margin-top: 17px;
}
/*Merch*/
#btn-lang-merch {
    display: inline-block;
    color: #000;
}
#btn-lang-merch a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background: url("../img/rollover_buttons/short_blankbuttonbg1.png");
}
#btn-lang-merch a:hover {
    background: url("../img/rollover_buttons/short_blankbuttonbg2.png")
}

#btn-lang-merch-text {
    margin-top: 17px;
}

/* BUY FOR buttons */
#btn-lang-buyfor {
    display: inline-block;
    color: #000;
}
#btn-lang-buyfor a{
    font-size: 20px;
    width: 213px;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background: url("../img/rollover_buttons/blankbuttonbg1.png");
}
#btn-lang-buyfor a:hover {
    background: url("../img/rollover_buttons/blankbuttonbg2.png")
}

#btn-lang-buyfor-text {
    margin-top: 20px;
}


/* ITB Multilanguage Rollover Buttons */
/* FAQ */
#itb-btn-lang-faq {
    display: inline-block;
    color: #fff;
}
#itb-btn-lang-faq a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg1.png");
}
#itb-btn-lang-faq a:hover {
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg2.png")
}

#itb-btn-lang-faq-text {
    margin-top: 17px;
}
/* Forum */
#itb-btn-lang-forum {
    display: inline-block;
    color: #000;
}
#itb-btn-lang-forum a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg1.png");
}
#itb-btn-lang-forum a:hover {
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg2.png")
}

#itb-btn-lang-forum-text {
    margin-top: 17px;
}
/* Mods */
#itb-btn-lang-mods {
    display: inline-block;
    color: #fff;
}
#itb-btn-lang-mods a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg1.png");
}
#itb-btn-lang-mods a:hover {
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg2.png")
}

#itb-btn-lang-mods-text {
    margin-top: 17px;
}
/*Subreddit*/
#itb-btn-lang-reddit {
    display: inline-block;
    color: #fff;
}
#itb-btn-lang-reddit a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg1.png");
}
#itb-btn-lang-reddit a:hover {
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg2.png")
}

#itb-btn-lang-reddit-text {
    margin-top: 17px;
}
/*Merch*/
#itb-btn-lang-merch {
    display: inline-block;
    color: #fff;
}
#itb-btn-lang-merch a{
    font-size: 23px;
    width: 160px /*213px*/;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg1.png");
}
#itb-btn-lang-merch a:hover {
    background: url("../img/rollover_buttons/itb_short_blankbuttonbg2.png")
}

#itb-btn-lang-merch-text {
    margin-top: 17px;
}

/* BUY FOR buttons */
#itb-btn-lang-buyfor {
    display: inline-block;
    color: #fff;
}
#itb-btn-lang-buyfor a{
    font-size: 20px;
    width: 213px;
    height: 66px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: url("../img/rollover_buttons/itb_blankbuttonbg1.png");
}
#itb-btn-lang-buyfor a:hover {
    background: url("../img/rollover_buttons/itb_blankbuttonbg2.png")
}

#itb-btn-lang-buyfor-text {
    margin-top: 20px;
}

/* ~~~~~ GENERAL PAGES (from generalpages.css) ~~~~~ */
/* I am the CSS for General pages. */
/* ~~~~~~~~~~~~~~~~ GENERAL-PAGE-SPECIFIC HEADER STYLES ~~~~~~~~~~~~~~~~~~~~~ */
#index-header-background {
	height: 200px;
	background: url(../img/backgrounds/top_bg.png) repeat-x top left scroll /*222222*/;
}
#headersection {
	height: auto;
	width: 100%;
}

/* ---------- SMALL BAR AT SIZES BELOW 991 --------- */

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

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


/* --INDEX -- */
.general-headership {
	position: absolute;
	top: 50px;
	z-index: 10;
	right: 0;
}
.general-headership #ship {
	position: absolute;
	z-index: 10;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.general-headership #ship .inner {
    display: block;
    height: 0;
}
/* default screen */
.general-headership #ship {
	background-image: url("../img/backgrounds/top_ship4.png");
	width: 481px;
	height: 320px;
	position: absolute;
	z-index: 10;
}
/* Medium screen */
@media only screen and (min-width: 572px) and (max-width: 1147px) {
    .general-headership #ship {
		background-image: url("../img/backgrounds/top_ship4.png");
		width: 361px;
		height: 240px;
		position: absolute;
		z-index: 10;
	}
}
/* Small screen */
@media only screen and (max-width: 572px) {
    .general-headership #ship {
		width: 361px;
		height: 240px;
	}
}

/* -- FAQ -- */
.headerlogo-faq  {
	position: absolute;
	top: 100px;
	left: 100px;
}
.headerlogo-faq  #logo {
	position: absolute;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerlogo-faq  #logo .inner {
    display: block;
    height: 0;
}
@media only screen and (min-width: 992px) {
	.headerlogo-faq  {
		margin: 0 auto;
		width: 158px;
		height: 82px;
	}
    .headerlogo-faq  #logo {
	background-image: url(../img/title_FAQ.png);
		width: 158px;
		height: 82px;
	}
}
/* Medium screen */
@media only screen and (min-width: 700px) and (max-width: 992px) {
	.headerlogo-faq  {
		margin: 0 auto;
		width: 158px;
		height: 82px;
	}
    .headerlogo-faq  #logo {
		background-image: url(../img/title_FAQ.png);
		width: 158px;
		height: 82px;
	}
}
/* Small screen */
@media only screen and (max-width: 992px) {
    .headerlogo-faq #logo {
		background-image: url(../img/title_FAQ.png);
		width: 0px;
		height: 0px;
		visibility: none;
	}
}
.faq-logo-altfire {
	height: 0;
}
.faq-logo-altfire img {
	position: relative;
	top: 50px;
}
@media screen and (min-width: 991px) {
    .faq-logo-altfire {
        display: none !important;
    }
}

/* -- CONTACT PAGE -- */
.headerlogo-contact  {
	position: absolute;
	top: 100px;
	left: 100px;
}
.headerlogo-contact  #logo {
	position: absolute;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerlogo-contact  #logo .inner {
    display: block;
    height: 0;
}
@media only screen and (min-width: 992px) {
	.headerlogo-contact  {
		margin: 0 auto;
		width: 391px;
		height: 67px;
	}
    .headerlogo-contact  #logo {
	background-image: url(../img/title_contact.png);
		width: 391px;
		height: 67px;
	}
}
/* Medium screen */
@media only screen and (min-width: 700px) and (max-width: 992px) {
	.headerlogo-contact  {
		margin: 0 auto;
		width: 391px;
		height: 67px;
	}
    .headerlogo-contact  #logo {
		background-image: url(../img/title_contact.png);
		width: 391px;
		height: 67px;
	}
}
/* Small screen */
@media only screen and (max-width: 992px) {
    .headerlogo-contact #logo {
		background-image: url(../img/title_contact.png);
		width: 0px;
		height: 0px;
		visibility: none;
	}
}
.contact-logo-altfire {
	height: 0;
	background-image: url(../img/title_contact.png);
}
.contact-logo-altfire img {
	position: relative;
	top: 50px;
}
@media screen and (min-width: 991px) {
    .contact-logo-altfire {
        display: none !important;
    }
}

/* ~~~~~ FTL PAGES (from ftlpages.css) ~~~~~ */
/* I am the CSS for FTL pages. */
#ftl-header-background {
	height: 225px;
}

#ftl-header-background .fill{
	background: url(../img/ftl/FTL_star_background1_flip.png);
	height: 100%;
	width: 100%;
}

/* ----------- Header Images ------------------ */

#ftl-headersection {
	height: auto;
	width: 100%;
}

/* Header Ship Sizer */
.ftl-headership {
	position: absolute;
	top: 50px;
	left: 0;
}

.ftl-headership #ship {
	position: absolute;
	left: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.ftl-headership #ship .inner {
    display: block;
    height: 0;
}

/* default screen */
.ftl-headership #ship {
	width: 580px;
	height: 302px;
	position: absolute;
	}

/* Medium screen */
@media only screen and (min-width: 991px) and (max-width: 1147px) {
    .ftl-headership #ship {
		width: 435px;
		height: 227px;
		position: absolute;
	}
}

/* Small screen */
@media only screen and (max-width: 991px) {
    .ftl-headership #ship {
		/*width: 290px;*/
		/*height: 151px;*/
		/*position: absolute;*/
		display: none;
	}
}

/* -------- Header logo -------------*/
.ftl-headerlogo {
	position: absolute;
	top: 100px;
	right: 150px;
}

.ftl-headerlogo #logo {
	position: absolute;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.ftl-headerlogo #logo .inner {
    display: block;
    height: 0;
}

/* Medium screen */
@media only screen and (min-width: 991px) {
	.ftl-headerlogo {
		margin: 0 auto;
		width: 260px;
		height: 138px;
	}
    .ftl-headerlogo #logo {
		background-image: url(../img/ftllogo.png);
		width: 260px;
		height: 138px;
	}
}

/* Logo Alt-fire */

.ftl-logo-altfire {
	height: 0;
	display: none;
}

.ftl-logo-altfire img {
	position: relative;
	top: -200px;
}
@media screen and (max-width: 990px) {
    .ftl-logo-altfire {
        display: block;
    }
}

/* -- MODS logo -- */
.headerlogo-mods {
	position: absolute;
	top: 90px;
	right: 150px;
}

.headerlogo-mods #logo {
	position: absolute;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerlogo-mods #logo .inner {
    display: block;
    height: 0;
}

@media only screen and (min-width: 991px) {
	.headerlogo-mods {
		margin: 0 auto;
		width: 229px;
		height: 151px;
	}
    .headerlogo-mods #logo {
		background-image: url(../img/ftltitle_mods.png);
		width: 229px;
		height: 151px;
	}
}

/* ---------- SMALL BAR AT SIZES BELOW 991 --------- */

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

	.ftl-logo-altfire {
        display: block;
    }
	.ftl-logo-altfire img {
	position: relative;
	top: -160px;
	}

	#ftl-header-background-section{
		height: 150px;
		background: url(../img/itb/header_stars_long.jpg) repeat-x top left scroll /*222222*/;
		background-position: calc(100% - 10px) calc(100% - 10px);
	}

	#ftl-header-background {
		height: 170px;
	}

	#ftl-header-background .fill{
		height: 100%;
		width: 100%;
	}

	#headersection {
		height: auto;
		width: 100%;
	}

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

/* ~~~~~ ITB PAGES (from itbpages.css) ~~~~~ */
/* I am the CSS for ITB pages. */
/* ~~~~~~~~~~ ITB-PAGE-SPECIFIC HEADER STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#itb-header-background-section{
	height: 225px;
	background: url(../img/itb/header_stars_long.jpg) repeat-x top left scroll /*222222*/;
	background-position: calc(100% - 10px) calc(100% - 10px);
}
#itb-header-background {
	height: 275px;
}
#itb-header-background .fill{
	height: 100%;
	width: 100%;
}
#headersection {
	height: auto;
	width: 100%;
}

/* -- Buildings -- */
#itb-header-buildings {
	height: 225px;
	background: url(../img/itb/header_buildings_1x.png);
}
#itb-header-buildings .fill{
	height: 100%;
	width: 100%;
	z-index: 999;
}


/* -- Header Mech -- */
.headermech {
	position: absolute;
	top: 55px;
	right: 0;
}
.headermech #mech {
	position: absolute;
	z-index: 10;
	right: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headermech #mech .inner {
    display: block;
    height: 0;
}
/* default screen */
.headermech #mech {
	background-image: url(../img/itb/header_mech.png);
	width: 347px;
	height: 220px;
	position: absolute;
	z-index: 10;
}

/* Small screen */
@media only screen and (max-width: 991px) {
    .headermech #mech {
		display: none;
	}
}

/* -------- Header logo -------------*/
.itb-headerlogo {
	position: absolute;
	top: 100px;
	left: 150px;
}

.itb-headerlogo #logo {
	position: absolute;
	left: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.itb-headerlogo #logo .inner {
    display: block;
    height: 0;
}

/*--Japanese only--*/
.headerlogo-jp {
	position: absolute;
	top: 100px;
	left: 150px;
}

.headerlogo-jp #logo {
	position: absolute;
	left: 0;
    display: block;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
}
.headerlogo-jp #logo .inner {
    display: block;
    height: 0;
}

/*--Responsive--*/
@media only screen and (min-width: 1131px) {
	.itb-headerlogo {
		margin: 0 auto;
		width: 610px;
		height: 86px;
	}
    .itb-headerlogo #logo {
		background-image: url(../img/itb_title_3.png);
		width: 610px;
		height: 86px;
	}
	.headerlogo-jp {
		margin: 0 auto;
		width: 610px;
		height: 95px;
	}
    .headerlogo-jp #logo {
		background-image: url(../img/itb_title_2_jp.png);
		width: 610px;
		height: 95px;
	}
}

/* Medium screen */
@media only screen and (min-width: 991px) and (max-width: 1330px) {
	.itb-headerlogo {
		margin: 0 auto;
		width: 406px;
		height: 58px;
	}
    .itb-headerlogo #logo {
		background-image: url(../img/itb_title_2.png);
		width: 406px;
		height: 58px;
	}

	.headerlogo-jp {
		margin: 0 auto;
		width: 406px;
		height: 95px;
	}
    .headerlogo-jp #logo {
		background-image: url(../img/itb_title_2_jp.png);
		width: 406px;
		height: 95px;
	}
}


/* Logo Alt-fire : For small screens */

.itb-logo-altfire {
	height: 0;
	display: none;
}

.itb-logo-altfire img {
	position: relative;
	top: 75px;
}

/* ---------- SMALL BAR AT SIZES BELOW 991 --------- */

@media screen and  (max-width: 990px) {
    .itb-logo-altfire {
        display: block;
    }
	.itb-logo-altfire img {
	position: relative;
	top: 30px;
	}
	#itb-header-background-section{
		height: 170px;
		background: url(../img/itb/header_stars_long.jpg) repeat-x top left scroll /*222222*/;
		background-position: calc(100% - 10px) calc(100% - 10px);
	}
	#itb-header-background {
		height: 170px;
	}
	#itb-header-background .fill{
		height: 100%;
		width: 100%;
	}
	#headersection {
		height: auto;
		width: 100%;
	}

	#itb-header-buildings {
	height: 170px;
	background: url(../img/itb/header_buildings_1x.png);
	background-position: calc(100% - 0px) calc(100% + 20px);
	}

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

/* Awards bit */
.itb-awards-images img {
	width: 100%;
	height: auto;
	max-height: 100px;
	max-width: 150px;
}

/* --------------------------- 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-page-container  {
    max-width: 900px;
	padding: 0 25px 0 0;
  }
  .itb-page-container p {
	  font-size: 120%;
  }
  .itb-page-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;
}