html {
    height: 100%;
}

/* TO DO WYPIERDOLENIA, PO PROSTU DISPLAY NONE DLA COOKIE HEADERA  */

#CookielawBanner {
    display: none;
}



body {
    padding: 0;
    margin: 0;
    color: #c4bbb0;
    font-family: open_sansregular;
    background-color: #080403;
    pointer-events: auto;
    height: 100%;
    font-size: 16px;
    /*        -webkit-filter: blur(1px);*/
}

.symbols {
    font-family: symbols, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 12px;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

::-moz-selection {
    /* Code for Firefox */
    color: #ffb739;
    background: orange;
}

::selection {
    color: #ffb739;
    background: orange;
}

::-webkit-scrollbar {
    width: 8px;
    height: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
    color: #b7892b;
}

::-webkit-scrollbar-thumb {
    background-color: #3E230B;
    border: none;
    transition: all .25s ease;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #e9d6b0;
    border: none;
    transition: all .25s ease;
}

article {
    margin: 0 0 30px 0;
}

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

/* === TOP MENU === */

.jh-navbar {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
    background-color: #221000;
    font-family: microgramma;
    color: #9b6a2d;
    height: 50px;
}

.navbar-header {
    width: 400px;
    margin: 0;
    padding: 0;
    opacity: 1;
    display: block;
}

.display-logo {
    display: block;
}

#menu-logo {
    display: block;
}

.navbar-header .navbar-brand {
    width: 367px;
    height: 50px;
    display: block;
    opacity: 1.0;
    float: left;
    padding: 0;
    margin: 0 0 0 5px;
    position: absolute;
    top: 0;
    background-image: url("../img/jupiter_hell_logotype_menu_bar.png");
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-color: transparent;
    pointer-events: auto;
}

@-webkit-keyframes logotype_pentagram_small_spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes logotype_pentagram_small_spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.navbar-header .navbar-brand-circle {
    width: 157px;
    height: 157px;
    display: block;
    margin: -54px 0 0 110px;
    padding: 0;
    opacity: 1.0;
    border-radius: 100px;
    background-color: #221000;
    background-image: url("../img/jupiter_hell_logotype_pentagram_menu_bar.png");
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: auto;
    overflow: hidden;
    -webkit-animation-name: logotype_pentagram_small_spin;
    -webkit-animation-duration: 120s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: logotype_pentagram_small_spin;
    animation-duration: 120s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: -999;
}

.container-fluid {
    width: 1280px;
    margin: auto;
    padding: 0 40px 0 40px;
    pointer-events: none;
}

#content {
    width: 100%;
    width: 1280px;
    margin: auto;
    padding: 50px 0 0 0;
    min-height: 100%;
    margin: 0 auto -479px;
    /* the bottom margin is the negative value of the footer's height */
}

.nav {
    margin: 0;
}

.nav>li>a {
    line-height: 15px;
    padding: 18px 5px 17px 5px;
    font-size: 19px;
    text-transform: uppercase;
    color: #9b6a2d;
    pointer-events: auto;
    transition: all .25s ease;
}

.nav>li>a:hover {
    color: #e9d6b0;
    background-color: #221000;
    transition: all .25s ease;
}

.nav>li>a:focus {
    color: #e9d6b0;
    background-color: #221000;
    transition: all .25s ease;
}

.nav>li>p {
    color: #3e230b;
    display: block;
    line-height: 12px;
    padding: 19px 0 0 0;
}

.nav>li>p.buy {
    line-height: 15px;
    padding: 18px 5px 17px 5px;
    font-size: 19px;
    text-transform: uppercase;
    color: #9b6a2d;
    pointer-events: auto;
    transition: none .25s ease;
}

.nav>li>.btn_ks {
    line-height: 14px;
    padding: 18px 10px 18px 10px;
    text-decoration: none;
    font-family: symbols;
    /* color: #9b6a2d; */
    color: #2BDE73;
    text-transform: lowercase;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.nav>li>.btn_ks:focus {
    background-color: #2BDE73;
    color: #ffffff;
}

.nav>li>.btn_ks:hover {
    background-color: #2BDE73;
    color: #ffffff;
}

.nav>li>.pre-order-menu-btn {
    line-height: 14px;
    padding: 18px 10px 18px 10px;
    text-decoration: none;
    /* color: #9b6a2d; */
    color: #ffb739;
    /*    color: #db661f;*/
    text-transform: uppercase;
}

.nav>li>.pre-order-menu-btn:focus {
    background-color: #ffb739;
    /*    background-color: #db661f;*/
    color: #221000;
}

.nav>li>.pre-order-menu-btn:hover {
    background-color: #ffb739;
    /*    background-color: #db661f;*/
    color: #221000;
}

.navbar-icons a {
    font-family: symbols;
    font-size: 29px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    /*    color: #080403;*/
    line-height: 29px;
    /*    background-color: #9b6a2d;*/
    /*    background-color: #e58d22;*/
    /*    border-radius: 2px;*/
    transition: all .25s ease;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
    text-transform: lowercase;
}

.navbar-icons .twitter {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #1da1f2; */
}

.navbar-icons .twitter:hover {
    color: #1da1f2;
    transition: all .25s ease;
    background-color: transparent;
}

.navbar-icons .facebook {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #3b5998; */
}

.navbar-icons .facebook:hover {
    color: #3b5998;
    transition: all .25s ease;
    background-color: transparent;
}

.navbar-icons .discord {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #7289DA; */
}

.navbar-icons .discord:hover {
    color: #7289DA;
    transition: all .25s ease;
    background-color: transparent;
}

.navbar-icons .steam {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #7289DA; */
}

.navbar-icons .steam:hover {
    color: #e4e4e4;
    transition: none .25s ease;
    background-color: transparent;
}

.navbar-icons .gog {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #7289DA; */
}

.navbar-icons .gog:hover {
    color: #DA8BF0;
    transition: none .25s ease;
    background-color: transparent;
}

.navbar-icons .humble {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #7289DA; */
}

.navbar-icons .humble:hover {
    color: #D73D35;
    transition: none .25s ease;
    background-color: transparent;
}

.navbar-icons .direct {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #7289DA; */
}

.navbar-icons .direct:hover {
    color: #e9d6b0;
    transition: none .25s ease;
    background-color: transparent;
}

.navbar-icons .switch {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #7289DA; */
}

.navbar-icons .switch:hover {
    color: #E60012;
    transition: none .25s ease;
    background-color: transparent;
}

.navbar-icons .xbox {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #7289DA; */
}

.navbar-icons .xbox:hover {
    color: #107C10;
    transition: none .25s ease;
    background-color: transparent;
}

.navbar-icons .playstation {
    font-size: 32px;
    line-height: 15px;
    margin-top: 2px;
    text-decoration: none;
    background-color: transparent;
    text-transform: lowercase;
    /* color: #7289DA; */
}

.navbar-icons .playstation:hover {
    color: #0070D1;
    transition: none .25s ease;
    background-color: transparent;
}

/* === END TOP MENU === */

/* === LOGOTYPE === */

.big-logo {
    height: 446px;
    /*    width: 1200px;*/
    width: 100%;
    overflow: hidden;
}

.container-jupiter-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 803px;
    overflow: hidden;
    /*    margin: 0 auto;*/
    z-index: -99;
}

