body,button,input,select,textarea {
	font-family:sans-serif;
	color:#222;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block;
}
audio,canvas,video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
	font-size:100%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body {
	line-height:1.231;
	font-family:Roboto, Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	background:#0e0e0c url(../img/pattern.png);
	color:#7c7e78;
	font-size:14px;
	margin:0;
}
a:focus {
	outline:thin dotted;
}
a:hover,a:active {
	outline:0;
}
abbr[title] {
	border-bottom:1px dotted;
}

b, strong {
  font-weight: bold;
}
blockquote {
	margin:1em 40px;
}
dfn {
	font-style:italic;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
ins {
	background:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
	quotes:none;
}

q:before, q:after {
  content: "";
  content: none;
}
small {
	font-size:85%;
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,ol {
	margin:1em 0;
	padding:0;
}
dd {
	margin:0 0 0 40px;
}
nav ul,nav ol {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}
img {
	border:0;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle;
}
svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
label {
	cursor:pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
  *overflow: visible;
}

table button, table input {
  *overflow: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}
textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical;
}
input:invalid,textarea:invalid {
	background-color:#f0dddd;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {
	vertical-align:top;
}
.ir {
	display:block;
	border:0;
	text-indent:-999em;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	text-align:left;
	direction:ltr;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
	visibility:hidden;
}
.bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
    width: 100%;
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #383a2f;
    text-indent: -9999px;
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #90968c;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

body {
  font-family: "Roboto", "Helvetica", Arial, sans-serif;
  letter-spacing: 1px;
  background: #0e0e0c url(../img/pattern.png);
  color: #7c7e78;
  font-size: 14px;
}

h2 {
  margin: 5px 0;
}

p {
  margin: 5px 0;
}
a {
	color:#71746e;
	text-decoration:none;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:300ms;
	-moz-transition-duration:300ms;
	-o-transition-duration:300ms;
	transition-duration:300ms;
	-webkit-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
}
a:hover {
  color: #363734;
}

button {
  background: #bd6b30;
  padding: 10px 12px;
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  border: none;
  display: block;
}
.phpab-psn_color button{
  background-color:#e55526;
  background-image:-webkit-linear-gradient(top, #f96f38, #e55526);
  background-image:-moz-linear-gradient(top, #f96f38, #e55526);
  background-image:-ms-linear-gradient(top, #f96f38, #e55526);
  background-image:-o-linear-gradient(top, #f96f38, #e55526);

}
#container {
	min-width:1380px;
}
#global-nav {
	width:100%;
	height:45px;
	background:#000;
}
#global-nav .links {
  margin: 0 0 0 40px;
  height: 45px;
  overflow: hidden;
  float: left;
}
#global-nav .links li {
	float:left;
	list-style-type:none;
	margin-right:30px;
}
#global-nav .links li a {
	font-size:11px;
	color:#646464;
	font-family:'Roboto Condensed';
	text-transform:uppercase;
	text-decoration:none;
	padding-top:15px;
	display:inline-block;
}
#global-nav .links li a.logo {
  width: 161px;
  height: 26px;
  padding: 0;
  margin-top: 10px;
  background: url(../img/naughtydog.png) top left no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  display: block;
}
#global-nav .social {
  margin: 0;
  padding: 0;
  height: 45px;
  overflow: hidden;
  float: right;
}
#global-nav .social li {
	float:left;
	list-style-type:none;
	margin-top:10px;
	margin-left:20px;
	position:relative;
}
#global-nav .social .social-icon {
	position:absolute;
	z-index:20;
	cursor:pointer;
}
#global-nav .social li.fb {
	width:89px;
}
#global-nav .social li.fb .fb-like-us {
	background:url(../img/fb-like-us.png) top left no-repeat;
	width:89px;
	height:20px;
}
#global-nav .social li.tw {
	width:101px;
}
#global-nav .social li.tw .twitter-follow-us {
	background:url(../img/twitter-follow-us.png) top left no-repeat;
	width:101px;
	height:20px;
}
#global-nav .social li.gplus {
	width:77px;
	margin-right:35px;
}
#global-nav .social li.gplus .gplus-join-us {
	background:url(../img/gplus-join-us.png) top left no-repeat;
	width:77px;
	height:20px;
}
header {
  background: white url(../img/pattern-white.png);
  padding: 20px 0;
  text-align: center;
}
header .mobile-trigger, header #mobile-nav {
  display: none;
}
header .logo {
  background: url(../img/logo-small.png) top left no-repeat;
  width: 225px;
  height: 66px;
  /*margin-right: 8%;*/
  padding: 0;
  display: inline-block;
}
header .logo h1 {
  text-indent: -9999px;
}
header .logo a {
  width: inherit;
  height: inherit;
  display: inline-block;
}
header .available-now {
  display: none;
}
header nav {
  display: inline-block;
  vertical-align: top;
}
header ul {
  margin: 10px 0 0 0;
  /*width: 800px;*/
  width: 100%;
}
header ul {
  *zoom: 1;
}
header ul:before, header ul:after {
  content: "";
  display: table;
}
header ul:after {
  clear: both;
}
header ul > li {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  line-height: 40px;
  color: #71746e;
  margin-right: 50px;
  text-transform: uppercase;
  cursor: pointer;
  float: left;
  position: relative;
}
header ul > li.selected {
  color: #363734;
  cursor: default;
}
header ul > li.selected a {
  color: #363734;
}
header ul > li:hover, header ul > li a:hover {
  color: #363734;
}
header ul > li.media,header ul > li.dlc, ,header ul > li.story_nav {
	margin-right:70px;
	position:relative;
}
header ul > li.media .menu,header ul > li.dlc .menu,header ul > li.story_nav .menu {
	width:120px;
	top:30px;
	left:-10px;
	background:#272520;
	position:absolute;
	display:none;
	z-index:20;
}
header ul > li.media .menu li,header ul > li.dlc .menu li,header ul > li.story_nav .menu li,.flags .dropdown .menu li {
	line-height:13px;
	font-family:'Roboto Condensed';
	font-size:13px;
	font-weight:300;
	color:#ebf0e6;
	text-align:left;
	display:block;
	margin:0;
}
.flags .dropdown li {
	position:relative;
}
header ul > li.media .menu a,header ul > li.dlc .menu a,header ul > li.story_nav .menu a {
	font-family:'Roboto Condensed';
	font-size:13px;
	font-weight:300;
	color:#ebf0e6;
	display:block;
	padding:10px;
}
header ul > li.media .menu a:hover,header ul > li.dlc .menu a:hover,header ul > li.story_nav .menu a:hover {
	background:#0d0d0b;
}
header ul > li.media:after,header ul > li.dlc:after,.flags .selected:after,header ul > li.story_nav:after,.flags .selected:after {
	width:0;
	height:0;
	content:"\00a0";
	position:absolute;
	top:18px;
	right:-17px;
	border-color:#919291 transparent transparent;
	border-style:solid;
	border-width:5px 5px 0;
}
.flags .selected:after {
	top:9px;
}
header ul > li.media:hover:after,header ul > li.dlc:hover:after,header ul > li.media:hover:after {
	border-color:#242522 transparent transparent;
}
header ul > li.media .menu,header ul > li.media .menu li {
	width:120px;
}
header ul > li.dlc .menu,header ul > li.dlc .menu li {
	width:250px;
}
header ul > li.dlc .menu a,header ul > li.dlc .menu li a {
	width:230px;
}
header ul > li button {
  color: #fff;
  font-weight: normal;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
header ul > li button.selected, header ul > li button:hover {
  background: #000;
  color: #fff;
}
header ul > li button.selected {
  cursor: default;
}
header ul > li:last-child {
  margin-right: 0;
}

#curtain {
	position:fixed;
	z-index:300;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	display:none;
}
.close {
  width: 40px;
  height: 40px;
  background: #2d2c26 url(../img/close.png) no-repeat center;
  position: absolute;
  top: -10px;
  right: 0;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.close:hover {
  background-color: #fff;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.select {
  *zoom: 1;
}
.select:before, .select:after {
  content: "";
  display: table;
}
.select:after {
  clear: both;
}

.button {
  background: #bd6b30;
  height: 15px;
  padding: 10px;
  text-align: center;
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
  color: #0e0e0c;
  float: left;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.phpab-psn_color .button{
  background-color:#e55526;
  background-image:-webkit-linear-gradient(top, #f96f38, #e55526);
  background-image:-moz-linear-gradient(top, #f96f38, #e55526);
  background-image:-ms-linear-gradient(top, #f96f38, #e55526);
  background-image:-o-linear-gradient(top, #f96f38, #e55526);
  
}

.button:hover {
  color: #fff;
}

.arrow, .arrow-right, .arrow-up {
  background: #0e0e0c;
  width: 35px;
  height: 35px;
  float: left;
}

.arrow:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
  content: "\00a0";
  position: absolute;
  top: 15px;
  right: 15px;
}
.arrow-right:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #fff;
  content: "\00a0";
  position: absolute;
  top: 13px;
  right: 15px;
}
.arrow-up:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #fff transparent;
  content: "\00a0";
  position: absolute;
  top: 15px;
  right: 15px;
}

.prev, .next {
  width: 50px;
  height: 50px;
  background-color: #2d2c26;
  position: absolute;
  cursor: pointer;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.prev:hover, .next:hover {
  background-color: #ebf0e6;
}
.prev.off, .next.off {
  cursor: default;
}
.prev.off:hover, .next.off:hover {
  background-color: #2d2c26;
}
.prev {
	background:#2d2c26 url(../img/arrow-left.png) no-repeat center;
	margin-left:20px;
	left:0;
}
.next {
	background:#2d2c26 url(../img/arrow-right.png) no-repeat center;
	margin-right:20px;
	right:0;
}
.zoom {
  width: 40px;
  height: 40px;
  background: #2d2c26 url(../img/zoom.png) no-repeat center;
  cursor: pointer;
}
.zoom:hover {
  background-color: #fff;
}
.share {
	width:40px;
	height:40px;
	background:#2d2c26 url(../img/share.png) no-repeat center;
	cursor:pointer;
}
.share:hover,.share.hover {
	background:#000 url(../img/share-hover.png) no-repeat center;
}
.share.media-share:hover,.share.media-share.hover {
	background:#FFF url(../img/share.png) no-repeat center;
}
.twitter,.facebook,.tumblr,.delicious,.stumble,.pinterest {
	width:40px;
	height:40px;
	float:left;
	cursor:pointer;
	margin:0;
}
.twitter {
	background:#bd6b30 url(../img/share-twitter.png) no-repeat center;
}
.twitter:hover {
	background:#bd6b30 url(../img/share-twitter-hover.png) no-repeat center;
}
.facebook {
	background:#bd6b30 url(../img/share-facebook.png) no-repeat center;
}
.facebook:hover {
	background:#bd6b30 url(../img/share-facebook-hover.png) no-repeat center;
}
.tumblr {
	background:#bd6b30 url(../img/share-tumblr.png) no-repeat center;
}
.tumblr:hover {
	background:#bd6b30 url(../img/share-tumblr-hover.png) no-repeat center;
}
.delicious {
	background:#bd6b30 url(../img/share-delicious.png) no-repeat center;
}
.delicious:hover {
	background:#bd6b30 url(../img/share-delicious-hover.png) no-repeat center;
}
.stumble {
	background:#bd6b30 url(../img/share-stumble.png) no-repeat center;
}
.stumble:hover {
	background:#bd6b30 url(../img/share-stumble-hover.png) no-repeat center;
}
.pinterest {
	background:#bd6b30 url(../img/share-pinterest.png) no-repeat center;
}
.pinterest:hover {
	background:#bd6b30 url(../img/share-pinterest-hover.png) no-repeat center;
}
.download {
	width:40px;
	height:40px;
	background:#2d2c26 url(../img/download.png) no-repeat center;
	cursor:pointer;
}
.download:hover,.download.hover {
	background:#FFF url(../img/download-hover.png) no-repeat center;
}
footer {
	color:#262623;
	border-top:1px solid #000;
	background:url(../img/pattern-dark.png);
	text-transform:uppercase;
	font-size:11px;
	text-align:center;
	padding:30px 0;
}
footer ul{
	margin-bottom:30px;
}
footer ul li {
	margin-right:90px;
	list-style:none;
	vertical-align:middle;
	display:inline-block;
}
footer ul li a {
	width:inherit;
	height:inherit;
	display:block;
}
footer ul li .logos-ps {
  width:80px;
  height:51px;
  background:url(http://nd.images.s3.amazonaws.com/global/footer.png) -15px -51px no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}
footer ul li .logos-ps4 {
  width:92px;
  height:32px;
  background:url(../images/logos-ps4.png) top left no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}
footer ul li .logos-ps3 {
	width:88px;
	height:19px;
	background:url(../img/logos-ps3.png) top left no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
footer ul li .logos-naughty-dog {
	width:161px;
	height:26px;
	background:url(../img/naughtydog.png) top left no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
footer ul li .logos-esrb-privacy {
	width:74px;
	height:100px;
	background:url(../img/esrb_privacy_policy_small.png) top left no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
footer ul li .logos-esrb {
  width: 191px;
  height: 91px;
  background: url(../img/logos-esrb-dlc.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
footer ul li .logos-esrb-dlc {
  width: 180px;
  height: 86px;
  background: url(../img/logos-esrb-dlc.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
footer ul li:last-child {
  margin: 0;
}

#gate #main {
  width: 1024px;
  margin: 160px auto;
}
#gate #main {
  *zoom: 1;
}
#gate #main:before, #gate #main:after {
  content: "";
  display: table;
}
#gate #main:after {
  clear: both;
}
#gate #main .logo {
  background: url(../img/logo-big.png) top left no-repeat;
  width: 225px;
  padding: 393px 0 0 0;
  margin-bottom: 75px;
  position: relative;
  float: left;
}
#gate #main .logo h1 {
  text-indent: -9999px;
}
#gate #main .logo .mobile-trailer {
  display: none;
}
#gate #main .gate {
  background: url(../img/pattern-dark.png);
  width: 700px;
  padding: 0 0 25px 0;
  float: right;
}
#gate #main .gate .trailer iframe {
	width:700px;
	height:400px;
}
#gate #main .gate .trailer h2 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 25px 25px 0 25px;
  font-size: 25px;
  letter-spacing: 2px;
}
#gate #main .gate .trailer p {
	font-size:14px;
	color:#7d807a;
	padding:0 25px;
}
#gate #main .gate .age {
  padding: 0px 0 0px 0;
  text-align: center;
  display: none;
}
#gate #main .gate .age h2 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  padding: 0 0 20px 0;
  color: #fff;
  letter-spacing: 2px;
}
#gate #main .gate .age .date {
  width: 100px;
  display: inline-block;
  margin-right: 20px;
  font-family: 'Roboto Condensed';
  font-weight: bold;
  color: #34322b;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
}
#gate #main .gate .age .year {
	width:150px;
	margin:0;
}
#gate #main .gate .age .year input {
	width:150px;
}
#gate #main .gate .age input {
  width: 100px;
  height: 70px;
  margin: 0 0 15px 0;
  border: 1px solid #1e1d19;
  background: #000;
  font-family: 'Roboto Condensed';
  font-size: 39px;
  text-align: center;
  color: #fff;
}
#gate #main .gate .age input.placeholder {
  color: #646661;
}
#gate #main .gate .age input:-moz-placeholder {
  color: #646661;
}
#gate #main .gate .age input::-webkit-input-placeholder {
  color: #646661;
}
#gate #main .gate .age input:focus {
	outline:none;
	border:1px solid #bd6b30;
}
#gate #main .gate .age button {
	background:#1c1b17;
	color:#0e0e0c;
	cursor:default;
	margin:60px auto 0;
}
#gate #main .gate .age button.ready {
	background:#bd6b30;
	color:#000;
	cursor:pointer;
}
#gate #main .sorry {
	text-align:center;
	padding:110px 0;
}
#gate #main .sorry h2 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 26px;
  color: #bd6b30;
  padding: 0 0 10px 0;
  margin: 0;
}
#gate #main .sorry p {
  padding: 0 0 50px 0;
}
#gate #main .watch-trailer {
  display: none;
}
#gate #main .watch-trailer h2 {
  font-size: 15px;
  font-family: 'Roboto Condensed';
  color: #bd6b30;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#gate #main .watch-trailer iframe {
  width: 1012px;
  height: 570px;
}
#gate #main .select-container {
	width:220px;
	position:relative;
}
#gate #main .dropdown {
  height: 220px;
  background: #1d1c18;
  bottom: 37px;
  position: absolute;
  float: left;
  overflow-y: scroll;
  display: none;
}
#gate #main .dropdown ul {
  margin: 0;
}
#gate #main .dropdown li {
	list-style:none;
	border-bottom:1px solid #171613;
	font-family:'Roboto Condensed';
	color:#84867f;
	font-size:13px;
	text-transform:uppercase;
}
#gate #main .dropdown li img {
	margin:0 10px 0 0;
}
#gate #main .dropdown li:hover {
	background:#171613;
}
#gate #main .dropdown li a,#gate #main .dropdown li.united-states {
	width:190px;
	height:15px;
	display:block;
	padding:10px;
}
#gate #main .region {
	padding-right:50px;
}
#gate #main .region:hover {
	color:#000;
}
.newslogos-sprite,.newslogos-area,.newslogos-complex,.newslogos-cvg,.newslogos-destructoid,.newslogos-discoverynews,.newslogos-edge,.newslogos-escapist,.newslogos-eurogamer,.newslogos-ew,.newslogos-forbes,.newslogos-g4,.newslogos-gamasutra,.newslogos-gameinformer,.newslogos-gamesindustry,.newslogos-gamespot,.newslogos-gamesradar,.newslogos-gametrailers,.newslogos-giantbomb,.newslogos-ign,.newslogos-joystiq,.newslogos-killscreen,.newslogos-kotaku,.newslogos-nbf,.newslogos-nyt,.newslogos-oneup,.newslogos-play,.newslogos-playstation,.newslogos-polygon,.newslogos-schools,.newslogos-scientificamerican,.newslogos-shack,.newslogos-spike,.newslogos-telegraph,.newslogos-time,.newslogos-usatoday,.newslogos-venturebeat,.newslogos-vg,.newslogos-wired,.newslogos-wsj,.newslogos-yahoo {
	background:url(../img/newslogos-s38227659d8.png) no-repeat;
}
.newslogos-area {
	background-position:0 -360px;
	height:20px;
	width:38px;
}
.newslogos-complex {
	background-position:0 -560px;
	height:20px;
	width:95px;
}
.newslogos-cvg {
	background-position:0 -620px;
	height:20px;
	width:45px;
}
.newslogos-destructoid {
	background-position:0 -780px;
	height:20px;
	width:21px;
}
.newslogos-discoverynews {
	background-position:0 -157px;
	height:45px;
	width:46px;
}
.newslogos-edge {
	background-position:0 -800px;
	height:20px;
	width:97px;
}
.newslogos-escapist {
	background-position:0 -300px;
	height:20px;
	width:45px;
}
.newslogos-eurogamer {
	background-position:0 -480px;
	height:20px;
	width:108px;
}
.newslogos-ew {
	background-position:0 -420px;
	height:20px;
	width:50px;
}
.newslogos-forbes {
	background-position:0 -460px;
	height:20px;
	width:84px;
}
.newslogos-g4 {
	background-position:0 -820px;
	height:20px;
	width:16px;
}
.newslogos-gamasutra {
	background-position:0 -280px;
	height:20px;
	width:67px;
}
.newslogos-gameinformer {
	background-position:0 -760px;
	height:20px;
	width:127px;
}
.newslogos-gamesindustry {
	background-position:0 -320px;
	height:20px;
	width:90px;
}
.newslogos-gamespot {
	background-position:0 -440px;
	height:20px;
	width:63px;
}
.newslogos-gamesradar {
	background-position:0 -222px;
	height:20px;
	width:76px;
}
.newslogos-gametrailers {
	background-position:0 -580px;
	height:20px;
	width:23px;
}
.newslogos-giantbomb {
	background-position:0 -700px;
	height:20px;
	width:28px;
}
.newslogos-ign {
	background-position:0 -600px;
	height:20px;
	width:68px;
}
.newslogos-joystiq {
	background-position:0 -520px;
	height:20px;
	width:54px;
}
.newslogos-killscreen {
	background-position:0 -540px;
	height:20px;
	width:49px;
}
.newslogos-kotaku {
	background-position:0 -242px;
	height:20px;
	width:72px;
}
.newslogos-nbf {
	background-position:0 -340px;
	height:20px;
	width:94px;
}
.newslogos-nyt {
	background-position:0 -262px;
	height:18px;
	width:123px;
}
.newslogos-oneup {
	background-position:0 -640px;
	height:20px;
	width:51px;
}
.newslogos-play {
	background-position:0 -720px;
	height:20px;
	width:83px;
}
.newslogos-playstation {
	background-position:0 -840px;
	height:20px;
	width:21px;
}
.newslogos-polygon {
	background-position:0 -660px;
	height:20px;
	width:56px;
}
.newslogos-schools {
	background-position:0 -400px;
	height:20px;
	width:63px;
}
.newslogos-scientificamerican {
	background-position:0 0;
	height:50px;
	width:118px;
}
.newslogos-shack {
	background-position:0 -202px;
	height:20px;
	width:51px;
}
.newslogos-spike {
	background-position:0 -680px;
	height:20px;
	width:33px;
}
.newslogos-telegraph {
	background-position:0 -77px;
	height:20px;
	width:116px;
}
.newslogos-time {
	background-position:0 -137px;
	height:20px;
	width:67px;
}
.newslogos-usatoday {
	background-position:0 -740px;
	height:20px;
	width:28px;
}
.newslogos-venturebeat {
	background-position:0 -97px;
	height:20px;
	width:154px;
}
.newslogos-vg {
	background-position:0 -500px;
	height:20px;
	width:76px;
}
.newslogos-wired {
	background-position:0 -380px;
	height:20px;
	width:96px;
}
.newslogos-wsj {
	background-position:0 -50px;
	height:27px;
	width:145px;
}
.newslogos-yahoo {
	background-position:0 -117px;
	height:20px;
	width:106px;
}
#home .hero {
  background: url(../images/heroremastered.png) top left no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#home .hero.lb {
  background: url(../images/heroLBstandalone.jpg) top left no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#home .hero .hero-content {
  width: 1120px;
  margin: auto;
}
#home .hero .hero-content-container {
  position: absolute;
}
#home .hero .quote {
  width: 600px;
  padding: 210px 0 0 0;
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 69px;
  font-weight: bold;
  line-height: 73px;
  color: #ebf0e6;
}
.quote_release {
  padding:35px 0 0 0;
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: bold;
  color: #ebf0e6;
}
#home .hero .quote a {
  color: #ebf0e6;
}
#home .hero .by {
  font-family: 'Roboto Condensed';
  font-size: 14px;
  color: #85847c;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 20px 0 60px 0;
}
#home .hero .select {
  padding-left: 0;
}
#home .watch-trailer {
  position: relative;
  display: none;
}
#home .watch-trailer h2 {
  font-size: 15px;
  font-family: 'Roboto Condensed';
  color: #bd6b30;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#home .watch-trailer iframe {
  width: 1012px;
  height: 570px;
}
#home .watch-trailer .description {
  background: url(../img/pattern-dark.png);
  padding: 25px 35px;
  font-size: 14px;
  margin: -5px 0 0 0;
}
#home .watch-trailer .description h3 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 1px;
  font-weight: normal;
  margin: 0 0 13px 0;
}
#home .touts {
  background: url(../img/pattern-dark.png);
  padding: 70px 0 35px 0;
  text-align: center;
  border-bottom: 1px solid #000;
  position: relative;
}
#home .touts a, #home .touts a:hover {
  color: #7c7e78;
}
#home .touts ul {
  width: 1205px;
  padding: 0 0 30px 0;
  margin: 0 auto 30px auto;
  text-align: left;
}
#home .touts ul li {
  width: 385px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
