.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}
.clearfix:after {
    clear: both
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
    -webkit-font-smoothing: antialiased;
    background-color: #292620;
    background-image: url(../../styles/img/monochrome-leather-700-700.png);
    background-repeat: repeat;
    background-size: auto
}
.img-polaroid {
    border: none;
    padding: 1px;
    background-color: #6f6554;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.img-polaroid:hover {
    background-color: #f7b55a
}
.align-center {
    text-align: center
}
.align-right {
    text-align: right
}
.align-left {
    text-align: left
}
.hidden {
    display: none
}
.sans {
    font-family: adelle, sans-serif
}
.obfuscate {
    unicode-bidi: bidi-override;
    direction: rtl
}
.navbar-wrapper {
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    z-index: 1030;
    margin-bottom: -90px
}
.navbar-wrapper .navbar {
    font-weight: 700;
    font-family: futura-pt, sans-serif;
    text-transform: uppercase
}
.navbar .navbar-inner {
    border: 0;
    background: 0 0;
    box-shadow: none
}
.navbar .brand {
    margin-top: -12px;
    padding: 2px;
    text-shadow: 0 -1px 0 rgba(28, 25, 22, .5);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.navbar .brand:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}
.navbar .nav .dropdown-toggle .caret {
    margin-top: 12px
}
.navbar .nav>li>a {
    padding: 5px 15px;
    text-shadow: 0 1px 0 #6f6554
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
    text-shadow: none
}
.navbar .btn-navbar {
    margin-top: 10px
}
.nav .shop a:hover span {
    display: none
}
.nav .shop a:hover:after {
    color: #f59f29;
    content: " coming soon"
}
.nav .sale {
  font-size: 14px;
  padding: 3px 6px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.nav .sale:hover {
  background-color: #f59f29;
  color: #292620;
  text-shadow: none;
}
.nav {
    background-color: rgba(55, 50, 42, .3)
}
.nav.sections {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}
.nav.socials {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}
#blog .filters,
#catalog .filters {
    border-bottom: 6px solid #37322a;
    margin-bottom: 24px
}
#blog .nav,
#catalog .nav {
    background-color: transparent;
    margin-bottom: 8px
}
#blog .nav,
#catalog .nav {
    font-size: 12px
}
#blog .nav>.active>a,
#catalog .nav>.active>a {
    font-weight: 700;
    color: #37322a
}
#blog .nav>.disabled>a,
#catalog .nav>.disabled>a {
    color: #6f6554
}
#blog .nav>li>a:hover,
#blog .nav>li>a:focus,
#catalog .nav>li>a:hover,
#catalog .nav>li>a:focus {
    background-color: #37322a
}
#blog .nav-pills>.active>a,
#blog .nav-pills>.active>a:hover,
#blog .nav-pills>.active>a:focus,
#catalog .nav-pills>.active>a,
#catalog .nav-pills>.active>a:hover,
#catalog .nav-pills>.active>a:focus {
    background-color: #f59f29
}
#blog .nav-pills>.disabled>a,
#blog .nav-pills>.disabled>a:hover,
#blog .nav-pills>.disabled>a:focus,
#catalog .nav-pills>.disabled>a,
#catalog .nav-pills>.disabled>a:hover,
#catalog .nav-pills>.disabled>a:focus {
    background-color: transparent
}
.dropdown-menu>li>a {
    font-weight: 700
}
.dropdown-menu .divider {
    margin: 4px 1px
}
ul.last,
.last>li {
    margin-bottom: 0
}
.thumbnail {
    display: block;
    padding: 4px;
    line-height: 28px;
    border: 1px solid #37322a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
a.thumbnail:hover,
a.thumbnail:focus {
    box-shadow: none;
    text-decoration: none
}
a.thumbnail:hover .caption {
    background-color: #524b3e
}
a.thumbnail:hover h2 {
    color: #f59f29
}
.banner {
    display: block;
    height: 200px;
    position: relative;
    overflow: hidden
}
.thumbnail .banner-text {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
a.thumbnail:hover .banner-text {
    opacity: 1;
    filter: alpha(opacity=100)
}
.banner-text {
    text-align: center;
    margin-top: 32px;
    color: #e4d3ba
}
.first-line,
.second-line,
.banner-text h2 {
    margin-bottom: 12px
}
.banner .banner-bg {
    display: block;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 800px 300px;
    -moz-background-size: 800px 300px;
    -o-background-size: 800px 300px;
    background-size: 800px 300px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.banner:hover .banner-bg {
    opacity: .4;
    filter: alpha(opacity=40);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
.banner-text h2 {
    font-size: 24px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.banner-text p {
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.banner:hover {
    text-decoration: none;
    height: 200px
}
.banner-text h2 {
    color: #f7b55a
}
.banner-text h2,
.banner-text p {
    position: relative;
    padding: 5px 10px;
    line-height: 1.4
}
.banner-text ul {
    list-style: none;
    margin: 0 0 14px 0;
    padding: 0;
    position: relative
}
.banner-text li {
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    display: inline-block;
    padding: 0
}
.banner-text span.slash:after,
.jumbotron-caption span.slash:after {
    content: "\00a0\00a0/\00a0\00a0"
}
.banner-text span.slash:last-child:after,
.jumbotron-caption span.slash.last:after {
    content: ""
}
.banner-text span.plus:after,
.jumbotron-caption span.plus:after {
    content: "\00a0\00a0+\00a0\00a0"
}
.banner-text span.plus:last-child:after,
.jumbotron-caption span.plus:last-child:after {
    content: ""
}
.banner-text span.and:after,
.jumbotron-caption span.and:after {
    content: " and "
}
.banner-text span.and:last-child:after,
.jumbotron-caption span.and:last-child:after {
    content: ""
}
.social a {
    font-size: 18px
}
#store-body .row-fluid .span4 {
    margin-bottom: 15px
}
#store-body .row-fluid.double [class*=span]:nth-child(2n+1),
#store-body .row-fluid.grid [class*=span]:nth-child(3n+1),
#landing .row-fluid.featured [class*=span]:nth-child(4n+1),
#landing .row-fluid.genres [class*=span]:nth-child(6n+1),
#posters .row-fluid [class*=span]:nth-child(4n+1),
#categories .row-fluid [class*=span]:nth-child(6n+1),
.film-platforms .row-fluid [class*=span]:nth-child(4n+1) {
    margin-left: 0
}
#unannounced {
    background-image: url(../../styles/img/unannounced-game-in-development-thumb.png)
}
.btn {
    font-weight: 700
}
.btn i {
    margin-right: 10px
}
.marketing .lead {
    text-align: center;
    color: #6f6554
}
.marketing .icon-play {
    margin-left: 14px
}
.marketing p {
    text-align: center
}
.jumbotron {
    position: relative;
    margin-bottom: 60px;
    border-bottom: 1px solid #37322a
}
.jumbotron-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}
.jumbotron-inner>.item {
    position: relative;
    display: block;
    left: 0;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.jumbotron h1 {
    line-height: 1.2;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.jumbotron h2 {
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.jumbotron .separator {
    margin: 0 10px
}
.jumbotron-caption {
    width: 45%;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #e4d3ba;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.jumbotron-caption .btn {
    text-shadow: none
}
.platform-icons {
    margin: 0;
    margin-bottom: 15px;
    list-style: none
}
.platform-icons li {
    display: inline;
    padding: 0 10px 0 0;
    font-size: 28px;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.platform-icons .platform-label {
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.amp {
    font-family: sorts-mill-goudy, Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif;
    font-style: italic
}
.jumbotron-inner #blog {
    height: 240px;
    background-image: url(../../styles/img/monochrome-grunge-700-700.png)
}
.jumbotron-inner #categories {
    height: 240px;
}
.jumbotron-inner #entry {
    height: 120px;
    background-position: center top;
    background-image: url(../../styles/img/monochrome-grunge-700-700.png)
}
#blog .jumbotron-caption h1,
#categories .jumbotron-caption h1 {
    font-size: 64px;
    font-weight: 300;
    font-family: bistro-script-web, cursive;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    line-height: .9;
    letter-spacing: -1px;
    text-align: left
}
#blog .jumbotron-caption {
    bottom: 0
}
.jumbotron-inner #about {
    background-image: url(../../styles/img/devolver-digital-jumbotron-red-1900-500.jpg)
}
#about.marketing {
    margin-bottom: 60px
}
#about p {
    text-align: left;
    font-size: 21px;
    line-height: 1.5
}
#about p.poison {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin: 10px 0
}
#about strong {
    color: #e4d3ba;
    font-weight: 300
}
#about .row-fluid {
    border-bottom: 3px solid #37322a;
    padding-bottom: 30px;
    margin-bottom: 30px
}
#about .row-fluid:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 30px
}
#about .row-fluid .span2 {
    margin-top: 30px
}
#about .bullet {
    margin: 0 4px;
    color: #6f6554
}
#about dd {
    color: #e4d3ba;
    font-weight: 300;
    margin-bottom: 15px
}
#about .dl-horizontal small {
    color: #6f6554;
    margin-left: 4px
}
#about .lets-talk a:hover {
    text-decoration: none
}
#about .filmmaker-questions a,
#about .filmmaker-questions p {
    font-size: 18px
}
#about .filmmaker-questions a:hover {
    text-decoration: none
}
#about .accordion-group {
    border: none
}
#about .accordion-inner {
    border-top: 1px dotted #6f6554
}
.jumbotron-inner #landing {
    background-image: url(../../styles/img/devolver-digital-jumbotron-dark-1900-500.jpg)
}
#landing .jumbotron-caption {
    text-align: center;
    width: 70%
}
.modal {
    background-color: #6f6554;
    border: 1px solid #37322a;
    width: 582px
}
.modal iframe {
    border: none;
    padding-top: 4px
}
.modal-header {
    border-bottom: 1px solid #37322a
}
.modal-header h4 {
    border: none
}
.modal-header button.close {
    font-size: 32px;
    line-height: 21px;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    color: #e4d3ba
}
.section-divider {
    margin: 30px 0
}
.section-image {
    margin-top: -30px
}
.section-image.pull-left {
    margin-right: 30px
}
.section-image.pull-right {
    margin-left: 30px
}
.section-header {
    font-size: 56px;
    font-weight: 300;
    font-family: bistro-script-web, cursive;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    line-height: .9;
    letter-spacing: -1px;
    text-align: left;
    margin-top: 45px;
    margin-bottom: 30px;
    padding-bottom: 2px;
    border-bottom: 3px solid #37322a
}
.footer .section-header {
    margin-bottom: 45px;
    border-bottom: 3px solid #292620
}
.section-header-alt {
    font-size: 36px;
    font-weight: 300;
    font-family: ff-meta-serif-web-pro, serif;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    text-align: center;
    margin-bottom: 30px
}
hr.section-divider {
    border: 0;
    height: 0;
    border-top: 2px solid rgba(28, 25, 22, .5);
    border-bottom: 1px solid rgba(166, 150, 126, .1)
}
.content section {
    margin-bottom: 45px
}
.shop-push {
    margin-bottom: 75px
}
.entry-post:before,
.entry-post:after {
    display: table;
    content: "";
    line-height: 0
}
.entry-post:after {
    clear: both
}
.blog-page .entry-post {
    border-bottom: 6px solid #37322a;
    padding-bottom: 15px;
    margin-bottom: 3%
}
.blog-page .entry-content {
    border-bottom: none;
    padding-bottom: 0
}
.blog-page .entry-header {
    padding-bottom: 7.5px;
    margin-bottom: 15px;
    position: relative
}
.blog-page .entry-header,
.blog-page .entry-content {
    float: right;
    width: 87%
}
.blog-page .entry-header .entry-title {
    margin-top: 0;
    margin-bottom: 0
}
.blog-page .entry-header h3 {
    font-size: 24px;
    line-height: 1.5
}
.blog-page .entry-header h3 a:hover {
    text-decoration: none
}
.blog-page .entry-content figure {
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #37322a
}
.blog-page .entry-content small {
    font-style: italic;
    color: #6f6554;
    margin: 0 12px
}
.blog-page .more i {
    margin-left: 14px
}
.blog-page .entry-pagination {
    text-align: center;
    margin-bottom: 15px
}
.blog-page .entry-pagination a,
.blog-page .entry-pagination strong {
    padding: 6px 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.blog-page .entry-pagination a:hover {
    text-decoration: none
}
.entry-wrapper {
    margin-top: 120px;
    padding-top: 30px;
    border-top: 1px solid #37322a
}
#blog.entry-wrapper {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}
.entry-wrapper .content {
    background-image: url(../../styles/img/warm-gray-darker-rule-3px.png);
    background-position: 74.2% 0;
    background-repeat: repeat-y
}
.entry-header,
.entry-content,
.entry-navbar {
    float: right;
    width: 87%;
    clear: both
}
.entry-header {
    margin-bottom: 30px;
    padding-bottom: 2px;
    border-bottom: 3px solid #37322a
}
.entry-header h1 {
    font-size: 36px;
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    line-height: 1.2;
    text-align: left
}
.byline {
    font-size: 12px;
    color: #6f6554
}
.byline i {
    font-size: 16px;
    margin-right: 7.5px;
    color: #a6967e
}
.byline .author,
.byline .time,
.byline .source {
    margin-right: 15px
}
.entry-content {
    padding-bottom: 30px;
    border-bottom: 1px solid #37322a
}
.entry-content figure {
    margin: 0 0 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #37322a
}
.entry-content figcaption {
    display: none
}
.entry-content img {
    border: 1px solid #37322a;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}
.entry-content img.no-border {
    border: none
}
.entry-content img.stay-small {
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: inherit
}
.entry-content a:hover {
    text-decoration: none
}
.entry-footer {
    width: 10%;
    display: block;
    margin-right: 2%
}
.entry-date {
    text-align: center;
    display: block;
    width: 85px;
    height: 57px;
    line-height: 1;
    padding-top: 8px
}
.entry-date span {
    border-top: 2px solid #37322a;
    padding: 6px 0
}
.entry-date * {
    display: block
}
.entry-date .month {
    border-top: 3px solid #37322a;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    top: -1px;
    left: 1px
}
.entry-date .day {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -1px
}
.entry-date .year {
    font-size: 12px;
    border-bottom: 3px solid #37322a
}
ul.posts {
    list-style: none;
    margin: 0;
    padding: 0
}
.posts li {
    float: left;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #37322a
}
.posts h3 {
    color: #f7b55a;
    line-height: 1.5;
    font-size: 14px;
    font-family: adelle, sans-serif;
    margin: 0 0 7.5px 50px;
    border: none
}
.posts p {
    font-size: 12px;
    line-height: 1.5;
    color: #6f6554;
    margin: 0 0 0 50px
}
.posts small {
    font-style: italic;
    color: #a6967e;
    margin: 0 6px
}
.posts a h3,
.posts a p,
.posts a small {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.posts a:hover,
.posts a:hover h3,
.posts a:hover small {
    text-decoration: none;
    color: #f59f29
}
.posts a:hover p {
    text-decoration: none;
    color: #975b07
}
.posts .post-date {
    display: block;
    float: left;
    line-height: 1;
    height: 31px;
    width: 40px;
    padding: 4px 0 0 0;
    text-align: center
}
.posts .post-date .month {
    border-top: 1px solid #37322a;
    padding: 5px 0;
    font-size: 10px;
    display: block;
    position: relative;
    text-transform: uppercase
}
.posts .post-date .day {
    font-size: 14px;
    font-weight: 700;
    display: block;
    border-top: 2px solid #37322a;
    padding: 5px 0
}
.entry-pager {
    margin: 20px 0;
    list-style: none;
    text-align: center;
    text-transform: lowercase
}
.entry-pager a:hover {
    text-decoration: none
}
.entry-pager a:hover i {
    color: #f59f29
}
.entry-pager li {
    display: inline-block;
    margin: 0;
    padding: 0 30px;
    border-right: 1px solid #37322a;
    min-width: 150px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.entry-pager li:last-child {
    border-right: none
}
.entry-pager i {
    font-size: 11px;
    color: #975b07;
    padding: 0 30px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.entry-social {
    margin-top: 60px;
    margin-left: 15px;
    width: 56px
}
.entry-social .twitter {
    border-bottom: 1px solid #37322a;
    padding-bottom: 20px;
    margin-bottom: 30px
}
.content {
    background-image: url(../../styles/img/warm-gray-darker-rule-3px.png), url(../../styles/img/warm-gray-darker-rule-3px.png);
    background-position: 22.8% 0, 74.2% 0;
    background-repeat: repeat-y
}
.center-column {
    padding-right: 30px
}
.left-column {
    padding-right: 30px
}
.right-column {
    padding-right: 30px
}
.social-column {
    padding-right: 30px
}
section h2,
section h3 {
    font-size: 48px;
    font-weight: 300;
    font-family: bistro-script-web, cursive;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    line-height: .9;
    text-align: left;
    margin-bottom: 30px;
    padding-bottom: 2px;
    border-bottom: 3px solid #37322a
}
section h4 {
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    line-height: 1.3;
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 2px;
    border-bottom: 3px solid #37322a
}
section h5 {
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    line-height: 1.3;
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 2px solid #37322a
}
section iframe {
    border: 1px solid #37322a
}
section.about iframe {
    border: none
}
blockquote.award {
    border-left: none;
    padding: 14px 0 0 16px;
    margin: 0;
    display: table;
    width: 124px;
    height: 90px;
    background-image: url(../../styles/img/blockquote-laurels-warm-gray-dark.png);
    background-position: center;
    background-repeat: no-repeat
}
blockquote.award p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e4d3ba;
    font-family: futura-pt, sans-serif
}
aside {
    margin-bottom: 30px
}
aside.stores .well,
aside.game-social .well,
aside.screening .well,
aside.demand .well,
aside.game-website .well,
aside.film-subscribe .well,
.age-check .well {
    background-color: #37322a;
    border: 1px solid #292620
}
aside .well p {
    text-align: center
}
aside.stores h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 500
}
aside.features ul,
aside.castcrew ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 20px
}
aside.features li {
    font-size: 12px;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #37322a
}
aside.castcrew li {
    text-align: right;
    font-size: 12px;
    margin: 0;
    padding: 0
}
aside.castcrew em {
    color: #6f6554;
    font-weight: 500;
    margin-right: 7.5px
}
aside.features li:before {
    font-family: FontAwesome;
    content: "\f054";
    margin-right: 6px
}
blockquote.review,
blockquote.link {
    border-left: 0;
    padding-left: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #37322a
}
blockquote.review p {
    font-size: 14px;
    line-height: 1.5
}
blockquote.link p {
    font-size: 12px;
    line-height: 1.5
}
blockquote.link cite:after {
    content: ": "
}
blockquote.review em {
    color: #e4d3ba;
    margin-left: 6px;
    font-weight: 700
}
blockquote.review cite:before {
    content: " for ";
    font-weight: 300
}
blockquote.review a:hover,
blockquote.link a:hover {
    text-decoration: none
}
blockquote.review cite {
    font-weight: 700
}
blockquote.review p:before {
    content: "\f10d";
    font-family: FontAwesome;
    margin-right: 10px
}
blockquote.review p:after {
    content: "\f10e";
    font-family: FontAwesome;
    margin-left: 10px
}
.blog {
    margin-bottom: 30px
}
.blog h2 {
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px
}
.blog p {
    text-align: left
}
.blog .thumbnail {
    padding: 0
}
.blog .thumbnail img {
    height: auto;
    width: auto
}
.blog .caption {
    border-top: 1px solid #8c7f6a;
    background-color: #6f6554;
    padding: 8px 16px;
    min-height: 76px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.media-heading {
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 0;
    padding-bottom: 0
}
.media-body p {
    font-weight: 300;
    color: #a6967e
}
.short-film {
    padding-bottom: 27px;
    border-bottom: 1px solid #37322a;
    min-height: 140px
}
.short-film h4 {
    border: none
}
.short-film small {
    font-weight: 500;
    color: #6f6554;
    font-style: italic;
    margin-left: 7.5px
}
.short-film .poster {
    float: left;
    margin-right: 15px
}
.film-social,
.game-social {
    padding-top: 15px;
    border-top: 1px solid #37322a
}
.film-venues table {
    font-size: 12px
}
.film-venues th {
    text-align: left
}
.film-venues td {
    border-top: 1px solid #37322a
}
.film-venues .table-hover tbody tr:hover>td,
.film-venues .table-hover tbody tr:hover>th {
    background-color: #292620
}
.film-venues a:hover {
    text-decoration: none
}
.film-platforms a:hover img {
    opacity: .75;
    filter: alpha(opacity=75);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.social {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}
.social li {
    padding: 0 14px 0 0
}
.social a {
    font-size: 14px
}
.social li i {
    font-size: 16px;
    padding-right: 4px;
    color: #f7b55a
}
.fork {
    width: 81px;
    height: 70px;
    margin: 20px auto 10px auto;
    z-index: 1060
}
#tweets .item {
    height: 85px
}
#tweets.carousel {
    margin-bottom: 0
}
.tweet {
    margin: 0 auto;
    text-align: center
}
.tweet i {
    color: #fdf1dc
}
.tweet p {
    color: #a6967e;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px
}
.tweet a {
    color: #f7b55a;
    font-size: 18px
}
.tweet a:hover {
    color: #f59f29
}
.tweet small {
    color: #e4d3ba
}
ul.latest-tumblr {
    position: relative;
    left: -5px;
    padding: 0;
    margin: 0
}
.latest-tumblr li {
    float: left;
    margin: 0 5px 10px 5px;
    width: 80px;
    height: 80px;
    list-style: none;
    line-height: 1.5
}
footer.footer {
    padding-top: 20px;
    border-top: 3px solid #a6967e;
    background-color: #37322a;
    background-image: url(../../styles/img/monochrome-paper-300-300.png);
    background-repeat: repeat;
    background-size: auto
}
footer.footer p {
    font-weight: 300;
    color: #6f6554
}
footer.footer a {
    text-decoration: none
}
footer.footer h4 {
    font-size: 28px;
    font-weight: 500;
    border-bottom: 1px solid #6f6554;
    padding-bottom: 15px
}
footer.footer a:hover {
    text-decoration: none
}
footer.footer section {
    padding: 0 0 15px 0
}
footer.footer .credits {
    border-top: 3px solid #a6967e;
    padding: 16px 10px 10px;
    background-color: #292620;
    background-image: url(../../styles/img/monochrome-leather-700-700.png)
}
footer.footer .credits p {
    font-family: futura-pt, sans-serif;
    font-weight: 500
}
footer.footer .blog {
    min-height: 95px
}
.carousel {
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #37322a
}
.carousel h1 {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.2;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}
.carousel-inner>.item {
    position: relative;
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
    height: 500px
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    line-height: 1
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}
.carousel-inner>.active {
    left: 0
}
.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}
.carousel-inner>.next {
    left: 100%
}
.carousel-inner>.prev {
    left: -100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}
.carousel-inner>.active.left {
    left: -100%
}
.carousel-inner>.active.right {
    left: 100%
}
#tweets .carousel-inner {
    position: relative;
    margin: 0 auto;
    width: 80%;
    overflow: hidden
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fef9f1;
    text-align: center;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    opacity: .5;
    filter: alpha(opacity=50)
}
.carousel-control.right {
    right: 0;
    left: auto
}
#featured .carousel-control.right {
    background-color: rgba(28, 25, 22, .0001);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(180deg, rgba(33, 7, 7, .5), rgba(28, 25, 22, .0001));
    background-image: -webkit-linear-gradient(180deg, rgba(33, 7, 7, .5), rgba(28, 25, 22, .0001));
    background-image: -o-linear-gradient(180deg, rgba(33, 7, 7, .5), rgba(28, 25, 22, .0001));
    background-image: linear-gradient(180deg, rgba(33, 7, 7, .5), rgba(28, 25, 22, .0001))
}
#featured .carousel-control.left {
    background-color: rgba(28, 25, 22, .0001);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(360deg, rgba(33, 7, 7, .5), rgba(28, 25, 22, .0001));
    background-image: -webkit-linear-gradient(360deg, rgba(33, 7, 7, .5), rgba(28, 25, 22, .0001));
    background-image: -o-linear-gradient(360deg, rgba(33, 7, 7, .5), rgba(28, 25, 22, .0001));
    background-image: linear-gradient(360deg, rgba(33, 7, 7, .5), rgba(28, 25, 22, .0001))
}
.carousel-control:hover,
.carousel-control:focus {
    color: #fef9f1;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}
.carousel-control .glyphicon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px
}
.carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 5;
    width: 100px;
    margin: 0 0 0 -50px;
    text-align: center;
    list-style: none
}
.carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 0;
    margin-left: 0;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #f7b55a;
    border-radius: 5px
}
.carousel-indicators .active {
    background-color: #f7b55a
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fef9f1;
    text-align: center;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    z-index: 10
}
.carousel-caption .btn {
    text-shadow: none
}
@media screen and (min-width: 768px) {
    .carousel-control .glyphicon {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }
    #trailer a.carousel-control .glyphicon {
        font-size: 30px
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4
    }
}
@media screen and (max-width: 767px) {
    #trailer a.carousel-control {
        position: absolute;
        top: 285px
    }
    #trailer a.carousel-control.right {
        left: 90%
    }
    #trailer .carousel-inner.bottom-aligned {
        min-height: 655px
    }
}
@media screen and (max-width: 640px) {
    #trailer .carousel-inner.bottom-aligned {
        min-height: 595px
    }
}
@media screen and (max-width: 480px) {
    #trailer a.carousel-control {
        position: absolute;
        top: 205px
    }
    #trailer a.carousel-control.right {
        left: 84%
    }
    #trailer .carousel-inner.bottom-aligned {
        min-height: 525px
    }
}
@media screen and (max-width: 360px) {
    #trailer a.carousel-control {
        position: absolute;
        top: 175px
    }
    #trailer a.carousel-control.right {
        left: 82%
    }
    #trailer .carousel-inner.bottom-aligned {
        min-height: 455px
    }
}
@media screen and (max-width: 320px) {
    #trailer a.carousel-control {
        position: absolute;
        top: 169px
    }
    #trailer a.carousel-control.right {
        left: 80%
    }
    #trailer .carousel-inner.bottom-aligned {
        min-height: 415px
    }
}
.carousel.carousel-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0)
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1
}
.carousel.carousel-fade .carousel-control {
    z-index: 3
}
#film.carousel-caption {
    bottom: 120px;
    padding-top: 20px;
    padding-bottom: 20px
}
#film.carousel-caption h2 {
    font-size: 56px;
    font-weight: 300;
    line-height: .9;
    letter-spacing: -1px
}
a {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}
.flexslider {
    margin: 0;
    margin-bottom: 30px;
    background: 0 0;
    border: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none
}
.flex-viewport {
    border: 1px solid #37322a
}
.flex-control-nav {
    border: 1px solid #37322a
}
.flex-control-thumbs {
    margin: 6px 0 0;
    position: static;
    overflow: hidden
}
.flex-control-thumbs img {
    opacity: .3;
    filter: alpha(opacity=30);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.flex-control-thumbs img:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}