.jupiter-bg {
    width: 100%;
    height: 803px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    padding: 0;
    /*    margin: 0 auto;*/
    background-image: url("../img/jh_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.glitch-bg-1 {
    width: 100%;
    height: 803px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    padding: 0;
    margin: auto;
    background-image: url("../img/glitch_bg_1.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    clip: rect(0px, 9999px, 0px, 0px);
}

.glitch-bg-2 {
    width: 100%;
    height: 803px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    padding: 0;
    margin: auto;
    background-image: url("../img/glitch_bg_2.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    clip: rect(0px, 9999px, 0px, 0px);
}

.description, .newsletter {
    font-family: microgramma;
    color: #e9d6b0;
    text-align: center;
    line-height: 23px;
    font-size: 19px;
    text-transform: uppercase;
    text-shadow: 0 2px 2px #3b1b09;
    pointer-events: none;
}

.newsletter-separator {
    display: block;
    width: 800px;
    height: 3px;
    margin: 0 auto;
    margin-top: 4px;
    margin-bottom: 10px;
    box-shadow: 0 2px 2px #3b1b09;
    /*    border-color: #e9d6b0;*/
    /*    border-bottom: 2px solid;*/
    background-color: #e9d6b0;
    border-radius: 10px;
}

.kickstarter-soon-container {
    display: block;
    width: 650px;
    height: 40px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    font-family: microgramma;
    /*    font-family: open_sansbold;*/
    /*    color: #e9d6b0;*/
    color: #2BDE73;
    text-align: center;
    font-size: 19px;
    line-height: 22px;
    text-transform: uppercase;
    text-shadow: none;
    pointer-events: none;
    padding: 3px 0 0 0;
    background-color: rgba(14, 33, 5, .5);
    border-radius: 4px;
    box-shadow: 0 2px 2px #0d1e05;
    border: 2px solid #2BDE73;
}

.kickstarter-counter-container {
    display: block;
    width: 650px;
    height: 105px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-family: microgramma;
    /*    font-family: open_sansbold;*/
    /*    color: #e9d6b0;*/
    color: #2BDE73;
    text-align: center;
    font-size: 19px;
    line-height: 22px;
    text-transform: uppercase;
    text-shadow: none;
    pointer-events: none;
    padding: 3px 0 0 0;
    /*    text-shadow: 0 2px 2px #3b1b09; */
    background-color: rgba(14, 33, 5, .5);
    border-radius: 4px;
    box-shadow: 0 2px 2px #0d1e05;
    border: 2px solid #2BDE73;
}

.kickstarter-teaser-container, .kickstarter-teaser-container:visited, .kickstarter-teaser-container:link {
    display: block;
    width: 650px;
    margin-top: -139px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-family: microgramma;
    color: #e9d6b0;
    /*    color: #ffb739;*/
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    text-shadow: none;
    pointer-events: auto;
    padding: 0;
    text-shadow: 0 2px 2px #3b1b09;
    text-shadow: none;
    text-decoration: none;
    transition: all .25s ease;
}

.kickstarter-teaser-container:hover, .kickstarter-teaser-container:active {
    color: #ffb739;
    transition: all .25s ease;
    text-decoration: none;
}

.kickstarter-teaser-container .play_btn {
    display: block;
    width: 100%;
    height: 35px;
    padding: 5px 0 0 0;
    text-align: center;
    margin: 0 auto;
    font-family: arial;
    font-size: 50px;
    font-family: symbols;
    text-align: center;
    position: relative;
    left: 12px;
    text-transform: lowercase;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.kickstarter-teaser-container .play_btn:after {
    content: "►";
    font-family: symbols;
    font-size: 24px;
    color: #221000;
    text-shadow: none;
    position: relative;
    top: -11px;
    left: -35px;
    text-transform: lowercase;
}

.kickstarter-counter-container #defaultCountdown {
    font-family: microgramma;
    color: #e9d6b0;
    font-size: 30px;
    line-height: 22px;
    margin: 0 auto;
    display: block;
    width: 450px;
    height: 80px;
    padding: 25px 0 0 10px;
    align-content: center;
}

.kickstarter-counter-container .defaultCount-left {
    margin: 0 0 0 30px;
    display: block;
    width: 70px;
    height: 2px;
    padding: 0;
    float: left;
    position: relative;
    top: 23px;
    background-color: #ffb739;
}

.kickstarter-counter-container .defaultCount-left:before {
    content: "";
    margin: 0 0 0 5px;
    display: block;
    width: 65px;
    height: 2px;
    padding: 0;
    position: relative;
    bottom: 6px;
    background-color: #ffb739;
}

.kickstarter-counter-container .defaultCount-left:after {
    content: "";
    margin: 0 0 0 5px;
    display: block;
    width: 65px;
    height: 2px;
    padding: 0;
    position: relative;
    top: 4px;
    background-color: #ffb739;
}

.kickstarter-counter-container .defaultCount-right {
    margin: 0 30px 0 0;
    display: block;
    width: 70px;
    height: 2px;
    padding: 0;
    float: right;
    position: relative;
    bottom: 57px;
    background-color: #ffb739;
}

.kickstarter-counter-container .defaultCount-right:before {
    content: "";
    margin: 0;
    display: block;
    width: 65px;
    height: 2px;
    padding: 0;
    position: relative;
    bottom: 6px;
    background-color: #ffb739;
}

.kickstarter-counter-container .defaultCount-right:after {
    content: "";
    margin: 0;
    display: block;
    width: 65px;
    height: 2px;
    padding: 0;
    position: relative;
    top: 4px;
    background-color: #ffb739;
}

.kickstarter-logo-full {
    font-size: 21px;
    line-height: 23px;
    margin: 0;
    padding: 0 10px 0 10px;
    position: relative;
    top: 3px;
    text-decoration: none;
    font-family: symbols;
    /* color: #9b6a2d; */
    color: #2BDE73;
    text-transform: lowercase;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.kickstarter-logo-full-final {
    font-size: 70px;
    line-height: 70px;
    margin: 0;
    padding: 0 10px 50px 10px;
    position: relative;
    top: 3px;
    text-decoration: none;
    font-family: symbols;
    /* color: #9b6a2d; */
    color: #2BDE73;
    text-transform: lowercase;
    background-color: red;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.ks-campaign-link-container {
    margin-top: -75px;
    margin-bottom: 25px;
}

.ks-campaign-link-container a {
    pointer-events: auto;
    text-decoration: none;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.ks-campaign-link-container span {
    font-size: 70px;
    line-height: 50px;
}

.ks-campaign-counter-container {
    display: block;
    width: 550px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-family: microgramma;
    /*    font-family: open_sansbold;*/
    /*    color: #e9d6b0;*/
    text-align: center;
    line-height: 22px;
    text-transform: uppercase;
    text-shadow: none;
    padding: 3px 0 0 0;
    text-shadow: 0 2px 2px #3b1b09;
}

.ks-campaign-counter-container #defaultCountdown {
    font-family: microgramma;
    font-size: 12px;
    line-height: 22px;
    margin: 0 auto;
    display: block;
    width: 450px;
    padding: 10px 0 0 0;
    align-content: center;
}

.ks-campaign-counter-container #defaultCountdown .countdown-section {
    display: block;
    float: left;
    font-size: 12px;
    text-align: center;
    /*    color: #ffffff;*/
    color: #2BDE73;
}

.ks-campaign-counter-container #defaultCountdown .countdown-amount {
    font-size: 36px;
    line-height: 0px;
    /*    color: #2BDE73;*/
    color: #ffffff;
}

.jh-founded {
    margin-top: -75px;
    margin-bottom: 10px;
    color: #e9d6b0;
}

.jh-founded span {
    font-size: 31px;
    line-height: 15px;
}

.pre-order-btn {
    font-size: 30px;
    pointer-events: auto;
    text-decoration: none;
    display: block;
    background-color: #ffb739;
    margin: 0 auto;
    padding: 10px;
    width: 650px;
    text-shadow: none;
    text-decoration: none;
    color: #221000;
    box-shadow: 0 2px 2px #3b1b09;
    transition: none .25s ease;
    margin-top: 20px;
    /*    opacity: .8;*/
    /*    border-radius: 3px;*/
}

.pre-order-btn:hover {
    background-color: #e9d6b0;
    color: #221000;
    text-decoration: none;
    transition: none .25s ease;
    /*    opacity: 1;*/
}

.action-btn {
    line-height: 24px;
    font-size: 14px;
    pointer-events: auto;
    text-decoration: none;
    display: inline-block;
    background-color: #ffb739;
    margin: 0 auto;
    padding: 10px;
    width: 200px;
    text-shadow: none;
    text-decoration: none;
    color: #221000;
    box-shadow: 0 2px 2px #3b1b09;
    transition: none .25s ease;
    margin: 10px 7px 10px 7px;
    /*    opacity: .8;*/
    /*    border-radius: 3px;*/
}

.action-btn:hover {
    background-color: #e9d6b0;
    color: #221000;
    text-decoration: none;
    transition: none .25s ease;
    /*    opacity: 1;*/
}

@-webkit-keyframes logotype_pentagram_opacity {
    0% {
        opacity: 1;
    }
    7% {
        opacity: 1;
    }
    8% {
        opacity: .9;
    }
    9% {
        opacity: .8;
    }
    10% {
        opacity: 1;
    }
    23% {
        opacity: 1;
    }
    24% {
        opacity: .8;
    }
    25% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    34% {
        opacity: .85;
    }
    35% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: .95;
    }
    51% {
        opacity: 1;
    }
    67% {
        opacity: 1;
    }
    68% {
        opacity: .8;
    }
    69% {
        opacity: 1;
    }
    71% {
        opacity: 1;
    }
    72% {
        opacity: .95;
    }
    73% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: .85;
    }
    82% {
        opacity: 1;
    }
    87% {
        opacity: 1;
    }
    88% {
        opacity: .88;
    }
    89% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    96% {
        opacity: .9;
    }
    97% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes logotype_pentagram_opacity {
    0% {
        opacity: 1;
    }
    7% {
        opacity: 1;
    }
    8% {
        opacity: .9;
    }
    9% {
        opacity: .8;
    }
    10% {
        opacity: 1;
    }
    23% {
        opacity: 1;
    }
    24% {
        opacity: .8;
    }
    25% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    34% {
        opacity: .85;
    }
    35% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: .95;
    }
    51% {
        opacity: 1;
    }
    67% {
        opacity: 1;
    }
    68% {
        opacity: .8;
    }
    69% {
        opacity: 1;
    }
    71% {
        opacity: 1;
    }
    72% {
        opacity: .95;
    }
    73% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: .85;
    }
    82% {
        opacity: 1;
    }
    87% {
        opacity: 1;
    }
    88% {
        opacity: .88;
    }
    89% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    96% {
        opacity: .9;
    }
    97% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes logotype_pentagram_shake {
    0% {
        background-size: 300px 300px;
    }
    7% {
        background-size: 300px 300px;
    }
    8% {
        background-size: 298px 298px;
    }
    9% {
        background-size: 305px 305px;
    }
    10% {
        background-size: 300px 300px;
    }
    33% {
        background-size: 300px 300px;
    }
    34% {
        background-size: 299px 299px;
    }
    35% {
        background-size: 300px 300px;
    }
    49% {
        background-size: 300px 300px;
    }
    50% {
        background-size: 305px 305px;
    }
    51% {
        background-size: 300px 300px;
    }
    71% {
        background-size: 300px 300px;
    }
    72% {
        background-size: 302px 302px;
    }
    73% {
        background-size: 300px 300px;
    }
    80% {
        background-size: 300px 300px;
    }
    81% {
        background-size: 297px 297px;
    }
    82% {
        background-size: 300px 300px;
    }
    95% {
        background-size: 300px 300px;
    }
    96% {
        background-size: 303px 303px;
    }
    97% {
        background-size: 300px 300px;
    }
    100% {
        background-size: 300px 300px;
    }
}

@keyframes logotype_pentagram_shake {
    0% {
        background-size: 300px 300px;
    }
    7% {
        background-size: 300px 300px;
    }
    8% {
        background-size: 298px 298px;
    }
    9% {
        background-size: 305px 305px;
    }
    10% {
        background-size: 300px 300px;
    }
    33% {
        background-size: 300px 300px;
    }
    34% {
        background-size: 299px 299px;
    }
    35% {
        background-size: 300px 300px;
    }
    49% {
        background-size: 300px 300px;
    }
    50% {
        background-size: 305px 305px;
    }
    51% {
        background-size: 300px 300px;
    }
    71% {
        background-size: 300px 300px;
    }
    72% {
        background-size: 302px 302px;
    }
    73% {
        background-size: 300px 300px;
    }
    80% {
        background-size: 300px 300px;
    }
    81% {
        background-size: 297px 297px;
    }
    82% {
        background-size: 300px 300px;
    }
    95% {
        background-size: 300px 300px;
    }
    96% {
        background-size: 303px 303px;
    }
    97% {
        background-size: 300px 300px;
    }
    100% {
        background-size: 300px 300px;
    }
}

@-webkit-keyframes logotype_pentagram_container_shake {
    0% {
        margin: 0;
    }
    7% {
        margin: 0;
    }
    8% {
        margin: 0 0 0 2px;
    }
    9% {
        margin: 0 0 0 -1px;
    }
    10% {
        margin: 0;
    }
    33% {
        margin: 0;
    }
    34% {
        margin: 0 0 0 20px;
    }
    35% {
        margin: 0;
    }
    49% {
        margin: 0;
    }
    50% {
        margin: 0 0 0 -5px;
    }
    51% {
        margin: 0;
    }
    71% {
        margin: 0;
    }
    72% {
        margin: 0 0 0 2px;
    }
    73% {
        margin: 0;
    }
    80% {
        margin: 0;
    }
    81% {
        margin: 0 0 0 -3px;
    }
    82% {
        margin: 0;
    }
    95% {
        margin: 0;
    }
    96% {
        margin: 0 0 0 13px;
    }
    97% {
        margin: 0;
    }
    100% {
        margin: 0;
    }
}

@keyframes logotype_pentagram_container_shake {
    0% {
        margin: 0;
    }
    7% {
        margin: 0;
    }
    8% {
        margin: 0 0 0 2px;
    }
    9% {
        margin: 0 0 0 -1px;
    }
    10% {
        margin: 0;
    }
    33% {
        margin: 0;
    }
    34% {
        margin: 0 0 0 20px;
    }
    35% {
        margin: 0;
    }
    49% {
        margin: 0;
    }
    50% {
        margin: 0 0 0 -5px;
    }
    51% {
        margin: 0;
    }
    71% {
        margin: 0;
    }
    72% {
        margin: 0 0 0 2px;
    }
    73% {
        margin: 0;
    }
    80% {
        margin: 0;
    }
    81% {
        margin: 0 0 0 -3px;
    }
    82% {
        margin: 0;
    }
    95% {
        margin: 0;
    }
    96% {
        margin: 0 0 0 13px;
    }
    97% {
        margin: 0;
    }
    100% {
        margin: 0;
    }
}

.big-logo {
    padding: 40px 0 0 0;
    pointer-events: none;
}

.big-logo .big-logotype {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 300px;
    background: url("../img/jupiter_hell_logotype_front.png") no-repeat center;
    -webkit-background-size: 700px;
    background-size: 700px;
    z-index: 10;
}

.big-logo .big-logotype-pentagram-container {
    margin: 0;
    -webkit-animation-name: logotype_pentagram_container_shake;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: logotype_pentagram_container_shake;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.big-logo .big-logotype-pentagram {
    margin: 0 auto;
    padding: 0;
    width: 300px;
    height: 300px;
    background: url("../img/jupiter_hell_logotype_pentagram_front.png") no-repeat center;
    background-size: 300px 300px;
    text-align: center;
    pointer-events: none;
    opacity: 1;
    -webkit-animation-name: logotype_pentagram_spin, logotype_pentagram_opacity, logotype_pentagram_shake, logotype_pentagram_change;
    -webkit-animation-duration: 120s, 1.5s, 60s, 5s;
    -webkit-animation-iteration-count: infinite, infinite, infinite, infinite;
    -webkit-animation-timing-function: linear, ease, ease-in-out, ease-in-out;
    animation-name: logotype_pentagram_spin, logotype_pentagram_opacity, logotype_pentagram_shake, logotype_pentagram_change;
    animation-duration: 120s, 1.5s, 60s, 5s;
    animation-iteration-count: infinite, infinite, infinite, infinite;
    animation-timing-function: linear, ease, ease-in-out, ease-in-out;
}

@-webkit-keyframes logotype_pentagram_spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes logotype_pentagram_spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

/* === END LOGOTYPE === */

/* === NEWSLETTER === */

#ajaxform {
    height: 76px;
    margin: 0 0 68px 0;
    padding: 0;
    pointer-events: auto;
    font-size: 16px;
}

#ajaxform-messages {
    font-family: microgramma;
    text-align: center;
    line-height: 23px;
    font-size: 19px;
    text-transform: uppercase;
}