#home .touts ul li img {
  width: 385px;
  height: 215px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-backface-visibility: hidden;
}
#home .touts ul li a h2 {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#home .touts ul li a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#home .touts ul li a:hover h2 {
  color: #c5c8c1;
}
#home .touts ul li h2 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 25px 0 5px 0;
}
#home .touts ul li:last-child {
  margin: 0;
}
#home .touts .prev,#home .touts .next {
	top:180px;
}
#home .touts .metacritic-container {
	border-top:1px solid #191815;
	margin-top:30px;
}
#home .touts .metacritic, .left-behind-review .metacritic {
	width:54px;
	height:55px;
	background:#5f9b43 url(../img/metacritic.png) bottom left no-repeat;
	margin-top:30px;
	font-size:32px;
	color:#fff;
	font-weight:700;
	display:inline-block;
}
#home .touts .metacritic a, .left-behind-review .metacritic a {
  width: inherit;
  height: inherit;
  color: #fff;
  display: block;
}
#home .touts .quote-line {
  display: none;
}
#home .touts .quote, .left-behind-review .quote {
	font-style:italic;
	font-weight:300;
	font-size:18px;
	color:#7d807a;
	vertical-align:top;
	display:inline-block;
	padding:40px 0 0 30px;
}

.left-behind-review .quote{
  width:1000px;
}
#home .touts .by, .left-behind-review .by {
	font-family:'Roboto Condensed';
	font-size:14px;
	text-transform:uppercase;
	color:#bd6b30;
	letter-spacing:0;
	vertical-align:top;
	display:inline-block;
	padding:45px 0 0 25px;
}
#home .news, #dlc .news {
	background:url(../img/pattern-light.png);
	position:relative;
	padding:60px 0;
}
#home .news .news-content, #dlc .news .news-content {
  width: 1190px;
  margin: auto;
}
#home .news a, #home .news a:hover, #dlc .news a, #dlc .news a:hover {
  color: #7c7e78;
}
#home .news h2, #dlc .news h2 {
	font-family:'Roboto Condensed';
	font-size:15px;
	font-weight:400;
	color:#bd6b30;
	text-transform:uppercase;
	padding:0 0 10px;
}
#home .news ul, #dlc .news ul {
	height:250px;
	margin:0;
}
#home .news ul li, #dlc .news ul li {
	list-style:none;
	width:440px;
	height:250px;
	display:inline-block;
}
#home .news ul li .news-item, #dlc .news ul li .news-item {
  height: 190px;
  overflow: hidden;
}
#home .news ul li a h3, #dlc .news ul li a h3 {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#home .news ul li a:hover h3, #dlc .news ul li a:hover h3 {
  color: #bd6b30;
}
#home .news ul li .source, #dlc .news ul li .source {
  width: 65px;
  padding: 5px 0 0 0;
  font-size: 11px;
  text-transform: uppercase;
  color: #bd6b30;
  text-align: left;
  float: left;
}
#home .news ul li .newslogo, #dlc .news ul li .newslogo {
  float: left;
}
#home .news ul li .date, #dlc .news ul li .date {
  width: 100px;
  padding: 5px 0 0 0;
  font-size: 11px;
  color: #bd6b30;
  text-align: right;
  float: right;
}
#home .news ul li .source a, #home .news ul li .date a, #dlc .news ul li .source a, #dlc .news ul li .date a {
  color: #bd6b30;
}
#home .news h3, #dlc .news h3 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #c5c8c1;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
#home .news .prev {
	background:#10100d url(../img/arrow-left-grey.png) no-repeat center;
}
#home .news .next {
  background: #10100d url(../img/arrow-right-grey.png) no-repeat center;
}
#home .news .prev, #home .news .next {
  background-color: #10100d;
  top: 150px;
}
#home .news .prev.off, #home .news .next.off {
  cursor: default;
}
#home .news .prev.off:hover, #home .news .next.off:hover {
  background-color: #10100d;
}
#home .news .prev:hover, #home .news .next:hover {
  background-color: #fff;
}
#home .social-boxes {
	background:url(../img/pattern-dark.png);
	text-align:center;
	padding:60px 0;
}
#home .social-boxes .twitter-feed {
	margin-right:30px;
}
#home .social-boxes .twitter-feed ul li {
	list-style:none;
	border-bottom:1px solid #1a1916;
	position:relative;
	padding:15px 0;
}
#home .social-boxes .twitter-feed ul li img {
	width:48px;
	height:48px;
	display:inline-block;
}
#home .social-boxes .twitter-feed ul li .tweet {
  width: 500px;
  padding: 0 0 0 25px;
  vertical-align: top;
  display: inline-block;
}
#home .social-boxes .twitter-feed ul li a {
  color: #bd6b30;
}
#home .social-boxes .twitter-feed ul li .date {
  position: absolute;
  right: 0;
  bottom: 10px;
  font-family: 'Roboto Condensed';
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #bd6b30;
}
#home .social-boxes .twitter-feed, #home .social-boxes .facebook-page {
  width: 600px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
#home .social-boxes .twitter-feed h2, #home .social-boxes .facebook-page h2 {
  font-family: 'Roboto Condensed';
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 30px;
  color: #bd6b30;
  text-transform: uppercase;
}
#home .social-boxes .twitter-feed a:hover, #home .social-boxes .facebook-page a:hover {
  color: #c5c8c1;
}
#home .social-boxes .fb_iframe_widget, #home .social-boxes .fb_iframe_widget span, #home .social-boxes .fb_iframe_widget span iframe[style] {
  width: 600px !important;
}

#home #slides{
  height: 890px;
}

#characters h2, #story h2, #dlc h2 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 26px;
  color: #bd6b30;
  padding: 0 0 20px 0;
  margin: 0;
}
#characters p, #story p, #dlc p {
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
}
#characters .background, #story .background, #dlc .background {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 1000px;
}
#characters .joel-bg, #story .joel-bg, #dlc .joel-bg {
  background: url(../img/joel-bg.jpg) no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#characters .ellie-bg, #story .ellie-bg, #dlc .ellie-bg {
  background: url(../img/ellie-bg.jpg) no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-bottom: none;
}
#characters .character, #story .character, #dlc .character {
  background: #0e0e0c url(../img/pattern.png);
  padding: 250px 0;
}
#characters .character-content, #story .character-content, #dlc .character-content {
  width: 1020px;
  height: 320px;
  margin: auto;
}
#characters .joel, #story .joel, #dlc .joel {
  background: url(../img/joel.png) top left no-repeat;
  width: 280px;
  height: 320px;
  margin-right: 30px;
  float: left;
}
#characters .ellie, #story .ellie, #dlc .ellie {
  background: url(../img/ellie.png) top left no-repeat;
  width: 280px;
  height: 320px;
  margin-right: 30px;
  float: left;
}
#characters .character-info, #story .character-info, #dlc .character-info {
  width: 700px;
  height: 320px;
  display: table;
  float: left;
}
#characters .character-info div, #story .character-info div, #dlc .character-info div {
  display: table-cell;
  vertical-align: middle;
}
#characters .story, #story .story, #dlc .story {
  background: #0e0e0c url(../img/pattern.png);
  padding: 300px 0;
}
#characters .story p, #story .story p, #dlc .story p {
  width: 800px;
  margin: auto;
  font-size: 21px;
  line-height: 36px;
  display: block;
}
#characters .story-1, #story .story-1, #dlc .story-1 {
  background: url(../img/story-1.jpg) 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#characters .story-2, #story .story-2, #dlc .story-2 {
  background: url(../img/story-2.jpg) 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#characters .story-3, #story .story-3, #dlc .story-3 {
  background: url(../img/story-5.png) 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#characters .story-4, #story .story-4, #dlc .story-4 {
  background: url(../img/story-4.jpg) 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-bottom: none;
}

#story .story-1.lb{
  background: url(../images/lb-bg1.png) 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#story .story-2.lb{
  background: url(../images/lb-bg2.png) 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#story .story-3.lb{
  background: url(../images/lb-bg3.png) 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#media .background {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 1000px;
}
#media .media-1 {
	background:url(../img/media-1.jpg) 80% 0 no-repeat fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#media .media-2 {
  background: url(../img/media-2.jpg) 50% 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#media .panel {
  background: #0e0e0c url(../img/pattern.png);
  min-height: 820px;
}
#media .screenshots .panel-content, #media .downloads .panel-content {
  padding: 100px 0;
  position: relative;
}
#media .panel-content {
  width: 1020px;
  padding: 50px 0 75px 0;
  margin: auto;
}
#media .panel-content h2 {
  font-size: 15px;
  font-family: 'Roboto Condensed';
  color: #bd6b30;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#media .panel-content .video, #media .panel-content .screenshot, #media .panel-content .screenshot img, #media .panel-content .wallpaper, #media .panel-content .wallpaper img {
  width: 1020px;
  height: 570px;
  position: relative;
}
#media .panel-content .viewport {
  background: url(../img/preloader.gif) center center no-repeat;
}
#media .panel-content .video iframe {
  width: 1020px;
  height: 570px;
}
#media .panel-content .share-close {
  width: 40px;
  height: 40px;
  background: #2d2c26 url(../img/close.png) no-repeat center;
  position: absolute;
  top: 152px;
  right: 7px;
  cursor: pointer;
  z-index: 10;
  display: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#media .panel-content .share-close:hover {
  background-color: #fff;
}
#media .panel-content .share {
  top: 15px;
  right: 7px;
  position: absolute;
  z-index: 10;
}
#media .panel-content .share-row {
  top: 387px;
  left: 230px;
  position: absolute;
  z-index: 20;
  display: none;
}
#media .panel-content .share-row .twitter, #media .panel-content .share-row .facebook, #media .panel-content .share-row .tumblr, #media .panel-content .share-row .delicious, #media .panel-content .share-row .stumble, #media .panel-content .share-row .pinterest {
  width: 70px;
  height: 70px;
  margin-right: 27px;
}
#media .panel-content .zoom, #media .panel-content .download {
  top: 60px;
  right: 7px;
  position: absolute;
  z-index: 10;
}
#media .panel-content .screenshot-zoom {
  display: none;
}
#media .panel-content .screenshot-zoom .close {
  top: 15px;
  right: 15px;
  position: fixed;
}
#media .panel-content .sizes {
	width:1020px;
	top:250px;
	left:0;
	position:absolute;
	text-align:center;
	z-index:50;
	display:none;
}
#media .panel-content .sizes h3 {
	width:250px;
	font-family:Oswald, serif;
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:26px;
	text-align:center;
	color:#bd6b30;
	border-bottom:1px solid #222;
	margin-left:-4px;
	display:inline-block;
	padding:0 0 20px;
}
#media .panel-content .sizes .size {
	width:250px;
	color:#878787;
	font-weight:200;
	line-height:24px;
	vertical-align:top;
	display:inline-block;
	padding:10px 0;
}
#media .panel-content .sizes .size .column {
	width:120px;
	display:inline-block;
	vertical-align:top;
}
#media .panel-content .sizes .size a {
  color: #878787;
  display: block;
}
#media .panel-content .sizes .size a:hover {
  color: #bd6b30;
}
#media .panel-content section {
  width: 950px;
  height: 120px;
  padding: 20px 35px;
  background: url(../img/pattern-dark.png);
  text-align: center;
  position: relative;
}
#media .panel-content section h3 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  text-transform: uppercase;
  color: #bd6b30;
  font-size: 26px;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
}
#media .panel-content section p {
  font-size: 14px;
}
#media .panel-content section ul img {
  width: 140px;
  height: auto;
  margin-bottom: 15px;
  border: 1px solid transparent;
  cursor: pointer;
}
#media .panel-content section ul img.active, #media .panel-content section ul img.active:hover {
  border: 1px solid #bd6b30;
}
#media .panel-content section ul img.active:hover {
  cursor: default;
}
#media .panel-content section ul img:hover {
  border: 1px solid #fff;
}
#media .panel-content section .prev, #media .panel-content section .next {
  width: 40px;
  height: 40px;
  top: 55px;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#media .panel-content section .prev:hover, #media .panel-content section .next:hover {
  background-color: #ebf0e6;
}
#media .panel-content section .prev.off, #media .panel-content section .next.off {
  cursor: default;
}
#media .panel-content section .prev.off:hover, #media .panel-content section .next.off:hover {
  background-color: #2d2c26;
}
#media .panel-content section .prev {
  background: #2d2c26 url(../img/arrow-left-sm.png) no-repeat center;
  left: -20px;
}
#media .panel-content section .next {
  background: #2d2c26 url(../img/arrow-right-sm.png) no-repeat center;
  right: -20px;
}
#media .panel-content section .bx-wrapper {
  margin: 0 auto;
}

.purchase-sprite, .purchase-post-pandemic-edition-m, .purchase-post-pandemic-edition, .purchase-sights-sounds-pack-m, .purchase-sights-sounds-pack, .purchase-standard-edition-m, .purchase-standard-edition, .purchase-survival-edition-m, .purchase-survival-edition, .purchase-survival-pack-m, .purchase-survival-pack {
  background: url('../img/purchase-sedfaa74af8.png') no-repeat;
}

.lb-edition{
  background: url('../img/purchase/lb-edition.png');
  width:360px;
  height: 304px;
}

.purchase-post-pandemic-edition-m {
	background-position:0 -1315px;
	height:200px;
	width:250px;
}
.purchase-post-pandemic-edition {
	background-position:0 -359px;
	height:336px;
	width:420px;
}
.purchase-sights-sounds-pack-m {
	background-position:0 -1861px;
	height:80px;
	width:300px;
}
.purchase-sights-sounds-pack {
	background-position:0 -999px;
	height:130px;
	width:490px;
}
.purchase-standard-edition-m {
	background-position:0 -1515px;
	height:216px;
	width:200px;
}
.purchase-standard-edition {
	background-position:0 -695px;
	height:304px;
	width:360px;
}
.remastered-edition-m {
  background: url('../images/purchase/remastered-edition-m.png') no-repeat;
  height:216px;
  width:200px;
}
.remastered-edition {
  background: url('../images/purchase/remastered-edition.png') no-repeat;
  height:304px;
  width:360px;
}
.purchase-survival-edition-m {
	background-position:0 -1129px;
	height:186px;
	width:250px;
}
.purchase-survival-edition {
	background-position:0 0;
	height:359px;
	width:483px;
}
.purchase-survival-pack-m {
	background-position:0 -1941px;
	height:80px;
	width:300px;
}
.purchase-survival-pack {
	background-position:0 -1731px;
	height:130px;
	width:490px;
}
#purchase-now .purchase-heading {
	width:970px;
	position:relative;
	margin:auto;
}
#purchase-now h2 {
	width:100%;
	font-family:'Roboto Condensed';
	font-size:15px;
	font-weight:400;
	border-bottom:1px solid #1e1d19;
	padding-bottom:30px;
	color:#bd6b30;
	text-transform:uppercase;
	margin:60px auto 0;
}
#purchase-now .share {
	top:-12px;
	right:0;
	position:absolute;
	z-index:10;
}
#purchase-now .share-box {
	top:-12px;
	right:0;
	width:40px;
	height:40px;
	z-index:1;
	overflow:hidden;
	position:absolute;
}
#purchase-now .share-box .delicious,#purchase-now .share-box .pinterest {
	-webkit-background-size:35% 35%;
	-moz-background-size:35% 35%;
	-o-background-size:35% 35%;
	background-size:35% 35%;
}
#purchase-now .share-box .twitter {
	-webkit-background-size:40% 40%;
	-moz-background-size:40% 40%;
	-o-background-size:40% 40%;
	background-size:40% 40%;
}
#purchase-now .share-box .facebook {
	-webkit-background-size:20% 15%;
	-moz-background-size:20% 15%;
	-o-background-size:20% 15%;
	background-size:20% 15%;
}
#purchase-now .share-box .tumblr {
	-webkit-background-size:28% 25%;
	-moz-background-size:28% 25%;
	-o-background-size:28% 25%;
	background-size:28% 25%;
}
#purchase-now .share-box .stumble {
	-webkit-background-size:50% 50%;
	-moz-background-size:50% 50%;
	-o-background-size:50% 50%;
	background-size:50% 50%;
}
#purchase-now section {
	padding:70px 0 15px 0;
}
#purchase-now section.post-pandemic {
	padding-top:90px;
	background:url(../img/pattern-light.png);
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#purchase-now section.digital {
  background: url(../img/pattern-light.png);
  border: 1px solid #000;
}
#purchase-now section.digital .retailer {
  clear: both;
}
#purchase-now section.standard {
	padding-top:100px;
}
#purchase-now section.remastered {
  background: url(../img/pattern-light.png);
  border: 1px solid #000;
}
#purchase-now .edition {
	width:1030px;
	margin:auto;
	padding:0 0 100px;
}
#purchase-now .edition .details ul li,#purchase-now .edition .pack ul li {
	list-style:none;
	padding:0 0 5px;
}
#purchase-now .edition .details ul li:before,#purchase-now .edition .pack ul li:before {
	content:"•";
	color:#bd6b30;
	padding:0 25px 0 0;
}
#purchase-now .edition .set {
	width:520px;
	height:400px;
	display:inline-block;
  float: left;
}
#purchase-now .edition .details {
	width:490px;
	font-size:14px;
	padding-top:40px;
	display:inline-block;
	vertical-align:top;
}
#purchase-now .edition .details h3 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 30px;
  color: #c0c3bb;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
