.game-description, .container{
    background-color: #202020 !important;
}
.custom-nav-wrapper {
    background-color: transparent !important;
}
.body-bg {
    background-color: black;
}
/*
.article-bg, .blog-bg {
    background-size: contain;
    background-image: url('article_bg.jpg') !important;
    background-color: white;
    background-position: center;
    background-repeat-y: no-repeat;
}
*/
.game-desc-wrapper {
    border-top: 1px solid #505050;
    background-size: cover;
    background-image: url(game_bg_mobile.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #0a0a0a;
    margin-left: -15px;
    margin-right: -15px;
}
@media (min-width: 992px) {
    .game-desc-wrapper {
        background-size: contain;
        background-image: url(game_bg.jpg);
        background-attachment: scroll;
    }
}
.blog-top-content-wrapper, .gamedesc-top-content-wrapper {
    background-image: url(blog_bg_mobile.jpg);
}
@media (min-width: 992px) {
    .blog-top-content-wrapper, .gamedesc-top-content-wrapper {
        background-image: url(blog_bg.jpg);
    }
}
.news-entry {
    background-color: #505050 !important;
}
.news-entry:before {
	background: -webkit-linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0) 20%, rgba(80,80,80,1) 45%) !important; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0) 20%, rgba(80,80,80,1) 45%) !important; /* RIGHT For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0) 20%, rgba(80,80,80,1) 45%) !important; /* RIGHT For Firefox 3.6 to 15 */
	background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0) 20%, rgba(80,80,80,1) 45%) !important; /* RIGHT Standard syntax */
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #202020;
    border-color: #202020;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, #footer a, #footer a:visited, .related-news a, .related-news a:visited {
    color: #202020;
}
.related-news {
	color: #202020;
	min-height: 20px;
    padding: 9px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
} 
.article hr {
	border-color: #bbb;
}
.article-separator {
    background-color: #505050;
}
.article .footer-nav a {
	color: #fdb813;
}
.article .footer-nav a:hover{
	color:#202020;
	text-decoration:none
}
/*
.bottom-shadow-container {
    background: white !important;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(85%,#fff)) !important;
    background: linear-gradient(180deg,transparent,transparent 50%,#fff 85%) !important;
}
@media (min-width: 1700px) {
    .shadow-container {
        background: -webkit-gradient(linear,right top,left top,from(#fff),color-stop(5%,transparent),color-stop(95%,transparent),to(#fff)) !important;
        background: linear-gradient(270deg,#fff,transparent 5%,transparent 95%,#fff) !important;
    }
}
*/
.game-description {
    margin-top: 40px;
    font-size: 16px;
}
.gamedesc-bg .description-content {
	color: #c1c1c1;
    margin-bottom: 80px;
}
.gamedesc-bg .description-content h1, .gamedesc-bg .description-content h2, .gamedesc-bg .description-content h3, .gamedesc-bg .description-content h4 {
    color: white;
}
.description-content {
    line-height: 1.8; 
}
.description-content img {
    margin-top: 30px;
    margin-bottom: 20px;
}
.description-content h1 {
    font-size: 34px;
    margin-bottom: 25px;
}
.game-desc-wrapper .description-content {
    font-size: 14px;
}
#footer a, #footer a:visited {
    color: #003060;
}
.navbar-header {
    display: flex;
}
.navbar-portal .dropdown-menu, .product-selector-wrapper:hover, .product-selector-wrapper.active, .product-selector-wrapper.active:hover {
    background-color: transparent;
    border: 1px solid transparent;
}
.navbar-portal {
    border: none;
    background-color: transparent;
    position: absolute;
    right: 15px;
    z-index: 50;
}
@media (min-width: 768px) {
    .navbar-portal {
        background: none !important; 
        position: unset;
    }
}
@media (max-width: 767px) {
    .navbar-toggle {
        margin-left: 10px;
        margin-right: 10px;
    }
}
.navbar-nav>li>.dropdown-menu {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.navbar-portal .dropdown-menu {
    border-color: rgba(0,0,0,.2);
}
.dropdown-toggle, .navbar-portal .navbar-nav>.open>.dropdown-menu>li>a {
    background-color: transparent !important;
}
.product-selector-wrapper:hover {
    border: 1px solid #fdb813;
}
.campaign-product a {
    color: #797979;
}
.product-selector-wrapper:hover .unselected-label .fa {
    color: #fdb813;
}
.product-selector-wrapper.active h4, .product-selector-wrapper.active:hover h4, .product-selector-wrapper:hover h4 {
    color: white;
}
.product-selector-wrapper.active, .product-selector-wrapper.active:hover, .product-selector-wrapper:hover {
    color: whitesmoke;
}
.product-selector-wrapper {
    border: 1px solid #424242;
}
.bar-wrapper {
    text-shadow: none !important;
}
.bar-bg {
    background-color: #ddd !important;
}
.bar-bottom, .bar-top {
    color: #202020 !important;
}
.custom-nav {
    padding-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.custom-nav-wrapper {
    margin-bottom: 10px;
}
.ih-nav-logo {
    vertical-align:top;
    height:65px;
    margin-right:25px;
}
.ih-nav-wrapper {
     font-size:18px;
     
     margin-top: 10px;
     white-space: nowrap;
}
.ih-nav-link {
	color: white;
    text-shadow: 1px 1px 3px black;
    text-transform: uppercase;
    margin: 0px 5px;
    font-size: 16px;
}
.ih-nav-link.active {
    font-family: robotomedium;
    font-weight: 700;
    border-bottom: 2px solid #6bb11b;
}
.ih-nav-link:hover, .ih-nav-link:focus {
    color: white;
    border-bottom: 2px solid white;
    text-decoration: none;
}
.ih-nav-link.active:hover, .ih-nav-link.active:focus {
    border-bottom: 2px solid #6bb11b;
}
@media (min-width: 992px) {
    .ih-nav-wrapper {
         margin-top: 0px;
         white-space: normal;
         align-self: center;
    }
    .custom-nav {
        flex-direction: row;
    }
    .ih-nav-link {
        margin: 0px 10px !important;
        font-size: 18px !important;
    }
}
.gamedesc-bg .site-header {
	display: none;
}
.gamedesc-bg .read-in-desc {
	color: white !important;
}
/*
.gamedesc-bg .ih-nav-link {
	color: #202020;
}
.gamedesc-bg .ih-nav-link:hover, .gamedesc-bg .ih-nav-link:focus {
	color: white;
}*/
.game-top {
    margin-bottom: 50px;
    margin-top: 20px;
}
.game-top .row {
	margin-left: -7px;
	margin-right: -7px;
}
.game-top .col-md-6, .game-top .col-md-4, .game-top .col-md-3 {
	padding-left: 7px;
	padding-right: 7px;
}
@media (max-width: 991px) {
    .game-top .col-md-6:not(:last-child), .game-top .col-md-4:not(:last-child), .game-top .col-md-3:not(:last-child) {
        margin-bottom: 10px;
    }
}
.game-top .game-menu-item {
	height: 180px;
	background-color: black;
	overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 5px 20px black;
}
.game-top .game-menu-item-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 30;
    /*
    -moz-box-shadow: inset 0 0 20px black;
    -webkit-box-shadow: inset 0 0 20px black;
    box-shadow: inset 0 0 20px black;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(0,0,0,1) 100%), -moz-linear-gradient(45deg, rgba(0,0,0,1) -10%, rgba(35,52,65,0) 30%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 75%,rgba(0,0,0,1) 100%), -webkit-linear-gradient(45deg, rgba(0,0,0,1) -10%,rgba(35,52,65,0) 30%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 75%,rgba(0,0,0,1) 110%), linear-gradient(45deg, rgba(0,0,0,1) -10%,rgba(35,52,65,0) 30%,rgba(125,185,232,0) 100%);
    */
    background: rgba(0,0,0,0.4);
    transition: all 0.5s ease;
}
.game-top .game-menu-item:hover .game-menu-item-shadow {
    background: rgba(0,0,0,0);
}
.game-top .game-menu-item:hover .game-menu-item-bg {
    cursor: pointer;
    transform: scale(1.2);
}
.game-top .game-menu-item-bg {
	height: 100%;
	width: 100%;
	background-position: center;
    background-size: cover;
    transition: all 0.5s ease;
}
.game-top .game-menu-item-text {
	position: absolute;
    font-size: 28px;
    color: white;
    line-height: 1;
    z-index: 20;
    text-shadow: 2px 2px 9px black;
    cursor: pointer;
    text-transform: uppercase;
    font-family: robotomedium;
    text-align: center;
} 
.ih-item-1 {
	background-image: url('ihmenu1.jpg');
}
.ih-item-2 {
	background-image: url('ihmenu2.jpg');
}
.ih-item-3 {
	background-image: url('ihmenu3.jpg');
}
.ih-item-4 {
	background-image: url('ihmenu4.jpg');
}
.buy-section.well {
    background-color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0);
}
@media (min-width: 750px){
    .buy-section.well {
        padding: 15px 30px;
    }
}