.message-info {
    color: #e9d6b0;
    text-shadow: 0 2px 2px #3b1b09;
}

.message-succes {
    color: #5d9408;
    text-shadow: 0 2px 2px #1e2f01;
}

.message-error {
    color: #b52408;
    text-shadow: 0 2px 2px #3c0c02;
}

#id_email_address {
    color: #c4bbb0;
    width: 290px;
    height: 42px;
    margin: 11px 5px 0 0;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    font-family: open_sansbold;
}

input.email {
    color: #c4bbb0;
    background-color: #221000;
    border: 2px solid #99682c;
    transition: all .25s ease;
}

input.email:hover {
    color: #c4bbb0;
    background-color: #221000;
    border: 2px solid #e9d6b0;
    transition: all .25s ease;
}

input.email:focus {
    color: #c4bbb0;
    background-color: #221000;
    border: 2px solid #e9d6b0;
    outline-width: 0;
    transition: all .25s ease;
}

#sendwrapper {
    clear: none;
}

#ajax-submit {
    width: 100px;
    height: 42px;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

@-moz-document url-prefix() {
    #ajax-submit {
        height: 41px;
    }
}

#unsubscribe {
    width: 100px;
    height: 42px;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

input.send {
    color: #e9d6b0;
    background-color: #99682c;
    border: 0 solid;
    font-family: open_sansbold;
    line-height: 10px;
    transition: all .25s ease;
}

input.send:hover {
    color: #221000;
    background-color: #e9d6b0;
    border: 0 solid;
    transition: all .25s ease;
}

input.send:active {
    color: #e9d6b0;
    border: 0 solid;
    transition: all .25s ease;
}

input.send:focus {
    color: #221000;
    background-color: #e9d6b0;
    border: 0 solid;
    outline-width: 0;
    transition: all .25s ease;
}

/* === END NEWSLETTER === */

/* === HEADERS === */

.row {
    margin: 0 0 -5px 0;
    width: 1280px;
}

.header-container {
    margin: 0 0 21px 0;
    padding: 0;
    display: block;
    height: 20px;
}

.h1-left {
    width: 60px;
    height: 2px;
    margin: 9px 10px 0 15px;
    float: left;
    background-color: #99682c;
}

.h1-left:before {
    content: "";
    width: 55px;
    height: 2px;
    margin: -6px 0 0 0;
    float: right;
    display: block;
    background-color: #99682c;
}

.h1-left:after {
    content: "";
    width: 55px;
    height: 2px;
    margin: 6px 0 0 0;
    float: right;
    display: block;
    background-color: #99682c;
}

.h1-right-container {
    height: 20px;
    overflow: hidden;
    margin: 0 15px 0 0;
    padding: 0;
}

.h1-right {
    height: 2px;
    margin: 9px 0 0 1px;
    display: block;
    width: 100%;
    background-color: #99682c;
}

.h1-right:before {
    content: "";
    height: 2px;
    margin: 5px 6px 0 0;
    position: relative;
    bottom: 6px;
    display: block;
    background-color: #99682c;
}

.h1-right:after {
    content: "";
    height: 2px;
    margin: -9px 6px 0 0;
    position: relative;
    top: 13px;
    display: block;
    background-color: #99682c;
}

.row h1 {
    font-family: microgramma;
    color: #99682c;
    text-align: left;
    line-height: 21px;
    font-size: 26px;
    text-transform: uppercase;
    float: left;
    margin: 0 8px 0 0;
    padding: 0;
    pointer-events: none;
}

.header-container span {
    font-family: microgramma;
    color: #99682c;
    text-align: left;
    line-height: 21px;
    font-size: 26px;
    text-transform: uppercase;
    float: left;
    margin: 0 8px 0 0;
    padding: 0;
    pointer-events: none;
}

/* === END HEADERS === */

/* === NEWS TABS NAVIGATION === */

.articles-nav {
    padding: 0;
    margin: -9px 25px 0 40px;
    width: 1215px;
}

.articles-nav li {
    font-family: open_sansbold;
    list-style-type: none;
    width: 390px;
    margin: 0 15px 0 0;
    padding: 0;
    font-size: 18px;
    line-height: 21px;
}