#purchase-now .edition .details .msrp {
	color:#bd6b30;
	font-family:'Roboto Condensed';
	font-size:15px;
	letter-spacing:2px;
	padding:0 0 30px;
}
#purchase-now .edition .retailer {
	width:982px;
	height:15px;
	background:#bd6b30;
	font-family:Oswald, serif;
	letter-spacing:1px;
	font-size:15px;
	font-weight:700;
	line-height:15px;
	text-transform:uppercase;
	color:#000;
	position:relative;
	margin:45px 0 0;
	padding:10px 12px;
}
#purchase-now .edition .arrow {
	top:0;
	right:0;
	position:absolute;
}
#purchase-now .edition ul.retailers {
	margin:0;
	padding:0 10px;
}
#purchase-now .edition ul.retailers li {
	background:url(../img/arrow-orange.png) center left no-repeat;
	font-family:Oswald, serif;
	letter-spacing:1px;
	font-size:15px;
	font-weight:700;
	color:#9d9f9a;
	text-transform:uppercase;
	display:inline-block;
	margin:30px 100px 0 0;
	padding:0 0 0 20px;
}
#purchase-now .edition ul.retailers li span.asterisk {
	color:#bd6b30;
	font-weight:400;
}
#purchase-now .edition ul.retailers li a {
	color:#9d9f9a;
}
#purchase-now .edition ul.retailers li a:hover {
  color: #fff;
}
#purchase-now .edition ul.retailers li:last-child {
  margin-right: 0;
}
#purchase-now .edition .shop_buttons{
  display: inline-block;
}

.shop_buttons .digital button, .shop_buttons .disc button{
  width:167px;
  height: 45px;
  text-align: center;
}

.shop_buttons .digital{
  float:left;
  margin:0 20px 0 0;
}

.shop_buttons .disc{
  float:left;
}

#purchase-now .remaster_modal{
  position: relative;
  display: none;
  width:635px;
  height: 481px;
  background: white url(../img/pattern-white.png);
}

#purchase-now .remaster_modal .close{
  top:-40px;
}

#purchase-now .remaster_modal .shops{
  padding:10px 25px 10px 10px;
  list-style-type: none;
}

#purchase-now .remaster_modal .shops li{
  width: 100%;
  border-bottom: 1px solid #000;
  display: inline-block;
  margin-bottom: 18px;
  padding: 7px;
}

#purchase-now .remaster_modal .shops .logo, #purchase-now .remaster_modal .shops .msrp{
  float: left;
}

#purchase-now .remaster_modal .shops .logo{
  margin: 0 300px 0 0;
}

#purchase-now .remaster_modal .shops .msrp{
  vertical-align: middle;
  display: inline-block;
  line-height: 45px;
  color: #000;
}

#purchase-now .remaster_modal .shops .store_link{
  float: right;
}

#purchase-now .mobile{
  display: none;
}

/****REG ****/
#purchase-now .reg_modal{
  position: relative;
  display: none;
  width:635px;
  height: 481px;
  background: white url(../img/pattern-white.png);
}

#purchase-now .reg_modal .close{
  top:-40px;
}

#purchase-now .reg_modal .shops{
  padding:10px 25px 10px 10px;
  list-style-type: none;
}

#purchase-now .reg_modal .shops li{
  width: 100%;
  border-bottom: 1px solid #000;
  display: inline-block;
  margin-bottom: 18px;
  padding: 7px;
}

#purchase-now .reg_modal .shops .logo, #purchase-now .remaster_modal .shops .msrp{
  float: left;
}

#purchase-now .reg_modal .shops .logo{
  margin: 0 300px 0 0;
}

#purchase-now .reg_modal .shops .msrp{
  vertical-align: middle;
  display: inline-block;
  line-height: 45px;
  color: #000;
}

#purchase-now .reg_modal .shops .store_link{
  float: right;
}

.dlc-sprite, .dlc-amazon-logo, .dlc-american, .dlc-australian, .dlc-austrian, .dlc-belgian, .dlc-best-buy-logo, .dlc-bone-mask, .dlc-brazilian, .dlc-canadian, .dlc-chinese, .dlc-cuban, .dlc-dark-horse, .dlc-deadmans-mask, .dlc-derby-mask, .dlc-dutch, .dlc-filipino, .dlc-finnish, .dlc-firebrand-mask, .dlc-french, .dlc-gamestop-logo, .dlc-german, .dlc-ghost-mask, .dlc-graphic-novel-american-dreams, .dlc-italian, .dlc-japanese, .dlc-korean, .dlc-left-behind-logo, .dlc-mexican, .dlc-nightmare-mask-2, .dlc-nightmare-mask, .dlc-painted-skull-mask, .dlc-playstation-store-logo, .dlc-playstation-store, .dlc-portuguese, .dlc-russian, .dlc-skull-helmet, .dlc-spanish, .dlc-unitedkingdom, .dlc-upgrades, .dlc-vietnamese, .dlc-wraith-mask {
  background: url('../img/dlc-s3b858a313a.png') no-repeat;
}

.dlc-amazon-logo {
  background-position: 0 -7110px;
  height: 20px;
  width: 104px;
}

.dlc-american {
  background-position: 0 -2640px;
  height: 186px;
  width: 186px;
}
.dlc-australian {
  background-position: 0 -3198px;
  height: 186px;
  width: 186px;
}
.dlc-austrian {
  background-position: 0 -4314px;
  height: 186px;
  width: 186px;
}
.dlc-belgian {
  background-position: 0 -6174px;
  height: 186px;
  width: 186px;
}

.dlc-best-buy-logo {
  background-position: 0 -7038px;
  height: 35px;
  width: 51px;
}
.dlc-bone-mask {
  background-position: 0 -1160px;
  height: 185px;
  width: 185px;
}
.dlc-brazilian {
  background-position: 0 -3756px;
  height: 186px;
  width: 186px;
}
.dlc-canadian {
  background-position: 0 -3942px;
  height: 186px;
  width: 186px;
}
.dlc-chinese {
  background-position: 0 -6360px;
  height: 186px;
  width: 186px;
}
.dlc-cuban {
  background-position: 0 -2826px;
  height: 186px;
  width: 186px;
}

.dlc-dark-horse {
  background-position: 0 -7073px;
  height: 37px;
  width: 139px;
}
.dlc-deadmans-mask {
  background-position: 0 -1900px;
  height: 185px;
  width: 185px;
}
.dlc-derby-mask {
  background-position: 0 -1715px;
  height: 185px;
  width: 185px;
}
.dlc-dutch {
  background-position: 0 -3570px;
  height: 186px;
  width: 186px;
}
.dlc-filipino {
  background-position: 0 -3384px;
  height: 186px;
  width: 186px;
}
.dlc-finnish {
  background-position: 0 -4500px;
  height: 186px;
  width: 186px;
}
.dlc-firebrand-mask {
  background-position: 0 -1345px;
  height: 185px;
  width: 185px;
}
.dlc-french {
  background-position: 0 -5802px;
  height: 186px;
  width: 186px;
}

.dlc-gamestop-logo {
  background-position: 0 -7009px;
  height: 29px;
  width: 116px;
}
.dlc-german {
  background-position: 0 -5988px;
  height: 186px;
  width: 186px;
}
.dlc-ghost-mask {
  background-position: 0 -1530px;
  height: 185px;
  width: 185px;
}

.dlc-graphic-novel-american-dreams {
  background-position: 0 0;
  height: 602px;
  width: 386px;
}

.dlc-italian {
  background-position: 0 -4872px;
  height: 186px;
  width: 186px;
}
.dlc-japanese {
  background-position: 0 -6546px;
  height: 186px;
  width: 186px;
}
.dlc-korean {
  background-position: 0 -4686px;
  height: 186px;
  width: 186px;
}

.dlc-left-behind-logo {
  background-position: 0 -602px;
  height: 187px;
  width: 479px;
}
.dlc-mexican {
  background-position: 0 -5058px;
  height: 186px;
  width: 186px;
}
.dlc-nightmare-mask-2 {
  background-position: 0 -975px;
  height: 185px;
  width: 185px;
}
.dlc-nightmare-mask {
  background-position: 0 -789px;
  height: 186px;
  width: 186px;
}
.dlc-painted-skull-mask {
  background-position: 0 -2455px;
  height: 185px;
  width: 185px;
}

.dlc-playstation-store-logo {
  background-position: 0 -6953px;
  height: 56px;
  width: 68px;
}

.dlc-playstation-store {
  background-position: 0 -6892px;
  height: 61px;
  width: 170px;
}
.dlc-portuguese {
  background-position: 0 -5244px;
  height: 186px;
  width: 186px;
}
.dlc-russian {
  background-position: 0 -5430px;
  height: 186px;
  width: 186px;
}
.dlc-skull-helmet {
  background-position: 0 -2270px;
  height: 185px;
  width: 185px;
}
.dlc-spanish {
  background-position: 0 -4128px;
  height: 186px;
  width: 186px;
}
.dlc-unitedkingdom {
  background-position: 0 -3012px;
  height: 186px;
  width: 186px;
}
.dlc-upgrades {
  background-position: 0 -6732px;
  height: 160px;
  width: 160px;
}
.dlc-vietnamese {
  background-position: 0 -5616px;
  height: 186px;
  width: 186px;
}
.dlc-wraith-mask {
	background-position:0 -1159px;
	height:185px;
	width:185px;
}

.dlc-army-helmet img {
  height: 185px;
  width: 184px;
}
.dlc-battle-mask img {
  height: 185px;
  width: 184px;
}
.dlc-bike-cop-helmet img {
  height: 185px;
  width: 184px;
}
.dlc-desert-camo-helmet img {
  height: 185px;
  width: 184px;
}
.dlc-flight-cap img{
  height: 185px;
  width: 184px;
}
.dlc-heavy-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-helicopter-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-police-cap img{
  height: 185px;
  width: 184px;
}
.dlc-tanker-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-blaze-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-camo-dirt-bike-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-desert-mask img{
  height: 185px;
  width: 184px;
}
.dlc-dirt-bike-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-flight-cap img{
  height: 185px;
  width: 184px;
}
.dlc-dive-goggles img{
  height: 185px;
  width: 184px;
}
.dlc-flame-motorcycle-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-glossy-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-tanker-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-motorcycle-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-hero-mask img{
  height: 185px;
  width: 184px;
}
.dlc-hunter-cap img{
  height: 185px;
  width: 184px;
}
.dlc-knit-cap img{
  height: 185px;
  width: 184px;
}
.dlc-leather-hat img{
  height: 185px;
  width: 184px;
}
.dlc-mesh-mask img{
  height: 185px;
  width: 184px;
}
.dlc-pigskin-hat img{
  height: 185px;
  width: 184px;
}
.dlc-rooster-hat img{
  height: 185px;
  width: 184px;
}
.dlc-sidecar-helmet img{
  height: 185px;
  width: 184px;
}
.dlc-welding-helmet img{
  height: 185px;
  width: 184px;
}




#dlc #main p {
	clear:both;
	line-height:20px;
	padding:10px 0;
}
#dlc .hero {
  height: 590px;
}
#dlc .hero.season-pass {
	background:url(../img/hero-season-pass.jpg) top left no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}
#dlc .hero.left-behind {
  background: url(../img/hero-left-behind.jpg) top left no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#dlc .hero.left-behind .title {
  padding-top: 150px;
}
#dlc .hero.left-behind .retail-logos {
  padding-top: 15px;
  display: block;
}
#dlc .hero.left-behind .retail-logos div {
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
#dlc .hero.abandoned {
	background:url(../img/hero-abandoned.jpg) top left no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}
#dlc .hero.add-on {
	background:url(../img/hero-head-items.jpg) top left no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}
#dlc .hero.reclaimed {
  background:url(../img/hero-reclaimed.jpg) top left no-repeat;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  -o-background-size:100% auto;
  background-size:100% auto;
}
#dlc .hero.treacherous {
  background:url(../img/hero_beach.jpg) top left no-repeat;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;
  -o-background-size:100% auto;
  background-size:100% auto;
}
#dlc .hero.add-on .title {
	padding-top:155px;
	font-size:65px;
}
#dlc .hero.add-on .select {
  margin-bottom: 50px;
}
#dlc .hero .hero-content {
  width: 1120px;
  margin: auto;
}
#dlc .hero .hero-content-container {
  position: absolute;
}
#dlc .hero .title {
  width: 600px;
  padding: 210px 0 20px 0;
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 72px;
  font-weight: bold;
  line-height: 73px;
  color: #ebf0e6;
}
#dlc .hero .title a {
  color: #ebf0e6;
}
#dlc .hero .title sup {
	font-size:30px;
	top:-1.3em;
}
#dlc .hero .description {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 24px;
  color: #ebf0e6;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 0 20px 0;
}
#dlc .hero .description .srp {
  font-weight: 100;
}
#dlc .hero .select {
  padding-left: 0;
}
#dlc .hero .release {
  width: 1000px;
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 24px;
  color: #ebf0e6;
}
#dlc .hero .release a, #dlc .hero .release a:hover {
  color: #ebf0e6;
}
#dlc .hero .release div {
	vertical-align:middle;
	display:inline-block;
}
#dlc .hero .release .dlc-playstation-store {
  margin-left: -10px;
  display: inline-block;
}
#dlc .hero .release .blurb {
  width: 80%;
  display: inline-block;
}
#dlc .hero .release .bold {
  font-weight: bold;
  color: #bd6b30;
}
#dlc .watch-trailer {
  position: relative;
  display: none;
}
#dlc .watch-trailer h2 {
  font-size: 15px;
  font-family: 'Roboto Condensed';
  color: #bd6b30;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#dlc .watch-trailer iframe {
  width: 1012px;
  height: 570px;
}
#dlc .watch-trailer .description {
  background: url(../img/pattern-dark.png);
  padding: 25px 35px;
  font-size: 14px;
  margin: -5px 0 0 0;
}
#dlc .watch-trailer .description h3 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 1px;
  font-weight: normal;
  margin: 0 0 13px 0;
}
#dlc .video.trech{
  text-align: inherit;
  margin: 0 auto;
  width: 1000px;
}
#dlc .video {
	text-align:center;
	border-bottom:1px solid #000;
	padding:70px 0;
}
#dlc .video iframe {
	width:1020px;
	max-width:100%;
	height:570px;
}
#dlc .touts {
	background:url(../img/pattern-dark.png);
	text-align:center;
	border-bottom:1px solid #1c1b17;
	position:relative;
	padding:70px 0 35px;
}
#dlc .touts h2 {
  font-family: 'Roboto Condensed';
  font-size: 15px;
  font-weight: normal;
  color: #bd6b30;
  text-align: left;
  width: 1205px;
  margin: auto;
  text-transform: uppercase;
  padding: 0 0 30px 0;
}
#dlc .touts a, #dlc .touts a:hover {
  color: #7c7e78;
}
#dlc .touts ul {
  width: 1205px;
  padding: 0 0 30px 0;
  margin: 0 auto 30px auto;
  text-align: left;
}
#dlc .touts ul li {
  width: 385px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