.flex-direction-nav a {
    line-height: 40px;
    margin-top: -50px;
}
#film-quotes p {
    text-align: center;
    font-size: 14px
}
#about p.films {
    font-size: 18px
}
#film-quotes a:hover {
    text-decoration: none
}
#film-quotes p.quote:before {
    content: "\f10d";
    font-family: FontAwesome;
    margin-right: 10px
}
#film-quotes p.quote:after {
    content: "\f10e";
    font-family: FontAwesome;
    margin-left: 10px
}
#film-quotes p.quote {
    margin-bottom: 32px
}
#trailer .carousel-inner {
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../../styles/img/screening-room-background-1900-brighter.jpg)
}
#trailer .carousel-inner.bottom-aligned {
    background-position: bottom center
}
#trailer .carousel-inner.fixed-height-930 {
    min-height: 930px
}
#trailer .carousel-inner.fixed-height-760 {
    min-height: 760px
}
#trailer .carousel-inner {
    min-height: 760px
}
#trailer .carousel-inner>.item {
    height: 100%
}
#trailer h2 {
    margin-top: 24px;
    margin-right: 10px;
    line-height: 28px
}
#trailer h2 small {
    color: #6f6554
}
#trailer hr.section-divider {
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0
}
#trailer .btn-toolbar {
    margin-top: 28px
}
#trailer .separator {
    margin: 0 10px
}
#trailer .film-share {
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    border: none
}
#trailer .film-share i {
    color: #f7b55a;
    font-size: 12px;
    margin-right: 3px
}
#trailer .btn {
    margin-right: 5px;
    margin-bottom: 4px
}
#trailer .film-share {
    color: #f7b55a;
    font-weight: 300
}
#trailer a.film-share:hover,
#trailer a.film-share:hover i {
    color: #f59f29
}
#trailer .film-vitals i {
    margin-right: 6px
}
#trailer .film-vitals {
    margin-bottom: 30px
}
#trailer .disabled {
    color: #6f6554
}
.label-important {
    background-color: #931a22
}
#trailer .carousel-control {
    position: absolute;
    top: 50%;
    left: 6%;
    width: 40px;
    height: 40px
}
#trailer .carousel-control.right {
    left: auto;
    right: 6%
}
#trailer .carousel-control:hover,
#trailer .carousel-control:focus {
    text-decoration: none
}
.player-with-glow {
    margin-top: 96px;
    box-shadow: 0 0 6px #6f6554;
    border: 1px solid #37322a;
    background-color: #292620
}
.film-poster,
.film-category {
    display: block;
    position: relative;
    overflow: hidden
}
.thumbnail .film-poster-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
a.thumbnail:hover .film-poster-overlay {
    opacity: 1;
    filter: alpha(opacity=100)
}
.film-poster-overlay {
    text-align: center
}
.film-poster .film-poster-bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.film-poster:hover .film-poster-bg {
    opacity: .4;
    filter: alpha(opacity=40)
}
.film-poster:hover {
    text-decoration: none
}
.thumbnail.film-poster {
    border: none
}
.film-category {
    min-height: 100px
}
.film-category .category-bg {
    display: block;
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 400px 150px;
    -moz-background-size: 400px 150px;
    -o-background-size: 400px 150px;
    background-size: 400px 150px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.film-category .category-bg,
.film-category:hover .category-bg {
    opacity: .3;
    filter: alpha(opacity=30)
}
.film-category:hover .category-bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
.film-category .banner-text {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 36px
}
.film-category .banner-text h2 {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    color: #e4d3ba;
    font-size: 14px;
    text-transform: uppercase
}
hr.first.section-divider {
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #292620;
    z-index: 99
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/devolver-preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px
}
#SubscribeModal {
    background-color: #37322a;
    border: 1px solid #292620
}
#SubscribeModal .modal-header {
    border-bottom: 1px solid #29251f
}
#SubscribeModal form {
    margin-bottom: 0
}
#SubscribeModal .last {
    margin-bottom: 0
}
#SubscribeModal .form-horizontal .control-label {
    color: #6f6554
}
#SubscribeModal .checkbox {
    line-height: 20px
}
.jumbotron-inner #store-masthead {
    height: 90px;
    background-image: url(../../styles/img/monochrome-grunge-700-700.png)
}
#store-body .row-fluid {
    margin-bottom: 30px
}
#store-body .featured-single .banner {
    height: 400px
}
#store-body .banner .banner-bg {
    height: 400px;
    -webkit-background-size: 1200px 500px;
    -moz-background-size: 1200px 500px;
    -o-background-size: 1200px 500px;
    background-size: 1200px 500px
}
.featured-game-single,
.featured-game-double,
.featured-game-grid,
.featured-game-list {
    display: inline-block;
    vertical-align: top;
    position: relative
}
.featured-game-single .game-image,
.featured-game-double .game-image,
.featured-game-grid .game-image,
.featured-game-list .game-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.featured-game-single:hover .game-image,
.featured-game-double:hover .game-image,
.featured-game-grid:hover .game-image,
.featured-game-list:hover .game-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
.featured-game-single,
.featured-game-double,
.featured-game-grid,
.featured-game-list {
    width: 100%;
    height: 200px;
    background-color: #37322a;
    overflow: hidden;
    margin: 0 14px 14px 0;
    -webkit-background-size: cover;
    background-size: cover
}
.featured-game-single {
    height: 400px;
    border: 1px solid #37322a
}
.featured-game-double {
    height: 300px;
    border: 1px solid #37322a
}
.featured-game-grid {
    height: 200px;
    border: 1px solid #37322a
}
.featured-game-list {
    height: 100px;
    border: 1px solid #37322a
}
.game-details-link {
    cursor: pointer;
    padding: 10px;
    z-index: 934
}
.game-details-preview {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center
}
.featured-game-single .game-details-link:after,
.featured-game-double .game-details-link:after,
.featured-game-grid .game-details-link:after,
.featured-game-list .game-details-link:after {
    content: '';
    background: rgba(28, 25, 22, .85);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}
