/*
Theme Name: Deep Silver Theme
Theme URI: https://www.deepsilver.com
Author: eleven media GmbH
Author URI: http://eleven-media.com
Description: deepsilver main theme
Version: 1.0.0
License: Closed
License URI: http://eleven-media.com
Tags: Ravenscourt, games, video games,
Text Domain: deepsilver.com

Ravenscourt WordPress Theme © 2011-2015 developed by eleven media GmbH
For any further questions please visit http://www.eleven-media.com
*/


/* ==========================================================================
   Body
   ========================================================================== */
body {background-color: #343434;font-family: 'Arial Narrow',Arial,sans-serif;font-size: 15px;}
b,strong {font-family: 'Arial Narrow Bold',Arial,sans-serif;font-weight: 700;}
h1,h2,h3,h4,h5,h6 {font-family: 'Impact','Helvetica',Arial,sans-serif;}
h1,h2,h3,h4,h5,h6 {margin: 0;}
a,p,h1,h2,h3,h4,h5,h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2, .h2 {font-size: 28px;}

.narrow,
.narrow h1,
.narrow h2,
.narrow h3,
.narrow h4,
.narrow h5,
.narrow h6 {font-family: 'Arial Narrow Bold',Arial,sans-serif!important;font-weight: 700;}

.uppercase h1,
.uppercase h2,
.uppercase h3,
.uppercase h4,
.uppercase h5,
.uppercase h6 {text-transform: uppercase}


/* ==========================================================================
   bootstrap overwrite
   ========================================================================== */
.btn {border-radius: 0}
.btn.btn-danger {background-color: #DD3131;border-color: #ac2925;}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus {background-color: #ac2925!important;}


/* ==========================================================================
   special
   ========================================================================== */
.div-table {display: table;width: 100%;height: 100%;}
.div-cell {display: table-cell;width: 100%;height: 100%;vertical-align: middle}
.div-cell.valign-bottom {vertical-align: bottom}

.admin-bar .mm-slideout {z-index: inherit}

.coverbg {background: url("") no-repeat center center / cover transparent;}

#spacer {min-height: 300px;}
@media(max-width: 767px){
    #spacer {min-height: 150px;}
}


/* ==========================================================================
   MMenu
   ========================================================================== */
html.mm-front .mm-menu {z-index: 999;background-color: rgba(51, 51, 51, 0.9)}
html.mm-front .mm-menu ul {}
html.mm-front .mm-menu ul li {}
html.mm-front .mm-menu ul li a {font-size: 20px;text-align: right;color:#c6ae88;border-bottom: 1px dashed #fff;text-transform: uppercase;font-weight: 700;}

.mm-menu .close {display:inline-block;background-color: #DD3131;position: fixed;color:#fff;opacity: 1;z-index: 1;right:20px;top:0;}
.mm-menu .close .fa {font-size: 1.5em;font-weight: normal}
.mm-panels > .mm-panel {padding: 40px 5em 0 5em;}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {margin-top:0;}



/* ==========================================================================
   header
   ========================================================================== */
#header {position: relative;top:0;width: 100%;z-index: 2}
#header #headersubnav_wrap {position: absolute;;width: 100%;}
#header .logo_wrap,
#header .mobilemenu_wrap {padding-top: 30px;}

#header .login {display: inline-block;display: none;}
#header .login a {color: #DD3131;}

#header .hamburger_wrap {display:inline-block;background-color: #DD3131;position: relative;}
#header .hamburger_wrap .fa {font-size: 1.5em;}



@media(max-width: 767px){
    #header img {max-width: 50px;}
    #header #headersubnav_wrap {position: relative;}

    #header .logo_wrap,
    #header .mobilemenu_wrap {padding-top: 10px;padding-bottom: 10px;}

}



/* ==========================================================================
   Headermenu
   ========================================================================== */
#headernav_wrap {background-color:#343434;}
#header  #headermenu {}
#header  #headermenu ul {text-align: left;margin: 0;padding: 0}
#header  #headermenu ul li {display: inline-block;text-align: right;position: relative;margin:0 92px 0 0;padding: 0}
#header  #headermenu ul li a {text-decoration: none;color: #fff;text-transform: uppercase;font-size:15px;font-weight: 700;text-shadow: 1px 1px 1px #000000;padding: 24px 0 16px 0;display: inline-block}
#header  #headermenu ul li.current-menu-item > a,
#header  #headermenu ul li:hover > a {color: #c6ae88;}

#header  #headermenu ul li > a::before,
#header  #headermenu ul li > a::before {content:url(images/icon_nav.png);width: 12px;height: 8px;position: absolute;top:0;left:50%;margin: -25px 0 0 -6px;}

#header  #headermenu ul li.current-menu-item > a::before,
#header  #headermenu ul li:hover > a::before {margin: 1px 0 0 -6px;}


/* ==========================================================================
   Special Boxen: infobox (eckig) / teaserbox (slider)
   ========================================================================== */
.infobox {position: relative;background:url(images/bg_infobox.png) no-repeat left top transparent;overflow: hidden;}
.infobox .infobox_inner {padding: 45px;}
.infobox .infobox_inner ul {list-style: none;padding: 0;}
.infobox .infobox_inner ul li {position: relative;padding: 5px 0 8px 35px;border-bottom:1px dotted #343434;}
.infobox .infobox_inner ul li p,
.infobox .infobox_inner ul li a {margin: 0;color: #343434;text-decoration: none;text-transform: uppercase;font-weight: 700;}

.infobox .infobox_inner ul li:first-child {border-top:1px dotted #343434;}
.infobox .infobox_inner ul li::before {position: absolute;left: 0;top:5px}
.infobox .infobox_inner ul li::before {content:url(images/icon_qs_schwarz.png);}
.infobox .infobox_inner ul li.active::before,
.infobox .infobox_inner ul li:hover::before {content:url(images/icon_qs_rot.png);}
.infobox .infobox_inner ul li.active a,
.infobox .infobox_inner ul li:hover,
.infobox .infobox_inner ul li a:hover {color: #DD3131;}



.teaserbox_wrap {display: inline-block}
.teaserbox_wrap .row {margin: 0 -5px;}
.teaserbox_wrap .row > div {padding: 0 5px;}
.teaserbox_wrap .teaserbox {position: relative;background-color: rgba(0,0,0,0.5);}
.teaserbox_wrap .teaserbox a {text-decoration: none;}

.teaserbox_wrap .teaserbox_inner {padding: 15px 60px;}
.teaserbox_wrap .teaserbox_inner .available {border-bottom:1px dotted #fff;}
.teaserbox_wrap .teaserbox_inner .available * {color:#dbdddf;margin: 0;}
.teaserbox_wrap .teaserbox_inner .headline {}
.teaserbox_wrap .teaserbox_inner .headline * {color:#c6ae88;}
.teaserbox_wrap .teaserbox_inner .headline h2 {border-left:6px solid #c6ae88;padding-left: 6px;margin: 0 0 0 -12px;}
.teaserbox_wrap .teaserbox_inner .date {border-top:1px dotted #fff;font-size: 10px;text-transform: uppercase;}
.teaserbox_wrap .teaserbox_inner .date * {color: #dbdddf;margin: 0;}

.teaserbox_wrap .teaserbox_buttons {}
.teaserbox_wrap .teaserbox_buttons_inner {padding: 15px 0 15px 60px;vertical-align: top}
.teaserbox_wrap .btn-learnmore {border:0 none;background-color: #DBDDDF;padding:0 5px;}
.teaserbox_wrap .btn-learnmore {text-align:center;text-transform:uppercase;color: #DD3131;font-size: 10px;line-height: 12px;text-decoration: none;}
.teaserbox_wrap .btn-learnmore .more {background-color: #DD3131;text-transform: uppercase;font-size: 14px;color:#DBDDDF;display: block;padding: 10px 5px;margin: 0 -5px;}
.teaserbox_wrap .btn-learnmore .official {padding: 4px 0;display: block;}

.teaserbox_wrap .btn-trailer {padding:0;border:0 none;background-color: #DBDDDF;vertical-align: top}
.teaserbox_wrap .btn-trailer {text-align:center;text-transform:uppercase;color: #DBDDDF;font-size: 14px;text-decoration: none;white-space: nowrap}
.teaserbox_wrap .btn-trailer span {display: inline-block;padding:5px;}
.teaserbox_wrap .btn-trailer .play {background-color: #DBDDDF;padding:5px 5px 5px 10px;}
.teaserbox_wrap .btn-trailer .play_text {background-color: #DD3131;color: #DBDDDF;}
.teaserbox_wrap .btn-trailer .fa {color: #DD3131;}

.teaserbox_wrap .btn + .btn {margin-left: 20px;}

@media(max-width: 767px){
    .teaserbox_wrap {width: 100%;}
    .teaserbox_wrap .teaserbox_inner,
    .teaserbox_wrap .teaserbox_buttons_inner {padding: 15px 10px 15px 25px;}
}


.headlinebox {}
.headlinebox .headlinebox_inner {border-left:6px solid #c6ae88;padding-left: 6px;margin: 0 0 -10px 0}
.headlinebox .headlinebox_inner * {color: #fff;}
.headlinebox .headlinebox_inner h2,
.headlinebox .headlinebox_inner h3 {color:#c6ae88;font-family: 'Impact','Helvetica',Arial,sans-serif;}
.headlinebox .headlinebox_inner p {font-size: 12px;color:#fff;}



.teaserimg {position: relative;}
.teaserimg .headlinebox {z-index: 1;position: absolute;left: 0;bottom:0;width: 100%;padding: 10px;background-color: rgba(0,0,0,0.5);}
.teaserimg  + .headlinebox {margin-top: 10px;}



/* ==========================================================================
   Special: Slider (home)
   ========================================================================== */
.main.cover .teaserimg  + .headlinebox {position: relative;top:-10px;}
.main.cover .image-m .teaserimg  + .headlinebox {top:0px;}
@media(max-width: 990px){
    .main.cover .teaserimg + .headlinebox {top:0!important;}
    .first .headlinebox .headlinebox_inner {margin: 0;}
    .headlinebox .headlinebox_inner {margin: 0 0 10px 0;}
}
@media(max-width: 767px){
    .first .headlinebox .headlinebox_inner {margin: 0 0 -5px 0;}
    .headlinebox .headlinebox_inner {margin: 0 0 10px 0;}
}
.main.cover h2,
.main.sub h2 {text-transform: uppercase;}



/* ==========================================================================
   Special: Slider
   ========================================================================== */
.owl-carousel .item {position: relative;}
.owl-theme .owl-dots .owl-dot span {content: " ";}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {background-color: #47617d}
.owl-theme .owl-nav.disabled + .owl-dots {bottom: 0;left: 10%;margin-top: 0;position: absolute;}
@media(max-width: 1100px){
    body .teaserbox_wrap .teaserbox_inner {padding-left: 150px;}
}

@media(max-width: 767px){
    body .teaserbox_wrap .teaserbox_inner {padding-left: 60px;}
}
@media(min-width: 767px){
    .owl-carousel .item .flybox {position: absolute;left: 0;bottom:10%;width: 100%;}
}

.owl-content {overflow: hidden;}
.owl-content .owl-nav [class*="owl-"] {background-color: rgba(0,0,0,0.2);border-radius: 0;}
.owl-content .owl-nav [class*="owl-"]:hover {background-color: rgba(0,0,0,0.8)}

.news-item .headlinebox,
.owl-content .headlinebox {background-color: #dbdddf;font-family: "Arial Narrow",Arial,sans-serif;}
.news-item .headlinebox .headlinebox_inner,
.owl-content .headlinebox .headlinebox_inner {margin: 0}
.news-item .headlinebox .date .fa,
.owl-content .headlinebox .date .fa,
.news-item .headlinebox .date,
.owl-content .headlinebox .date {color: #000;font-size: 11px;padding: 5px 0 0 0;}
.news-item .headlinebox h2,
.owl-content .headlinebox h2 {padding: 0 0 5px 0}
.news-item .teaserimg  + .headlinebox,
.owl-content .teaserimg  + .headlinebox {margin-top: 0}

.news-item-content {margin-top:-4px;padding-bottom: 4px;}
.news-item-content,
.news-item-content * {color: #000!important;}

.owl-content .owl-dots {display: none;}
.owl-content .owl-nav {position: absolute; top:100%; margin: 0px; width: 100%; height: 100%;background-color: transparent;}
.owl-content .owl-nav .owl-prev,
.owl-content .owl-nav .owl-next {position: absolute; margin: 0;padding: 0;height: 100%;top:-100%;}
.owl-content .owl-nav .owl-prev.disabled,
.owl-content .owl-nav .owl-next.disabled {display: none}
.owl-content .owl-nav .owl-next span,
.owl-content .owl-nav .owl-prev span {position: relative;left: 0;top:48%;padding: 0 10px;color:#c6ae88;text-shadow: 1px 1px 3px #000000;}
.owl-content .owl-nav .owl-prev {left: 0;}
.owl-content .owl-nav .owl-next {right: 0;}



/* ==========================================================================
   slider
   ========================================================================== */
#slider {min-height: 150px}
#slider.header {}
#slider.header .owl-dots {position: absolute; bottom: 20px; left: 60px; display: inline-block; width: 200px; text-align: left;}
#slider.header .owl-dots .owl-dot {display: inline-block;margin: 0 5px 0 0 }
#slider.header .owl-dots .owl-dot span {width: 10px;height: 10px;border-radius: 10px;content:" ";display: inline-block;background-color: #fff; }

#slider.header .owl-nav {position: absolute; z-index: 333;top:100%;height:100%;width: 100%;}
#slider.header .owl-nav .owl-prev,
#slider.header .owl-nav .owl-next {height: 100%;margin: 0;padding: 0;position: absolute;top: -100%;}
#slider.header .owl-nav .owl-next {right: 0;}
#slider.header .owl-nav .owl-next span,
#slider.header .owl-nav .owl-prev span {left: 0;padding: 0 10px;position: relative;top: 48%;font-size: 26px;color:#c6ae88;}


#slider.header .owl-dots .owl-dot span {-webkit-box-shadow: 1px 1px 4px 4px rgba(0,0,0,0.3);box-shadow: 1px 1px 4px 4px rgba(0,0,0,0.3);}
#slider.header .owl-nav .owl-next span i,
#slider.header .owl-nav .owl-prev span i {text-shadow: 1px 1px 3px #000000;}


#slider.header .owl-dots .owl-dot:hover span,
#slider.header .owl-dots .owl-dot.active span {background-color: #47617d}
#slider.games h2,
#slider.header h2 {text-transform: uppercase;}
#slider.header .teaserbox_buttons_inner span {font-weight: 700;}
@media (max-width: 767px) {
    #slider.header .owl-dots {left: inherit;right: 20px;text-align: right}
    #slider.header .owl-nav {display: none;}
}

/* ==========================================================================
   Main
   ========================================================================== */
#content {}

.main .infobox {}
.main .row + .row {margin-top: 20px;}
.single-post .main a,
.page-template-default .main a {color:#DD3131;}

.main       {position: relative;z-index: 3;padding: 30px 0;}
/*.main.cover {background: url(images/bg_content.jpg) no-repeat center top / cover transparent;}*/
@media(min-width: 990px){
    .main.cover .teaserimg.first {overflow: hidden;margin: 0 0 20px 0}
    .main.cover .teaserimg.first img {margin: -40px 0}
}
.main.cover .fa {color: #fff;margin: 0 auto}
.main.sub   {}
.main.dark  {background-color: #212121}

.main .item a {color:#fff;text-decoration: none;outline: none;}


/* ================
   News
   ========================================================================== */
.main.news {padding: 15px 0}
.main.news label,
.main.news div,
.main.news p {color: #fff;}
.main.news .btn {font-weight: 700;text-transform: uppercase;}
.main.news .btn:hover,
.main.news .btn.active {background-color: #DD3131;border-color: #ac2925;color: #fff;}
@media(max-width: 767px){
    .main.news .btn {text-transform: none;}
}


.main.news.oddeven {padding: 0}
.oddeven .row > div {padding-top: 15px;padding-bottom: 15px;}
.oddeven .row > div .inner {padding: 15px 10px;}
.oddeven .row > div:nth-child(odd) {background-color: #2f2f2f;}
.oddeven .row > div:nth-child(even) {background-color: #343434;}


.pagination {}
.pagination span,
.pagination a {display: inline-block;padding: 5px;color:#fff;background-color: #161616;}


.page_news {}
.page_news .headlinebox {background-color: #dbdddf}
.page_news .main .news-item {margin: 0;}
.page_news h2 {font-family: 'Arial Narrow Bold',sans-serif;color:#c6ae88;border-left:6px solid #c6ae88;padding-left: 6px;margin: 0 0 0 -6px;}



.main .news-item {margin-bottom: 16px;}
.main .news-item .headlinebox .headlinebox_inner ,
.main .news-item .headlinebox .headlinebox_inner h2 {border-color:transparent;}
.main .news-item .headlinebox .headlinebox_inner h2 {}

.section-choose {}
.section-choose.options {}
@media(max-width: 767px){
    .oddeven .section-choose.options .row > div {padding: 0}
    .oddeven .section-choose.options .row > div .inner {padding: 0}
    .oddeven .section-choose.options .row > div .inner .radio {padding: 0 20px;}

    .section-choose.options .inner h4 {text-align: center;cursor: pointer;padding: 5px 0;background-color: #dbdddf;color: #DD3131;border-bottom:1px dotted #333;}
    .section-choose.options .inner.in h4 {text-align: center;cursor: pointer;background-color: #DD3131;color: #dbdddf;}
    .section-choose.options .inner h4::after {content:" ";font-family: 'FontAwesome';}
    .section-choose.options .inner.in h4::after {content:" ";}


    .section-choose.options .inner .toggleTarget-xs {display: none;}
    .section-choose.options .inner.in .toggleTarget-xs {display: block!important;}
}



/* ================
   Single
   ========================================================================== */
.single .main.news.oddeven {padding: 15px 0}


/* ================
   Newsbox: renderNewsBox
   ========================================================================== */
.renderNewsBox {}
.renderNewsBox .newsBoxPost {margin-bottom: 10px;}
.renderNewsBox .newsBoxPost:last-child {margin-bottom: 0;border:0 none!important;}
.renderNewsBox .newsBoxPost .date {font-weight: normal;}
.renderNewsBox .sideBarNews {padding: 15px;}
.renderNewsBox .sideBarNews h4 {color:#c6ae88;font-size: 20px;text-transform: uppercase;margin: 0 0 15px 0;}
.renderNewsBox .newsBoxPost span.game_infos {color: #47617d;display: block;}
.renderNewsBox .newsBoxPost a {text-transform: uppercase;font-family: "Arial Narrow Bold", Arial, sans-serif}
.renderNewsBox .newsBoxPost .no-padding {padding:0 8px;}
.renderNewsBox .newsBoxPost a.btn {color: #fff;}

.renderNewsBox.odd {background-color: #dbdddf;}
.renderNewsBox.odd .newsBoxPost {border-bottom:1px dotted #343434;}
.renderNewsBox.odd .newsBoxPost * {color:#343434}
.renderNewsBox.even {background-color: #2a2a2a;}
.renderNewsBox.even .newsBoxPost {border-bottom:1px dotted #dbdddf;}
.renderNewsBox.even .newsBoxPost * {color: #dbdddf;}




/* ================
   Search
   ========================================================================== */
.main.search {}
.main.search .fa {color: #fff;}
.main.search .searchElement {margin-bottom: 20px;}


/* ================
   Oddeven section
   ========================================================================== */
.oddeven .section-oddeven {}
.oddeven .section-oddeven:nth-of-type(odd) {background-color: #343434;}
.oddeven .section-oddeven:nth-of-type(even) {background-color: #2f2f2f;}
.oddeven .section-oddeven .row > div {background-color: transparent;}
.cover.oddeven .cover.section-oddeven {background-color: transparent;}



/* ================
   Content: colums_content
   ========================================================================== */
@media(min-width: 767px){
    .colums_content {
        -moz-column-count: 2;-webkit-column-count: 2;column-count: 2;
        -moz-column-gap: 10px;-webkit-column-gap: 10px;column-gap: 10px;}
}
.colums_content h2 {font-family: 'Arial Narrow Bold',sans-serif;color:#c6ae88;border-left:6px solid #c6ae88;padding-left: 6px;margin: 0 0 0 -12px;}



/* ==========================================================================
   Page: games
   ========================================================================== */
.single-games {}
.single-games #content h1,
.single-games #content h2,
.single-games #content h3,
.single-games #content h4,
.single-games #content h5,
.single-games #content h6 {font-family: 'Arial Narrow Bold',sans-serif;}


.single-games .oddeven .section-oddeven {padding: 25px 0}
.single-games .oddeven .section-oddeven .row > div {padding: 0 8px;}
.single-games .oddeven .section-oddeven .headlinebox {}
.single-games .oddeven .section-oddeven .headlinebox_inner {margin-bottom: 15px;}
.single-games .oddeven .section-oddeven .colums_content {display: block;width: 100%;}

.single-games .infos_box {border-bottom: 1px dotted #fff;padding-bottom: 10px;margin-bottom: 10px;}
.single-games .infos_box:last-child {margin-bottom: 0;padding-bottom: 0;border:0 none;}
.single-games .infos_box .info_label {text-transform: uppercase;font-weight: 700;}
.single-games .infos_box .info_value {}

.single-games .section-features {background-color: rgba(0,0,0,0.3);padding: 0!important;}
.single-games .section-features .inner {padding: 25px 25px 25px 0!important;}
.single-games .section-features .features {}
.single-games .section-features .features h4 {font-family: 'Arial Narrow Bold',sans-serif;background-color: #DD3131;display: inline-block;padding: 5px 10px;margin: 0 0 20px 0;text-transform: uppercase}
.single-games .section-features .features ul {padding: 0;margin: 0;list-style: none;}
.single-games .section-features .features ul li {position: relative;padding-left: 20px;}
.single-games .section-features .features ul li::before {position: absolute;left:0;content:"•";color:#fff;}
.single-games .section-features .packshot {background-color: #1a1a1a!important;}
.single-games .section-features .packshot .inner {padding: 20px 0;}
.single-games .section-features .packshot .inner img {max-width: 300px;}


.single-games .newsbox {padding: 0 0 10px 0;margin: 0 0 10px 0;border-bottom:1px dotted #fff;}
.single-games .newsbox:last-child {border:0 none;margin: 0;padding: 0;}
.section-news .headlinebox {}
.section-news .headlinebox .headlinebox_inner {}
.section-news .headlinebox .headlinebox_inner * {font-size: 45px;}
.single-games .newsbox .news_date {}
.single-games .newsbox .news_headline {padding: 15px 0;}
.single-games .newsbox .news_headline h4 {font-size: 25px;color:#c6ae88;}
.single-games .newsbox .news_content {padding-bottom: 20px;}
.single-games .newsbox .readmore {background-color: #DD3131;display: inline-block;padding: 5px 10px;margin: 0 0 20px 0;color:#fff;text-transform: uppercase;text-decoration: none;font-weight: 700;}
.single-games .newsbox .social {}
.single-games .newsbox .social ul {text-align: right;padding: 0;margin: 0;display: block;}
.single-games .newsbox .social ul li {display: inline-block;margin: 0 0 0 5px;}
.single-games .newsbox .social ul li a {display:block;width: 30px;text-align:center;height:30px;line-height:30px;background-color: #dbdddf;border:1px solid #343434;}
.single-games .newsbox .social ul li a:hover {background-color: #343434;border-color: #dbdddf;}
.single-games .newsbox .social ul li a,
.single-games .newsbox .social ul li a * {color:#DD3131;}


.single-games .videobox {}
.single-games .videobox .videobox_inner {position: relative;margin: 0 0 10px 0}
.single-games .videobox .video_preview {position: relative;overflow: hidden;}
.single-games .videobox .video_preview .play {width: 40px;height: 30px;line-height: 30px;background-color: rgba(221, 49, 49, 1);text-align: center;position: absolute;left: 50%;top:50%;margin: -15px 0 0 -20px;border-radius: 5px;}
.single-games .videobox .video_preview .play i {margin-left: 3px;}
.single-games .videobox .video_preview:hover .play {background-color: rgba(221, 49, 49, 0.8);}
.single-games .videobox .video_info {position: absolute;bottom:0;left:0;width: 100%;background-color: rgba(255,255,255,0.6);padding: 5px 10px;}
.single-games .videobox .video_info * {color:#343434;font-size: 16px;line-height: 18px;}
.single-games .videobox .video_info .video_date {}
.single-games .videobox .video_info .video_title {}


.single-games .mediabox {}
.single-games .mediabox .mediabox_inner {position: relative;margin: 0 0 10px 0}
.single-games .mediabox .media_preview {position: relative;overflow: hidden;}
.single-games .mediabox .media_info {position: absolute;bottom:0;left:0;width: 100%;background-color: rgba(255,255,255,0.6);padding: 5px 10px;}
.single-games .mediabox .media_info * {color:#343434;font-size: 16px;line-height: 18px;}
.single-games .mediabox .media_info .media_date {}
.single-games .mediabox .media_info .media_title {}

.section-buynow {
    z-index: 99;
    position: relative;
}
.buy-now{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.buy-now-button {
    float: left;
    /* width: 150px; */
    height: 36px;
    line-height: 36px;
    margin: 10px 0 10px;
    position: relative;
    padding:0;
}
#buy-now-button-red:before {
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid;
    border-left-color: inherit;
    z-index: 50;
}
#buy-now-button-red{
    text-align: center;
    background-color: #d63236;
    color: white;
    margin-left: 8px;
}

.buy-now-button-grey{
    text-align: center;
    /* width: 300px; */
    background-color: #dcdde1;
    color: black;
}
.arrow-right {
    position: absolute;
    top: 9px;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid;
}
.arrow-right-red{
    border-left-color: #d63236;
}
.arrow-right-grey{
    border-left-color: #dcdde1;
}
.arrow-bottom{
    width: 0;
    height: 0;
    top: 15px;
    border-top: 8px solid #282828;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: relative;
}
.arrow-bottom .black{
    border-top: 8px solid #282828;
}
.arrow-bottom .white{
    border-top: 8px solid white;
}

span.selected {
    width:100%;
    text-indent: 10px;
    background:#dcdde1;
    overflow:hidden;
    color: #282828;
    position:relative;
    float:left;
    z-index: 1;
    cursor: default;
}
.selected:active {
    z-index: 10;
}

div.selectOptions {
    color: #282828 !important;
    background-color:#f6f6f6;
    display:none;
    z-index:5;
    cursor: default;
}

.select-option{
    background-color: #dcdde1;
    display: inline-block;
    text-indent: 10px;
    border-top: black;
    border-top-style: solid;
    border-width: 1px;
    cursor: default;
    position: relative;
    z-index: 9;
    width:100%;
}
.select-option:hover{
    color: white;
    background-color :#d63236;
}

@media screen and (max-width: 768px){
    #mobile-center{
        float: none;
        position: relative;
        margin: auto;
    }
}

/* ==========================================================================
   Footer
   ========================================================================== */
footer,#footer {background-color: rgba(0,0,0,1);}
#footer * {color: #dbdddf;}
#footer h4 {color:#dbdddf;text-transform: uppercase;margin: 0 0 20px 0}
#footer ul {list-style: none;margin: 0;padding: 0;}
#footer ul li {padding: 0;}
#footer ul li a {color: #dbdddf;}
#footer ul li.current-menu-item a {color: #cc181e;}

#footer .main_footer {padding: 50px 0;position: relative;z-index: 1;}
#footer_ .main_footer::after {width:100%;height:100%;content: "";background: url(images/bg_content.jpg) no-repeat left top / cover transparent;opacity: 0.5;top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;}

#footer .social a {padding: 5px 0;width: 30px;border-radius: 0;text-align: center;}
#footer .social a:hover {background-color: rgba(0,0,0,0.2)}
#footer .social li.facebook,
#footer .social li.facebook:hover {background-color: #3a5795;}
#footer .social li.twitter,
#footer .social li.twitter:hover {background-color: #55acee;}
#footer .social li.youtube,
#footer .social li.youtube:hover {background-color: #cc181e;}

#footer .langs {}
#footer .langs ul {}
#footer .langs ul li {}
#footer .langs ul li a {color:#DDDDDD;}
#footer .langs ul li a.qtranxs_flag_and_text {padding-left: 25px;background-position: left center;}

#footer .leagel {background-color: #dbdddf;}
#footer .leagel .copyright {padding: 25px 0;}
#footer .leagel .copyright,
#footer .leagel .copyright * {color: #000;font-size: 12px;}

#footer .brand {}
#footer .brand img {float: right;}

@media(max-width: 767px){
    #footer .social {margin-bottom: 20px;text-align: center;}
    #footer .social li {display: inline-block;float: none;}

    #footer .langs {text-align: center;}
    #footer .langs li {display: inline-block;}

    #footer .brand {margin: 20px 0 0 0;}
    #footer .brand img {float: none;margin: 0 auto;}
}


/* ==========================================================================
   CSS3 transition
   ========================================================================== */
.infobox .infobox_inner ul li,
#header  #headermenu ul li a::before,
.btn {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}





/* ==========================================================================
   News
   ========================================================================== */
.similar-news-box {display: block;margin-bottom: 20px;position: relative;}
.similar-news-box .similar-news-header-label {background: #1a1a1a none repeat scroll 0 0;color: white;left: 0;padding: 18px;position: relative;text-transform: uppercase;top: 0;}
.similar-news-box ul {list-style-type: none;margin: 0;padding: 0}
.similar-news-box ul li {background: #141414 none repeat scroll 0 0;border-top: 1px solid black;color: #e2e2e2;min-height: 70px;padding: 10px;}
.similar-news-box ul li p {color: #989898;font-size: 12px;line-height: 18px;}
.similar-news-box ul li a {color: #e2e2e2;font-size: 16px;line-height: 20px;text-decoration: none;}



/* ==========================================================================
   Cookie
   ========================================================================== */
body .cc_container .cc_btn,
body .cc_container .cc_btn:visited {background-color: #DD3131;}
body .cc_message a {color: #DD3131;}
body .cc_message a:hover,
body .cc_message a:visited {color: #fff;}
body .cc_logo {display: none!important;}



/* ==========================================================================
   Misc
   ========================================================================== */
.esrb-box-info {padding-top: 5px;}
.esrb-box-info + .esrb-box-info {padding-top: 35px;}
.esrb-box-info img {margin-top: -22px;}



/* ==========================================================================
   Loading
   ========================================================================== */
.spinner_outer {opacity:0;visibility: hidden;position: fixed; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; margin: 0px; }
.spinner_outer.in {opacity:1;visibility: visible}
.spinner {padding-top: 20%;width: 100%;text-align: center;}
.spinner > div {width: 18px;height: 18px;background-color: #fff;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); }}