#dlc .touts ul li img {
  width: 385px;
  height: 215px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-backface-visibility: hidden;
}
#dlc .touts ul li a h3 {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#dlc .touts ul li a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#dlc .touts ul li a:hover h3 {
  color: #c5c8c1;
}
#dlc .touts ul li h3 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: bold;
  margin: 0;
  padding: 25px 0 5px 0;
}
#dlc .touts ul li:last-child {
  margin: 0;
}
#dlc .exclusives {
	width:1205px;
	margin:auto;
}
#dlc .exclusives h2 {
	font-family:'Roboto Condensed';
	font-size:15px;
	font-weight:400;
	color:#bd6b30;
	text-align:left;
	text-transform:uppercase;
	padding:50px 0 30px;
}
#dlc .exclusives ul {
	padding:0 0 30px;
}
#dlc .exclusives ul li {
  width: 600px;
  display: inline-block;
  vertical-align: top;
}
#dlc .exclusives ul li div {
  float: left;
}
#dlc .exclusives ul li h3 {
	font-family:Oswald, serif;
	letter-spacing:1px;
	font-size:22px;
	width:300px;
	color:#ebf0e6;
	text-transform:uppercase;
	font-weight:400;
	float:left;
	margin:0;
	padding:0 0 0 30px;
}
#dlc .exclusives ul li ul {
  width: 350px;
  margin: 20px 0 0 30px;
  float: left;
}
#dlc .exclusives ul li ul li {
  width: auto;
  display: block;
  list-style: none;
  margin: 0 0 5px 30px;
}
#dlc .exclusives ul li ul li:before {
  content: "•";
  margin-left: -30px;
  color: #bd6b30;
  border: 1px solid transparent;
  position: absolute;
}
#dlc .left-behind-description {
  background: url(../img/pattern-dark.png);
  border-bottom: 1px solid #1a1916;
}
#dlc .left-behind-description .content {
  width: 1020px;
  margin: auto;
  padding: 70px 0;
  font-weight: 300;
}
#dlc .left-behind-description .content p {
  margin: 0;
}
#dlc .graphic-novel {
  background: url(../img/pattern-dark.png);
  border-bottom: 1px solid #1a1916;
}
#dlc .graphic-novel .content {
  width: 1020px;
  margin: auto;
  padding: 70px 0;
  font-weight: 300;
}
#dlc .graphic-novel .content {
  *zoom: 1;
}
#dlc .graphic-novel .content:before, #dlc .graphic-novel .content:after {
  content: "";
  display: table;
}
#dlc .graphic-novel .content:after {
  clear: both;
}
#dlc .graphic-novel .content h3 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 100;
  color: #ebf0e6;
  margin: 0;
  padding: 0;
}
#dlc .graphic-novel .content h3 strong {
  font-size: 500;
}
#dlc .graphic-novel .content .dlc-dark-horse {
  margin-bottom: 25px;
}
#dlc .graphic-novel .content .dlc-graphic-novel-american-dreams {
  float: left;
}
#dlc .graphic-novel .content .description {
  width: 470px;
  margin: 0 0 0 125px;
  float: left;
}
#dlc .graphic-novel .content .select {
  margin-top: 25px;
}
#dlc .faction {
	background:url(../img/pattern-dark.png);
	border-bottom:1px solid #1a1916;
}
#dlc .faction .faction-content {
  width: 1020px;
  margin: auto;
  padding: 30px 0;
  font-weight: 300;
}
#dlc .faction h2 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 1px;
  font-weight: normal;
  color: #ebf0e6;
}
#dlc .faction p {
	margin-top:10px;
}
#dlc .faction ul {
  *zoom: 1;
}
#dlc .faction ul:before, #dlc .faction ul:after {
  content: "";
  display: table;
}
#dlc .faction ul:after {
  clear: both;
}
#dlc .faction li {
  width: auto;
  display: block;
  list-style: none;
  margin: 0 0 5px 30px;
}
#dlc .faction li:before {
  content: "•";
  margin-left: -30px;
  color: #bd6b30;
  border: 1px solid transparent;
  position: absolute;
}
#dlc .screenshots .panel-content {
  padding: 70px 0;
  position: relative;
}
#dlc .panel-content {
  width: 1020px;
  padding: 50px 0 75px 0;
  margin: auto;
}
#dlc .panel-content h2 {
  font-size: 15px;
  font-family: 'Roboto Condensed';
  color: #bd6b30;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#dlc .panel-content .screenshot, #dlc .panel-content .screenshot img {
  width: 1020px;
  height: 570px;
  position: relative;
}
#dlc .panel-content .viewport {
  background: url(../img/preloader.gif) center center no-repeat;
}
#dlc .panel-content .share-close {
  width: 40px;
  height: 40px;
  background: #2d2c26 url(../img/close.png) no-repeat center;
  position: absolute;
  top: 152px;
  right: 7px;
  cursor: pointer;
  z-index: 10;
  display: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#dlc .panel-content .share-close:hover {
  background-color: #fff;
}
#dlc .panel-content .share {
  top: 15px;
  right: 7px;
  position: absolute;
  z-index: 10;
}
#dlc .panel-content .share-row {
  top: 387px;
  left: 230px;
  position: absolute;
  z-index: 20;
  display: none;
}
#dlc .panel-content .share-row .twitter, #dlc .panel-content .share-row .facebook, #dlc .panel-content .share-row .tumblr, #dlc .panel-content .share-row .delicious, #dlc .panel-content .share-row .stumble, #dlc .panel-content .share-row .pinterest {
  width: 70px;
  height: 70px;
  margin-right: 27px;
}
#dlc .panel-content .zoom, #dlc .panel-content .download {
  top: 60px;
  right: 7px;
  position: absolute;
  z-index: 10;
}
#dlc .panel-content .screenshot-zoom {
  display: none;
}
#dlc .panel-content .screenshot-zoom .close {
  top: 15px;
  right: 15px;
  position: fixed;
}
#dlc .panel-content section {
  width: 950px;
  height: 120px;
  padding: 20px 35px;
  background: url(../img/pattern-dark.png);
  text-align: center;
  position: relative;
}
#dlc .panel-content section h3 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  text-transform: uppercase;
  color: #bd6b30;
  font-size: 26px;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
}
#dlc .panel-content section p {
  font-size: 14px;
}
#dlc .panel-content section ul img {
  width: 140px;
  height: auto;
  margin-bottom: 15px;
  border: 1px solid transparent;
  cursor: pointer;
}
#dlc .panel-content section ul img.active, #dlc .panel-content section ul img.active:hover {
  border: 1px solid #bd6b30;
}
#dlc .panel-content section ul img.active:hover {
  cursor: default;
}
#dlc .panel-content section ul img:hover {
  border: 1px solid #fff;
}
#dlc .panel-content section .prev, #dlc .panel-content section .next {
  width: 40px;
  height: 40px;
  top: 55px;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#dlc .panel-content section .prev:hover, #dlc .panel-content section .next:hover {
  background-color: #ebf0e6;
}
#dlc .panel-content section .prev.off, #dlc .panel-content section .next.off {
  cursor: default;
}
#dlc .panel-content section .prev.off:hover, #dlc .panel-content section .next.off:hover {
  background-color: #2d2c26;
}
#dlc .panel-content section .prev {
  background: #2d2c26 url(../img/arrow-left-sm.png) no-repeat center;
  left: -20px;
}
#dlc .panel-content section .next {
  background: #2d2c26 url(../img/arrow-right-sm.png) no-repeat center;
  right: -20px;
}
#dlc .panel-content section .bx-wrapper {
  margin: 0 auto;
}
#dlc #main .nightmare, #dlc #main .country-hats, #dlc #main .government, #dlc #main .rally, #dlc #main .bygones {
  width: 1100px;
  margin: auto;
  padding: 30px 0;
  text-align: center;
}
#dlc #main .nightmare, #dlc #main .country-hats, #dlc #main .government, #dlc #main .rally, #dlc #main .bygones {
  *zoom: 1;
}
#dlc #main .nightmare:before, #dlc #main .nightmare:after, #dlc #main .country-hats:before, #dlc #main .country-hats:after, #dlc #main .government:before, #dlc #main .government:after, #dlc #main .rally:before, #dlc #main .rally:after, #dlc #main .bygones:before, #dlc #main .bygones:after {
  content: "";
  display: table;
}
#dlc #main .nightmare:after, #dlc #main .country-hats:after, #dlc #main .government:after, #dlc #main .rally:after, #dlc #main .bygones:after {
  clear: both;
}
#dlc #main .nightmare .dropdown, #dlc #main .country-hats .dropdown, #dlc #main .government .dropdown, #dlc #main .rally .dropdown, #dlc #main .bygones .dropdown {
  display: none;
}
#dlc #main .nightmare .hat-listing-mobile, #dlc #main .country-hats .hat-listing-mobile, #dlc #main .government .hat-listing-mobile, #dlc #main .rally .hat-listing-mobile, #dlc #main .bygones .hat-listing-mobile {
  display: none;
}
#dlc #main .nightmare ul, #dlc #main .country-hats ul, #dlc #main .government ul, #dlc #main .rally ul, #dlc #main .bygones ul {
  width: 590px;
  float: left;
}
#dlc #main .nightmare ul, #dlc #main .country-hats ul, #dlc #main .government ul, #dlc #main .rally ul, #dlc #main .bygones ul {
  *zoom: 1;
}
#dlc #main .nightmare ul:before, #dlc #main .nightmare ul:after, #dlc #main .country-hats ul:before, #dlc #main .country-hats ul:after, #dlc #main .government ul:before, #dlc #main .government ul:after, #dlc #main .rally ul:before, #dlc #main .rally ul:after, #dlc #main .bygones ul:before, #dlc #main .bygones ul:after {
  content: "";
  display: table;
}
#dlc #main .nightmare ul:after, #dlc #main .country-hats ul:after, #dlc #main .government ul:after, #dlc #main .rally ul:after, #dlc #main .bygones ul:after {
  clear: both;
}
#dlc #main .nightmare ul li, #dlc #main .country-hats ul li, #dlc #main .government ul li, #dlc #main .rally ul li, #dlc #main .bygones ul li {
  width: 186px;
  float: left;
  display: block;
  margin: 5px 5px 15px 5px;
  list-style: none;
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  color: #ebf0e6;
  text-transform: uppercase;
  clear: none;
}
#dlc #main .nightmare ul li div, #dlc #main .country-hats ul li div, #dlc #main .government ul li div, #dlc #main .rally ul li div, #dlc #main .bygones ul li div {
  margin-bottom: 10px;
  border: 1px solid #000;
}
#dlc #main .nightmare ul li div:hover, #dlc #main .country-hats ul li div:hover, #dlc #main .government ul li div:hover, #dlc #main .rally ul li div:hover, #dlc #main .bygones ul li div:hover {
  border: 1px solid #bd6b30;
}
#dlc #main .nightmare ul li:before, #dlc #main .country-hats ul li:before, #dlc #main .government ul li:before, #dlc #main .rally ul li:before, #dlc #main .bygones ul li:before {
  content: "";
  padding: 0;
  border: none;
  float: none;
}
#dlc #main .nightmare ul li p, #dlc #main .country-hats ul li p, #dlc #main .government ul li p, #dlc #main .rally ul li p, #dlc #main .bygones ul li p {
  margin: 0;
  padding: 0;
}
#dlc #main .nightmare .info, #dlc #main .country-hats .info, #dlc #main .government .info, #dlc #main .rally .info, #dlc #main .bygones .info {
  width: 390px;
  padding: 15px 0 0 40px;
  text-align: left;
  float: right;
}
#dlc #main .nightmare .info h2, #dlc #main .country-hats .info h2, #dlc #main .government .info h2, #dlc #main .rally .info h2, #dlc #main .bygones .info h2 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 1px;
  font-weight: normal;
  color: #ebf0e6;
}
#dlc #main .nightmare .info .select, #dlc #main .country-hats .info .select, #dlc #main .government .info .select, #dlc #main .rally .info .select, #dlc #main .bygones .info .select {
  margin-top: 20px;
}