.btn-buy {
    background-color: #6faf24;
    border-color: #6faf24;
}
.btn-buy:active, .btn-buy:hover {
    background-color: #588a1e;
    border-color: #588a1e;
}
.grouped-products {
    border-spacing: 1px;
}
.product-selector .title {
    color: white !important;
}
.product-selector .price {
    text-shadow: 1px 1px 3px black;
}
.grouped-products .product-selector {
    font-size: 18px !important;
}
@media (min-width: 992px) {
    .grouped-products .product-selector {
        font-size: 22px !important;
    }
}
.btn-buy, .btn-buy:active {
    color: white !important;
    background: linear-gradient(rgba(47, 165, 0, 1), rgba(30, 113, 0, 1));
    border-color: #2da000;
}
.btn-buy:hover, .btn-buy:focus {
    color: white;
    background: linear-gradient(rgb(31, 115, 0), rgb(46, 161, 0));
    border-color: #3c5326 !important;
    transition:a ll 0.3s ease 0s
}
.btn-default, .btn-default:active, .btn-default.disabled:hover, .btn-default[disabled]:hover  {
    color: white !important;
    background: linear-gradient(rgba(111, 175, 36, 1), rgba(68, 113, 15, 1));
    border-color: #6fae24;
}
.btn-default:hover, .btn-default:focus {
    color: white;
    background: linear-gradient(rgba(68, 113, 15, 1),rgba(111, 175, 36, 1));
    border-color: #6fae24 !important;
    transition:a ll 0.3s ease 0s
}
.btn-default.active, .btn-default.active:focus, .btn-default.active:hover {
    color: #f0be22 !important;
    background: linear-gradient(rgba(68, 113, 15, 1),rgba(111, 175, 36, 1));
    border-color: #6fae24 !important;
    transition:a ll 0.3s ease 0s
}
.btn-icon.active, .btn-icon:active {
    border-bottom: 2px solid #f0be22 !important;
}
.product-subtitle-display {
    color: #f0be22 !important;
    font-size: 30px;
}
.nav-shadow-container {
    height:100%;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0.7), rgba(0,0,0,0));
    background: -o-linear-gradient(to bottom,rgba(0,0,0,0.7), rgba(0,0,0,0));
    background: -moz-linear-gradient(to bottom,rgba(0,0,0,0.7), rgba(0,0,0,0));
    background: linear-gradient(to bottom,rgba(0,0,0,0.7), rgba(0,0,0,0));
}
.bottom-shadow-container {
    background: #202020 !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0) 50%, rgba(32,32,32,1) 85%) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0) 50%, rgba(32,32,32,1) 85%) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0) 50%, rgba(32,32,32,1) 85%) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0) 50%, rgba(32,32,32,1) 85%) !important; /* Standard syntax */
}
@media (min-width: 1700px) {
    .shadow-container {
        background: -webkit-linear-gradient(to left, rgba(32,32,32,1), rgba(0,0,0,0) 5%, rgba(0,0,0,0) 95%, rgba(32,32,32,1)) !important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(to left, rgba(32,32,32,1), rgba(0,0,0,0) 5%, rgba(0,0,0,0) 95%, rgba(32,32,32,1)) !important; /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(to left, rgba(32,32,32,1), rgba(0,0,0,0) 5%, rgba(0,0,0,0) 95%, rgba(32,32,32,1)) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(to left, rgba(32,32,32,1), rgba(0,0,0,0) 5%, rgba(0,0,0,0) 95%, rgba(32,32,32,1)) !important; /* Standard syntax */
    }
}
.wrapper-group-meta {
    margin-left: -15px;
    margin-right: -15px;
    background-image: url('tech_specs_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.group-meta {
    margin-top: 0px;
    padding: 15px;
}
.group-meta  a {
    color: #f0be22 !important;
}
@media (min-width: 768px) {
    .group-meta {
        background-image: url(tank_mech.png);
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 100%;
    }
}
.factbox {
    background-color: #313131;
    box-shadow: 0px 15px 20px rgba(0,0,0,0.5);
}
.factbox .textbox { 
    padding: 30px;
    font-size: 14px;
    border-left: 1px solid #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
    border-right: 1px solid #3e3e3e;
    min-height: 255px;
}
.product-price .sale {
    color: #f0be22 !important;
}
#footer-line {
    display: none;
}
#sub-footer {
    color: #484848;
}
#footer {
    color: #797979;
    margin-top: 40px;
}
#footer a, #footer a:visited {
    color: #797979;
}
.game-desc-row img {
    margin: 0px;
}
.game-desc-row {
    margin-bottom: 50px;
}
.theworldbox img {
    margin: 0px auto;
}
.theworldbox {
    text-align: center;
}
.page-anchor:hover {
    text-decoration: none;
}
.artbox img {
    margin: 10px 0px
}
.btn-default.current-product-price, .btn-default.current-product-price:hover, .btn-default.current-product-price:focus {
    text-shadow: 1px 1px 3px black;
    background: linear-gradient(rgba(23, 34, 10, 1), rgba(53, 61, 19, 1));
    border-color: #283a12 !important;
}
.bottom-cta-image {
    background-image: url(choose_your_faction_mobile.jpg);
    background-repeat: no-repeat;
    background-position-x:  85%;
    background-position-y:  100%;
    min-height: 197px;
    margin-top: 50px;
}
@media (min-width: 960px) {
    .bottom-cta-image {
        background-image: url(choose_your_faction.jpg);
        min-height: 329px;
    }
}
.ih-nav-link {
    font-family: Roboto;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.choose-edition-text {
    font-family: Roboto;
}
.ih-nav-link.active {
    font-family: Roboto Condensed;
    font-weight: 700;
}
.product-description h1, .description-content h1, .wrapper-group-meta h1 {
    font-family: "Roboto Condensed";
    font-weight: 700;
}
.product-description h4, .description-content h4, .wrapper-group-meta h4 {
    font-size: 20px;
    font-family: Roboto Condensed;
    font-weight: 700;
}
.product-description h3, .description-content h3, .wrapper-group-meta h3 {
    font-size: 28px;
    font-family: Roboto Condensed;
    font-weight: 700;
}
.product-description b, .description-content b, .wrapper-group-meta b, .product-description strong, .description-content strong, .wrapper-group-meta strong, .product-subtitle-display {
    font-family: Roboto;
    font-weight: 500;
}
.product-description, .description-content, .wrapper-group-meta {
    font-family: Roboto;
    font-weight: 300;
}