.featured-game-single .game-details-link:hover:after,
.featured-game-double .game-details-link:hover:after,
.featured-game-grid .game-details-link:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    border: 1px solid #f7b55a
}
.game-details-preview .show-on-hover {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -56px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden
}
.game-details-preview .show-on-hover .game-name,
.game-details .game-name {
    font-family: ff-meta-serif-web-pro, serif;
    font-weight: 700;
    font-size: 28px;
    padding: 0 14px;
    color: #f59f29;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75)
}
.game-details-preview .show-on-hover .game-name .game-title-anchor:hover {
    text-decoration: none
}
.game-details-preview .show-on-hover .game-info {
    text-decoration: none;
    font-weight: 700;
    color: #f59f29;
    font-size: 12px
}
.game-details-preview .btn-mini,
.game-details .btn-mini {
    padding: 2px 4px
}
.game-details-preview .btn-inverse,
.game-details .btn-inverse {
    background-image: none;
    background-color: #292620;
    color: #f7b55a
}
.game-details-link:hover .game-details-preview .show-on-hover {
    opacity: 1;
    filter: alpha(opacity=100)
}
.featured-game-single .game-details-link,
.featured-game-double .game-details-link,
.featured-game-grid .game-details-link {
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    color: #fef9f1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.featured-game-single .prices,
.featured-game-double .prices,
.featured-game-grid .prices {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    z-index: 935
}
.prices .label,
.show-on-hover .label,
.label.block {
    font-size: 18px;
    padding: 8px
}
.label.block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-bottom: 6px
}
.label-sale {
    background-color: #931a22
}
.label-sale .full-price {
    color: #c7232e;
    text-decoration: line-through;
    margin-right: 3px
}
.label-sale .sale-price {
    color: #e4d3ba
}
.label-regular {
    background-color: #394c36
}
.label-regular .full-price {
    color: #e4d3ba;
    text-decoration: none;
    margin-right: 0
}
.label-regular .sale-price {
    display: none
}
.featured-game-single .store-buttons,
.featured-game-double .store-buttons,
.featured-game-grid .store-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 30px;
    z-index: 935
}
.game-platforms .fa {
    margin-left: 8px;
    font-size: 16px;
    color: #e4d3ba;
    opacity: .75;
    filter: alpha(opacity=75)
}
.game-platforms .icon {
    display: inline-block;
    position: static;
    height: 16px;
    width: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    opacity: .75;
    filter: alpha(opacity=75)
}
.game-platforms .icon+.icon {
    margin-left: 12px
}
.game-platforms .icon.osx {
    background-image: url(../../styles/svg/icon-platform-osx.png);
    width: 16px
}
.game-platforms .icon.windows {
    background-image: url(../../styles/svg/icon-platform-windows.png);
    width: 16px
}
.game-platforms .icon.linux {
    background-image: url(../../styles/svg/icon-platform-linux.png);
    width: 16px
}
.game-platforms .icon.ios {
    background-image: url(../../styles/svg/icon-platform-ios.png);
    width: 24px
}
.game-platforms .icon.android {
    background-image: url(../../styles/svg/icon-platform-android.png);
    width: 13px
}
.game-platforms .icon.xbox {
    background-image: url(../../styles/svg/icon-platform-xbox.png);
    width: 18px
}
.game-platforms .icon.ps3 {
    background-image: url(../../styles/svg/icon-platform-ps3.png);
    width: 35px
}
.game-platforms .icon.ps4 {
    background-image: url(../../styles/svg/icon-platform-ps4.png);
    width: 34px
}
.game-platforms .icon.vita {
    background-image: url(../../styles/svg/icon-platform-psvita.png);
    width: 44px
}
.modal.wide {
    width: 582px;
    margin-left: -291px
}
.modal.wide .modal-body {
    overflow-y: hidden;
    max-height: 600px
}
.modal.wide .modal-body .section-divider {
    margin-top: 8px;
    margin-bottom: 16px
}
.modal.wide .modal-body .game-description {
    max-height: 250px;
    overflow: auto
}
.modal.wide .modal-body .game-description p {
    color: #e4d3ba;
    font-size: 12px;
    line-height: 1.7
}
.product-vitals {
    list-style: none;
    font-family: ff-meta-serif-web-pro, serif;
    line-height: 1.7;
    margin: 0;
    padding: 0;
    margin-top: 6px
}
.product-vitals .game-platforms .icon {
    margin-top: -6px
}
.product-vitals .game-platforms .icon+.icon {
    margin-left: 8px
}
.product-vitals p {
    margin-bottom: 0
}
.product-vitals>li {
    display: inline-block;
    margin-right: 16px
}
.product-name {
    font-size: 24px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    color: #f7b55a
}
.product-developer {
    font-size: 16px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    color: #e4d3ba
}
.stream-poster,
.stream-chat {
    margin-top: 96px
}
.stream-poster .film-poster {
    margin-bottom: 16px
}
.stream-chat iframe {
    box-shadow: 0 0 6px #6f6554;
    border: 1px solid #37322a;
    background-color: #292620
}
.jumbotron.catalog {
    margin-bottom: 10px
}
.sale p {
    text-align: center;
    text-shadow: 0 1px 2px rgba(28, 25, 22, .75);
    margin-bottom: 0;
    color: #e4d3ba
}
.sale strong {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    padding: 3px 6px
}
.sale .dd {
    color: #fdf1dc
}
.sale em {
    font-family: bistro-script-web, cursive;
    font-size: 24px;
    padding: 3px 6px
}
#e3-sale {
    margin-bottom: 40px
}
.sale a {
    display: inline-block
}
.sale a:hover {
    text-decoration: none
}
.sale a:hover img {
    opacity: .9;
    filter: alpha(opacity=90)
}
.sale .e3 {
    margin-bottom: 15px
}
.sale .vhx {
    margin-top: -10px
}
.plus {
    margin: 0 12px
}
.btn-warning:hover {
    background-position: 0
}
#more-games {
    margin-bottom: 60px
}
.age-check img {
    border: 1px solid #6f6554;
    margin-bottom: 24px
}
.age-check button,
.age-check select {
    margin-bottom: 6px
}