@media (min-width: 300px) and (max-width: 568px) {
  #global-nav {
    display: none;
  }

  #jPanelMenu-menu {
    background: #0d0d0b;
    overflow-y: hidden;
    margin: 0;
    font-family: "Oswald", serif;
    color: #bd6b30;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: none;
  }
  #jPanelMenu-menu li {
    background: #0d0d0b;
    color: #9c9e98;
    list-style: none;
    padding: 10px 30px 15px 30px;
    font-size: 15px;
  }
  #jPanelMenu-menu li a {
    color: #9c9e98;
    display: block;
  }
  #jPanelMenu-menu li a:hover, #jPanelMenu-menu li.selected {
    color: #fff;
  }
  #jPanelMenu-menu li.selected {
    cursor: default;
  }
  #jPanelMenu-menu .purchase {
    background: #bd6b30;
    color: #eff3eb;
    font-size: 20px;
    width: 100%;
    padding: 15px 0;
    height: 25px;
    margin-bottom: 10px;
    text-align: center;
  }
  #jPanelMenu-menu .purchase a {
    color: #eff3eb;
  }
  #jPanelMenu-menu .section {
    background: #1b1a16;
    color: #bd6b30;
    padding: 10px 30px;
    margin-bottom: 5px;
    font-size: 13px;
    font-family: 'Roboto Condensed';
  }
  #jPanelMenu-menu .section a {
    color: #bd6b30;
  }
  #jPanelMenu-menu .sub-section {
    color: #555652;
    padding-left: 45px;
  }
  #jPanelMenu-menu .sub-section a {
    color: #555652;
  }
  #jPanelMenu-menu .forums {
    padding-top: 15px;
    background: #131210;
  }

  header {
    padding: 10px 0 0 0;
    height: 45px;
    text-align: center;
  }
  header .mobile-trigger {
    background: url(../img/mobile-nav.png) top left no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    display: block;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
  }
  header .logo {
    width: 161px;
    height: 34px;
    margin: 0;
    background: url(../img/logo-header-sm.png) top left no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: inline-block;
  }
  header .available-now {
    width: 75px;
    font-family: "Oswald", serif;
    color: #bd6b30;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 0 0 5px;
    font-size: 12px;
    font-weight: bold;
    color: #2b2c28;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
  }
  header nav {
    display: none;
  }

  #container {
    min-width: 100%;
  }

  #gate #main {
    width: 100%;
    max-width: 480px;
    margin: 30px 0;
  }
  #gate #main .logo {
    width: 260px;
    height: 55px;
    background: url(../img/logo-small-white.png) top left no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 15px auto 0 auto;
    padding: 0;
    float: none;
    text-align: center;
    display: block;
  }
  #gate #main .select-container {
    width: 211px;
    margin: 20px auto 0 auto;
    text-align: center;
  }
  #gate #main .dropdown {
    margin: 0 auto;
    text-align: left;
  }
  #gate #main .gate {
    width: auto;
    margin: 15px 25px;
    padding-bottom: 0;
    float: none;
  }
  #gate #main .gate .trailer {
    text-align: center;
  }
  #gate #main .gate .trailer iframe {
    width: 250px;
    height: 140px;
  }
  #gate #main .gate .trailer h2, #gate #main .gate .trailer p {
    display: none;
  }
  #gate #main .gate .age {
    padding: 15px 0 0 0;
    font-size: 12px;
  }
  #gate #main .gate .age h2 {
    width: 180px;
    margin: auto;
  }
  #gate #main .gate .age .date {
    width: 50px;
    height: auto;
    color: #eff3eb;
  }
  #gate #main .gate .age input {
    width: 100%;
    height: 30px;
    padding: 0;
    font-size: 19px;
    margin: 0 0 15px 0;
  }
  #gate #main .gate .age .year, #gate #main .gate .age .year input {
    width: 70px;
  }
  #gate #main .gate .age button {
    margin-top: 50px;
    width: 100%;
  }
  #gate #main .sorry {
    padding: 0;
    text-align: center;
  }
  #gate #main .sorry h2 {
    padding-top: 15px;
  }
  #gate #main .sorry p {
    padding: 10px 30px;
  }
  #gate #main .sorry .select {
    width: 100%;
  }
  #gate #main .sorry .button {
    width: 82%;
  }
  #gate #main .watch-trailer iframe {
    width: 250px;
    height: 140px;
  }

  #home .hero {
    background: url(../images/heroremasterd-mobile-bg.png) center left no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    height: 285px;
    text-align: center;
  }

  #home .hero.lb {
    background: url(../images/herolb-mobile-bg.png) center left no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    height: 285px;
    text-align: center;
  }
  
  #home .quote_release{
    bottom:150px;
    position: relative;
  }

  #home .hero .hero-content {
    width: auto;
  }
  #home .hero .hero-content-container {
    width: auto;
    position: relative;
  }
  #home .hero .quote, #home .hero .by {
    display: none;
  }
  #home .hero .watch-trailer-button {
    margin: 210px 0 0 0;
  }
  #home .watch-trailer {
    padding-top: 20px;
    text-align: center;
    background: url(../img/pattern-dark.png);
  }
  #home .watch-trailer .close {
    top: 0;
  }
  #home .watch-trailer h2 {
    margin-left: 35px;
    text-align: left;
  }
  #home .watch-trailer .description {
    text-align: left;
  }
  #home .watch-trailer .description h3 {
    font-size: 20px;
  }
  #home .watch-trailer iframe {
    width: 250px;
    height: 140px;
    margin: auto;
  }
  #home .touts {
    max-width: 360px;
    overflow: hidden;
    padding: 20px;
  }
  #home .touts ul li img {
    max-width: 100%;
    height: auto;
  }
  #home .touts .next, #home .touts .prev {
    display: none;
  }
  #home .news {
    max-width: 360px;
    overflow: hidden;
    padding: 25px 0 20px 25px;
  }
  #home .news .news-content {
    width: 100%;
  }
  #home .news ul {
    height: auto;
  }
  #home .news ul li {
    height: auto;
  }
  #home .news ul li .news-item {
    height: auto;
  }
  #home .news ul li .source {
    width: 60px;
  }
  #home .news ul li .date {
    width: 70px;
  }
  #home .news .bx-viewport {
    padding-bottom: 15px;
  }
  #home .news .next, #home .news .prev {
    display: none;
  }
  #home .metacritic-container {
    *zoom: 1;
  }
  #home .metacritic-container:before, #home .metacritic-container:after {
    content: "";
    display: table;
  }
  #home .metacritic-container:after {
    clear: both;
  }
  #home .metacritic-container .metacritic {
    float: left;
  }
  #home .metacritic-container a {
    width: 190px;
    float: left;
    display: block;
  }
  #home .metacritic-container .quote {
    text-align: left;
    padding: 30px 0 5px 15px;
    font-size: 14px;
  }
  #home .metacritic-container .by {
    padding: 0 0 0 15px;
    float: left;
  }
  #home .social-boxes {
    padding: 20px;
  }
  #home .social-boxes .twitter-feed h2 {
    margin-bottom: 10px;
  }
  #home .social-boxes .twitter-feed ul li img {
    width: 30px;
    height: 30px;
  }
  #home .social-boxes .twitter-feed ul li .tweet {
    width: 175px;
  }
  #home .social-boxes .twitter-feed, #home .social-boxes .facebook-page {
    width: auto;
    display: block;
  }
  #home .social-boxes .fb_iframe_widget, #home .social-boxes .fb_iframe_widget span, #home .social-boxes .fb_iframe_widget span iframe[style] {
    width: 270px !important;
    margin: auto;
  }

  #characters .background, #story .background, #dlc .background {
    height: 300px;
  }
  #characters .character, #story .character, #dlc .character {
    padding: 50px 0 10px 0;
  }
  #characters .character-content, #story .character-content, #dlc .character-content {
    width: auto;
    height: auto;
  }
  #characters .joel, #story .joel, #dlc .joel {
    background: url(../img/joel-m.png) top left no-repeat;
    width: 250px;
    height: 125px;
    margin: auto;
    float: none;
  }
  #characters .ellie, #story .ellie, #dlc .ellie {
    background: url(../img/ellie-m.png) top left no-repeat;
    width: 250px;
    height: 125px;
    margin: auto;
    float: none;
  }
  #characters .character-info, #story .character-info, #dlc .character-info {
    width: auto;
    height: auto;
    padding: 25px;
    display: block;
    float: none;
  }
  #characters .character-info h2, #story .character-info h2, #dlc .character-info h2 {
    padding: 0 0 15px 0;
  }
  #characters .character-info p, #story .character-info p, #dlc .character-info p {
    font-size: 14px;
    line-height: 18px;
  }
  #characters .joel-bg, #story .joel-bg, #dlc .joel-bg {
    background: url(../img/joel-bg-m.png) center right no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .ellie-bg, #story .ellie-bg, #dlc .ellie-bg {
    background: url(../img/ellie-bg-m.png) center left no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .story, #story .story, #dlc .story {
    padding: 50px 0;
  }
  #characters .story p, #story .story p, #dlc .story p {
    width: 220px;
    font-size: 14px;
    line-height: 18px;
  }
  #characters .story-1, #story .story-1, #dlc .story-1 {
    background: url(../img/story-1m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .story-2, #story .story-2, #dlc .story-2 {
    background: url(../img/story-2m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .story-3, #story .story-3, #dlc .story-3 {
    background: url(../img/story-5m.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .story-4, #story .story-4, #dlc .story-4 {
    background: url(../img/story-4m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #story .story-1.lb {
    background: url(../images/lb-bg1m.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #story .story-2.lb {
    background: url(../images/lb-bg2m.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


  #story .story-3.lb {
    background: url(../images/lb-bg3m.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }


  #media .background, #dlc .background {
    height: 300px;
  }
  #media .media-1, #dlc .media-1 {
    background: url(../img/media-1-m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #media .media-2, #dlc .media-2 {
    background: url(../img/media-2-m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #media .panel, #dlc .panel {
    min-height: 0;
  }
  #media .panel.downloads .share-close, #dlc .panel.downloads .share-close {
    top: 50px;
  }
  #media .screenshots .panel-content, #media .downloads .panel-content, #dlc .screenshots .panel-content, #dlc .downloads .panel-content {
    padding: 25px 0;
  }
  #media .panel-content, #dlc .panel-content {
    width: auto;
    margin: 0 20px;
    padding: 25px 0;
  }
  #media .panel-content .video, #media .panel-content .screenshot, #media .panel-content .wallpaper, #dlc .panel-content .video, #dlc .panel-content .screenshot, #dlc .panel-content .wallpaper {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  #media .panel-content .viewport, #dlc .panel-content .viewport {
    min-height: 150px;
  }
  #media .panel-content .screenshot img, #media .panel-content .wallpaper img, #media .panel-content .video iframe, #dlc .panel-content .screenshot img, #dlc .panel-content .wallpaper img, #dlc .panel-content .video iframe {
    max-width: 100%;
    height: auto;
  }
  #media .panel-content .share-close, #dlc .panel-content .share-close {
    top: 68px;
    right: 0;
    z-index: 100;
  }
  #media .panel-content .share-row, #dlc .panel-content .share-row {
    top: 95px;
    left: 45px;
  }
  #media .panel-content .share-row div, #dlc .panel-content .share-row div {
    margin-bottom: 20px;
    float: left;
  }
  #media .panel-content .share-row div.delicious, #media .panel-content .share-row div.pinterest, #dlc .panel-content .share-row div.delicious, #dlc .panel-content .share-row div.pinterest {
    width: 40px;
    height: 40px;
    -webkit-background-size: 35% 35%;
    -moz-background-size: 35% 35%;
    -o-background-size: 35% 35%;
    background-size: 35% 35%;
  }
  #media .panel-content .share-row div.twitter, #dlc .panel-content .share-row div.twitter {
    width: 40px;
    height: 40px;
    -webkit-background-size: 40% 40%;
    -moz-background-size: 40% 40%;
    -o-background-size: 40% 40%;
    background-size: 40% 40%;
  }
  #media .panel-content .share-row div.facebook, #dlc .panel-content .share-row div.facebook {
    width: 40px;
    height: 40px;
    -webkit-background-size: 20%, 15%;
    -moz-background-size: 20%, 15%;
    -o-background-size: 20%, 15%;
    background-size: 20%, 15%;
  }
  #media .panel-content .share-row div.tumblr, #dlc .panel-content .share-row div.tumblr {
    width: 40px;
    height: 40px;
    -webkit-background-size: 28%, 25%;
    -moz-background-size: 28%, 25%;
    -o-background-size: 28%, 25%;
    background-size: 28%, 25%;
  }
  #media .panel-content .share-row div.stumble, #dlc .panel-content .share-row div.stumble {
    width: 40px;
    height: 40px;
    -webkit-background-size: 50%, 50%;
    -moz-background-size: 50%, 50%;
    -o-background-size: 50%, 50%;
    background-size: 50%, 50%;
  }
  #media .panel-content .share-row div.delicious, #dlc .panel-content .share-row div.delicious {
    clear: both;
  }
  #media .panel-content .zoom, #dlc .panel-content .zoom {
    display: none;
  }
  #media .panel-content section, #dlc .panel-content section {
    width: auto;
    margin: 0 auto;
  }
  #media .panel-content section ul img, #dlc .panel-content section ul img {
    width: 70px;
    height: 39px;
  }
  #media .panel-content section .prev, #media .panel-content section .next, #dlc .panel-content section .prev, #dlc .panel-content section .next {
    display: none;
  }
  #media .panel-content .sizes, #dlc .panel-content .sizes {
    top: 40px;
    width: 280px;
    left: 25px;
    text-align: left;
  }
  #media .panel-content .sizes h3, #dlc .panel-content .sizes h3 {
    display: none;
  }
  #media .panel-content .sizes .desktop, #dlc .panel-content .sizes .desktop {
    display: none;
  }
  #media .panel-content .sizes .size, #dlc .panel-content .sizes .size {
    width: 280px;
    padding-top: 50px;
  }
  #media .panel-content .sizes .size a, #dlc .panel-content .sizes .size a {
    width: 120px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
  }
  #media .panel-content .sizes .size a:hover, #dlc .panel-content .sizes .size a:hover {
    color: #878787;
  }

  #purchase-now .purchase-heading {
    display: none;
  }
  #purchase-now section {
    padding: 30px 0;
  }
  #purchase-now section.post-pandemic {
    padding-top: 30px;
    background: url(../img/pattern-light.png);
    border-bottom: 1px solid #000;
  }
  #purchase-now section.digital {
    background: url(../img/pattern-light.png);
    border: 1px solid #000;
  }
  #purchase-now section.digital .retailer {
    margin-top: 10px;
    clear: both;
  }
  #purchase-now section.standard {
    padding-top: 30px;
  }
  #purchase-now .edition {
    width: auto;
    padding: 0 0 20px 0;
    text-align: center;
  }
  #purchase-now .edition .set {
    width: auto;
    height: auto;
  }
  #purchase-now .edition .details ul li:before, #purchase-now .edition .pack ul li:before {
    padding-right: 10px;
  }
  #purchase-now .edition .details {
    width: 90%;
    margin: auto;
    padding: 15px 0;
    text-align: left;
  }
  #purchase-now .edition .details h3 {
    margin-top: 5px;
  }
  #purchase-now .edition .details .msrp {
    padding: 0 0 5px 0;
  }
  #purchase-now .edition .details ul {
    margin-bottom: 20px;
  }
  #purchase-now .edition .details ul {
    *zoom: 1;
  }
  #purchase-now .edition .details ul:before, #purchase-now .edition .details ul:after {
    content: "";
    display: table;
  }
  #purchase-now .edition .details ul:after {
    clear: both;
  }
  #purchase-now .edition .details ul li {
    padding: 0;
    float: left;
    clear: both;
  }
  #purchase-now .edition .details ul li:before {
    border: 1px solid transparent;
    float: left;
  }
  #purchase-now .edition .purchase-survival-edition {
    width: 250px;
    height: 186px;
    background: url(../img/purchase/survival-edition-m.png) top left no-repeat;
  }
  #purchase-now .edition .purchase-post-pandemic-edition {
    width: 250px;
    height: 169px;
    background: url(../img/purchase/post-pandemic-edition-m.png) top left no-repeat;
  }
  #purchase-now .edition .purchase-standard-edition {
    width: 250px;
    height: 254px;
    background: url(../img/purchase/standard-edition-m.png) top left no-repeat;
  }
   #purchase-now .edition .remastered-edition {
    width: 250px;
    height: 254px;
    background: url(../images/purchase/remastered-edition-m.png) top left no-repeat;
  }
  #purchase-now .edition .retailer {
    width: auto;
    margin: 0 20px 0 20px;
    text-align: left;
  }
  #purchase-now .edition ul.retailers {
    margin: 0 30px;
  }
  #purchase-now .edition ul.retailers li {
    margin: 20px 0 0 0;
    display: block;
    text-align: left;
  }

  #dlc .hero {
    height: 380px;
  }
  #dlc .hero.season-pass {
    background: url(../img/hero-season-pass-m.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #dlc .hero.abandoned {
    background: url(../img/hero-abandoned-m.jpg) top left no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
  #dlc .hero.add-on {
    background: url(../img/hero-head-items-m.jpg) top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #dlc .hero.add-on .title {
    margin-bottom: 15px;
  }
  #dlc .hero.add-on .description {
    display: none;
  }
  #dlc .hero.add-on .select {
    margin-bottom: 0;
  }
  #dlc .hero.left-behind {
    height: 550px;
  }
  #dlc .hero.left-behind .hero-content .title {
    padding-top: 100px;
  }
  #dlc .hero .hero-content {
    width: auto;
  }
  #dlc .hero .hero-content .title {
    padding: 140px 0 0 20px;
    font-size: 32px;
    line-height: 32px;
  }
  #dlc .hero .hero-content .title sup {
    font-size: 15px;
  }
  #dlc .hero .hero-content .description, #dlc .hero .hero-content .release {
    padding: 10px 10px 10px 20px;
    font-size: 13px;
  }
  #dlc .hero .hero-content .select {
    padding-left: 20px;
    padding-bottom: 25px;
  }
  #dlc .hero .hero-content .release {
    padding-top: 15px;
  }
  #dlc .hero .hero-content .release .blurb {
    width: 300px;
    display: block;
    padding: 10px 0;
  }
  #dlc .hero .hero-content .release .blurb br {
    display: none;
  }
  #dlc .hero .hero-content .retail-logos {
    text-align: center;
  }
  #dlc .hero .hero-content .retail-logos div {
    margin: 15px 25px;
  }
  #dlc .hero .hero-content-container {
    position: relative;
  }
  #dlc .video {
    padding: 90px 0 30px 0;
  }
  #dlc .video iframe {
    width: 290px;
    height: 150px;
  }
  #dlc .touts {
    max-width: 360px;
    overflow: hidden;
    padding: 30px 20px;
  }
  #dlc .touts h2 {
    width: auto;
    font-family: "Oswald", serif;
    color: #bd6b30;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  #dlc .touts ul li img {
    max-width: 100%;
    height: auto;
  }
  #dlc .touts .next, #dlc .touts .prev {
    display: none;
  }
  #dlc .exclusives {
    width: auto;
    padding-top: 30px;
    max-width: 100%;
  }
  #dlc .exclusives h2 {
    margin: 0 0 30px 20px;
    padding: 0;
    font-family: "Oswald", serif;
    color: #bd6b30;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  #dlc .exclusives ul {
    margin-left: 30px;
    padding: 0;
  }
  #dlc .exclusives ul > li {
    width: 100%;
    display: block;
    padding-bottom: 25px;
  }
  #dlc .exclusives ul > li {
    *zoom: 1;
  }
  #dlc .exclusives ul > li:before, #dlc .exclusives ul > li:after {
    content: "";
    display: table;
  }
  #dlc .exclusives ul > li:after {
    clear: both;
  }
  #dlc .exclusives ul > li .dlc-upgrades {
    margin: -30px 0 0 -30px;
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }
  #dlc .exclusives ul > li .dlc-bone-mask {
    margin: -35px 0 0 -40px;
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
  }
  #dlc .exclusives ul > li h3 {
    width: 130px;
    margin: 0 0 0 -30px;
  }
  #dlc .exclusives ul > li h3.mask {
    margin-left: -43px;
  }
  #dlc .exclusives ul > li ul {
    width: 200px;
    margin: 0;
    padding: 10px 0 0 0;
  }
  #dlc .exclusives ul > li ul li {
    width: 200px;
    padding-bottom: 0;
  }
  #dlc .left-behind-description .dlc-left-behind-logo {
    margin: -50px 0 0 -50px;
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }
  #dlc .left-behind-description .content {
    width: auto;
    padding-bottom: 0;
  }
  #dlc .left-behind-description .content p {
    display: block;
    margin: 0 20px;
  }
  #dlc .graphic-novel .content {
    width: auto;
    padding-bottom: 20px;
  }
  #dlc .graphic-novel .content h3 {
    font-size: 20px;
  }
  #dlc .graphic-novel .content .dlc-dark-horse {
    margin-top: -55px;
  }
  #dlc .graphic-novel .content .dlc-graphic-novel-american-dreams {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    margin: -150px 0 -20px -45px;
    float: none;
  }
  #dlc .graphic-novel .content .description {
    width: auto;
    float: none;
    margin: 0 20px 0 20px;
  }
  #dlc .faction .faction-content {
    width: auto;
    max-width: 100%;
    padding: 30px 20px;
  }
  #dlc .faction .faction-content h2 {
    font-size: 17px;
  }
  #dlc #main .nightmare, #dlc #main .country-hats {
    width: auto;
    padding: 90px 0 0 0;
    max-width: 100%;
  }
  #dlc #main .nightmare .dropdown, #dlc #main .country-hats .dropdown {
    height: 220px;
    overflow-y: scroll;
    padding: 0;
    background: #000;
    position: absolute;
    z-index: 10;
  }
  #dlc #main .nightmare .dropdown li, #dlc #main .country-hats .dropdown li {
    padding: 5px 10px;
    cursor: pointer;
    display: block;
  }
  #dlc #main .nightmare .hat-listing-mobile, #dlc #main .country-hats .hat-listing-mobile {
    display: block;
  }
  #dlc #main .nightmare .hat-listing-mobile div, #dlc #main .country-hats .hat-listing-mobile div {
    margin: 50px 40px;
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  #dlc #main .nightmare .hat-listing-mobile p, #dlc #main .country-hats .hat-listing-mobile p {
    margin-left: 70px;
  }
  #dlc #main .nightmare .hat-listing, #dlc #main .country-hats .hat-listing {
    display: none;
  }
  #dlc #main .nightmare ul, #dlc #main .nightmare .info, #dlc #main .country-hats ul, #dlc #main .country-hats .info {
    width: auto;
    padding: 0 20px;
    float: none;
  }
  #dlc #main .nightmare .bundle-listing, #dlc #main .country-hats .bundle-listing {
    margin-left: 10px;
    text-align: center;
  }
  #dlc #main .nightmare .bundle-listing li, #dlc #main .country-hats .bundle-listing li {
    height: 330px;
    text-align: center;
    float: none;
    display: inline-block;
  }
  #dlc #main .nightmare .bundle-listing li div, #dlc #main .country-hats .bundle-listing li div {
    margin: 50px 40px;
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  #dlc #main .nightmare .bx-pager, #dlc #main .country-hats .bx-pager {
    margin-left: 15px;
  }

  footer {
    color: #eff3eb;
    padding: 20px 20px 30px 20px;
    margin: auto;
  }
  footer ul li {
    width: 100%;
    display: block;
  }
  footer ul li div {
    margin: 0 auto 15px auto;
  }
}
@media only screen and (min-width: 568px) and (max-width: 800px) {
  body {
    overflow-x: hidden;
  }

  #global-nav .links {
    margin-left: 10px;
  }
  #global-nav .social {
    display: none;
  }

  header {
    *zoom: 1;
  }
  header:before, header:after {
    content: "";
    display: table;
  }
  header:after {
    clear: both;
  }
  header .logo {
    width: 161px;
    height: 34px;
    margin: 0 0 0 10px;
    background: url(../img/logo-header-sm.png) top left no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float: left;
  }
  header nav ul {
    width: auto;
    margin: 0;
  }
  header nav ul li {
    margin-right: 30px;
  }
  header nav ul li.media, header nav ul li.dlc {
    margin-right: 50px;
  }
  header nav ul li.media .menu, header nav ul li.dlc .menu {
    z-index: 1000;
  }
  header .available-now {
    width: 185px;
    font-family: "Oswald", serif;
    color: #bd6b30;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #2b2c28;
    text-align: center;
    text-transform: uppercase;
    display: block;
    float: left;
    clear: both;
  }

  #container {
    min-width: 100%;
  }

  #gate #main {
    width: auto;
    margin: 0 auto;
  }
  #gate #main .logo {
    width: 512px;
    height: 109px;
    background: url(../img/logo-big-white.png) top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0;
    display: block;
    float: none;
    margin: 100px auto 0 auto;
  }
  #gate #main .gate {
    margin: 50px auto;
    float: none;
    display: block;
  }
  #gate #main .gate .trailer h2, #gate #main .gate .trailer p {
    display: none;
  }
  #gate #main .gate .age input {
    width: 100%;
    padding: 0;
  }
  #gate #main .gate .age button {
    width: 100px;
  }
  #gate #main .watch-trailer iframe {
    width: 712px;
    height: 370px;
  }
  #gate #main .select-container {
    margin: auto;
    padding-bottom: 50px;
  }

  #home .hero {
    height: 410px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #home .hero .hero-content {
    width: auto;
  }
  #home .hero .hero-content .quote {
    padding: 100px 0 0 30px;
    font-size: 42px;
    line-height: 42px;
  }
  #home .hero .hero-content .by, #home .hero .hero-content .select {
    padding-left: 30px;
  }
  #home .hero .hero-content-container {
    position: relative;
  }
  #home .watch-trailer iframe {
    max-width: 100%;
    height: 350px;
  }
  #home .touts {
    max-width: 800px;
    overflow: hidden;
    padding: 20px;
  }
  #home .touts ul li img {
    max-width: 100%;
    height: auto;
  }
  #home .touts .quote {
    max-width: 400px;
  }
  #home .touts .prev, #home .touts .next {
    display: none;
  }
  #home .news {
    padding: 20px;
  }
  #home .news .news-content {
    width: auto;
  }
  #home .news ul {
    height: auto;
  }
  #home .news ul li {
    height: auto;
  }
  #home .news ul li .news-item {
    height: auto;
  }
  #home .news .prev, #home .news .next {
    display: none;
  }
  #home .news .bx-viewport {
    padding-bottom: 15px;
  }

  #characters .background, #story .background, #dlc .background {
    height: 400px;
  }
  #characters .character, #story .character, #dlc .character {
    padding: 50px 0 10px 0;
  }
  #characters .character, #story .character, #dlc .character {
    *zoom: 1;
  }
  #characters .character:before, #characters .character:after, #story .character:before, #story .character:after, #dlc .character:before, #dlc .character:after {
    content: "";
    display: table;
  }
  #characters .character:after, #story .character:after, #dlc .character:after {
    clear: both;
  }
  #characters .character-content, #story .character-content, #dlc .character-content {
    width: auto;
    height: auto;
    margin: 0 30px;
  }
  #characters .joel, #characters .ellie, #story .joel, #story .ellie, #dlc .joel, #dlc .ellie {
    width: 200px;
    height: 200px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 95px;
  }
  #characters .character-info, #story .character-info, #dlc .character-info {
    width: 430px;
    height: auto;
    padding: 35px 15px 95px 15px;
  }
  #characters .joel-bg, #story .joel-bg, #dlc .joel-bg {
    background: url(../img/joel-bg-m.png) center right no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .ellie-bg, #story .ellie-bg, #dlc .ellie-bg {
    background: url(../img/ellie-bg-m.png) center left no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .story, #story .story, #dlc .story {
    padding: 120px 0;
  }
  #characters .story p, #story .story p, #dlc .story p {
    width: 520px;
    font-size: 16px;
    line-height: 20px;
  }
  #characters .story-1, #story .story-1, #dlc .story-1 {
    background: url(../img/story-1m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .story-2, #story .story-2, #dlc .story-2 {
    background: url(../img/story-2m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .story-3, #story .story-3, #dlc .story-3 {
    background: url(../img/story-5m.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #characters .story-4, #story .story-4, #dlc .story-4 {
    background: url(../img/story-4m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #media .background, #dlc .background {
    height: 450px;
  }
  #media .media-1, #dlc .media-1 {
    background: url(../img/media-1-m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #media .media-2, #dlc .media-2 {
    background: url(../img/media-2-m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #media .panel, #dlc .panel {
    min-height: 0;
  }
  #media .screenshots .panel-content, #media .downloads .panel-content, #dlc .screenshots .panel-content, #dlc .downloads .panel-content {
    padding: 25px 0;
  }
  #media .panel-content, #dlc .panel-content {
    width: auto;
    margin: 0 20px;
    padding: 25px 0;
  }
  #media .panel-content .video, #media .panel-content .screenshot, #media .panel-content .wallpaper, #dlc .panel-content .video, #dlc .panel-content .screenshot, #dlc .panel-content .wallpaper {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  #media .panel-content .viewport, #dlc .panel-content .viewport {
    min-height: 400px;
  }
  #media .panel-content .screenshot img, #media .panel-content .wallpaper img, #media .panel-content .video iframe, #dlc .panel-content .screenshot img, #dlc .panel-content .wallpaper img, #dlc .panel-content .video iframe {
    max-width: 100%;
    height: auto;
  }
  #media .panel-content .video iframe, #dlc .panel-content .video iframe {
    height: 350px;
  }
  #media .panel-content .share-close, #dlc .panel-content .share-close {
    top: 75px;
  }
  #media .panel-content .share-row, #dlc .panel-content .share-row {
    top: 187px;
    left: 230px;
  }
  #media .panel-content .share-row div, #dlc .panel-content .share-row div {
    margin-bottom: 20px;
    float: left;
  }
  #media .panel-content .share-row div.delicious, #dlc .panel-content .share-row div.delicious {
    clear: both;
  }
  #media .panel-content .zoom, #dlc .panel-content .zoom {
    display: none;
  }
  #media .panel-content section, #dlc .panel-content section {
    width: auto;
    margin: 0 auto;
  }
  #media .panel-content section ul img, #dlc .panel-content section ul img {
    width: 90px;
    height: 50px;
  }
  #media .panel-content section .prev, #media .panel-content section .next, #dlc .panel-content section .prev, #dlc .panel-content section .next {
    display: none;
  }
  #media .panel-content .sizes, #dlc .panel-content .sizes {
    top: 100px;
    width: 250px;
    left: 250px;
  }
  #media .panel-content .sizes h3, #dlc .panel-content .sizes h3 {
    display: none;
  }
  #media .panel-content .sizes .desktop, #dlc .panel-content .sizes .desktop {
    display: none;
  }
  #media .panel-content .sizes .size a:hover, #dlc .panel-content .sizes .size a:hover {
    color: #878787;
  }

  #purchase-now .purchase-heading {
    width: auto;
    margin: -20px 20px 0 20px;
  }
  #purchase-now section {
    padding: 30px 0;
  }
  #purchase-now section.post-pandemic {
    padding-top: 30px;
    background: url(../img/pattern-light.png);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  #purchase-now section.digital {
    background: url(../img/pattern-light.png);
    border: 1px solid #000;
  }
  #purchase-now section.digital .retailer {
    clear: both;
  }
  #purchase-now section.standard {
    padding-top: 30px;
  }
  #purchase-now .edition {
    width: auto;
    padding: 0 0 20px 0;
    text-align: center;
  }
  #purchase-now .edition .set {
    width: auto;
    height: auto;
    margin-left: 20px;
    float: left;
  }
  #purchase-now .edition .details {
    width: 390px;
    padding: 0 30px 20px 30px;
    text-align: left;
    float: left;
  }
  #purchase-now .edition .details h3 {
    margin-top: 0;
  }
  #purchase-now .edition .details .msrp {
    padding: 0 0 5px 0;
  }
  #purchase-now .edition .details ul {
    margin-bottom: 20px;
  }
  #purchase-now .edition .details ul {
    *zoom: 1;
  }
  #purchase-now .edition .details ul:before, #purchase-now .edition .details ul:after {
    content: "";
    display: table;
  }
  #purchase-now .edition .details ul:after {
    clear: both;
  }
  #purchase-now .edition .details ul li {
    padding: 0;
    float: left;
    clear: both;
  }
  #purchase-now .edition .details ul li:before {
    border: 1px solid transparent;
    float: left;
  }
  #purchase-now .edition .purchase-survival-edition {
    width: 250px;
    height: 186px;
    margin-top: 25px;
    background: url(../img/purchase/survival-edition-m.png) top left no-repeat;
  }
  #purchase-now .edition .purchase-post-pandemic-edition {
    width: 250px;
    height: 169px;
    margin-top: 25px;
    background: url(../img/purchase/post-pandemic-edition-m.png) top left no-repeat;
  }
  #purchase-now .edition .purchase-standard-edition {
    width: 250px;
    height: 254px;
    background: url(../img/purchase/standard-edition-m.png) top left no-repeat;
  }
  #purchase-now .edition .remastered-edition {
    width: 250px;
    height: 254px;
    background: url(../images/purchase/remastered-edition-m.png) top left no-repeat;
  }
  
  #purchase-now .edition .retailer {
    width: auto;
    margin: 0 20px 0 20px;
    text-align: left;
    clear: both;
  }
  #purchase-now .edition ul.retailers {
    margin: 0 20px;
    text-align: left;
  }

  #dlc .hero {
    height: 400px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #dlc .hero .hero-content {
    width: auto;
  }
  #dlc .hero .hero-content .title {
    padding: 40px 0 0 30px;
    font-size: 42px;
    line-height: 42px;
  }
  #dlc .hero .hero-content .title sup {
    font-size: 20px;
  }
  #dlc .hero .hero-content .description, #dlc .hero .hero-content .release {
    padding: 10px 0 10px 30px;
    font-size: 18px;
  }
  #dlc .hero .hero-content .select {
    padding-left: 30px;
  }
  #dlc .hero .hero-content .release {
    padding-top: 15px;
  }
  #dlc .hero .hero-content-container {
    position: relative;
  }
  #dlc .watch-trailer iframe {
    max-width: 100%;
    height: 350px;
  }
  #dlc .video {
    padding: 30px 0;
  }
  #dlc .video iframe {
    width: 500px;
    height: 250px;
  }
  #dlc .touts {
    max-width: 800px;
    overflow: hidden;
    padding: 20px;
  }
  #dlc .touts ul li img {
    max-width: 100%;
    height: auto;
  }
  #dlc .touts .bx-pager {
    display: none;
  }
  #dlc .exclusives {
    width: auto;
    max-width: 100%;
  }
  #dlc .exclusives h2 {
    margin-left: 30px;
  }
  #dlc .exclusives ul {
    margin-left: 30px;
    padding: 0;
  }
  #dlc .exclusives ul > li {
    width: 100%;
    display: block;
    padding-bottom: 25px;
  }
  #dlc .exclusives ul > li {
    *zoom: 1;
  }
  #dlc .exclusives ul > li:before, #dlc .exclusives ul > li:after {
    content: "";
    display: table;
  }
  #dlc .exclusives ul > li:after {
    clear: both;
  }
  #dlc .exclusives ul > li ul {
    width: 400px;
    margin-top: 10px;
  }
  #dlc .exclusives ul > li ul li {
    width: 400px;
    padding-bottom: 0;
  }
  #dlc .faction .faction-content {
    width: auto;
    max-width: 100%;
    padding: 30px;
  }
  #dlc #main .nightmare, #dlc #main .country-hats, #dlc #main .government, #dlc #main .rally, #dlc #main .bygones{
    max-width: 100%;
  }
  #dlc #main .nightmare ul, #dlc #main .nightmare .info, #dlc #main .country-hats ul, #dlc #main .country-hats .info, #dlc #main .government ul, #dlc #main .government .info, #dlc #main .rally ul, #dlc #main .rally .info, #dlc #main .bygones ul, #dlc #main .bygones .info  {
    float: none;
  }
  #dlc #main .nightmare ul, #dlc #main .country-hats ul, #dlc #main .government ul, #dlc #main .rally ul, #dlc #main .bygones ul {
    margin-left: 30px;
  }

  footer ul li {
    margin-right: 30px;
  }
}
@media (min-width: 900px) {
  html, body {
    height: 100%;
  }

  #gate {
    position: relative;
  }
  #gate footer {
    width: 100%;
    /*position: absolute;
    bottom: 0;*/
  }

  #main .release {
    margin-top: 20px;
  }
}
@media (min-width: 1290px) {
  #main .hero {
    height: 620px;
  }
  #main .release {
    margin-top: 25px;
  }
}
@media (min-width: 1390px) {
  #main .hero {
    height: 670px;
  }
  #main .release {
    margin-top: 80px;
  }
}
@media (min-width: 1490px) {
  #main .hero {
    height: 730px;
  }
  #main .release {
    margin-top: 150px;
  }
}
@media (min-width: 1590px) {
  #main .hero {
    height: 780px;
  }
  #main .release {
    margin-top: 200px;
  }
}
@media (min-width: 1690px) {
  #main .hero {
    height: 830px;
  }
  #main .release {
    margin-top: 250px;
  }
}
/*EXTRA*/
#dlc #main .nightmare,#dlc #main .country-hats, #dlc #main .government, #dlc #main .rally, #dlc #main .bygones {
	width:1100px;
	text-align:center;
	zoom:1;
	margin:auto;
	padding:30px 0;
}
#dlc #main .nightmare ul,#dlc #main .country-hats ul,#dlc #main .government ul,#dlc #main .rally ul,#dlc #main .bygones ul {
	width:590px;
	float:left;
	zoom:1;
}
#dlc #main .nightmare ul li,#dlc #main .country-hats ul li, #dlc #main .government ul li, #dlc #main .rally ul li , #dlc #main .bygones ul li{
	width:186px;
	float:left;
	display:block;
	list-style:none;
	font-family:Oswald, serif;
	letter-spacing:1px;
	font-size:13px;
	font-weight:700;
	color:#ebf0e6;
	text-transform:uppercase;
	clear:none;
	margin:5px 5px 15px;
}
#dlc #main .nightmare ul li div,#dlc #main .country-hats ul li div, #dlc #main .government ul li div, #dlc #main .rally ul li div, #dlc #main .bygones ul li div {
	margin-bottom:10px;
	border:1px solid #000;
}
#dlc #main .nightmare ul li:before,#dlc #main .country-hats ul li:before,#dlc #main .government ul li:before,#dlc #main .rally ul li:before,#dlc #main .bygones ul li:before {
	content:"";
	border:none;
	float:none;
	padding:0;
}
#dlc #main .nightmare ul li p,#dlc #main .country-hats ul li p,#dlc #main .government ul li p,#dlc #main .rally ul li p,#dlc #main .bygones ul li p {
	margin:0;
	padding:0;
}
#dlc #main .nightmare .info,#dlc #main .country-hats .info,#dlc #main .government .info,#dlc #main .rally .info,#dlc #main .bygones .info {
	width:390px;
	text-align:left;
	float:right;
	padding:15px 0 0 40px;
}
#dlc #main .nightmare .info .select,#dlc #main .country-hats .info .select, #dlc #main .government .info .select, #dlc #main .rally .info .select, #dlc #main .bygones .info .select {
	margin-top:20px;
}
body#gate {
	font-size:0;
}
#gate.phpab-no_video #main .gate {
	padding:0;
}
#gate.phpab-no_video #main .age {
	display:block;
	padding:75px;
}
#gate.phpab-no_video #main .region {
	padding-right:135px;
}
#gate.phpab-no_video #main .select-container {
	top:79px;
	width:298px;
	margin:0 auto;
	padding:0 0 0 12px;
}
#gate.phpab-control #main .select-container {
	top:15px;
	background:url(../img/pattern-dark.png);
	float:left;
	margin:0 0 0 235px;
	padding:35px 64px;
}
.ie #gate.phpab-no_video #main .select-container {
	width:300px;
}
#gate.phpab-control #main .age {
	float:left;
	background:url(../img/pattern-dark.png);
	top:20px;
	position:relative;
	margin:0 0 0 385px;
	padding:25px 68px;
}
#gate.phpab-no_video #main .age h2 {
	top:28px;
	position:relative;
	margin-bottom:30px;
}
#gate.phpab-no_video #main .age input {
	width:75px;
	height:55px;
}
#gate.phpab-control #main .age input {
	width:75px;
	height:35px;
}
.ie #gate.phpab-control #main .gate .trailer p {
	font-size:12px;
}
#gate.phpab-no_video #main .age input.placeholder {
	font-size:22px;
}
#gate.phpab-no_video #main .age .date {
	width:75px;
	height:55px;
	margin-right:15px;
	position:relative;
	left:13px;
}
#gate.phpab-control #main .age .date {
	margin-right:0;
	height:40px;
}
#gate.phpab-no_video #main .age .year {
	width:116px;
	position:relative;
	bottom:17px;
	left:11px;
}
.ie #gate.phpab-no_video #main .age .year {
	bottom:0;
}
#gate.phpab-no_video #main .age button {
	margin:25px auto 0;
}
#gate.phpab-no_video .arrow,.arrow-right,.arrow-up {
	background:#292823;
}
#gate.phpab-no_video #main .dropdown {
	width:298px;
	bottom:35px;
}
#gate.phpab-control #main .age button {
	margin:10px auto 0;
}
#gate.phpab-control #main .age .date.month {
	margin-left:43px;
}
#gate.phpab-control #main .age .date.day {
	position:relative;
	right:15px;
}
#gate.phpab-control #main .age .date.year {
	position:relative;
	right:28px;
}
#gate.phpab-control #main .select-container .region p {
	text-align:left;
	margin:0;
}
#gate.phpab-control #main .select-container p.enter {
	position:relative;
	color:#fff;
	bottom:10px;
	margin-bottom:11px;
	text-align:center;
	font-size:15px;
	font-family:Oswald, serif;
}
#media .bx-viewport{
  bottom: 15px;
}
.gecko #media .bx-viewport{
  right:105px;
}
#media .bx-viewport ul li img {
	opacity:0.4;
	cursor:default;
}
#agegate {
	position:relative;
	left:68px;
}
#dlc #agegate {
	top:0;
	left:0;
	margin-bottom:40px;
}
#dlc #agegate .verify {
	width:945px;
	margin:0 auto;
}
#dlc #agegate .verify img {
	z-index:1;
}
#dlc #agegate .verify table {
	left:377px;
	bottom: 300px;
	z-index: 2;
}
#dlc #agegate .verify input {
	bottom:273px;
	left:390px;
	z-index: 2;
}
.flags {
	display:inline-block;
	vertical-align:top;
	margin-right:8%;
	cursor:pointer;
	position:relative;
	left:20px;
}
/*.dropdown {
	width:50px;
}*/
.flags .options {
	height:62px;
}
.flags .menu {
	width:inherit;
	overflow-y:scroll;
	overflow-x:hidden;
	height:250px;
	background:#272520;
	position:absolute;
	display:none;
	z-index:20;
	top:45px;
}
.flags .menu li {
	list-style:none;
	border-bottom:1px solid #171613;
	font-family:'Roboto Condensed';
	color:#84867F;
	font-size:13px;
	width:250px;
}
.flags .menu li a {
	width:313px;
	height:15px;
	display:block;
	padding:10px;
}
.flags .menu li img {
	height:15px;
	margin:0 10px 0 0;
}
.flags .dropdown .united-states img {
	height:15px;
}
.flags .selected {
	float:left;
	position:relative;
	top:20px;
}
.flags .dropdown .menu li {
	line-height:13px;
	font-family:'Roboto Condensed';
	font-size:13px;
	font-weight:300;
	color:#ebf0e6;
	text-align:left;
	margin:0;
}
audio:not([controls]),[hidden],.ir br,header .mobile-trigger,header #mobile-nav,header .available-now,#gate #main .logo .mobile-trailer,#gate #main .watch-trailer,#home .touts .quote-line,#dlc .touts .quote-line,#media .panel-content .screenshot-zoom,#dlc .panel-content .screenshot-zoom,#dlc #main .nightmare .dropdown,#dlc #main .country-hats .dropdown,#dlc #main .nightmare .hat-listing-mobile,#dlc #main .country-hats .hat-listing-mobile {
	display:none;
}
::-moz-selection,::selection {
	background:#bd6b30;
	color:#fff;
	text-shadow:none;
}
figure,form,footer ul li:last-child,#gate #main .dropdown ul,#home .touts ul li:last-child,#dlc .touts ul li:last-child {
	margin:0;
}
h2,p {
	margin:5px 0;
}
a:hover,header ul > li:hover,header ul > li a:hover {
	color:#363734;
}
header .logo h1,#gate #main .logo h1 {
	text-indent:-9999px;
}
header ul:before,header ul:after,.select:before,.select:after,#gate #main:before,#gate #main:after,#dlc .faction ul:before,#dlc .faction ul:after,#dlc #main .nightmare:before,#dlc #main .nightmare:after,#dlc #main .country-hats:before,#dlc #main .country-hats:after,#dlc #main .nightmare ul:before,#dlc #main .nightmare ul:after,#dlc #main .country-hats ul:before,#dlc #main .country-hats ul:after {
	content:"";
	display:table;
}
header ul:after,.select:after,#gate #main:after,#purchase-now section.digital .retailer,#dlc .faction ul:after,#dlc #main .nightmare:after,#dlc #main .country-hats:after,#dlc #main .nightmare ul:after,#dlc #main .country-hats ul:after {
	clear:both;
}
header ul > li button.selected,.prev.off,.next.off,#home .news .prev.off,#home .news .next.off,#media .panel-content section ul img.active:hover,#media .panel-content section .prev.off,#media .panel-content section .next.off,#dlc .panel-content section ul img.active:hover,#dlc .panel-content section .prev.off,#dlc .panel-content section .next.off {
	cursor:default;
}
header ul > li:last-child,#purchase-now .edition ul.retailers li:last-child {
	margin-right:0;
}
.close:hover,.zoom:hover,#home .news .prev:hover,#home .news .next:hover,#media .panel-content .share-close:hover,#dlc .panel-content .share-close:hover {
	background-color:#fff;
}
.button:hover,#purchase-now .edition ul.retailers li a:hover {
	color:#fff;
}
.prev:hover,.next:hover,#media .panel-content section .prev:hover,#media .panel-content section .next:hover,#dlc .panel-content section .prev:hover,#dlc .panel-content section .next:hover {
	background-color:#ebf0e6;
}
.prev.off:hover,.next.off:hover,#media .panel-content section .prev.off:hover,#media .panel-content section .next.off:hover,#dlc .panel-content section .prev.off:hover,#dlc .panel-content section .next.off:hover {
	background-color:#2d2c26;
}
#gate #main .gate .age input.placeholder,#gate #main .gate .age input:-moz-placeholder,#gate #main .gate .age input::-webkit-input-placeholder {
	color:#646661;
}
#gate #main .watch-trailer h2,#home .watch-trailer h2,#media .panel-content h2,#dlc .watch-trailer h2,#dlc .panel-content h2 {
	font-size:15px;
	font-family:'Roboto Condensed';
	color:#bd6b30;
	font-weight:400;
	text-transform:uppercase;
	padding-bottom:10px;
}
#gate #main .watch-trailer iframe,#home .watch-trailer iframe,#dlc .watch-trailer iframe {
	width:1012px;
	height:570px;
}
#home .hero .hero-content,#dlc .hero .hero-content {
	width:1120px;
	margin:auto;
}
#home .hero .hero-content-container,#dlc .hero .hero-content-container {
	position:absolute;
}
#home .hero .quote a,#dlc .hero .title a,#dlc .hero .release a,#dlc .hero .release a:hover {
	color:#ebf0e6;
}
#home .hero .select,#dlc .hero .select {
	padding-left:0;
}
#home .watch-trailer,#dlc .watch-trailer {
	position:relative;
	display:none;
}
#home .watch-trailer .description,#dlc .watch-trailer .description {
	background:url(../img/pattern-dark.png);
	font-size:14px;
	margin:-5px 0 0;
	padding:25px 35px;
}
#home .watch-trailer .description h3,#dlc .watch-trailer .description h3 {
	font-family:Oswald, serif;
	color:#bd6b30;
	text-transform:uppercase;
	font-size:26px;
	letter-spacing:1px;
	font-weight:400;
	margin:0 0 13px;
}
#home .touts a,#home .touts a:hover,#home .news a,#home .news a:hover,#dlc .touts a,#dlc .touts a:hover {
	color:#7c7e78;
}
#home .touts ul,#dlc .touts ul {
	width:1205px;
	text-align:left;
	margin:0 auto 30px;
	padding:0 0 30px;
}
#home .touts ul li,#dlc .touts ul li {
	width:385px;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
}
#home .touts ul li img,#dlc .touts ul li img {
	width:385px;
	height:215px;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:0.8;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity;
	-webkit-transition-duration:200ms;
	-moz-transition-duration:200ms;
	-o-transition-duration:200ms;
	transition-duration:200ms;
	-webkit-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
	-webkit-backface-visibility:hidden;
}
#home .touts ul li a h2,#home .news ul li a h3,#dlc .touts ul li a h3 {
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:200ms;
	-moz-transition-duration:200ms;
	-o-transition-duration:200ms;
	transition-duration:200ms;
	-webkit-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
}
#home .touts ul li a:hover img,#dlc .touts ul li a:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}
#home .touts ul li a:hover h2,#home .social-boxes .twitter-feed a:hover,#home .social-boxes .facebook-page a:hover,#dlc .touts ul li a:hover h3 {
	color:#c5c8c1;
}
#home .news ul li a:hover h3,#home .news ul li .source a,#home .news ul li .date a,#home .social-boxes .twitter-feed ul li a,#media .panel-content .sizes .size a:hover,#purchase-now .edition .details h3 strong {
	color:#bd6b30;
}
#home .news ul li .newslogo,#dlc .exclusives ul li div {
	float:left;
}
#characters .background,#story .background,#media .background {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:1000px;
}
#media .panel-content,#dlc .panel-content {
	width:1020px;
	margin:auto;
	padding:50px 0 75px;
}
#media .panel-content .video,#media .panel-content .screenshot,#media .panel-content .screenshot img,#media .panel-content .wallpaper,#media .panel-content .wallpaper img,#dlc .panel-content .screenshot,#dlc .panel-content .screenshot img {
	width:1020px;
	height:570px;
	position:relative;
}
#media .panel-content .viewport,#dlc .panel-content .viewport {
	background:url(../img/preloader.gif) center center no-repeat;
}
#media .panel-content .share-close,#dlc .panel-content .share-close {
	width:40px;
	height:40px;
	background:#2d2c26 url(../images/close.png) no-repeat center;
	position:absolute;
	top:152px;
	right:7px;
	cursor:pointer;
	z-index:10;
	display:none;
	-webkit-transition-property:background;
	-moz-transition-property:background;
	-o-transition-property:background;
	transition-property:background;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-o-transition-duration:600ms;
	transition-duration:600ms;
	-webkit-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
}
#media .panel-content .share,#dlc .panel-content .share {
	top:15px;
	right:7px;
	position:absolute;
	z-index:10;
}
#media .panel-content .share-row,#dlc .panel-content .share-row {
	top:387px;
	left:230px;
	position:absolute;
	z-index:20;
	display:none;
}
#media .panel-content .share-row .twitter,#media .panel-content .share-row .facebook,#media .panel-content .share-row .tumblr,#media .panel-content .share-row .delicious,#media .panel-content .share-row .stumble,#media .panel-content .share-row .pinterest,#dlc .panel-content .share-row .twitter,#dlc .panel-content .share-row .facebook,#dlc .panel-content .share-row .tumblr,#dlc .panel-content .share-row .delicious,#dlc .panel-content .share-row .stumble,#dlc .panel-content .share-row .pinterest {
	width:70px;
	height:70px;
	margin-right:27px;
}
#media .panel-content .zoom,#media .panel-content .download,#dlc .panel-content .zoom,#dlc .panel-content .download {
	top:60px;
	right:7px;
	position:absolute;
	z-index:10;
}
#media .panel-content .screenshot-zoom .close,#dlc .panel-content .screenshot-zoom .close {
	top:15px;
	right:15px;
	position:fixed;
}
#media .panel-content section,#dlc .panel-content section {
	width:950px;
	height:120px;
	background:url(../img/pattern-dark.png);
	text-align:center;
	position:relative;
	padding:20px 35px;
}
#media .panel-content section h3,#dlc .panel-content section h3 {
	font-family:Oswald, serif;
	font-weight:700;
	text-transform:uppercase;
	color:#bd6b30;
	font-size:26px;
	letter-spacing:2px;
	margin:0;
	padding:0;
}
#media .panel-content section p,#dlc .panel-content section p {
	font-size:14px;
}
#media .panel-content section ul img,#dlc .panel-content section ul img {
	width:140px;
	height:auto;
	margin-bottom:15px;
	border:1px solid transparent;
	cursor:pointer;
}
#media .panel-content section ul img.active,#media .panel-content section ul img.active:hover,#dlc .panel-content section ul img.active,#dlc .panel-content section ul img.active:hover,#dlc #main .nightmare ul li div:hover,#dlc #main .country-hats ul li div:hover {
	border:1px solid #bd6b30;
}
#media .panel-content section ul img:hover,#dlc .panel-content section ul img:hover {
	border:1px solid #fff;
}
#media .panel-content section .prev,#media .panel-content section .next,#dlc .panel-content section .prev,#dlc .panel-content section .next {
	width:40px;
	height:40px;
	top:55px;
	-webkit-transition-property:background;
	-moz-transition-property:background;
	-o-transition-property:background;
	transition-property:background;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-o-transition-duration:600ms;
	transition-duration:600ms;
	-webkit-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
}
#media .panel-content section .prev,#dlc .panel-content section .prev {
	background:#2d2c26 url(../img/arrow-left-sm.png) no-repeat center;
	left:-20px;
}
#media .panel-content section .next,#dlc .panel-content section .next {
	background:#2d2c26 url(../img/arrow-right-sm.png) no-repeat center;
	right:-20px;
}
#media .panel-content section .bx-wrapper,#dlc .panel-content section .bx-wrapper {
	margin:0 auto;
}
#dlc .exclusives ul li ul li,#dlc .faction li {
	width:auto;
	display:block;
	list-style:none;
	margin:0 0 5px 30px;
}
#dlc .exclusives ul li ul li:before,#dlc .faction li:before {
	content:"•";
	margin-left:-30px;
	color:#bd6b30;
	border:1px solid transparent;
	position:absolute;
}
#dlc .faction h2,#dlc #main .nightmare .info h2,#dlc #main .country-hats .info h2,#dlc #main .government .info h2,#dlc #main .rally .info h2,#dlc #main .bygones .info h2 {
	font-family:Oswald, serif;
	text-transform:uppercase;
	font-size:26px;
	letter-spacing:1px;
	font-weight:400;
	color:#ebf0e6;
}
.ie #gate.phpab-no_video #main .age .year input.placeholder,#gate.phpab-control #main .age .year {
	width:100px;
}
.ff2 #gate.phpab-no_video #main .age .year,.chrome.win #gate.phpab-no_video #main .age .year,.chrome.mac #gate.phpab-no_video #main .age .year {
	bottom:36px;
}
#gate.phpab-no_video #main .age .year input.placeholder,#gate.phpab-no_video #main .age .year input {
	width:107px;
}
@media (min-width:300px) and (max-width:568px){
	#jPanelMenu-menu {
		background:#0d0d0b;
		overflow-y:hidden;
		font-family:Oswald, serif;
		color:#bd6b30;
		letter-spacing:1px;
		text-transform:uppercase;
		display:none;
		margin:0;

	}
	#jPanelMenu-menu li {
		background:#0d0d0b;
		color:#9c9e98;
		list-style:none;
		font-size:15px;
		padding:10px 30px 15px;
	}
	#jPanelMenu-menu li a {
		color:#9c9e98;
		display:block;
	}
	#jPanelMenu-menu li a:hover,#jPanelMenu-menu li.selected {
		color:#fff;
	}
	#jPanelMenu-menu li.selected {
		cursor:default;
	}
	#jPanelMenu-menu .purchase {
		background:#bd6b30;
		color:#eff3eb;
		font-size:20px;
		width:100%;
		height:25px;
		margin-bottom:10px;
		text-align:center;
		padding:15px 0;
	}
	#jPanelMenu-menu .purchase a {
		color:#eff3eb;
	}
	#jPanelMenu-menu .section {
		background:#1b1a16;
		color:#bd6b30;
		margin-bottom:5px;
		font-size:13px;
		font-family:'Roboto Condensed';
		padding:10px 30px;
	}
	#jPanelMenu-menu .section a {
		color:#bd6b30;
	}
	#jPanelMenu-menu .sub-section {
		color:#555652;
		padding-left:45px;
	}
	#jPanelMenu-menu .sub-section a {
		color:#555652;
	}
	#jPanelMenu-menu .forums {
		padding-top:15px;
		background:#131210;
	}
	header {
		height:45px;
		text-align:center;
		padding:10px 0 0;
	}
	header .mobile-trigger {
		background:url(../img/mobile-nav.png) top left no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		width:35px;
		height:35px;
		margin-right:10px;
		cursor:pointer;
		display:inline-block;
		vertical-align:top;
	}
	header .logo {
		width:161px;
		height:34px;
		background:url(../img/logo-header-sm.png) top left no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		display:inline-block;
		margin:0;
	}
	header .available-now {
		width:75px;
		font-family:Oswald, serif;
		letter-spacing:1px;
		font-size:12px;
		font-weight:700;
		color:#2b2c28;
		text-align:center;
		text-transform:uppercase;
		display:inline-block;
		vertical-align:top;
		padding:3px 0 0 5px;
	}
	#container {
		min-width:100%;
	}
	#gate #main {
		width:100%;
		max-width:480px;
		margin:30px 0;
	}
	#gate #main .logo {
		width:260px;
		height:55px;
		background:url(../img/logo-small-white.png) top left no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		float:none;
		text-align:center;
		display:block;
		margin:15px auto 0;
		padding:0;
	}
	#gate #main .select-container {
		width:211px;
		text-align:center;
		margin:20px auto 0;
	}
	#gate #main .dropdown {
		text-align:left;
		margin:0 auto;
	}
	#gate #main .gate {
		width:auto;
		padding-bottom:0;
		float:none;
		margin:15px 25px;
	}
	#gate #main .gate .trailer {
		text-align:center;
	}
	#gate #main .gate .age {
		font-size:12px;
		padding:15px 0 0;
	}
	#gate #main .gate .age h2 {
		width:180px;
		margin:auto;
	}
	#gate #main .gate .age .date {
		width:50px;
		height:auto;
		color:#eff3eb;
	}
	#gate #main .gate .age input {
		width:100%;
		height:30px;
		font-size:19px;
		margin:0 0 15px;
		padding:0;
	}
	#gate #main .gate .age button {
		margin-top:50px;
		width:100%;
	}
	#gate #main .sorry {
		text-align:center;
		padding:0;
	}
	#gate #main .sorry p {
		padding:10px 30px;
	}
	#gate #main .sorry .button {
		width:82%;
	}
	#home .hero {
		background:url(../images/heroremasterd-mobile-bg.png) center left no-repeat;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		-o-background-size:100% auto;
		background-size:100% auto;
		height:285px;
		text-align:center;
	}
  #home .hero.lb {
    background:url(../images/herolb-mobile-bg.png) center left no-repeat;
    -webkit-background-size:100% auto;
    -moz-background-size:100% auto;
    -o-background-size:100% auto;
    background-size:100% auto;
    height:285px;
    text-align:center;
  }
	#home .hero .hero-content-container {
		width:auto;
		position:relative;
	}
	#home .hero .watch-trailer-button {
		margin:210px 0 0;
	}
	#home .watch-trailer {
		padding-top:20px;
		text-align:center;
		background:url(../img/pattern-dark.png);
	}
	#home .watch-trailer .close {
		top:0;
	}
	#home .watch-trailer h2 {
		margin-left:35px;
		text-align:left;
	}
	#home .watch-trailer .description {
		text-align:left;}
	#home .watch-trailer .description h3 {
		font-size:20px;
	}
	#home .watch-trailer iframe {
		width:250px;
		height:140px;
		margin:auto;
	}
	#home .touts {
		max-width:360px;
		overflow:hidden;
		padding:20px;
	}
	#home .news {
		max-width:360px;
		overflow:hidden;
		padding:25px 0 20px 25px;
	}
	#home .news ul li .source {
		width:60px;
	}
	#home .news .bx-viewport {
		padding-bottom:15px;
	}
	#home .metacritic-container {
		zoom:1;
	}
	#home .metacritic-container .metacritic {
		float:left;
	}
	#home .metacritic-container a {
		width:190px;
		float:left;
		display:block;
	}
	#home .metacritic-container .quote {
		text-align:left;
		font-size:14px;
		padding:30px 0 5px 15px;
	}
	#home .metacritic-container .by {
		float:left;
		padding:0 0 0 15px;
	}
	#home .social-boxes {
		padding:20px;
	}
	#home .social-boxes .twitter-feed h2 {
		margin-bottom:10px;
	}
	#home .social-boxes .twitter-feed ul li img {
		width:30px;
		height:30px;
	}
	#home .social-boxes .twitter-feed ul li .tweet {
		width:175px;
	}
	#home .social-boxes .twitter-feed,#home .social-boxes .facebook-page {
		width:auto;
		display:block;
	}
	#home .social-boxes .fb_iframe_widget,#home .social-boxes .fb_iframe_widget span,#home .social-boxes .fb_iframe_widget span iframe[style] {
		width:270px !important;
		margin:auto;
	}
	#characters .character,#story .character {
		padding:50px 0 10px;
	}
	#characters .joel,#story .joel {
		background:url(../img/joel-m.png) top left no-repeat;
		width:250px;
		height:125px;
		float:none;
		margin:auto;
	}
	#characters .ellie,#story .ellie {
		background:url(../img/ellie-m.png) top left no-repeat;
		width:250px;
		height:125px;
		float:none;
		margin:auto;
	}
	#characters .character-info,#story .character-info {
		width:auto;
		height:auto;
		display:block;
		float:none;
		padding:25px;
	}
	#characters .character-info h2,#story .character-info h2 {
		padding:0 0 15px;
	}
	#characters .character-info p,#story .character-info p {
		font-size:14px;
		line-height:18px;
	}
	#characters .joel-bg,#story .joel-bg {
		background:url(../img/joel-bg-m.png) center right no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .ellie-bg,#story .ellie-bg {
		background:url(../img/ellie-bg-m.png) center left no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .story,#story .story {
		padding:50px 0;
	}
	#characters .story p,#story .story p {
		width:220px;
		font-size:14px;
		line-height:18px;
	}
	#characters .story-1,#story .story-1 {
		background:url(../img/story-1m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .story-2,#story .story-2 {
		background:url(../img/story-2m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .story-3,#story .story-3 {
		background:url(../img/story-5m.png) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .story-4,#story .story-4 {
		background:url(../img/story-4m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#media .media-1,#dlc .media-1 {
		background:url(../img/media-1-m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#media .media-2,#dlc .media-2 {
		background:url(../img/media-2-m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#media .panel,#dlc .panel {
		min-height:0;
	}
	#media .panel.downloads .share-close,#dlc .panel.downloads .share-close {
		top:50px;
	}
	#media .screenshots .panel-content,#media .downloads .panel-content,#dlc .screenshots .panel-content,#dlc .downloads .panel-content {
		padding:25px 0;
	}
	#media .panel-content,#dlc .panel-content {
		width:auto;
		margin:0 20px;
		padding:25px 0;
	}
	#media .panel-content .video,#media .panel-content .screenshot,#media .panel-content .wallpaper,#dlc .panel-content .video,#dlc .panel-content .screenshot,#dlc .panel-content .wallpaper {
		width:auto;
		height:auto;
		margin:0 auto;
	}
	#media .panel-content .viewport,#dlc .panel-content .viewport {
		min-height:150px;
	}
	#media .panel-content .share-close,#dlc .panel-content .share-close {
		top:68px;
		right:0;
		z-index:100;
	}
	#media .panel-content .share-row,#dlc .panel-content .share-row {
		top:95px;
		left:45px;
	}
	#media .panel-content .share-row div,#dlc .panel-content .share-row div {
		margin-bottom:20px;
		float:left;
	}
	#media .panel-content .share-row div.delicious,#media .panel-content .share-row div.pinterest,#dlc .panel-content .share-row div.delicious,#dlc .panel-content .share-row div.pinterest {
		width:40px;
		height:40px;
		-webkit-background-size:35% 35%;
		-moz-background-size:35% 35%;
		-o-background-size:35% 35%;
		background-size:35% 35%;
	}
	#media .panel-content .share-row div.twitter,#dlc .panel-content .share-row div.twitter {
		width:40px;
		height:40px;
		-webkit-background-size:40% 40%;
		-moz-background-size:40% 40%;
		-o-background-size:40% 40%;
		background-size:40% 40%;
	}
	#media .panel-content .share-row div.facebook,#dlc .panel-content .share-row div.facebook {
		width:40px;
		height:40px;
		-webkit-background-size:20% 15%;
		-moz-background-size:20% 15%;
		-o-background-size:20% 15%;
		background-size:20% 15%;
	}
	#media .panel-content .share-row div.tumblr,#dlc .panel-content .share-row div.tumblr {
		width:40px;
		height:40px;
		-webkit-background-size:28% 25%;
		-moz-background-size:28% 25%;
		-o-background-size:28% 25%;
		background-size:28% 25%;
	}
	#media .panel-content .share-row div.stumble,#dlc .panel-content .share-row div.stumble {
		width:40px;
		height:40px;
		-webkit-background-size:50% 50%;
		-moz-background-size:50% 50%;
		-o-background-size:50% 50%;
		background-size:50% 50%;
	}
	#media .panel-content section,#dlc .panel-content section {
		width:auto;
		margin:0 auto;
	}
	#media .panel-content section ul img,#dlc .panel-content section ul img {
		width:70px;
		height:39px;
	}
	#media .panel-content .sizes,#dlc .panel-content .sizes {
		top:40px;
		width:280px;
		left:25px;
		text-align:left;
	}
	#media .panel-content .sizes .size,#dlc .panel-content .sizes .size {
		width:280px;
		padding-top:50px;
	}
	#media .panel-content .sizes .size a,#dlc .panel-content .sizes .size a {
		width:120px;
		display:inline-block;
		font-size:12px;
		text-align:center;
	}
	#media .panel-content .sizes .size a:hover,#dlc .panel-content .sizes .size a:hover {
		color:#878787;
	}
	#purchase-now section {
		padding:30px 0;
	}
	#purchase-now section.post-pandemic {
		padding-top:30px;
		background:url(../img/pattern-light.png);
		border-bottom:1px solid #000;
	}
	#purchase-now section.digital {
		background:url(../img/pattern-light.png);
		border:1px solid #000;
	}
	#purchase-now section.digital .retailer {
		margin-top:10px;
		clear:both;
	}
	#purchase-now section.standard {
		padding-top:30px;
	}
	#purchase-now .edition {
		width:auto;
		text-align:center;
		padding:0 0 20px;
	}
	#purchase-now .edition .details ul li:before,#purchase-now .edition .pack ul li:before {
		padding-right:10px;
	}
	#purchase-now .edition .details {
		width:90%;
		text-align:left;
		margin:auto;
		padding:15px 0;
	}
	#purchase-now .edition .details h3 {
		margin-top:5px;
	}
	#purchase-now .edition .details .msrp {
		padding:0 0 5px;
	}
	#purchase-now .edition .details ul {
		margin-bottom:20px;
		zoom:1;
	}
	#purchase-now .edition .details ul li {
		float:left;
		clear:both;
		padding:0;
	}
	#purchase-now .edition .details ul li:before {
		border:1px solid transparent;
		float:left;
	}
	#purchase-now .edition .purchase-survival-edition {
		width:250px;
		height:186px;
		background:url(../img/purchase/survival-edition-m.png) top left no-repeat;
	}
	#purchase-now .edition .purchase-post-pandemic-edition {
		width:250px;
		height:169px;
		background:url(../img/purchase/post-pandemic-edition-m.png) top left no-repeat;
	}
	#purchase-now .edition .purchase-standard-edition {
		width:250px;
		height:254px;
		background:url(../img/purchase/standard-edition-m.png) top left no-repeat;
	}
  #purchase-now .edition .remastered-edition {
    width:250px;
    height:254px;
    background:url(../images/purchase/remastered-edition-m.png) top left no-repeat;
  }
  
	#purchase-now .edition .retailer {
		width:auto;
		text-align:left;
		margin:0 20px;
	}
	#purchase-now .edition ul.retailers {
		margin:0 30px;
	}
	#purchase-now .edition ul.retailers li {
		display:block;
		text-align:left;
		margin:20px 0 0;
	}
	#dlc .hero {
		height:380px;
	}
	#dlc .hero.season-pass {
		background:url(../img/hero-season-pass-m.jpg) center center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#dlc .hero.abandoned {
		background:url(../img/hero-abandoned-m.jpg) top left no-repeat;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		-o-background-size:100% auto;
		background-size:100% auto;
	}
	#dlc .hero.add-on {
		background:url(../img/hero-add-on.jpg) top center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#dlc .hero.add-on .title {
		margin-bottom:15px;
	}
	#dlc .hero.add-on .select {
		margin-bottom:0;
	}
	#dlc .hero .hero-content .title {
		font-size:32px;
		line-height:32px;
		padding:140px 0 0 20px;
	}
	#dlc .hero .hero-content .title sup {
		font-size:15px;
	}
	#dlc .hero .hero-content .description,#dlc .hero .hero-content .release {
		font-size:13px;
		padding:10px 10px 10px 20px;
	}
	#dlc .hero .hero-content .select {
		padding-left:20px;
		padding-bottom:25px;
	}
	#dlc .hero .hero-content .release .blurb {
		padding:10px 0;
	}
	#dlc .hero .hero-content-container {
		position:relative;
	}
	#dlc .video {
		padding:90px 0 30px;
	}
	#dlc .video iframe {
		width:290px;
		height:150px;
	}
	#dlc .touts {
		max-width:360px;
		overflow:hidden;
		padding:30px 20px;
	}
	#dlc .touts h2 {
		width:auto;
		font-family:Oswald, serif;
		color:#bd6b30;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	#dlc .exclusives{
		width:auto;
		padding-top:30px;
		max-width:100%;
	}
	#dlc .exclusives h2 {
		font-family:Oswald, serif;
		color:#bd6b30;
		letter-spacing:1px;
		text-transform:uppercase;
		margin:0 0 30px 20px;
		padding:0;
	}
	#dlc .exclusives ul {
		margin-left:30px;
		padding:0;
	}
	#dlc .exclusives ul > li {
		width:100%;
		display:block;
		padding-bottom:25px;
		zoom:1;
	}
	#dlc .exclusives ul > li .dlc-upgrades {
		-webkit-transform:scale(0.7,0.7);
		-moz-transform:scale(0.7,0.7);
		-ms-transform:scale(0.7,0.7);
		-o-transform:scale(0.7,0.7);
		transform:scale(0.7,0.7);
		margin:-30px 0 0 -30px;
	}
	#dlc .exclusives ul > li .dlc-bone-mask {
		-webkit-transform:scale(0.6,0.6);
		-moz-transform:scale(0.6,0.6);
		-ms-transform:scale(0.6,0.6);
		-o-transform:scale(0.6,0.6);
		transform:scale(0.6,0.6);
		margin:-35px 0 0 -40px;
	}
	#dlc .exclusives ul > li h3 {
		width:130px;
		margin:0 0 0 -30px;
	}
	#dlc .exclusives ul > li h3.mask {
		margin-left:-43px;
	}
	#dlc .exclusives ul > li ul {
		width:200px;
		margin:0;
		padding:10px 0 0;
	}
	#dlc .exclusives ul > li ul li {
		width:200px;
		padding-bottom:0;
	}
	#dlc .faction .faction-content {
		width:auto;
		max-width:100%;
		padding:30px 20px;
	}
	#dlc .faction .faction-content h2 {
		font-size:17px;
	}
	#dlc #main .nightmare,#dlc #main .country-hats {
		width:auto;
		max-width:100%;
		padding:90px 0 0;
	}
	#dlc #main .nightmare .dropdown,#dlc #main .country-hats .dropdown {
		height:220px;
		overflow-y:scroll;
		background:#000;
		position:absolute;
		z-index:10;
		padding:0;
	}
	#dlc #main .nightmare .dropdown li,#dlc #main .country-hats .dropdown li {
		cursor:pointer;
		display:block;
		padding:5px 10px;
	}
	#dlc #main .nightmare .hat-listing-mobile,#dlc #main .country-hats .hat-listing-mobile {
		display:block;
	}
	#dlc #main .nightmare .hat-listing-mobile p,#dlc #main .country-hats .hat-listing-mobile p {
		margin-left:70px;
	}
	#dlc #main .nightmare ul,#dlc #main .nightmare .info,#dlc #main .country-hats ul,#dlc #main .country-hats .info {
		width:auto;
		float:none;
		padding:0 20px;
	}
	#dlc #main .nightmare .bundle-listing,#dlc #main .country-hats .bundle-listing {
		margin-left:10px;
		text-align:center;
	}
	#dlc #main .nightmare .bundle-listing li,#dlc #main .country-hats .bundle-listing li {
		height:330px;
		text-align:center;
		float:none;
		display:inline-block;
	}
	#dlc #main .nightmare .bx-pager,#dlc #main .country-hats .bx-pager {
		margin-left:15px;
	}
  #dlc #main .single-item, #dlc #main .single-item img {
    width: 185px;
    height: 185px;
  }
	footer {
		color:#eff3eb;
		margin:auto;
		padding:20px 20px 30px;
	}
	footer ul li {
		width:100%;
		display:block;
	}
	footer ul li div {
		margin:0 auto 15px;
	}
	#global-nav,header nav,#gate #main .gate .trailer h2,#gate #main .gate .trailer p,#home .hero .quote,#home .hero .by,#home .touts .next,#home .touts .prev,#home .news .next,#home .news .prev,#media .panel-content .zoom,#dlc .panel-content .zoom,#media .panel-content section .prev,#media .panel-content section .next,#dlc .panel-content section .prev,#dlc .panel-content section .next,#media .panel-content .sizes h3,#dlc .panel-content .sizes h3,#media .panel-content .sizes .desktop,#dlc .panel-content .sizes .desktop,#purchase-now .purchase-heading,#dlc .hero.add-on .description,#dlc .touts .next,#dlc .touts .prev,#dlc #main .nightmare .hat-listing,#dlc #main .country-hats .hat-listing {
		display:none;
	}
	#gate #main .gate .trailer iframe,#gate #main .watch-trailer iframe {
		width:250px;
		height:140px;
	}
	#gate #main .gate .age .year,#gate #main .gate .age .year input,#home .news ul li .date {
		width:70px;
	}
	#gate #main .sorry h2,#dlc .hero .hero-content .release {
		padding-top:15px;
	}
	#gate #main .sorry .select,#home .news .news-content {
		width:100%;
	}
	#home .hero .hero-content,#dlc .hero .hero-content {
		width:auto;
	}
	#home .touts ul li img,#media .panel-content .screenshot img,#media .panel-content .wallpaper img,#media .panel-content .video iframe,#dlc .panel-content .screenshot img,#dlc .panel-content .wallpaper img,#dlc .panel-content .video iframe,#dlc .touts ul li img {
		max-width:100%;
		height:auto;
	}
	#home .news ul,#home .news ul li,#home .news ul li .news-item {
		height:auto;
	}
	#home .metacritic-container:before,#home .metacritic-container:after,#purchase-now .edition .details ul:before,#purchase-now .edition .details ul:after,#dlc .exclusives ul > li:before,#dlc .exclusives ul > li:after {
		content:"";
		display:table;
	}
	#home .metacritic-container:after,#media .panel-content .share-row div.delicious,#dlc .panel-content .share-row div.delicious,#purchase-now .edition .details ul:after,#dlc .exclusives ul > li:after {
		clear:both;
	}
	#characters .background,#story .background,#media .background,#dlc .background {
		height:300px;
	}
	#characters .character-content,#story .character-content,#purchase-now .edition .set {
		width:auto;
		height:auto;
	}
	#dlc #main .nightmare .hat-listing-mobile div,#dlc #main .country-hats .hat-listing-mobile div,#dlc #main .nightmare .bundle-listing li div,#dlc #main .country-hats .bundle-listing li div {
		-webkit-transform:scale(1.5,1.5);
		-moz-transform:scale(1.5,1.5);
		-ms-transform:scale(1.5,1.5);
		-o-transform:scale(1.5,1.5);
		transform:scale(1.5,1.5);
		margin:50px 40px;
	}
}
@media only screen and (min-width:; 568px) and (max-width:; 800px){
	body {
		overflow-x:hidden;
	}
	#global-nav .links {
		margin-left:10px;
	}
	header {
		zoom:1;
	}
	header .logo {
		width:161px;
		height:34px;
		background:url(../img/logo-header-sm.png) top left no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		float:left;
		margin:0 0 0 10px;
	}
	header nav ul {
		width:auto;
		margin:0;
	}
	header nav ul li.media,header nav ul li.dlc {
		margin-right:50px;
	}
	header nav ul li.media .menu,header nav ul li.dlc .menu{
		z-index:1000;
	}
	header .available-now{
		width:185px;
		font-family:Oswald, serif;
		letter-spacing:1px;
		font-size:12px;
		font-weight:700;
		color:#2b2c28;
		text-align:center;
		text-transform:uppercase;
		display:block;
		float:left;
		clear:both;
		padding:3px 0 0;
	}
	#container {
		min-width:100%;
	}
	#gate #main .logo {
		width:512px;
		height:109px;
		background:url(../img/logo-big-white.png) top center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		display:block;
		float:none;
		margin:100px auto 0;
		padding:0;
	}
	#gate #main .gate {
		float:none;
		display:block;
		margin:50px auto;
	}
	#gate #main .gate .age input {
		width:100%;
		padding:0;
	}
	#gate #main .gate .age button {
		width:100px;
	}
	#gate #main .watch-trailer iframe {
		width:712px;
		height:370px;
	}
	#gate #main .select-container {
		padding-bottom:50px;
		margin:auto;
	}
	#home .hero {
		height:410px;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#home .hero .hero-content .quote {
		font-size:42px;
		line-height:42px;
		padding:100px 0 0 30px;
	}
	#home .touts .quote {
		max-width:400px;
	}
	#home .news {
		padding:20px;
	}
	#home .news .bx-viewport {
		padding-bottom:15px;
	}
	#characters .background,#story .background {
		height:400px;
	}
	#characters .character,#story .character {
		zoom:1;
		padding:50px 0 10px;
	}
	#characters .character-content,#story .character-content {
		width:auto;
		height:auto;
		margin:0 30px;
	}
	#characters .joel,#characters .ellie,#story .joel,#story .ellie {
		width:200px;
		height:200px;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		margin-top:95px;
	}
	#characters .character-info,#story .character-info {
		width:430px;
		height:auto;
		padding:35px 15px 95px;
	}
	#characters .joel-bg,#story .joel-bg {
		background:url(../img/joel-bg-m.png) center right no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .ellie-bg,#story .ellie-bg {
		background:url(../img/ellie-bg-m.png) center left no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .story,#story .story {
		padding:120px 0;
	}
	#characters .story p,#story .story p {
		width:520px;
		font-size:16px;
		line-height:20px;
	}
	#characters .story-1,#story .story-1 {
		background:url(../img/story-1m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .story-2,#story .story-2 {
		background:url(../img/story-2m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .story-3,#story .story-3 {
		background:url(../img/story-5m.png) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#characters .story-4,#story .story-4 {
		background:url(../img/story-4m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#media .background,#dlc .background {
		height:450px;
	}
	#media .media-1,#dlc .media-1 {
		background:url(../img/media-1-m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#media .media-2,#dlc .media-2 {
		background:url(../img/media-2-m.jpg) center no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#media .panel,#dlc .panel {
		min-height:0;
	}
	#media .screenshots .panel-content,#media .downloads .panel-content,#dlc .screenshots .panel-content,#dlc .downloads .panel-content {
		padding:25px 0;
	}
	#media .panel-content,#dlc .panel-content {
		width:auto;
		margin:0 20px;
		padding:25px 0;
	}
	#media .panel-content .video,#media .panel-content .screenshot,#media .panel-content .wallpaper,#dlc .panel-content .video,#dlc .panel-content .screenshot,#dlc .panel-content .wallpaper {
		width:auto;
		height:auto;
		margin:0 auto;
	}
	#media .panel-content .viewport,#dlc .panel-content .viewport {
		min-height:400px;
	}
	#media .panel-content .video iframe,#dlc .panel-content .video iframe {
		height:350px;
	}
	#media .panel-content .share-close,#dlc .panel-content .share-close {
		top:75px;
	}
	#media .panel-content .share-row,#dlc .panel-content .share-row {
		top:187px;
		left:230px;
	}
	#media .panel-content .share-row div,#dlc .panel-content .share-row div {
		margin-bottom:20px;
		float:left;
	}
	#media .panel-content section ul img,#dlc .panel-content section ul img {
		width:90px;
		height:50px;
	}
	#media .panel-content .sizes,#dlc .panel-content .sizes {
		top:100px;
		width:250px;
		left:250px;
	}
	#media .panel-content .sizes .size a:hover,#dlc .panel-content .sizes .size a:hover {
		color:#878787;
	}
	#purchase-now .purchase-heading {
		width:auto;
		margin:-20px 20px 0;
	}
	#purchase-now section.post-pandemic {
		padding-top:30px;
		background:url(../img/pattern-light.png);
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
	#purchase-now section.digital {
		background:url(../img/pattern-light.png);
		border:1px solid #000;
	}
	#purchase-now section.standard {
		padding-top:30px;
	}
	#purchase-now .edition {
		width:auto;
		text-align:center;
		padding:0 0 20px;
	}
	#purchase-now .edition .set {
		width:auto;
		height:auto;
		margin-left:20px;
		float:left;
	}
	#purchase-now .edition .details {
		width:390px;
		text-align:left;
		float:left;
		padding:0 30px 20px;
	}
	#purchase-now .edition .details h3 {
		margin-top:0;
	}
	#purchase-now .edition .details .msrp {
		padding:0 0 5px;
	}
	#purchase-now .edition .details ul {
		margin-bottom:20px;
		zoom:1;
	}
	#purchase-now .edition .details ul li {
		float:left;
		clear:both;
		padding:0;
	}
	#purchase-now .edition .details ul li:before {
		border:1px solid transparent;
		float:left;
	}
	#purchase-now .edition .purchase-survival-edition {
		width:250px;
		height:186px;
		margin-top:25px;
		background:url(../img/purchase/survival-edition-m.png) top left no-repeat;
	}
	#purchase-now .edition .purchase-post-pandemic-edition {
		width:250px;
		height:169px;
		margin-top:25px;
		background:url(../img/purchase/post-pandemic-edition-m.png) top left no-repeat;
	}
	#purchase-now .edition .purchase-standard-edition {
		width:250px;
		height:254px;
		background:url(../img/purchase/standard-edition-m.png) top left no-repeat;
	}
  #purchase-now .edition .remastered-edition {
    width:250px;
    height:254px;
    background:url(../images/purchase/remastered-edition-m.png) top left no-repeat;
  }
	#purchase-now .edition .retailer {
		width:auto;
		text-align:left;
		clear:both;
		margin:0 20px;
	}
	#purchase-now .edition ul.retailers {
		text-align:left;
		margin:0 20px;
	}
	#dlc .hero {
		height:400px;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	#dlc .hero .hero-content .title {
		font-size:42px;
		line-height:42px;
		padding:40px 0 0 30px;
	}
	#dlc .hero .hero-content .title sup {
		font-size:20px;
	}
	#dlc .hero .hero-content .description,#dlc .hero .hero-content .release {
		font-size:18px;
		padding:10px 0 10px 30px;
	}
	#dlc .hero .hero-content .release {
		padding-top:15px;
	}
	#dlc .video iframe {
		width:500px;
		height:250px;
	}
	#dlc .exclusives {
		width:auto;
		max-width:100%;
	}
	#dlc .exclusives ul {
		margin-left:30px;
		padding:0;
	}
	#dlc .exclusives ul > li {
		width:100%;
		display:block;
		padding-bottom:25px;
		zoom:1;
	}
	#dlc .exclusives ul > li ul {
		width:400px;
		margin-top:10px;
	}
	#dlc .exclusives ul > li ul li {
		width:400px;
		padding-bottom:0;
	}
	#dlc .faction .faction-content {
		width:auto;
		max-width:100%;
		padding:30px;
	}
	#dlc #main .nightmare,#dlc #main .country-hats {
		max-width:100%;
	}
	#dlc #main .nightmare ul,#dlc #main .nightmare .info,#dlc #main .country-hats ul,#dlc #main .country-hats .info {
		float:none;
	}
	#gate.phpab-control #main .gate {
		margin:50px auto 20px;
	}
	#agegate {
		top:70px;
		left:30px;
	}
	#global-nav .social,#gate #main .gate .trailer h2,#gate #main .gate .trailer p,#home .touts .prev,#home .touts .next,#home .news .prev,#home .news .next,#media .panel-content .zoom,#dlc .panel-content .zoom,#media .panel-content section .prev,#media .panel-content section .next,#dlc .panel-content section .prev,#dlc .panel-content section .next,#media .panel-content .sizes h3,#dlc .panel-content .sizes h3,#media .panel-content .sizes .desktop,#dlc .panel-content .sizes .desktop,#dlc .touts .bx-pager {
		display:none;
	}
	header:before,header:after,#characters .character:before,#characters .character:after,#story .character:before,#story .character:after,#purchase-now .edition .details ul:before,#purchase-now .edition .details ul:after,#dlc .exclusives ul > li:before,#dlc .exclusives ul > li:after {
		content:"";
		display:table;
	}
	header:after,#characters .character:after,#story .character:after,#media .panel-content .share-row div.delicious,#dlc .panel-content .share-row div.delicious,#purchase-now section.digital .retailer,#purchase-now .edition .details ul:after,#dlc .exclusives ul > li:after {
		clear:both;
	}
	header nav ul li,footer ul li {
		margin-right:30px;
	}
	#gate #main,#media .panel-content section,#dlc .panel-content section {
		width:auto;
		margin:0 auto;
	}
	#home .hero .hero-content,#home .news .news-content,#dlc .hero .hero-content {
		width:auto;
	}
	#home .hero .hero-content .by,#home .hero .hero-content .select,#dlc .hero .hero-content .select {
		padding-left:30px;
	}
	#home .hero .hero-content-container,#dlc .hero .hero-content-container {
		position:relative;
	}
	#home .watch-trailer iframe,#dlc .watch-trailer iframe {
		max-width:100%;
		height:350px;
	}
	#home .touts,#dlc .touts {
		max-width:800px;
		overflow:hidden;
		padding:20px;
	}
	#home .touts ul li img,#media .panel-content .screenshot img,#media .panel-content .wallpaper img,#media .panel-content .video iframe,#dlc .panel-content .screenshot img,#dlc .panel-content .wallpaper img,#dlc .panel-content .video iframe,#dlc .touts ul li img {
		max-width:100%;
		height:auto;
	}
	#home .news ul,#home .news ul li,#home .news ul li .news-item {
		height:auto;
	}
	#purchase-now section,#dlc .video {
		padding:30px 0;
	}
	#dlc .exclusives h2,#dlc #main .nightmare ul,#dlc #main .country-hats ul {
		margin-left:30px;
	}
	#gate.phpab-control #main .select-container,#gate.phpab-control #main .age {
		margin:0 0 45px 140px;
	}
}
@media (min-width:900px){
	html,body {
		height:100%;
	}
	#gate {
		position:relative;
	}
	#gate footer {
		width:100%;
		/*position:absolute;
		bottom:0px;*/

	}
	#main .release {
		margin-top:20px;
	}
}
@media (min-width:1290px){
	#main .hero {
		height:620px;
	}
	#main .release {
		margin-top:25px;
	}
}
@media (min-width:1390px){
	#main .hero {
		height:670px;
	}
	#main .release {
		margin-top:80px;
	}
}
@media (min-width:1490px){
	#main .hero {
		height:730px;
	}
	#main .release {
		margin-top:150px;
	}
}
@media (min-width:1590px){
	#main .hero {
		height:780px;
	}
	#main .release {
		margin-top:200px;
	}
}
@media (min-width:1690px){
	#main .hero {
		height:830px;
	}
	#main .release {
		margin-top:180px;
	}
}
@media (min-width:320px) and (max-width:568px){
	#gate.phpab-no_video #main .age h2 {
		width:auto;
	}
	#gate.phpab-no_video #main .dropdown {
		height:145px;
	}
	#gate.phpab-no_video #main .age {
		padding:70px 0 60px;
	}
	#gate.phpab-no_video #main .age button {
		margin:60px auto 0 auto;
	}
	#gate.phpab-no_video #main .age .year {
		width:75px;
		bottom:0px;
	}
	#gate.phpab-control #main .select-container {
		margin:0;
	}
	#gate.phpab-control #main .age {
		top:0px;
		margin:0 0 0 55px;
	}
	#gate.phpab-control #main .age button {
		margin:50px auto 0;
	}
	#gate.phpab-control #main .age .date {
		width:85px;
	}
	.ff2 #gate.phpab-no_video #main .age .year {
		bottom:0px;
	}
	#media .panel-content .viewport {
		background:none;
	}
	#media #agegate {
		top:0px;
		left:35px;
	}
	#media #agegate .verify table {
		left:50px !important;
	}
	#media #agegate .verify input {
		left:60px !important;
	}
}