.articles-nav li.active .top-center-left, .articles-nav li.active .title-container, .articles-nav li.active .img-container, .articles-nav li.active .date-container, .articles-nav li.active .date-container p, .articles-nav li.active .bottom-center-right {
    background-color: #e9d6b0;
    color: #3e230b;
}

.articles-nav li.active .title-container p {
    color: #3e230b;
}

.articles-nav li.active .top-container:before {
    border-top: 10px solid transparent;
    border-left: 10px solid #e9d6b0;
    transition: all .25s ease;
}

.articles-nav li.active .bottom-container .bottom-center-right:after {
    border-left: 10px solid transparent;
    border-top: 10px solid #e9d6b0;
    transition: all .25s ease;
}

.articles-nav li a {
    display: block;
    text-decoration: none;
    transition: all .25s ease;
}

.articles-nav li a:hover .top-center-left, .articles-nav li a:hover .title-container, .articles-nav li a:hover .img-container, .articles-nav li a:hover .date-container, .articles-nav li a:hover .date-container p, .articles-nav li a:hover .bottom-center-right {
    background-color: #e9d6b0;
    color: #3e230b;
    transition: all .25s ease;
}

.articles-nav li a:hover .title-container p {
    color: #3e230b;
    transition: all .25s ease;
}

.articles-nav li a:hover .top-container:before {
    border-top: 10px solid transparent;
    border-left: 10px solid #e9d6b0;
    transition: all .25s ease;
}

.articles-nav li a:hover .bottom-container .bottom-center-right:after {
    border-left: 10px solid transparent;
    border-top: 10px solid #e9d6b0;
    transition: all .25s ease;
}

.articles-nav li img {
    width: 370px;
    height: 208px;
    border: 2px solid #593200;
}

.articles-nav .top-container {
    width: 390px;
    height: 10px;
    padding: 0;
    margin: 0;
}

.articles-nav .top-container:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #3e230b;
    width: 0;
}

.articles-nav .top-right {
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    background-color: transparent;
}

.articles-nav .top-center-left {
    width: 380px;
    height: 10px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    background-color: #3e230b;
}

.articles-nav .title-container {
    width: 390px;
    height: 50px;
    padding: 0 10px 6px 10px;
    background-color: #3e230b;
    margin: 0;
}

.articles-nav .title-container p {
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    position: relative;
    top: -4px;
    color: #e9d6b0;
}

.articles-nav .img-container {
    width: 390px;
    padding: 0 0 0 10px;
    margin: -8px 0 0 0;
    background-color: #3e230b;
}

.articles-nav .date-container {
    width: 390px;
    padding: 20px 10px 10px 10px;
    margin: 0;
    background-color: #3e230b;
    font-size: 14px;
    text-align: right;
}

.articles-nav .date-container p {
    padding: 0;
    margin: 0;
    line-height: 0;
    color: #99682c;
}

.articles-nav .bottom-container {
    width: 390px;
    height: 10px;
    padding: 0;
    margin: 0;
}

.articles-nav .bottom-container .bottom-center-right {
    width: 380px;
    height: 10px;
    padding: 0;
    margin: 0;
    display: block;
    float: right;
    background-color: #3e230b;
}

.articles-nav .bottom-container .bottom-center-right:after {
    content: '';
    position: absolute;
    top: 290px;
    left: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #3e230b;
    width: 0;
}

.articles-nav li.active:after {
    height: 40px;
}

.articles-nav li.active:after {
    width: 390px;
    height: 36px;
    margin: 18px 0 0 0;
    padding: 0;
    content: "▼";
    font-size: 29px;
    display: block;
    text-align: center;
    font-family: symbols;
    color: #e9d6b0;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

/* === END NEWS TABS NAVIGATION === */

/* === NEWS TABS === */

.tab-content {
    width: 1200px;
    margin: 0 0 0 40px;
    font-family: open_sansregular;
}

.tab-panel h2, .news-row h2, h1.news-title {
    font-family: microgramma;
    color: #e9d6b0;
    text-align: left;
    line-height: 30px;
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 0;
    position: relative;
    top: -4px;
}

h1.news-title {
    float: none;
    margin-bottom: 10px;
}

.tab-panel .author-date, .news-row .author-date {
    font-family: open_sansregular;
    color: #99682c;
    text-align: left;
    margin: 13px 0 20px 0;
    font-style: italic;
}

.tab-panel a, .news-row a {
    color: #e58d22;
    text-decoration: none;
}

.tab-panel a:hover, .news-row a:hover {
    text-decoration: underline;
}

.tab-panel p, .news-row p {
    text-align: justify;
    display: block;
    /*
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
*/
}

.tab-panel p img, .content p img, .full-content p img, .tab-panel .full-content p img, .content .full-content p img, .full-content .full-content p img {
    margin: 15px 0 15px 0;
    /*    margin: auto;*/
    border: 2px solid #593200;
    max-width: 1060px;
    min-width: 650px;
    position: relative;
    align-content: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.tab-panel .img-container, .news-row .img-container {
    padding: 0;
    margin: 0 0 0 15px;
    float: right;
}

.tab-panel.open .img-container.hide-when-open, .news-row.open .img-container.hide-when-open {
    display: none;
}

.tab-panel .img-container img, .news-row .img-container img {
    border: 2px solid #593200;
    width: 576px;
    margin: 0 0 15px 0;
}

.tab-panel .top-left {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: #e9d6b0;
}

.tab-panel .top-left:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 2px 0 0 2px;
    background-color: #221000;
}

.tab-panel .top-middle {
    width: 1180px;
    height: 10px;
    display: block;
    float: left;
    background-color: #221000;
}

.tab-panel .top-middle {
    width: 1180px;
    height: 10px;
    display: block;
    float: left;
    background-color: #e9d6b0;
}

.tab-panel .top-middle:before {
    content: '';
    width: 1180px;
    height: 8px;
    display: block;
    float: left;
    margin: 2px 0 0 0;
    background-color: #221000;
}

.tab-panel .top-right {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: transparent;
}

.tab-panel .top-right:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #e9d6b0;
    width: 0;
    overflow: hidden;
}

.tab-panel .top-right:after {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    border-top: 7px solid transparent;
    border-left: 7px solid #221000;
    width: 0;
    overflow: hidden;
}

.tab-panel .middle-container {
    width: 1200px;
    display: block;
    float: left;
    background-color: #221000;
    /*    padding: 15px 30px 10px 30px;*/
    padding: 0 10px 0 10px;
    /*    padding: 0 8px 0 8px;*/
    /*
    border-left: 2px solid #e9d6b0;
    border-right: 2px solid #e9d6b0;
*/
    /*    border-left: 2px dashed #e9d6b0;*/
    /*    border-right: 2px dashed #e9d6b0;*/
}

.tab-panel .article-buttons {
    width: 1200px;
    display: block;
    /*    height: 25px;*/
    float: left;
    padding: 0 10px 0 10px;
    background-color: #221000;
}

.tab-panel .bottom-left {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: transparent;
}

.tab-panel .bottom-left:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #e9d6b0;
    width: 0;
    overflow: hidden;
}

.tab-panel .bottom-left:after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 3px;
    border-left: 7px solid transparent;
    border-top: 7px solid #221000;
    width: 0;
    overflow: hidden;
}

.tab-panel .bottom-middle {
    width: 1180px;
    height: 10px;
    display: block;
    float: left;
    background-color: #e9d6b0;
}

.tab-panel .bottom-middle:before {
    content: '';
    width: 1180px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    background-color: #221000;
}

.tab-panel .bottom-right {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-color: #e9d6b0;
}

.tab-panel .bottom-right:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    background-color: #221000;
}

.tab-panel footer, .news-row footer {}

.news-row .article-buttons {
    width: 1200px;
    display: block;
    /*    height: 25px;*/
    float: left;
    background-color: #3e230b;
    padding: 0 10px 0 10px;
}

.news-row .article-buttons:before {
    content: "";
    width: 1200px;
    display: block;
    height: 20px;
    /*    height: 25px;*/
    float: left;
    background-color: #3e230b;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 35px;
}

.news-row.open .article-buttons {
    background-color: #221000;
}

.news-row.open .article-buttons:before {
    background-color: transparent;
}

.tab-panel .close-news, .news-row .close-news {
    margin: 0;
    padding: 0;
    /*    height: 10px;*/
    /*
    position: absolute;
    bottom: 0px;
*/
    float: left;
}