.left-behind-review {
  text-align: center;
  padding-bottom: 35px;
}

#dlc h2 {
  font-family: "Oswald", serif;
  color: #bd6b30;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 26px;
  color: #bd6b30;
  padding: 0 0 20px 0;
  margin: 0;
}
#dlc p {
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
}
#dlc .background {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 1000px;
}
#dlc .riley-ellie-bg, #story .riley-ellie-bg, #dlc .riley-ellie-bg {
  background: url(../img/riley-ellie-bg.jpg) no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-bottom: none;
}
#dlc section .character {
  background: #0e0e0c url(../img/pattern-dark.png);
  padding: 150px 0;

}
#dlc .character-content {
  max-width: 1020px;
  height: 320px;
  margin: auto;
}
#dlc .riley {
  background: url(../img/dlc-riley.jpg) top left no-repeat;
  width: 280px;
  height: 320px;
  margin-right: 30px;
  float: left;
}
#dlc .ellie {
  background: url(../img/dlc-ellie.jpg) top left no-repeat;
  width: 280px;
  height: 320px;
  margin-right: 30px;
  float: left;
}
#dlc .character-info {
  max-width: 700px;
  height: 320px;
  display: table;
  float: left;
}
#dlc .character-info div {
  display: table-cell;
  vertical-align: middle;
}