.tab-panel .close-news a, .news-row .close-news a {
    font-size: 18px;
    line-height: 25px;
    font-family: open_sansbold;
    /*    font-family: symbols;*/
    color: #99682c;
    text-decoration: none;
    transition: all .25s ease;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.tab-panel .close-news a:hover, .news-row .close-news a:hover {
    text-decoration: none;
    color: #e9d6b0;
    transition: all .25s ease;
}

.share-discuss-container {
    margin: 0;
    padding: 0;
    float: right;
}

.tab-panel .discuss, .news-row .discuss {
    margin: 0;
    padding: 0;
    float: left;
    color: #593200;
    font-family: open_sansbold;
}

.tab-panel .discuss a, .news-row .discuss a {
    padding: 0;
    font-size: 18px;
    line-height: 25px;
    font-family: open_sansbold;
    color: #99682c;
    text-decoration: none;
    transition: all .25s ease;
}

.tab-panel .discuss a:hover, .news-row .discuss a:hover {
    text-decoration: none;
    color: #e9d6b0;
    transition: all .25s ease;
}

.share-news-container {
    margin: 0;
    padding: 0;
    /*    height: 10px;*/
    /*
    position: absolute;
    bottom: 0px;
*/
    float: left;
    color: #593200;
    font-family: open_sansbold;
    font-size: 18px;
    /*    line-height: 10px;   */
}

.share-news-container .share-tw, .share-news-container .share-fb {
    font-family: symbols;
    font-size: 25px;
    text-decoration: none;
    color: #99682c;
    line-height: 25px;
    /*    padding: 10px 0 0 0;*/
    display: block;
    height: 25px;
    width: 25px;
    float: right;
    margin: 0 0 0 5px;
    transition: color .25s ease;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.share-news-container .share-tw:hover {
    text-decoration: none;
    color: #1da1f2;
    transition: color .25s ease;
}

.share-news-container .share-fb:hover {
    text-decoration: none;
    color: #3b5998;
    transition: color .25s ease;
}

.read-all-news {
    width: 1200px;
    padding: 0;
    margin: 14px 0 0 40px;
    font-size: 18px;
    font-family: open_sansbold;
    color: #99682c;
    text-decoration: none;
    transition: color .25s ease;
}

.read-all-news:hover {
    text-decoration: none;
    color: #e9d6b0;
    transition: color .25s ease;
}

.read-all-news .top-left-middle {
    width: 1190px;
    height: 10px;
    float: left;
    display: block;
    background-color: #3e230b;
}

.read-all-news .top-left-middle:before {
    content: '';
    position: absolute;
    top: 14px;
    right: 40px;
    border-top: 10px solid transparent;
    border-left: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.read-all-news .middle {
    width: 1200px;
    padding: 0 0 0 10px;
    float: left;
    text-align: center;
    background-color: #3e230b;
}

.read-all-news .bottom-middle-right {
    width: 1190px;
    height: 10px;
    float: right;
    background-color: #3e230b;
    margin: 0 0 32px 0;
}

.read-all-news .bottom-middle-right:before {
    content: '';
    position: absolute;
    bottom: 32px;
    left: 40px;
    border-left: 10px solid transparent;
    border-top: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

/* === END NEWS TABS === */

/* === SYNOPSIS === */

.synopsis-container {
    width: 1200px;
    margin: -9px 0 0 40px;
    padding: 0;
}

.synopsis-container .top-left {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #e9d6b0;
}

.synopsis-container .top-left:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 2px 0 0 2px;
    background-color: #221000;
}

.synopsis-container .top-middle {
    width: 1180px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #e9d6b0;
}

.synopsis-container .top-middle:before {
    content: '';
    width: 1180px;
    height: 8px;
    display: block;
    float: left;
    margin: 2px 0 0 0;
    background-color: #221000;
}

.synopsis-container .top-right {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.synopsis-container .top-right:before {
    content: '';
    position: absolute;
    top: -9px;
    right: 40px;
    border-top: 10px solid transparent;
    border-left: 10px solid #e9d6b0;
    width: 0;
    overflow: hidden;
}

.synopsis-container .top-right:after {
    content: '';
    position: absolute;
    top: -6px;
    right: 43px;
    border-top: 7px solid transparent;
    border-left: 7px solid #221000;
    width: 0;
    overflow: hidden;
}

.synopsis-container .middle {
    width: 1200px;
    padding: 15px 30px 10px 30px;
    float: left;
    background-color: #221000;
    font-family: open_sansregular, sans-serif;
    font-size: 18px;
    text-align: justify;
    /*    text-transform: uppercase;*/
    color: #c4bbb0;
    /*    color: #e58d22;*/
    /*    border-left: 2px dashed #e9d6b0;*/
    /*    border-right: 2px dashed #e9d6b0;*/
}

.synopsis-container .middle p {
    margin: 0 0 10px 0;
}

.synopsis-container .bottom-left {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.synopsis-container .bottom-left:before {
    content: '';
    position: absolute;
    bottom: 27px;
    left: 40px;
    border-left: 10px solid transparent;
    border-top: 10px solid #e9d6b0;
    width: 0;
    overflow: hidden;
}

.synopsis-container .bottom-left:after {
    content: '';
    position: absolute;
    bottom: 30px;
    left: 43px;
    border-left: 7px solid transparent;
    border-top: 7px solid #221000;
    width: 0;
    overflow: hidden;
}

.synopsis-container .bottom-middle {
    width: 1180px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0 0 27px 0;
    background-color: #e9d6b0;
}

.synopsis-container .bottom-middle:before {
    content: '';
    width: 1180px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    background-color: #221000;
}

.synopsis-container .bottom-right {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #e9d6b0;
}

.synopsis-container .bottom-right:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    background-color: #221000;
}

/* === END SYNOPSIS === */

/* === CAROUSEL === */

.carousel-container {
    width: 1200px;
    height: 169px;
    margin: -4px 0 27px 40px;
    display: block;
}

.carousel-inner {
    width: 1080px;
    height: 149px;
    margin: 0 0 0 60px;
}

.carousel-container .top-left-middle {
    width: 1190px;
    height: 10px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    background-color: #3e230b;
}

.carousel-container .top-left-middle:before {
    content: '';
    position: absolute;
    top: -4px;
    right: 40px;
    border-top: 10px solid transparent;
    border-left: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.carousel-container .middle {
    width: 1200px;
    height: 149px;
    margin: 0;
    padding: 0;
    float: left;
    background-color: #3e230b;
}

.carousel-container .bottom-middle-right {
    width: 1190px;
    height: 10px;
    padding: 0;
    margin: 0;
    display: block;
    float: right;
    background-color: #3e230b;
}

.carousel-container .bottom-middle-right:before {
    content: '';
    position: absolute;
    bottom: 27px;
    left: 40px;
    border-left: 10px solid transparent;
    border-top: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.carousel-container .thumbnail {
    width: 270px;
    display: block;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
}

.carousel-container .img-responsive {
    height: 149px;
    border: 2px solid #593200;
    transition: all .25s ease;
}

.carousel-container .img-responsive:hover {
    border: 2px solid #e9d6b0;
    transition: all .25s ease;
}

.carousel-control {
    height: 149px;
    width: 40px;
    margin: 6px 50px 0 50px;
    z-index: 1;
    background-color: #593200;
    opacity: 1.0;
    transition: all .25s ease;
}

.carousel-control:hover {
    background-color: #e9d6b0;
    opacity: 1.0;
    transition: all .25s ease;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    background-color: #593200;
    text-shadow: none;
    color: #3e230b;
    font-size: 29px;
    padding: 54px 0 0 0;
}

.carousel-control.right:hover, .carousel-control.left:hover {
    background-image: none;
    background-color: #e9d6b0;
}

.carousel-control.left:before {
    content: "◄";
    text-align: center;
    padding: 0 2px 0 0;
}

.carousel-control.right:before {
    content: "►";
    text-align: center;
    padding: 0 0 0 2px;
}

/* === END CAROUSEL === */

/* === FEATURES === */

.features-container {
    width: 1200px;
    margin: -9px 0 0 40px;
    padding: 0;
}

.features-container .top-left-middle {
    width: 1190px;
    height: 10px;
    float: left;
    background-color: #3e230b;
}

.features-container .top-left-middle:before {
    content: '';
    position: absolute;
    top: -9px;
    right: 40px;
    border-top: 10px solid transparent;
    border-left: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.features-container .middle {
    width: 1200px;
    padding: 0 0 0 10px;
    float: left;
    background-color: #3e230b;
}

.features-container .bottom-middle-right:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    border-left: 10px solid transparent;
    border-top: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.features-container .bottom-middle-right {
    width: 1190px;
    height: 10px;
    float: right;
    background-color: #3e230b;
}

.features-container .feature {
    width: 595px;
    float: left;
    margin: 0 0 0 0;
    font-family: open_sansregular;
    color: #c4bbb0;
    padding: 0 10px 0 0;
}

.features-container .bottom {
    padding: 10px 10px 0 0;
}

.features-container .feature h2 {
    margin: 0 10px 0 -2px;
    padding: 0;
    font-family: open_sansbold;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 13px;
    float: left;
    color: #e9d6b0;
}

.features-container .feature .h2-feature-end {
    height: 13px;
    overflow: hidden;
    margin: 0;
    background-color: #221000;
}

@-moz-document url-prefix() {
    .features-container .feature h2 {
        font-size: 17px;
    }
}

.features-container .feature ul {
    margin: 0 0 0 28px;
    padding: 7px 0 0 0;
    list-style-type: square;
    color: #99682c;
}

.features-container .feature ul li {
    line-height: 18px;
    font-size: 14px;
}

.features-container .feature ul span {
    color: #c4bbb0;
}

.features-container .feature .ul-container {
    margin: 10px 0 0 0;
    padding: 0;
    height: 110px;
    /*    width: 384px;*/
    display: block;
    background-color: #221000;
}

.features-container .feature .ul-bottom-middle-right {
    margin: 0;
    padding: 0;
    height: 10px;
    width: 386px;
    float: right;
    display: block;
    background-color: #221000;
}

/* === END FEATURES === */

/* === FOOTER === */

.footer-container {
    width: 1200px;
    height: 50px;
    padding: 0 0 10px 0;
    margin: 30px 0 0 40px;
    font-size: 14px;
}

.footer-container .top-left-middle {
    width: 1190px;
    height: 10px;
    float: left;
    display: block;
    background-color: #080403;
}

.footer-container .top-left-middle:before {
    content: '';
    position: absolute;
    top: 30px;
    right: 40px;
    border-top: 10px solid transparent;
    border-left: 10px solid #080403;
    width: 0;
    overflow: hidden;
}

.footer-container .middle {
    width: 1200px;
    padding: 0 0 0 10px;
    float: left;
    background-color: #080403;
}

.footer-container .bottom-middle-right {
    width: 1190px;
    height: 10px;
    float: right;
    background-color: #080403;
    margin: 0 0 30px 0;
}

.footer-container .bottom-middle-right:before {
    content: '';
    position: absolute;
    bottom: 30px;
    left: 40px;
    border-left: 10px solid transparent;
    border-top: 10px solid #080403;
    width: 0;
    overflow: hidden;
}

.footer-container .bottom {
    width: 1200px;
    float: left;
    margin: 0;
    padding: 10px 0 0 0;
    color: #99682c;
    background-color: #080403;
}

.footer-container .bottom a {
    /*    color: #99682c;*/
    color: #e58d22;
    transition: all .25s ease;
}

.footer-container .bottom a:hover {
    /*    color: #e9d6b0;*/
    color: #e58d22;
    text-decoration: underline;
    transition: all .25s ease;
}

.footer-container .bottom .left {
    float: left;
    margin: 0 0 0 10px;
    width: 400px;
}

.footer-container .bottom .right {
    float: right;
    margin: 0 10px 0 0;
}

.footer-container .chaosforge-container {
    float: left;
    margin: 0;
    padding: 0;
}

.footer-container .chaosforge {
    font-family: symbols;
    font-size: 29px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    line-height: 29px;
    background-color: transparent;
    transition: all .25s ease;
    float: left;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.footer-container .chaosforge:hover {
    color: #e9d6b0;
    transition: all .25s ease;
}

.footer-container .hyperstrange {
    font-family: symbols;
    font-size: 29px;
    margin: 0 0 0 15px;
    padding: 0;
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    line-height: 29px;
    background-color: transparent;
    transition: all .25s ease;
    float: left;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.footer-container .hyperstrange:hover {
    color: #27A8DF;
    transition: all .25s ease;
}

.footer-container .nova-engine {
    font-family: symbols;
    font-size: 29px;
    margin: 0 0 0 15px;
    padding: 0;
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    line-height: 29px;
    background-color: transparent;
    transition: all .25s ease;
    float: left;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.footer-container .socialmedia-container {
    float: right;
    margin: 0 10px 0 0;
    padding: 0;
    height: 29px;
}

.socialmedia-container a {
    font-family: symbols;
    font-size: 29px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    /*    color: #080403;*/
    line-height: 29px;
    /*    background-color: #9b6a2d;*/
    /*    background-color: #e58d22;*/
    /*    border-radius: 2px;*/
    transition: all .25s ease;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.socialmedia-container .twitter {
    text-decoration: none;
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .twitter:hover {
    color: #1da1f2;
    background-color: transparent;
    transition: all .25s ease;
}

.socialmedia-container .facebook {
    /*    color: #080403;*/
    /*    background-color: #e58d22;*/
    color: #e58d22;
    transition: all .25s ease
}

.socialmedia-container .facebook:hover {
    color: #3b5998;
    background-color: transparent;
    transition: all .25s ease
}

.socialmedia-container .reddit {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .reddit:hover {
    color: #FF4500;
    transition: all .25s ease;
}

.socialmedia-container .kickstarter {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .kickstarter:hover {
    color: #2BDE73;
    background-color: transparent;
    transition: all .25s ease;
}

.socialmedia-container .twitch {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .twitch:hover {
    color: #6541a5;
    /*    background-color: #6541a5;*/
    transition: all .25s ease;
}

.socialmedia-container .youtube {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .youtube:hover {
    color: #cd201f;
    /*    background-color: #6541a5;*/
    transition: all .25s ease;
}

.socialmedia-container .humble {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .humble:hover {
    color: #D73D35;
    /*    background-color: #6541a5;*/
    transition: all .25s ease;
}

.socialmedia-container .steam {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .steam:hover {
    color: #e4e4e4;
    /*    background-color: #6541a5;*/
    transition: none .25s ease;
}

.socialmedia-container .gog {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .gog:hover {
    color: #DA8BF0;
    /*    background-color: #6541a5;*/
    transition: none .25s ease;
}

.socialmedia-container .discord {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .discord:hover {
    color: #7289DA;
    /*    background-color: #6541a5;*/
    transition: all .25s ease;
}

.socialmedia-container .direct {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .direct:hover {
    color: #e9d6b0;
    /*    background-color: #6541a5;*/
    transition: all .25s ease;
}

.socialmedia-container .switch {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .switch:hover {
    color: #E60012;
    /*    background-color: #6541a5;*/
    transition: all .25s ease;
}

.socialmedia-container .xbox {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .xbox:hover {
    color: #107C10;
    /*    background-color: #6541a5;*/
    transition: all .25s ease;
}

.socialmedia-container .playstation {
    text-decoration: none;
    /*    color: #9b6a2d;*/
    color: #e58d22;
    background-color: transparent;
}

.socialmedia-container .playstation:hover {
    color: #0070D1;
    /*    background-color: #6541a5;*/
    transition: all .25s ease;
}

.flames {
    padding: 0;
    margin: 0;
    /*    margin-top: -479px;*/
    display: block;
    width: 100%;
    height: 479px;
    color: #c4bbb0;
    background-image: url("../img/fire_bg.jpg");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #080403;
    position: relative;
    bottom: 0;
    z-index: -1;
}

#scroll-up {
    padding: 0;
    margin: 0 30px 30px 0;
    display: none;
    float: right;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 99;
}

.scroll-up-btn {
    font-size: 18px;
    font-family: open_sansbold;
    /*    color: #99682c;*/
    color: #e58d22;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    transition: all .25s ease;
}

.scroll-up-btn:hover {
    text-decoration: none;
    color: #e9d6b0;
    transition: all .25s ease;
}

.scroll-up-btn .top-left-middle {
    width: 40px;
    height: 10px;
    float: left;
    display: block;
    background-color: #080403;
}

.scroll-up-btn .top-left-middle:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #080403;
    width: 0;
    overflow: hidden;
}

.scroll-up-btn .middle {
    width: 50px;
    height: 30px;
    padding: 10px 0 0 0;
    float: left;
    display: block;
    font-family: symbols;
    font-size: 28px;
    line-height: 8px;
    background-color: #080403;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.scroll-up-btn .bottom-middle-right {
    width: 40px;
    height: 10px;
    float: right;
    display: block;
    background-color: #080403;
}

.scroll-up-btn .bottom-middle-right:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 10px solid #080403;
    border-left: 10px solid transparent;
    width: 0;
    overflow: hidden;
}

@media screen and (max-width: 1400px) {
    #scroll-up {
        margin: 0 0 30px 0;
        width: 26px;
    }
    .scroll-up-btn:hover {
        text-decoration: none;
        color: #e9d6b0;
        transition: all .25s ease;
    }
    .scroll-up-btn .top-left-middle {
        width: 16px;
    }
    .scroll-up-btn .middle {
        width: 26px;
        font-size: 20px;
        line-height: 8px;
    }
    .scroll-up-btn .bottom-middle-right {
        width: 16px;
    }
}

/* === END FOOTER === */

/* === NEWS PAGE === */

.news-row-container {
    margin: 0;
    width: 1280px;
}

.row .news-row {
    margin: 30px 0 0 40px;
    width: 1200px;
}

.news-row .img-container img {
    width: 426px;
    height: auto;
}

.news-row .content {
    /*    height: 50px;*/
    height: 150px;
    /*    max-height: 200px;*/
    display: block;
    /*    overflow: hidden;*/
    /*    margin: 0 0 50px 0;*/
}

.news-row .close-news-btn {
    display: none;
}

.news-row .read-more-btn {
    display: inline;
}

.news-row .full-content {
    display: none;
}

.news-row .top-left, .news-row.open .top-left {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #3e230b;
}

.news-row .top-left:before, .news-row.open .top-left:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 2px 0 0 2px;
    background-color: #3e230b;
}

.news-row .top-middle, .news-row.open .top-middle {
    width: 1180px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #3e230b;
}

.news-row .top-middle:before, .news-row.open .top-middle:before {
    content: '';
    width: 1180px;
    height: 8px;
    display: block;
    float: left;
    margin: 2px 0 0 0;
    background-color: #3e230b;
}

.news-row .top-right, .news-row.open .top-right {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.news-row .top-right:before, .news-row.open .top-right:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.news-row .top-right:after, .news-row.open .top-right:after {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    border-top: 7px solid transparent;
    border-left: 7px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.news-row .middle-container, .news-row.open .middle-container {
    width: 1200px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #3e230b;
    padding: 0 10px 0 10px;
    /*    padding: 15px 30px 10px 30px;*/
    /*    border-left: 2px dashed #080403;*/
    /*    border-right: 2px dashed #080403;*/
    /*    border-left: 2px dashed #e9d6b0;*/
    /*    border-right: 2px dashed #e9d6b0;*/
    overflow: hidden;
}

.news-row .middle-container {
    padding: 0 10px 0 10px;
    border-left: none;
    border-right: none;
    overflow: hidden;
}

.news-row .bottom-left, .news-row.open .bottom-left {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.news-row .bottom-left:before, .news-row.open .bottom-left:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.news-row .bottom-left:after, .news-row.open .bottom-left:after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 3px;
    border-left: 7px solid transparent;
    border-top: 7px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.news-row .bottom-middle, .news-row.open .bottom-middle {
    width: 1180px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #3e230b;
}

.news-row .bottom-middle:before, .news-row.open .bottom-middle:before {
    content: '';
    width: 1180px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    background-color: #3e230b;
}

.news-row .bottom-right, .news-row.open .bottom-right {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    background-color: #3e230b;
}

.news-row .bottom-right:before, .news-row.open .bottom-right:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    background-color: #3e230b;
}

.news-row.open {
    height: auto;
}

.row .news-row.open img {
    width: 576px;
    height: auto;
}

.news-row.open .content {
    height: auto;
}

.news-row.open .close-news-btn {
    display: inline;
}

.news-row.open .read-more-btn {
    display: none;
}

.news-row.open .content {
    display: none;
}

.news-row.open .full-content {
    display: block;
}

.news-row.open .top-left {
    background-color: #e9d6b0;
}

.news-row.open .top-left:before {
    background-color: #221000;
}

.news-row.open .top-middle {
    background-color: #e9d6b0;
}

.news-row.open .top-middle:before {
    background-color: #221000;
}

.news-row.open .top-right:before {
    border-left: 10px solid #e9d6b0;
}

.news-row.open .top-right:after {
    border-left: 7px solid #221000;
}

.news-row.open .middle-container {
    background-color: #221000;
}

.news-row.open .bottom-left:before {
    border-top: 10px solid #e9d6b0;
}

.news-row.open .bottom-left:after {
    border-top: 7px solid #221000;
}

.news-row.open .bottom-middle {
    background-color: #e9d6b0;
}

.news-row.open .bottom-middle:before {
    background-color: #221000;
}

.news-row.open .bottom-right {
    background-color: #e9d6b0;
}

.news-row.open .bottom-right:before {
    background-color: #221000;
}

.single-news-footer-container {
    width: 1200px;
    padding: 0;
    margin: 14px 0 0 40px;
    font-size: 18px;
    font-family: open_sansbold;
    color: #99682c;
    text-decoration: none;
    transition: color .25s ease;
}

.single-news-footer-container:hover {
    text-decoration: none;
    color: #e9d6b0;
    transition: color .25s ease;
}

.single-news-footer-container .top-left-middle {
    width: 1190px;
    height: 10px;
    float: left;
    display: block;
    background-color: #3e230b;
}

.single-news-footer-container .top-left-middle:before {
    content: '';
    position: absolute;
    top: 14px;
    right: 40px;
    border-top: 10px solid transparent;
    border-left: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.single-news-footer-container .middle {
    width: 1200px;
    padding: 0 0 0 10px;
    float: left;
    text-align: center;
    background-color: #3e230b;
}

.single-news-footer-container .bottom-middle-right {
    width: 1190px;
    height: 10px;
    float: right;
    background-color: #3e230b;
    margin: 0;
}

.single-news-footer-container .bottom-middle-right:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    border-left: 10px solid transparent;
    border-top: 10px solid #3e230b;
    width: 0;
    overflow: hidden;
}

.single-news-footer-container.pull-left {
    margin: 14px 0 0 40px;
    width: 595px;
}

.single-news-footer-container.pull-right {
    width: 595px;
    margin: 14px 40px 0 0;
}

.single-news-footer-container.pull-left .top-left-middle, .single-news-footer-container.pull-right .top-left-middle {
    width: 585px;
}

.single-news-footer-container.pull-left .top-left-middle:before {
    right: 645px;
}

.single-news-footer-container.pull-left .middle, .single-news-footer-container.pull-right .middle {
    width: 595px;
}

.single-news-footer-container.pull-left .bottom-middle-right, .single-news-footer-container.pull-right .bottom-middle-right {
    width: 585px;
}

.single-news-footer-container.pull-right .bottom-middle-right:before {
    left: 645px;
}

/* === END NEWS PAGE ==*/

.tab-panel .content p img {
    display: none;
    /*    overflow: hidden;*/
}

.tab-panel .content p .note-video-clip {
    display: none;
    /*    overflow: hidden;*/
}

.newspage {
    margin: 67px 0 -18px 0;
    padding: 0;
}

.staticpage {
    margin: 67px 0 -8px 0;
    padding: 0;
}

#content .raw {
    background-color: red;
}

.tab-panel hr, .content hr, .full-content hr {
    margin: 15px 30px 15px 30px;
    border-top: 2px solid #593200;
}

.tab-panel .table, .content .table, .full-content .table {
    margin-top: 15px;
    margin-bottom: 15px;
    margin: auto;
    padding: 0 30px 0 30px;
    border: 2px solid #593200;
    max-width: 1060px;
    min-width: 600px;
}

.tab-panel .table tr, .content .table tr, .content .table td, .tab-panel .table td, .full-content .table tr, .full-content .table td {
    border: 2px solid #593200;
    background-color: #3b1b09;
}

.tab-panel blockquote, .content blockquote, .full-content blockquote {
    margin: 15px 60px 15px 60px;
    padding: 15px 30px 15px 30px;
    font-size: 20px;
    font-style: italic;
    border-left: 2px solid #593200;
    background-color: #3b1b09;
    display: block;
}

.tab-panel blockquote span, .content blockquote span, .full-content blockquote span {
    display: block;
}

.tab-panel blockquote:before, .content blockquote:before, .full-content blockquote:before {
    content: "“";
    font-size: 60px;
    font-style: normal;
    line-height: 0;
    display: block;
    width: 20px;
    position: relative;
    top: 14px;
    left: -25px;
    font-family: sans-serif, Verdana;
    color: #593200;
}

.tab-panel blockquote:after, .content blockquote:after, .full-content blockquote:after {
    content: "”";
    font-size: 60px;
    font-style: normal;
    line-height: 0;
    display: block;
    width: 20px;
    position: relative;
    bottom: -19px;
    left: 1005px;
    font-family: sans-serif, Verdana;
    color: #593200;
}

.tab-panel pre, .content pre, .full-content pre {
    margin: 15px 60px 15px 60px;
    padding: 15px 30px 15px 30px;
    font-family: terminus, monospace;
    border: none;
    background-color: #b2b2b2;
    display: block;
}

.tab-panel pre span, .content pre span, .full-content pre span {
    font-family: Terminus, monospace;
}

.tab-panel .note-video-clip, .content .note-video-clip, .full-content .note-video-clip {
    margin: 15px 60px 15px 60px;
    /*    padding: 15px 60px 15px 60px;*/
    width: 1060px;
    height: 579px;
    border: 2px solid #593200;
}

.load-more-news-container {
    width: 1200px;
    padding: 0;
    margin: 30px 0 0 40px;
    font-size: 18px;
    font-family: open_sansbold;
    /*    color: #99682c;*/
    color: #e58d22;
    text-decoration: none;
    transition: all .25s ease;
}

.load-more-news-container:hover {
    text-decoration: none;
    color: #e9d6b0;
    transition: all .25s ease;
}

.load-more-news-container .top-left-middle {
    width: 1190px;
    height: 10px;
    float: left;
    display: block;
    background-color: #080403;
}

.load-more-news-container .top-left-middle:before {
    content: '';
    position: absolute;
    top: 30px;
    right: 40px;
    border-top: 10px solid transparent;
    border-left: 10px solid #080403;
    width: 0;
    overflow: hidden;
}

.load-more-news-container .middle {
    width: 1200px;
    padding: 0 0 0 10px;
    float: left;
    text-align: center;
    background-color: #080403;
}

.load-more-news-container .bottom-middle-right {
    width: 1190px;
    height: 10px;
    float: right;
    background-color: #080403;
    margin: 0;
}

.load-more-news-container .bottom-middle-right:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    border-left: 10px solid transparent;
    border-top: 10px solid #080403;
    width: 0;
    overflow: hidden;
}

/* === COOKIES-BAR === */

.cookies-bar-container {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: #e58d22;
    z-index: 99999;
    position: fixed;
    bottom: 0;
    color: #080403;
    font-size: 15px;
}

.closed-cookies {
    display: none;
}

.cookies-bar {
    display: block;
    width: 1200px;
    height: 30px;
    padding: 5px 0 5px 0;
    margin: auto;
}

.cookies-bar .privacy-btn {
    color: #e9d6b0;
    text-decoration: none;
}

.cookies-bar .privacy-btn:hover {
    text-decoration: underline;
}

.cookies-bar-btn, .cookies-bar-btn:visited {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #e9d6b0;
    font-size: 28px;
    float: right;
    color: #080403;
    margin: -5px 0 0 -5px;
    padding: 0;
    line-height: 32px;
    text-decoration: none;
    transition: all .25s ease;
    font-family: symbols;
    text-align: center;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}

.cookies-bar-btn:hover {
    background-color: #080403;
    color: #e9d6b0;
    text-decoration: none;
    transition: all .25s ease;
}

/* === END COOKIES-BAR === */

/* === MEDIA SCREEN 1366 === */

@media screen and (max-width: 1366px) {
    body {
        font-size: 14px;
    }
    symbols {
        font-size: 12px;
        font-feature-settings: "liga" 1;
        -ms-font-feature-settings: "liga" 1;
    }
    .container-fluid {
        width: 1160px;
        padding: 0 20px 0 20px;
    }
    #content {
        width: 1160px;
    }
    .row {
        width: 1160px;
    }
    .articles-nav {
        padding: 0;
        margin: -9px 15px 0 25px;
        width: 1130px;
    }
    .articles-nav li {
        width: 360px;
        margin: 0 15px 0 0;
        font-size: 16px;
        line-height: 19px;
    }
    .articles-nav .top-container {
        width: 350px;
    }
    .articles-nav .top-container:before {
        top: 0;
        right: 0;
    }
    .articles-nav .title-container {
        width: 360px;
        height: 50px;
        padding: 0 10px 6px 10px;
    }
    .articles-nav .img-container {
        width: 360px;
        margin: -8px 0 0 0;
    }
    .articles-nav li img {
        width: 340px;
        height: 192px;
    }
    .articles-nav .date-container {
        width: 360px;
        padding: 20px 10px 10px 10px;
        font-size: 12px;
    }
    .articles-nav .top-center-left {
        width: 350px;
        width: 350px;
    }
    .articles-nav .bottom-container {
        width: 360px;
    }
    .articles-nav .bottom-container .bottom-center-right {
        width: 350px;
    }
    .articles-nav .bottom-container .bottom-center-right:after {
        top: 274px;
    }
    .articles-nav li.active:after {
        width: 360px;
        font-size: 25px;
    }
    .tab-panel .article-buttons {
        width: 1110px;
    }
    .news-row .article-buttons:before {
        width: 1110px;
    }
    .tab-panel .close-news a, .news-row .close-news a {
        font-size: 16px;
    }
    .tab-panel .discuss, .news-row .discuss {
        font-size: 16px;
    }
    .tab-panel .discuss a, .news-row .discuss a {
        font-size: 16px;
    }
    .share-news-container {
        font-size: 16px;
        line-height: 25px;
    }
    /*
    .share-news-container .share-tw,
    .share-news-container .share-fb {
        font-size: 20px;
        line-height: 20px;
        height: 20px;
        width: 20px;
    }
*/
    .tab-content {
        width: 1110px;
        margin: 0 0 0 25px;
    }
    .tab-panel .top-middle, .tab-panel .top-middle:before, .tab-panel .bottom-middle, .tab-panel .bottom-middle:before {
        width: 1090px;
    }
    .tab-panel .img-container img, .news-row .img-container img {
        width: 500px;
    }
    .tab-panel .middle-container {
        width: 1110px;
    }
    .read-all-news {
        width: 1110px;
        margin: 14px 0 0 25px;
        font-size: 16px;
    }
    .read-all-news .top-left-middle {
        width: 1100px;
    }
    .read-all-news .top-left-middle:before {
        top: 14px;
        right: 25px;
    }
    .read-all-news .middle {
        width: 1110px;
    }
    .read-all-news .bottom-middle-right {
        width: 1100px;
    }
    .read-all-news .bottom-middle-right:before {
        bottom: 32px;
        left: 25px;
    }
    .load-more-news-container {
        width: 1110px;
        margin: 30px 0 0 25px;
        font-size: 16px;
    }
    .load-more-news-container .top-left-middle {
        width: 1100px;
    }
    .load-more-news-container .top-left-middle:before {
        top: 30px;
        right: 25px;
    }
    .load-more-news-container .middle {
        width: 1110px;
    }
    .load-more-news-container .bottom-middle-right {
        width: 1100px;
    }
    .load-more-news-container .bottom-middle-right:before {
        bottom: 0px;
        left: 25px;
    }
    .news-row .img-container img {
        width: 390px;
    }
    .news-row .top-middle:before, .news-row.open .top-middle:before {
        width: 1090px;
    }
    .news-row .bottom-middle:before, .news-row.open .bottom-middle:before {
        width: 1090px;
    }
    .carousel-container {
        width: 1110px;
        height: 160px;
        margin: -4px 0 27px 25px;
    }
    .carousel-container .top-left-middle {
        width: 1100px;
    }
    .carousel-container .top-left-middle:before {
        top: -4px;
        right: 25px;
    }
    .carousel-container .middle {
        width: 1110px;
        height: 140px;
    }
    .carousel-control {
        height: 139px;
        width: 40px;
        margin: 6px 35px 0 35px;
    }
    .carousel-inner {
        width: 1000px;
        height: 150px;
        margin: 0 0 0 60px;
    }
    .carousel-container .thumbnail {
        width: 247px;
        margin: 0 1px 0 0;
    }
    .carousel-container .img-responsive {
        height: 139px;
    }
    .carousel-container .bottom-middle-right {
        width: 1100px;
    }
    .carousel-container .bottom-middle-right:before {
        bottom: 27px;
        left: 25px;
    }
    .carousel-control.right, .carousel-control.left {
        padding: 50px 0 0 0;
    }
    .synopsis-container {
        margin: -9px 0 0 25px;
    }
    .synopsis-container .middle {
        width: 1110px;
        font-size: 16px;
        padding: 10px 25px 10px 25px;
    }
    .synopsis-container .top-middle, .synopsis-container .top-middle:after, .synopsis-container .top-middle:before {
        width: 1090px;
    }
    .synopsis-container .bottom-middle:after, .synopsis-container .bottom-middle:before {
        width: 1090px;
    }
    .synopsis-container .bottom-middle {
        width: 1090px;
        margin: 0 0 27px 10px;
    }
    .synopsis-container .top-right:after {
        ;
        top: -6px;
        right: 28px;
    }
    .synopsis-container .top-right:before {
        top: -9px;
        right: 25px;
    }
    .synopsis-container .bottom-left:after {
        bottom: 30px;
        left: 28px;
    }
    .synopsis-container .bottom-left:before {
        bottom: 27px;
        left: 25px;
    }
    .features-container {
        width: 1110px;
        margin: -9px 0 0 25px;
    }
    .features-container .top-left-middle {
        width: 1100px;
    }
    .features-container .top-left-middle:before {
        top: -9px;
        right: 25px;
    }
    .features-container .middle {
        width: 1110px;
        padding: 0 0 0 10px;
    }
    .features-container .bottom-middle-right:before {
        bottom: 0;
        left: 25px;
    }
    .features-container .bottom-middle-right {
        width: 1100px;
    }
    .features-container .feature {
        width: 550px;
        padding: 0 10px 0 0;
    }
    .features-container .bottom {
        padding: 10px 10px 0 0;
    }
    .features-container .feature ul li {
        line-height: 16px;
        font-size: 12px;
    }
    .features-container .feature .ul-bottom-middle-right {
        width: 356px;
    }
    .row .news-row {
        margin: 30px 0 0 25px;
        width: 1110px;
    }
    .news-row-container {
        width: 1160px;
    }
    .news-row.open .top-middle, .news-row.open .bottom-middle {
        width: 1090px;
    }
    .news-row.open .middle-container {
        width: 1110px;
    }
    .row .news-row.open img {
        width: 500px;
    }
    .footer-container .middle {
        width: 1110px;
    }
    .footer-container .bottom {
        width: 1110px;
    }
    .footer-container .top-left-middle {
        width: 1100px;
    }
    .footer-container .bottom-middle-right:before {
        bottom: 30px;
        left: 25px;
    }
    .footer-container .top-left-middle:before {
        top: 30px;
        right: 25px;
    }
    .footer-container .bottom-middle-right {
        width: 1100px;
        margin: 0 0 30px 0;
    }
    .footer-container {
        width: 1110px;
        margin: 30px 0 0 25px;
    }
    .footer-container .nova-engine, .footer-container .chaosforge, .socialmedia-container a {
        font-size: 25px;
    }
    .cookies-bar {
        width: 1110px;
        font-size: 12px;
    }
    .tab-panel .note-video-clip, .content .note-video-clip, .full-content .note-video-clip {
        margin: 15px 30px 15px 30px;
        /*    padding: 15px 60px 15px 60px;*/
        width: 1030px;
        height: 579px;
        border: 2px solid #593200;
    }
    .tab-panel .full-content img, .content .full-content img, .full-content .full-content img {
        margin: 15px 30px 15px 30px;
        border: 2px solid #593200;
        max-width: 900px;
        min-width: 500px;
        position: relative;
        align-content: center;
    }
    .tab-panel blockquote, .content blockquote, .full-content blockquote {
        font-size: 16px;
    }
    .tab-panel blockquote:after, .content blockquote:after, .full-content blockquote:after {
        left: 915px;
        ;
    }
    .tab-panel .table, .content .table, .full-content .table {
        max-width: 1030px;
    }
    .tab-panel hr, .content hr, .full-content hr {
        margin: 15px 50px 15px 50px;
    }
    .tab-panel p img, .content p img, .full-content p img, .tab-panel .full-content p img, .content .full-content p img, .full-content .full-content p img {
        max-width: 900px;
        min-width: 500px;
    }
    .single-news-footer-container {
        width: 1110px;
        margin: 14px 0 0 25px;
        font-size: 16px;
    }
    .single-news-footer-container .top-left-middle {
        width: 1100px;
    }
    .single-news-footer-container .top-left-middle:before {
        top: 14px;
        right: 25px;
    }
    .single-news-footer-container .middle {
        width: 1110px;
    }
    .single-news-footer-container .bottom-middle-right {
        width: 1100px;
    }
    .single-news-footer-container .bottom-middle-right:before {
        /*        bottom: 32px;*/
        left: 25px;
    }
    .single-news-footer-container.pull-left {
        margin: 14px 0 0 25px;
        width: 550px;
    }
    .single-news-footer-container.pull-right {
        width: 550px;
        margin: 14px 25px 0 0;
    }
    .single-news-footer-container.pull-left .top-left-middle, .single-news-footer-container.pull-right .top-left-middle {
        width: 540px;
    }
    .single-news-footer-container.pull-left .top-left-middle:before {
        right: 585px;
    }
    .single-news-footer-container.pull-left .middle, .single-news-footer-container.pull-right .middle {
        width: 550px;
    }
    .single-news-footer-container.pull-left .bottom-middle-right, .single-news-footer-container.pull-right .bottom-middle-right {
        width: 540px;
    }
    .single-news-footer-container.pull-right .bottom-middle-right:before {
        left: 585px;
    }
}

/* === END MEDIA SCREEN 1366 === */