#dlc .videos .left-behind-video {
  padding: 0;
}
#dlc #main .info ul {
  width: auto;
  float: none;
}
#dlc #main .info ul li {
  width: auto;
  font-family:Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: none;
  color: #7c7e78;
  margin: 0 0 5px 0;
  float: none;
}
#dlc #main .info ul li:before {
  content: "•";  
/*  list-style-type: disc;*/
  margin-left: -30px;
  color: #bd6b30;
  border: 1px solid transparent;
  position: absolute;
}

.reclaimed-item, .grit .bundle-listing div, .killer .bundle-listing div {
  height: 185px;
  width: 185px;
}

.single-item {
  width: 358px;
  height: 358px;
}

.dark {
  background:url(../img/pattern-dark.png);
}

#dlc.faq .hero{
  background: url(../images/heroremastered.png) top left no-repeat;
}

.questions, .audio_faq, hr{
  width:1100px;
  margin: auto;
  padding:30px 0;
}

.questions strong{
  font-size: 16px;
  font-family: "Oswald", serif;
}

#dlc .questions .item_qa{
  margin-bottom: 20px;
}


#dlc .questions .item_qa .question{
  cursor: pointer;
}

#dlc .questions .item_qa .question1 h2, #dlc .questions .item_qa .question3 h2, #dlc .questions .item_qa .question5 h2, #dlc .questions .item_qa .question7 h2, #dlc .questions .item_qa .question9 h2, #dlc .questions .item_qa .question11 h2, #dlc .questions .item_qa .question13 h2, #dlc .questions .item_qa .question15 h2, #dlc .a_guide2{
  color:#ebf0e6;
}

.questions .answers{
  padding:0 0 0 50px;
  display: none;
  width: 800px;
}

.a1_container{
  margin:0 0 0 35px;
}

.a1_container ul{
  padding: 0px 25px;
}

.sign1, .sign2, .sign3, .sign4, .sign5, .sign6, .sign7, .sign8, .sign9, .sign10, .sign11, .sign12{
  left:-30px; 
  top:2px; 
  float:left; 
  display:block;
} 

/*.open {
  background: url('/assets/site/images/uncharted3/tournament/open.png') no-repeat; 
  width:20px; 
  height:19px; 
}

.close {
  background: url('/assets/site/images/uncharted3/tournament/close.png') no-repeat; 
  width:20px; 
  height:5px; 
  top:10px; 
}*/

.audio_faq ul{
  margin:0 0 20px 50px;
}

.a_answer1, .a_answer2, .a_answer3{
  display: none;
}

.a_guide1, .a_guide2, .a_guide3{
  cursor: pointer;
}