/* FOOTER */
.navbar-nav>li>a.special:after {
  display: none;
}
.nav .tabs-left > .nav-tabs > li > a {
  padding: 5px 30px 5px 15px;
}
/* END TOP GAMES */


/* TOP GAMES */ 

.sidebyside-left-fluid {
  background: #333 !important;

}

/* END TOP GAMES */ 

/* TABLE */

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
  color: white;
  white-space: nowrap;
}
.fixed-table-pagination .page-list {
  display: inline-block;
  white-space: nowrap;
}    

.fixed-table-pagination .btn-group {
  display: inline-block !important;
}


.fixed-table-pagination .dropup .dropdown-menu {
  margin-bottom: 0;
  min-width: inherit;
  padding: 0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #e8e8e8;
}
.show>.dropdown-menu {
  display: block;
  width: inherit;
  min-width: inherit;
  padding: 0px 0;
}


/* END TABLE */

/* global */


.bgcolor3 {
    background: #009299 !important;
}

.main-content {
    /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);*/
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);
}





}

@media screen and (max-width: 767px) {
  .table-responsive {
    border: 0px solid #ddd;
  }  
}

.header .navbar {
  overflow: hidden;
}


.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 42px;
}
.ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 63px;
}
.ellipsis-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 84px;
}



@media screen and (max-width: 768px) {

    .mobile-hide { 
        display: none !important; 
    }
    .mobile-show { 
        display: block !important; 
        /*margin-top: 25px;*/
    }


}

@media (max-width: 340px)
 { 
  .header-right {
    display: none !important;
  }  
}


/* multi page */
  .block-title  {
    margin: 2px 0px 10px 0px !important;
    height: 30px !important;
    /*border-bottom: 1px solid #d6d6d6 !important;
    border-top: 1px solid #d6d6d6 !important;
    border-right: 1px solid #d6d6d6 !important;*/

    border-color: #ebebeb #ebebeb #ebebeb #009299;
    border-width: 1px 1px 1px 4px;

    border-style: solid;
  }

  .block-title span {
    line-height: 14px !important;
    height: 28px !important;
    /*border-left: 3px solid #009299 !important;*/
    padding-left: 8px !important;
    padding-top: 8px !important;
    border-bottom: 0px solid #ff6600;
    border-top: 0px solid #ff6600;

  }


.body-color3 .navbar-toggle span, .body-color3 .navbar-toggle .icon-bar {
    background-color: #353535;
}

.navbar-toggle span:nth-child(1) {
    top: 11px;
}
.navbar-toggle span:nth-child(2), .navbar-toggle span:nth-child(3) {
    top: 17px;
}
.navbar-toggle span:nth-child(4) {
    top: 23px;
}

/* end multi */

/* */

/* MENU START */

.logo {
  margin-right: 15px !important;
}

.header .navbar-collapse.collapse {
    padding-left: 0px;
}

/* END MENU */

/* PAGE GAMES LIST / EXPLORER */


  .fixed-table-toolbar .search {
    color: darkred;
  }


  #explore-games .block-title  {
    margin: 0px 0px 0px 0px !important;
    height: 28px !important;
    border: 0px !important;
  }
  #explore-games .block-title span {
    padding-left: 0px !important;
    color: white;
  }

  


.early-access-tag-table {
  border: 1px solid #009299;
  color: #000;
  background: #fff !important;
  padding: 0px 3px;
  line-height: 15px;
  float: right;
  margin: 0px 0 0 3px !important;
  right: 0;
}


.game-card-score {
    color: #eee;
    border: none;
    position: absolute;
    z-index: 3;
    font-size: 18px;
    font-weight: 900;
    top: 15px;
    left: 15px;
    opacity: 0.9;
    
    background: rgba(34, 34, 34, 0.5);
    padding: 0px 6px;
    border: 1px solid rgba(204, 204, 204, 0.75);
    border-radius: 4px;
}

.body-color3 .logo span, .body-color3 .sb-search.sb-search-open .sb-icon-search, .body-color3 .no-js .sb-search .sb-icon-search {
    background: #fff;
    color: #009299;
}

/* end games list */


/* CHECBOX */




.tab_filter_control {
  padding: 0px 3px !important;
}    

.checkit {
    padding: 0px;
    margin: 0px;
    border: 0;
    /*background: #009299;*/
}

fieldset .checkit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
fieldset label {
  cursor: pointer;
  margin-left: 6px;
  margin-bottom: 0px;
  font-weight: normal;
}

.symbol {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  background: #c9c9c9;
  width: 18px;
  height: 18px;

    margin: 3px 0px;
    background: #333;
    border: 1px solid #006267

}
.symbol div {
  position: absolute;
}
.symbol div:nth-of-type(1) {
  -webkit-transition: opacity 150ms ease-out, -webkit-transform 0ms 150ms;
  transition: opacity 150ms ease-out, -webkit-transform 0ms 150ms;
  transition: opacity 150ms ease-out, transform 0ms 150ms;
  transition: opacity 150ms ease-out, transform 0ms 150ms, -webkit-transform 0ms 150ms;
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
  will-change: transform, opacity;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  opacity: 0;
  z-index: 1;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
  border-radius: 100%;
  background: #009299 ;
  width: 30px;
  height: 30px;
  color: transparent;
  font-size: 0;
}
.symbol div:nth-of-type(2), .symbol div:nth-of-type(3) {
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;

}
.symbol div:nth-of-type(2) {
  color: rgba(255, 255, 255, 0.2);
  color: #333; 
}
.symbol div:nth-of-type(3) {
  opacity: 0;
  color: white;
}
.symbol input {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.symbol input:hover ~ div:nth-of-type(2) {
  background: rgba(0, 119, 255, 0.1);
}
.symbol input:active ~ div:nth-of-type(1), .symbol input:checked ~ div:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.symbol input:active ~ div:nth-of-type(3), .symbol input:checked ~ div:nth-of-type(3) {
  opacity: 1;
}
.symbol input:checked ~ div:nth-of-type(2) {
  background: #009299 ;
}


/* END CHECBOX */


/* all pages */
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px dotted #666;
}
/* */



@media (max-width: 767px) {
  .search, .news-details p, .simple-big .excerpt {
    display: initial;
    margin-bottom: 8px !important;
  }
}


.nopadding {
  padding: 0px !important;
}
.nopadding-top {
  padding-top: 0px !important;
}
.nopadding-bottom {
  padding-bottom: 0px !important;
}



.no-gutter > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
}



.numberCircleGreen {
  border-radius: 10%;
  behavior: url(PIE.htc);
  width: 34px;
  height: 26px;
  padding: 0px 2px;
  border: 2px solid #74b953;
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin: auto;
}

.numberCircleYellow {
  border-radius: 10%;
  behavior: url(PIE.htc);
  width: 34px;
  height: 26px;
  padding: 1px 2px;
  border: 2px solid #e2bf4f;
  color: #333;
  /*text-align: center;*/
  font-size: 15px;
  font-weight: bold;
  margin: auto;
  background: rgba(232, 200, 100, 0.15); /*#e2bf4f;*/
  border: 1px dashed #907d31;
}
.numberCircleRed {
  border-radius: 10%;
  behavior: url(PIE.htc);
  width: 34px;
  height: 25px;
  /*padding: 1px 2px;*/
  border: 1px solid #e66f6d;
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin: auto;
}
/*
.numberCircleBlue {
  border-radius: 10%;
  behavior: url(PIE.htc);
  width: 34px;
  height: 25px;
  border: 0px solid #218ab0;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin: auto;
}*/
.numberCircleBlue {
  border-radius: 10%;
  behavior: url(PIE.htc);
  width: 34px;
  height: 25px;
  /*padding: 1px 2px;*/
  border: 0px solid #777;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin: auto;
}

  
.numberCircleGreen span, .numberCircleRed span, .numberCircleYellow span, .numberCircleBlue span  {
    text-align: center;
    line-height: 24px;
    display: block;
}

.adjustGreen {
  background: #74b953;
  border: 1px solid #5ca538;
  color: #fff;
  font-weight: normal;
}
.adjustYellow {
  background: #e2bf4f;
  color: #fff;
  border: 1px solid #c9a73b;
  font-weight: normal;
}
.adjustRed {
  background: #e66f6d;
  color:#fff;
  border: 1px solid #c8514f;
  font-weight: normal;
}

.adjustGreen1 {
  background: #74b953;
  border: 0px solid #5ca538;
  color: #fff;
  font-weight: normal;
  width: 36px;
  padding: 0px 1px;
  height: auto;
}
.adjustYellow1 {
  background: #e2bf4f;
  color: #fff;
  border: 0px solid #c9a73b;
  font-weight: normal;
  width: 36px;
  padding: 0px 1px;
  height: auto;
}
.adjustRed1 {
  background: #e66f6d;
  color:#fff;
  border: 0px solid #c8514f;
  font-weight: normal;
  width: 36px;
  padding: 0px 1px;
  height: auto;
}
.adjustGreen1 span {
    margin-left: 3px;
    margin-right: 3px;
    border-left: 1px dashed #5ca538;
    border-right: 1px dashed #5ca538;
}
.adjustYellow1 span {
    margin-left: 3px;
    margin-right: 3px;
    border-left: 1px dashed #c9a73b;
    border-right: 1px dashed #c9a73b;
}
.adjustRed1 span {
    margin-left: 3px;
    margin-right: 3px;
    border-left: 1px dashed #c8514f;
    border-right: 1px dashed #c8514f;
}


.adjustBlue1 {
  background: #999999;
  color:#fff;
  border: 0px solid #218ab0;
  font-weight: normal;
  width: 36px;
  padding: 0px 1px;
  height: auto;
}

.adjustBlue1 span {
    margin-left: 3px;
    margin-right: 3px;
    border-left: 1px dashed #888;
    border-right: 1px dashed #888;
}





.adjustYellow span:after {
    border-color: #c9a73b;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid;
    border-right: 1px solid;
    border-left-style: dashed;
    border-right-style: dashed;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 5px;
}


/*
Green review 
#74b953
Green contrast lines
#5ca538

Yellow reviews
#e2bf4f
Yellow contract lines
#c9a73b

Red reviews
#e66f6d
Red contrast lines
#c8514f

Blue unscorired reviews
#00acec

*/

.vrgc-pulse {
  color: #00c2cc;
}

.score-green-bg {
  background:#74b953;
}
.score-red-bg {
  background: #e66f6d;
  color: white;
}
.score-yellow-bg {
  background: #e2bf4f;
}

.score-green {
  color: #74b953;
  stroke: #74b953;
}
.score-green-border {
  color: #5ca538;
}
.score-yellow {
  color: #e2bf4f;
  stroke: #e2bf4f;
}
.score-yellow-border {
  color: #c9a73b;
}
.score-red {
  color: #e66f6d;
  stroke: #e66f6d;
}
.score-red-border {
  color: #c8514f;
}

.score-gray {
  color: #999;
  stroke: #999;
}
.score-gray-border {
  color: #bcbcbc;
}

.vr-compare-green {
  background-color: rgba(116,185,83, 0.07) !important;
  border: 1px solid #5ca538 !important;
  font-family: 'Roboto', Arial,sans-serif !important; 
  vertical-align: middle !important;
  padding: 7px 3px 7px!important; 
  width: 48px!important; 
  min-width: 48px!important; 
}
.vr-compare-yellow {
  background-color: rgba(226,191,79, 0.07)!important;
  border: 1px solid #c9a73b!important;
  font-family: 'Roboto', Arial,sans-serif !important; 
  vertical-align: middle!important;
  padding: 7px 3px 7px !important; 
  width: 48px !important; 
  min-width: 48px !important;   
}
.vr-compare-red {
  background-color: rgba(230,111,109, 0.07) !important;
  border: 1px solid #c8514f !important;
  font-family: 'Roboto', Arial,sans-serif !important; 
  vertical-align: middle !important;
  padding: 7px 3px 7px !important; 
  width: 48px !important; 
  min-width: 48px !important;   
}
.vr-compare-gray {
  background-color: rgba(136, 136, 136, 0.10) !important;
  border: 1px solid #888 !important;
  font-family: 'Roboto', Arial,sans-serif !important; 
  vertical-align: middle !important;
  padding: 7px 3px 7px !important; 
  width: 48px !important; 
  min-width: 48px !important;   
}

.vr-compare-left {
  margin-right: 16px !important; 
} 
.vr-compare-right {
  margin-left: 16px !important; 
} 



  .vrgc-badge-score {
    font-weight: 900;
    line-height: 32px;
    fill: #eee; 
    font-size: 24px;
  }

  .vrgc-badge-text {
    position: absolute;
    color:#bbb; 
    font-size: 16px; 
    font-weight: bold; 
    top: 54px; 
    left: 23px;                
  }
  .vrgc-badge-pulse {
    font-size: 24px;
    display: inline;
    position: absolute;
    top:75px;
    left: 32px;
  }
  .vrgc-badge {
    height: 92px;
    
  }







.view-table {
  width: 100%;
  border: 0px solid #242424;
  background: #009299;
  color: #fff !important;
  text-align: -webkit-center;
  padding: 8px 6px;
  border-radius: 4px;
  font-weight: bold;
}
.view-table:hover, .view-table:hover {
  background: #00aab3;
  color: #fff;
}
.view-table>.collapsed {
  color: #fff;
}
.view-table-number {
  padding: 3px 6px 3px 5px;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  border-radius: 3px;
}



.filterable {
    margin-top: 15px;
}
.filterable .panel-heading .pull-right {
    margin-top: -20px;
}
.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}



.form-control {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 34px;

}














.mt-element-ribbon {
  position: relative;
  margin-bottom: 30px; }
  .mt-element-ribbon .ribbon-content {
    margin: 0;
    padding: 25px;
    clear: both; }
    .mt-element-ribbon .ribbon-content.no-padding {
      padding-top: 0; }
  .mt-element-ribbon .ribbon {
    padding: 0.5em 1em;
    z-index: 5;
    float: left;
    margin: 10px 0 0 -2px;
    clear: left;
    position: relative;
    background-color: #bac3d0;
    color: #384353; }
    .mt-element-ribbon .ribbon.ribbon-right {
      float: right;
      clear: right;
      margin: 10px -2px 0 0; }
    .mt-element-ribbon .ribbon.ribbon-vertical-left {
      clear: none;
      margin: -2px 0 0 10px;
      padding-top: 1em;
      padding-bottom: 1em;
      width: 41px;
      text-align: center; }
    .mt-element-ribbon .ribbon.ribbon-vertical-right {
      clear: none;
      float: right;
      margin: -2px 10px 0 0;
      padding-top: 1em;
      padding-bottom: 1em;
      width: 41px;
      text-align: center; }
/*    .mt-element-ribbon .ribbon.ribbon-shadow {
      box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4); }
      .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right, .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
        box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.4); }
*/
    .mt-element-ribbon .ribbon.ribbon-round {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }
      .mt-element-ribbon .ribbon.ribbon-round.ribbon-right {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right, .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 5px !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 5px !important; }
    .mt-element-ribbon .ribbon.ribbon-border:after {
      border: 1px solid;
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px; }
    .mt-element-ribbon .ribbon.ribbon-border-vert:after {
      border-top: none;
      border-bottom: none;
      border-left: 1px solid;
      border-right: 1px solid;
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 5px;
      right: 5px; }
    .mt-element-ribbon .ribbon.ribbon-border-hor:after {
      border-top: 1px solid;
      border-bottom: 1px solid;
      border-left: none;
      border-right: none;
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 0;
      right: 0; }
    .mt-element-ribbon .ribbon.ribbon-border-dash:after {
      border: 1px solid;
      border-style: dashed;
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px; }
    .mt-element-ribbon .ribbon.ribbon-border-dash-vert:after {
      border-top: none;
      border-bottom: none;
      border-left: 1px solid;
      border-right: 1px solid;
      border-left-style: dashed;
      border-right-style: dashed;
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 5px;
      right: 5px; }
    .mt-element-ribbon .ribbon.ribbon-border-dash-hor:after {
      border-top: 1px solid;
      border-bottom: 1px solid;
      border-left: none;
      border-right: none;
      border-top-style: dashed;
      border-bottom-style: dashed;
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 0;
      right: 0; }
    .mt-element-ribbon .ribbon.ribbon-clip {
      left: -10px;
      margin-left: 0; }
      .mt-element-ribbon .ribbon.ribbon-clip.ribbon-right {
        left: auto;
        right: -10px;
        margin-right: 0; }
    .mt-element-ribbon .ribbon > .ribbon-sub {
      z-index: -1;
      position: absolute;
      padding: 0;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent !important;
        bottom: -10px; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before {
        border-width: 0 10px 10px 0;
        border-right-color: #222 !important;
        left: 0; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
        border-right-color: transparent !important; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
        border-width: 0 0 10px 10px;
        border-left-color: #222 !important;
        right: 0; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-bookmark:after {
        border-left: 18px solid;
        border-right: 17px solid;
        border-bottom: 1em solid transparent !important;
        bottom: -1em;
        content: '';
        height: 0;
        left: 0;
        position: absolute;
        width: 0; }
    .mt-element-ribbon .ribbon:after {
      border-color: #62748f; }
    .mt-element-ribbon .ribbon > .ribbon-sub {
      background-color: #bac3d0;
      color: #384353; }
      .mt-element-ribbon .ribbon > .ribbon-sub:after {
        border-color: #62748f;
        border-left-color: #bac3d0;
        border-right-color: #bac3d0; }
    .mt-element-ribbon .ribbon.ribbon-color-default {
      background-color: #bac3d0;
      color: #384353; }
      .mt-element-ribbon .ribbon.ribbon-color-default:after {
        border-color: #9ca8bb; }
      .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub {
        background-color: #bac3d0;
        color: #384353; }
        .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub:after {
          border-color: #62748f;
          border-left-color: #bac3d0;
          border-right-color: #bac3d0; }
    .mt-element-ribbon .ribbon.ribbon-color-primary {
      background-color: #009299;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-primary:after {
        border-color: #286090; }
      .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub {
        background-color: #009299;
        color: black; }
        .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub:after {
          border-color: #122b40;
          border-left-color: #009299;
          border-right-color: #009299; }
    .mt-element-ribbon .ribbon.ribbon-color-info {
      background-color: #659be0;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-info:after {
        border-color: #3a80d7; }
      .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub {
        background-color: #659be0;
        color: #0c203a; }
        .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub:after {
          border-color: #1d4f8e;
          border-left-color: #659be0;
          border-right-color: #659be0; }
    .mt-element-ribbon .ribbon.ribbon-color-success {
      background-color: #74b953;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-success:after {
        border-color: #5ca538; }
      .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub {
        background-color: #74b953;
        color: #020808; }
        .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub:after {
          border-color: #5ca538;
          border-left-color: #74b953;
          border-right-color: #74b953; }
    .mt-element-ribbon .ribbon.ribbon-color-danger {
      background-color: #e66f6d;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-danger:after {
        border-color: #c8514f; }
      .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub {
        background-color: #e66f6d;
        color: #c8514f; }
        .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub:after {
          border-color: #c8514f;
          border-left-color: #e66f6d;
          border-right-color: #e66f6d; }
    .mt-element-ribbon .ribbon.ribbon-color-warning {
      background-color: #e2bf4f;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-warning:after {
        border-color: #c9a73b; }
      .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub {
        background-color: #e2bf4f;
        color: #010100; }
        .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub:after {
          border-color: #c9a73b;
          border-left-color: #e2bf4f;
          border-right-color: #e2bf4f; }
    .mt-element-ribbon .ribbon.ribbon-color-blue {
      background-color: #2e9ec7;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-blue:after {
        border-color: #218ab0; }
      .mt-element-ribbon .ribbon.ribbon-color-blue > .ribbon-sub {
        background-color: #2e9ec7;
        color: #010100; }
        .mt-element-ribbon .ribbon.ribbon-color-blue > .ribbon-sub:after {
          border-color: #218ab0;
          border-left-color: #2e9ec7;
          border-right-color: #2e9ec7; }
   .mt-element-ribbon .ribbon.ribbon-color-blue {
      background-color: #999999;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-blue:after {
        border-color: #888; }
      .mt-element-ribbon .ribbon.ribbon-color-blue > .ribbon-sub {
        background-color: #999999;
        color: #010100; }
        .mt-element-ribbon .ribbon.ribbon-color-blue > .ribbon-sub:after {
          border-color: #888;
          border-left-color: #999999;
          border-right-color: #999999; }


.portlet.light>.portlet-title {
    padding: 0;
    min-height: 48px;
}



.portlet.light.bordered {
    border: 1px solid #e7ecf1!important;
}
.portlet.light.portlet-fit {
    padding: 0;
}

.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 2px;
}

.portlet.light.portlet-fit>.portlet-title {
    padding: 4px 5px 0px;
}
.portlet.light.bordered>.portlet-title {
    border-bottom: 0px !important;
}
.mt-element-ribbon .ribbon.ribbon-vertical-right {
    margin: -2px 6px 0 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    width: 35px;
    text-align: center;
    margin-left: 5px;
        margin-bottom: 4px;
}
.mt-element-ribbon .ribbon {
    padding: inherit;
  }
.portlet.light>.portlet-title>.caption>.caption-subject {
    font-size: 15px;
    color:#555;
}
.portlet.light.portlet-fit>.portlet-body {
    padding: 0px 5px 2px;
}
.portlet>.portlet-title>.caption>i {
    margin-right: 0px;

} 

/* GAME */


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: #009299;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #006267 !important;
    background-color: #eee !important;
    border: 1px solid #ddd !important;
}



a:hover .category_icon {
    opacity: .75;
    opacity: 1;
}



#toolbar .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    background-color: #444;
}

.early-access-tag {
    position: relative;
    background: #e3bd53 !important;
    z-index: 6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-transform: uppercase;
    font-size: 13px;
    float: right;
    top: 7px;
    padding: 2px 10px;
    border: 1px solid #666;
    color: #111;
    margin-right: 15px;
    font-weight: 700;
    margin-top: -38px;
}




.featured-slider .featured-big, .featured-slider .featured-big a.featured-href, .featured-slider .featured-big img, .featured-slider .featured-small, .featured-slider .featured-small a.featured-href, .featured-slider .featured-small img, .box-news, .box-news img, .feed-image img, .featured-slider .slider-item img {
    height: auto;
    width: 100%;
    border-right: none;
    border-left: none;
}

@media (max-width: 1199px) {

  .featured-big img, .featured-small img {
    height: 100%;
    width: auto;
  }

}


@media (max-width: 991px) {
  .category {
    top: 20px;
    left: 10px !important;
    padding: 5px 6px 5px 6px;
    font-size: 11px;
  }

  .box-news.new-trailers {
    height: auto !important; 
    max-height: 200px;
  }

  .featured-big img, .featured-small img {
    height: auto;
    width: 100%;
  }

  .featured-slider .featured-header h2, .news-title, .big-block .news-title, .small-block .news-title, .box-news h2, .fixed-left-sidebar .widget-content li h3, .fixed-left-sidebar .widget-content li h3 a {
      font-size: 20px;
      line-height: 24px;
  }


}

@media (min-width: 768px) {

  .col-md-6 {
    /*max-width: none;*/
  }



}

@media (max-width: 768px) {

   .featured-slider .featured-big .featured-header p, .news-details p.excerpt, .featured-small p, .alt-text, .share-wrapper .linked_in, .share-wrapper .pinterest {
    display: block; 
  }


}

.image-overlay img {
  height: auto;
  width: 100%;
}

.play-button {
  top: 15px;
  right: 15px;
}

.table-row-image {
  width: 225px; 
  margin-bottom: 8px;
}


@media (max-width: 563px) {

  .table-row-image {
    width: 100% !important; 
    margin-bottom: 8px;
  }

  .news-details {
    margin-top: -30px !important;
  }

}








/* INDEX.PHP */


.headsets {
  position: absolute;
  top: 10px;
  margin: 0px;
  padding: 6px 9px;
  background: #000;
  background: rgba(0,0,0,.2);
  font-weight: bold;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.headsets:hover {
  background: #009299;
  color: #fff;
}


/* Fix for running boostrap 4 incompatible menu */
.mega-menu .nav, .mega-menu .collapse, .mega-menu .dropdown {
    display: block !important;
}

.featured-header {
    padding: 30px 20px 5px;
}
.first .featured-header {
    padding: 30px 20px 5px 18px;
}
.second .featured-header {
  padding: 30px 20px 5px 13px;
}
.first .category {
  top: 5px;
  left: 20px !important;
}

.second .category {
  top: 5px;
  left: 15px ;
}

.editorials .category {
  opacity: 0.9;
  background: #ffffff;
  color: black;
  border-left: 3px solid #009299;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 5px 8px;
}
a.category:hover {
  background: #009299;
}

.news-details {
  padding: 10px 15px 0px;
}

.header-big .navbar .logo {
  /* display: block; messed up auto hide of logo when big head is there on index */
}

.headline-button {
  float: right;
  display: inline-block;
  margin: 5px 8px 0px 0px;
  padding: 0px 4px;
  color: #ffffff !important;
  font-size: 11px;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.4s ease 0s;
  
  color: rgba(0, 146, 153, 0.6) !important;
  border: 1px solid rgba(0, 146, 153, 0.6);
  border-radius: 4px;
}
.headline-button:hover {
  color:#009299 !important;
  border-bottom: 1px solid #009299;
}


.new-trailers a:hover {
  color: #76edf3;
}
.play-button i.fa-play {
    margin-left: 5px;
    color: #00e8f4;
    margin-top: 8px;
    font-size: 20px;
}


/* END INDEX */ 



.body-color3 .widget .nav-tabs>li.active>a, .body-color3 .widget .nav-tabs>li.active>a:focus, .body-color3 .widget .nav-tabs>li.active>a:hover, .body-color3 .block-title span, .body-color3 .comments-wrapper .comment-reply-link:hover, .body-color3 .modern-quote, .body-color3 .box-news .simple-share a:hover {
    border-color: #555;
    border-color: #009299;

}


.slick-prev:before, .slick-next:before {
  color: #444444;
}

.main-wrapper {
   padding-top: 46px !important;
}
.parallax-wrapper .post-header {
    bottom: 10px;
 }
.parallax-header, .parallax-wrapper, .parallax-wrapper .parallax-box {
  padding: 0px 5px;
}

/* temp off not sure what it was for
.category {
  position: relative;
  margin-right: 4px;
  background-color: #444;
}*/

.portlet.light.bordered {
    border: 1px solid #bbbbbb!important;
}

.overlay-youtube-play-1 { 
  vertical-align: middle;
  text-align: center;
  height: 60px;
  width: 60px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.4;
  background: #000;
  /*background: rgba(0, 0, 0, 0.8);*/
  border:2px solid white;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  z-index: 10;
}   
.overlay-youtube-play-1:hover { 
  opacity: 0.6;
} 

/* remove temp 
.play-button {
    width: 35px;
    height: 35px;
    top: 15px;
    left: 40px !important;
}
*/

  .thumbnail {
    padding: 0px;
    border-radius: 0px;
    margin-bottom: 0px !important;
  }


.slick-slide-xxxx{
  width: 110px;
  border: 1px solid #555;
}

.slick-initialized .slick-slide {
    /*border: none;*/  border: 1px solid #666;
    margin-right: 10px;
}
.slick-slide {
    width: 250px;
}

.thumbdiv {
   width: 250px;
    border: 1px solid #666;
    padding: 0px;
    overflow: hidden;
    /*height: 55px;
    max-height: 55px;*/
    position: relative;
    margin-right: 4px;

}
.slick-slidexx img {
  /*border: 1px solid #555;*/
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    /* top: 10%; */
    top: -10px;

}


.navbar .nav .open>a, .navbar .nav .open>a:hover, .navbar .nav .open>a:focus {
  background: #444;
}
.body-color3 .navbar-nav>li.open>a {
    color: #ffffff;
    background: #393939;
    border-top-color: #FFD470;
}
.body-color3 .logo, .body-color3 .navbar-nav>li.open>a, .body-color3 .social-icons a, .body-color3 .sb-icon-search {
    color: #ffffff;
    text-shadow: none;
    /*text-shadow: 1px 1px 3px rgb(0, 0, 0);*/
}


.variable-width .slick-slide p {
   margin: 1px;
}

.play-button-2 {
    width: 35px;
    height: 35px;

    color: #fff;
    border: none;
    text-decoration: none;
    display: block;
    position: absolute;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 40px;
    height: 40px;
    top: 14%;
    margin-left: 52px;
    z-index: 10;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    opacity: 0.5;
    background: rgba(0,0,0,0.3);
}
.play-button-3 {
    opacity: 0.5;
    background: rgba(0, 0, 0, 0.8);
    width: 90px;
    height: 90px;
    top: 18%;
    margin-left: 82px;
    color: #fff;
    border: none;
    text-decoration: none;
    display: block;
    position: absolute;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    z-index: 10;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
}
.play-button-4 {
    opacity: 0.5;
    background: rgba(0, 0, 0, 0.8);
    width: 80px;
    height: 80px;
    top: 20%;
    margin-left: 34%;
    color: #fff;
    border: none;
    text-decoration: none;
    display: block;
    position: absolute;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    z-index: 10;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
}



.play-icon {
    margin-left: 17px;
    margin-top: 13px;
    color: #e4bd56;
    font-size: 60px;
}

.play-icon-2 {
    margin-left: 10px;
    margin-top: 14px;
    color: #e4bd56;
    font-size: 40px;
}
.play-button-3-tweak {
  width: 70px;
    height: 70px;
    top: 24%;
    margin-left: 70px;
    border:1px solid #c8c8c8;
}

slick-lightbox.css:1
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner.iframe {
    width: 90%;
    height: 90%;
}




.parallax-wrapper .post-header {
    color: #ddd;
}
.parallax-wrapper .post-title {
    font-size: 42px;
    line-height: 46px;
}

@media screen and (max-width: 768px) {

  .parallax-wrapper .post-title {
    font-size: 36px;
  }

  .parallax-box .stats {
    display: none;
  }

}




              .legend-row {
                margin-bottom: 10px;
                display: inline-block;
                margin-top: -14px;
                line-height: 16px;
              }
              .legend-item {
                display: inline-block;
                width: 85px;  
                padding: 0px 9px 0 0; 
                float: left;
                height: 16px;
              }
              .legend-box {
                width: 16px;
                height: 12px;
                border: solid 1px #222;
                display: inline-flex;
              }
              .legend-label {
                font-size:10px;
                text-transform:uppercase;
              }
.stacked-bar-graph {
  width: 100%;
  height: 28px;
  color:#414042;

}
 .stacked-bar-graph span {
    display: inline-block;
    /*height:100%;*/
    box-sizing: border-box;
    float: left;
    color: #ddd;
    padding: 3px 0 3px 0;
    text-align: center;
    font-size: 13px;
    margin-bottom: 15px;

  }

  .bar-0 {
    /*background: rgba(85, 209, 255, 0.55);*/
    background: rgba(187, 187, 187, 0.55);
    border-right: 1px solid #222;
    border-radius: 3px 0px 0px 3px;
  }

  .bar-1 {
    background: rgba(210, 111, 109, 0.55);
    border-right: 1px solid #222;
  }

  .bar-2 {
    background: rgba(226, 189, 75, 0.55);
    border-right: 1px solid #222;
  }

  .bar-3 {
    background: rgba(136, 199, 105, 0.55);
    border-right: 1px solid #222;
    border-radius: 0px 3px 3px 0px;
  }
  .bar-4 {
    background: rgba(238,238,238,0.10);
    border-radius: 3px 3px 3px 3px;
  }  

  .bar-steam {
    background: rgba(84, 133, 183, 0.55);
    border-right: 1px solid #222;
    border-radius: 3px 0px 0px 3px;
  }
  .bar-oculus {
    background:rgba(164, 158, 200, 0.45);
    border-right: 1px solid #222;
    border-radius: 0px 3px 3px 0px;
  }


.bgcolor3 {
 background: #009299; /* removed importnat */
}

/* WHITE BG VERSION */

.legend-item-v2 {
    display: inline-block;
    width: 85px;
    padding: 0px 9px 0 0;
    float: left;
    height: 16px;
}
.legend-item-v2 span {
  color:#666;
}
.legend-box-v2 {
    width: 16px;
    height: 12px;
    border: solid 1px #666;
    display: inline-flex;
}
.stacked-bar-graph-v2 {
  width: 100%;
  height: 28px;
  color:#414042;

}
 .stacked-bar-graph-v2 span {
    display: inline-block;
    height:100%;
    box-sizing: border-box;
    float: left;
    color: #222;
    padding: 6px 0 0;
    text-align: center;
    font-size: 13px;
    margin-bottom: 15px;

  }

  .bar-0-v2 {
    background: rgba(85, 209, 255, 0.95);
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-radius: 3px 0px 0px 3px;
  }

  .bar-1-v2 {
    background: rgba(210, 111, 109, 0.95);
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
  }

  .bar-2-v2 {
    background: rgba(226, 189, 75, 0.95);
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
  }

  .bar-3-v2 {
    background: rgba(136, 199, 105, 0.95);
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-radius: 0px 3px 3px 0px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
  }
  .bar-4-v2 {
    background: rgba(238,238,238,0.10);
    border-radius: 3px 3px 3px 3px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
  }  
/* END BG WHITE */






/* GAME - Details Box */ 

.details-box a:hover {
  color: #FFD470 !important;
}

.ct-bar-label {
    font-size: 1.4vh;
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: normal;
    fill: #fff;
    text-anchor: initial !important;
}
.ct-chart .ct-series-a .ct-bar {
    stroke: #666666;
    stroke-width: 25px;
}
.ct-label {
    fill: rgba(0, 0, 0, 0.4);
    color: #888;
    font-size: 1.2rem;
    line-height: 1;
}     
.ct-end:last-child {
  margin-left: -16px;
} 

              .game_area_details_specs {
                    height: 26px;
                    position: relative;
                    margin-bottom: 0px;
                }

                .game_area_details_specs .icon {
                    position: absolute;
                    left: 0px;
                    width: 37px;
                    height: 22px;
                    padding-top: 3px;
                    background-color: rgba( 0, 0, 0, 0.3 );
                    text-align: -webkit-center;
                    text-align: center;
                }

                .game_area_details_specs a.name {
                    margin-left: 37px;
                    height: 22px;
                    padding-top: 3px;
                    padding-left: 8px;
                    line-height: 17px;
                    /*background: rgba(56, 50, 50, 0.1);*/
                    background: rgba(96,96,96,0.3);
                    color: #ddd; /*color: #e3bd53;*/ /* #FFD470; */ /* #ff6600; */
                    display: block;
                    border-radius: 1px;
                }

                .game_area_details_specs a.name:hover {
                  text-decoration: none;
                  border-bottom: none;
                  color: #fff;

                }



                img.category_icon {
                    width: 26px;
                    height: 16px;
                    vertical-align: top;
                }

                .post-content a:hover {
                  color: #EFD171;
                  border-bottom: 0px;
                }


                .game-desc {
                  color: #888;
                }
                .game-desc-link {
                  color: #ccc;
                }
                p .info-box-p {
                    margin-bottom: 0px;
                }


                .image-overlay a:hover {
                    border-bottom: 0px;
                }


                a.main-text-link {
                  color: #000;
                  font-style: italic;
                }
                a.main-text-link:hover{
                  text-decoration: none;
                  border-bottom: none;
                  color: #009299;
                }




                a img.screens {
                    opacity: .8;

                }

                a img.screens:hover {
                    opacity: 1;

                }


/* SUB END */


/* BANNER START */

  .ext_top_margin {
    padding-top: 187px;
  }


/* New style for takover */
.switch_v2 {
  /* width: 1570px; */
  height: 970px;
  position: fixed !important;
  top: 38px;
  left: 50%;
  /* margin-left: -785px; */
  z-index: -1;
  text-align: center;
  background: #000;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  
  margin-left: -949px;
  width: 1900px;
}



.switch_placeholder {
  text-align: -webkit-center;
  text-align: center;
  margin-top: -1px;
  left:0; right:0;
  margin: 0 auto;
  width: 100%;
  top: 45px;
  margin-right: -15px;
  margin-left: -15px;
}

.switch_widget {
  text-align: -webkit-center;
  text-align: center;
  left:0; right:0;
  margin: 0 auto;
  width: 100%;
  top: 45px;
}


.switch_borders {
  border: 1px solid #ccc;
}

.switch_placeholder_fix {
  left:0; 
  right:0;
  margin: 0 auto;
  text-align:center;
  overflow: hidden;
  position: absolute;
  /*width: 970px;*/
  width: 100%;
  position: fixed !important;;
  top: 45px;
  left: 50%;
  margin-left: -949px;
  z-index: 0;
  text-align: center;
  
  width: 1900px;

}
.switch_placeholder_fix img {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

@media screen and (max-width:961px){
  .switch_placeholder_fix {
    display:none; 
  }
}


/* END BANNER */




/* START FOOTER */

.footer-menu li {
    margin: 0 0 5px;
    padding: 0;
}

.faq .panel-body {
  font-size: 13px;
}

.footer-bottom a {
    color: #ffffff !important;
    text-shadow: none !important;
}

@media (max-width: 991px) {
  .footer-block {
    text-align: left;
  }
  .footer .logo {
    width: inherit;
  }  
  .footer .social-icons {
    float: right !important;
    margin-top: 0px;
  }
}


/* END FOOTER */


/* START FAQ */


.panel-heading .panel-title a {
  border-left: 2px solid #009299;
  color: #000 !important;
  background: #fff;
}
.panel-heading .panel-title a {
  padding: 8px 13px;
}
.panel-heading .panel-title a:hover {
    color: #fff !important;
    border-left: 2px solid #009299;
    border-bottom: none;
    background: #009299;
}
.actives a {
    color: #fff !important;
    background: #009299;
    /* border-bottom: 1px solid #F0F0F0; */
}

.panel-heading .panel-title a i {
  color: #009299;
}

/* END FAQ */








.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  vertical-align: text-bottom;
}
.fixed-table-container tbody td {
  border-left: 0px solid #dddddd;
}
.bootstrap-table .table > thead > tr > th {
    border-bottom: 2px solid #ddd;
}
.fixed-table-container {
    border: 0px solid #dddddd;
}
.fixed-table-container thead th {
    border-left: 0px solid #dddddd;
}


.myButton {
  /*
  -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
  -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
  box-shadow:inset 0px 1px 0px 0px #54a3f7;*/
  /*background-color:#007dc1;*/
  background: rgb(84, 133, 183);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  /* border:1px solid #124d77; */
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:"Open Sans", Arial;
  font-size:15px;
  padding:2px 8px;
  text-decoration:none;
  text-shadow:0px 1px 0px #154682;
  margin-bottom: 10px;
}
.myButton:hover {
  background-color:#009299;
  color: white;
  text-decoration: none;
}
.myButton:active {
  position:relative;
  top:1px;
}
.myButton.oculus {
  background: #7d77a4;
}
.myButton.oculus:hover {
  background: #615a8d;
}
.myButton:focus {
  color: #ffffff;
}


/******** END GAME ********/













/* ARTICLE NEWS */

.btn-goto {
  background: #333 !important;
  color: #ccc;
  padding: 4px 8px;
  font-size: 11px;
  margin-right: 5px;
  font-weight: bold;
}
.btn-goto:hover {
  color: white;
  background: #111 !important;
}
.btn-goto:hover img  {
  opacity: 1 !important;
}


.post-nav-label {
    color: #999;
}

.vrgc-table-score {
  font-weight: bold;
  color: #fff;
}
table .vrgc-table-score {
  color: #222;
}


.post-header .category {
  top: -10px;
}
.post-title {
  padding-top: 15px;
}
.post-wrapper {
  font-size: 15px;
  line-height: 1.44;
}
.wp-caption.alignright {
  margin: 3px 0 7px 20px;
}
.wp-caption.alignleft {
    margin: 3px 20px 7px 0;
}
.post-title {
    font-size: 34px;
    line-height: 38px;
}
.post-nav-label {
  font-size: 12px;
}
.post-content > p:first-child:first-letter, .drop-caps {
  font-size: 49px;
  line-height: 35px;
  padding-right: 3px;
  padding-left: 1px;
  font-family: inherit;
  color: #b08014;
}
.post-nav-wrapper {
  margin: 0px 0;
}
.post-content a {
  color: #009299;
}
.post-content a:hover {
    /*color: #6a4c09;
    border-bottom: 0px solid #aaa;*/
    text-decoration: none;
    border-bottom: none;
    color: #009299;

}
.table a {
  color: #1a1a1a;
}
.teaser-image {
  width: 215px;
}

@media screen and (min-width:1200px){
  .post-nav-title {
    font-size: 24px;
    line-height: 26px;
  }
}


/* END NEWS */








.widget {
    margin-bottom: 25px;
}

.switch_placeholder_fix {
  position: absolute !important;
}
@media screen and (max-width:961px){
    .switch_placeholder_fix {
        display:none; }
}
.ad970-wrapper {
  text-align: -webkit-center;
  margin-right: -20px !important;
  margin-left: -20px !important;
} 
.ad970-wrapper img {
  width: 970px !important;
} 

@media (min-width: 1200px) {
  .container {
    /*width: 970px;*/
    width: 1180px;

  }
}
.mag-banner {
  padding-left: 0;
  padding-right: 0;
}

.main-body {
    margin-top: 20px;
}
.block-title, .widget .nav-tabs>li>a {
    margin: 2px 0px 16px 0px;
    height: 23px;
}
.widget-content li h3, .small-article h3 {
    margin: 0px 0px 3px;
}
.widget-content li, .small-article {
    border-bottom: 1px dotted #b3b3b3;
    padding-bottom: 4px;
}
.widget-content li, .small-article {
    margin-bottom: 8px;
}
.simple-thumb, .author-thumb {
  margin: 0 10px 0 0;
}
@media (max-width: 767px) {

  .simple-thumb, .author-thumb {
      width: 150px !important;
  }
  .simple-post h3 {
    font-size: 18px;
    line-height: 20px;
  }
  /* news */
  .teaser-image {
   width: 100%;
  }
  /*end news*/

}
.simple-post h3 {
  margin: 0px 0px 4px;
}

.sidebyside-left-fixed, .sidebyside-right-fixed
{
    display: table-cell;
    width: 100%;
    padding: 0px 6px;
    border: 1px solid #333;
    background: #ffffff;
    line-height: 13px;
    vertical-align: middle;

}
.sidebyside-left-fixed img, .sidebyside-right-fixed img {
  height: 13px;
  opacity: 0.7;
}


.sidebyside-left-fluid , .sidebyside-right-fluid
{
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
}
.news-details {
  color: #555;
}    

body {
  font-family: 'Open Sans','Sans-serif', Arial;
  font-size: 14px;
  color:#333333;
}
.body-color3 .logo, .body-color3 .navbar-nav>li>a, .body-color3 .social-icons a, .body-color3 .sb-icon-search {
    /*color: #55420a;*/

    color: #353535;
    /*text-shadow: 2px 2px 3px rgba(200, 200, 200, 1);*/
    text-shadow: 1px 1px 2px rgb(255, 255, 255);
}




.body-color3 .header, .body-color3 .sb-icon-search, .body-color3 .progress-bar, .body-color3 .drop-caps-square {

    background: #fff !important;
    /*
    background-color: #afafaf !important;
    background-image: url(/images/silver1.png);
    */
}
/*background: -webkit-linear-gradient(left, #DAA520 0%, #DAA520 33%,#FFD700 66%, #DAA520 100%);*/

/*
background: 
  
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #DAA520 10px,
    #DAA520 20px
  ),
  linear-gradient(
    to bottom,
    #DAA520,
    #DAA520
  );
*/







a:focus, a:hover {
    color: #009299; /*#f7d67d;*/
    text-decoration: none;
}
.post-header a:focus, a:hover {
  color: #fff;
}
/*
a:focus, a:hover {
    color: #8b642c;
    text-decoration: underline;
}*/

a {
  color:#006267;
}
a:hover {
  text-decoration: none;
  border-bottom: none;
  color: #009299;
}

.post-wrapper .simple-share a:hover, .post-wrapper .simple-share a:focus, .parallax-wrapper .simple-share a:hover, .parallax-wrapper .simple-share a:focus {
  border-color: #888;
}

.category {
  top: 10px;
  left: 10px;
}
p {
  margin: 0 0 7px;
}


.featured-header {
  padding: 30px 20px 5px;
}

.featured-header.new-trailers {
    padding: 30px 15px 15px;
}
.box-news.new-trailers {
  height: 200px;


}
.box-news.new-trailers h2 {
    margin-bottom: 5px;
}

.featured-header .category {
    opacity: 0.8;
    background: #009299;
}


.featured-small .category {
  /*left: 20px; temp removed while adjusting alpha omega carousel*/
  /*top: 5px;*/
}
.simple-thumb, .author-thumb {
  background: inherit;
}


.tag-list li {
  font-size: 16px;
}
.block-title span {
  line-height: 16px;
  height: 22px;
}
.block-title, .widget .nav-tabs>li>a {
  font-size: 16px;
}
.main-content, .blog-content {
    margin-top: 10px;
}

.tag-list {
    margin: -18px 0 6px;
    height: 28px;
}
.tag-list li {
    line-height: 30px;
}
.tag-list li a {
    line-height: 21px;
}
.tag-list li.trending {
    line-height: 26px;
}
.tag-list li a:hover, .tag-list li.active a {
    color: #fff;
    background: #009299;
}


.navbar {
  min-height: 36px !important;
  display: block;
  /*
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column; 
  -ms-flex-direction: column;
  flex-direction: column;
  */

}

.navbar-toggle {
  height: 36px !important;
}

.sb-search {
  min-width: 36px;
  height: 36px;
}
.header-right .social-icons a {
  line-height: 36px;
}
.sb-search-input {
  height: 36px;
  background: #009299;
  padding: 18px 55px 20px 16px;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 38px;
  margin-bottom: 30px;
  padding: 0 55px 0 16px;



}
.sb-icon-search, .sb-search-submit {
  height: 36px;
  line-height: 36px;
}
.featured-header h2 {
  font-size: 20px;
  line-height: 24px;
}
.simple-post {
    padding: 0px 0px 20px;
}

.widget-content li h3, .small-article h3 {
  font-size: 13px;
  line-height: 16px;
}
.small-block .news-title {
  margin-bottom: 4px;
}

.image-overlay {
    min-height: inherit; 
}
.news-title {
  font-family: 'Sans-serif','Open Sans', 'Arial';
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 6px;
}

.simple-post h3 {
  font-size: 18px;
  line-height: 22px;
}

.mag-content {
  padding-left: 20px;
  padding-right: 20px;
}
.simple-share {
  color: #333; /* #996515; /* #996515; goldenrod #D4AF37 =metallic gold*/
}
.article-date {
  color: #bbbbbb;
}

.body-color3 .mega-menu .dropdown-menu > li > a:hover, .body-color3 .mega-menu .dropdown-submenu:hover>a, .body-color3 .dropdown-menu .mega-menu-news .mega-menu-detail h4 a:hover, .body-color3 .nav .tabs-left > .nav-tabs > li > a:hover, .body-color3 .nav .tabs-left > .nav-tabs > li.active > a, .body-color3 .widget-content li h3 a:hover, .body-color3 .news-title a:hover, .body-color3 .simple-post h3 a:hover, .body-color3 .widget-post h3 a:hover, .body-color3 .categorywidget li a:hover, .body-color3 .categorywidget li a:hover span, .body-color3 .comments-wrapper .comment-reply-link, .body-color3 .post-wrapper .simple-share a, .body-color3 .parallax-wrapper .simple-share a, .body-color3 .post-content > p:first-child:first-letter, .body-color3 .drop-caps, .body-color3 .box-news .simple-share a, .body-color3 .box-news .simple-share a:hover, .body-color3 .author-box .author-info h3 a:hover, .body-color3 .author-contact a:hover, .body-color3 .comments-wrapper .author-name:hover {
 color: #009299; /* color: #DAA520; */
}


.widget-content li h3 a {
  color: #009299; 
}
.widget-content li h3 a:hover {
  color: #009299; 
}

h3 img:hover {
   opacity: 1 !important;
}


.featured-slider .featured-small, .featured-slider .featured-small a.featured-href, .featured-slider .featured-small img {
    height: 225px;
    max-width: 380px;
}


@media (min-width: 768px) {
  .navbar-collapse.collapse {
    height: 36px !important;
  }
  .navbar-nav>li>a {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}
.navbar-nav>li>a {
  font-size: 16px;
  line-height: 18px;
}

.logo {
  margin: 4px 0 0 0;
  font-size: 22px;
  line-height: 16px;
  text-transform: none !important; 

}
.body-color2 .header, .body-color2 .sb-icon-search, .body-color2 .progress-bar, .body-color2 .drop-caps-square {
    background: #e10400; // #f60 #ff4106;
}
.body-color2 .navbar-nav>li.open>a {
  color: #ffffff;
}
body.boxed {
    background-color: #1e1e1e;
}
.omega {
    padding-right: 2px !important;
}





/* STATS STUFF */

                        .stats {
                            /*width: 400px;*/
                            position: absolute;
                            top: 60px;
                            margin: 0 auto;
                            /*position: absolute;
                            top: -30px;*/
                        }


                        .stat-ring.large {
                            width: 100px;
                            height: 100px;
                        }  

                        .stat-ring.score {
                            margin-right: 5px;
                        }

                        
                        .stat-ring .stat-color {
                            height: 100%;
                            width: 100%;
                            position: relative;
                            margin-bottom: 10px;
                        }

                        .stat-ring.large svg.stat-track, .stat-ring.large svg.stat-track-mobile  {
                            stroke-dashoffset: 62;
                        }

                        .stat-ring svg.stat-track, .stat-ring svg.stat-track-mobile {
                            stroke: grey;
                            stroke-dashoffset: 47;
                            z-index: 0;
                        }


                        .stat-ring.score .stat-color:after {
                            content: '\f21e';
                            color: #72CA47; /* #00acec; */ /*#d21044;*/

                        }

                        .stat-ring.userscore .stat-color:after {
                            content: '\f007'; /* \f0c0'; */
                            color: #e66f6d; /*#d21044;*/
                            font-size: 32px !important;
                        }




                        .stat-ring.large .stat-color:after {
                            font-size: 32px; /*24 */
                            width: 30px;
                        }

                        .stat-ring .stat-color:after {
                            display: block;
                            position: absolute;
                            font-family: "FontAwesome";
                            content: "";
                            width: 25px;
                            height: 20px;
                            bottom: 0;
                            left: 50%;
                            -webkit-transform: translateX(-50%);
                            -moz-transform: translateX(-50%);
                            -ms-transform: translateX(-50%);
                            -o-transform: translateX(-50%);
                            transform: translateX(-50%);
                            text-align: center;
                            font-size: 20px;
                            line-height: 20px;
                        }



                        .stat-ring svg {
                            width: 70px;
                            height: 70px;
                            fill: transparent;
                            stroke-width: 5px;
                            -webkit-transition: all 0.3s;
                            -moz-transition: all 0.3s;
                            transition: all 0.3s;
                            stroke-dasharray: 188;
                            stroke-dashoffset: 188;
                            -webkit-transform: rotate(135deg);
                            -moz-transform: rotate(135deg);
                            -ms-transform: rotate(135deg);
                            -o-transform: rotate(135deg);
                            transform: rotate(135deg);
                            position: absolute;
                            z-index: 1;
                            top: 0;
                            left: 0;
                            /*-webkit-backface-visibility: hidden;
                            backface-visibility: hidden;*/
                        }
                        svg:not(:root) {
                            overflow: hidden;
                        }


                        html|* > svg {
                            transform-origin: 50% 50% 0px;
                        }

                        .stat-ring.large svg circle.c-large {
                            visibility: visible;
                        }


                        .stat-ring {
                            position: relative;
                            width: 80px;
                            height: 70px;
                            display: inline-block;
                            padding: 0 5px;
                            cursor: arrow;
                        }

                        .stat-ring svg circle.c-small, .stat-ring svg circle.c-large {
                            visibility: hidden;
                        }


                        /*
                        red #e66f6d
                        green #74b953 
                        orange #C7A869
                        */

                        /* COLOR METASCORE RING */
                        .stat-ring.score .stat-color svg.stat-value, .stat-ring.score .stat-color svg.stat-value-mobile {
                            stroke: #74b953; /* #72CA47; */ /* #d21044; */  
                        }
                        /* COLOR USERSCORE RING */
                        .stat-ring.userscore .stat-color svg.stat-value, .stat-ring.userscore .stat-color svg.stat-value-mobile {
                            stroke: #e66f6d; /*#FFD470; */ /* #72CA47; */ /* #d21044; */  
                        }



                        .stat-ring.large .stat-val-10 svg.stat-value {
                            stroke-dashoffset: 61.3;
                            stroke: #74b953;
                        }
                        .stat-ring.large .stat-val-9 svg.stat-value {
                            stroke-dashoffset: 80.3;
                            stroke: #74b953;
                        }
                        .stat-ring.large .stat-val-8 svg.stat-value {
                            stroke-dashoffset: 99.3;
                            stroke: #74b953;
                        }
                        .stat-ring.large .stat-val-7 svg.stat-value {
                            stroke-dashoffset: 118.3;
                            stroke: #C7A869;
                        }
                        .stat-ring.large .stat-val-6 svg.stat-value {
                            stroke-dashoffset: 137.3;
                            stroke: #C7A869;
                        }
                        .stat-ring.large .stat-val-5 svg.stat-value {
                            stroke-dashoffset: 156.3;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-4 svg.stat-value {
                            stroke-dashoffset: 175.3;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-3 svg.stat-value {
                            stroke-dashoffset: 194.3;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-2 svg.stat-value {
                            stroke-dashoffset: 213.3;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-1 svg.stat-value {
                            stroke-dashoffset: 232.3;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-0 svg.stat-value {
                            stroke-dashoffset: 251.3;
                            stroke: #e66f6d;
                        }

                        /* Stat Value for Mobile  */
                        .stat-ring.large .stat-val-10 svg.stat-value-mobile {
                            stroke-dashoffset: 110.3;
                            stroke: #74b953;
                        }
                        .stat-ring.large .stat-val-9 svg.stat-value-mobile {
                            stroke-dashoffset: 124.4;
                            stroke: #74b953;
                        }
                        .stat-ring.large .stat-val-8 svg.stat-value-mobile {
                            stroke-dashoffset: 138.5;
                            stroke: #74b953;
                        }
                        .stat-ring.large .stat-val-7 svg.stat-value-mobile {
                            stroke-dashoffset: 152.6;
                            stroke: #C7A869;
                        }
                        .stat-ring.large .stat-val-6 svg.stat-value-mobile {
                            stroke-dashoffset: 166.7;
                            stroke: #C7A869;
                        }
                        .stat-ring.large .stat-val-5 svg.stat-value-mobile {
                            stroke-dashoffset: 180.8;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-4 svg.stat-value-mobile {
                            stroke-dashoffset: 194.9;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-3 svg.stat-value-mobile {
                            stroke-dashoffset: 209.0;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-2 svg.stat-value-mobile {
                            stroke-dashoffset: 223.1;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-1 svg.stat-value-mobile {
                            stroke-dashoffset: 237.2;
                            stroke: #e66f6d;
                        }
                        .stat-ring.large .stat-val-0 svg.stat-value-mobile {
                            stroke-dashoffset: 251.3;
                            stroke: #e66f6d;
                        }

                        /*
                        .stat-val-10 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-9 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-8 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-7 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-6 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-5 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-4 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-3 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-2 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-1 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        .stat-val-0 svg.stat-value {
                            stroke-dashoffset: 145.7;
                        }
                        */



                        .stat-ring.large svg {
                            width: 90px;
                            height: 90px;
                            stroke-dasharray: 251;
                            stroke-dashoffset: 251;
                            stroke-width: 10px;
                        }

                        .stat-ring.large svg circle.c-small, .stat-ring.large svg circle.c-med {
                            visibility: hidden;
                        }


                        .stat-ring .stat-number {
                            position: absolute;
                            width: 100%;
                            height: 17px;
                            line-height: 12px;
                            /*height: 40px;
                            line-height: 40px;*/
                            text-align: center;
                            top: 44%;
                            left: 0;
                            color: white;
                            font-family: 'Open Sans', 'Arial';
                            font-weight: bold;
                            -webkit-transform: translateY(-50%);
                            -moz-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                            -o-transform: translateY(-50%);
                            transform: translateY(-50%);
                        }

                        .stat-ring.large .stat-number {
                          font-size: 24px;
                        }
                        .user-rating {
                          
                          margin-top: -6px;
                        }



                        .stat-ring .stat-name {
                            font-size: 13px;
                            font-weight: bold;
                            color: #ccc;
                            margin-top: -5px;
                            text-align: center;
                            text-transform: uppercase;
                            overflow: hidden;
                            white-space: nowrap;
                            opacity: 0;
                            position: absolute;
                            height: 0;
                            width: 300px;
                            left: 50%;
                            -webkit-transform: translateX(-50%);
                            -moz-transform: translateX(-50%);
                            -ms-transform: translateX(-50%);
                            -o-transform: translateX(-50%);
                            transform: translateX(-50%);
                            -webkit-transition: all 0.3s;
                            -moz-transition: all 0.3s;
                            transition: all 0.3s;
                        }


                        .stat-ring:hover .stat-name {
                            height: 20px;
                            opacity: 1;
                        }

                        .stat-ring .stat-color {
                            height: 100%;
                            width: 100%;
                            position: relative;
                            margin-bottom: 10px;
                        }




                        .stat-ring.difficulty .stat-color:after {
                            content: '\f11b';
                            color: #faad11;
                        }


                        .headset-icon {

                              display: block;
                            font-size: 33px;
                            text-align: center;
                            margin-top: 0px;
                            color: #EAC14E;
                        }






/******************/


.social-icon-2 {
    color: #fff;
    border-radius: 3px;
}
.fa-round-corner {
  border-radius: 4px;
}
ul.social-icons-2 {
    margin-top: 8px;
}
ul.social-icons-2 a {
    border-radius: 3px;
}
.social-icons-2 li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons-2 a {
    color: #fff;
    text-decoration: none;
}

.reddit {
    padding: 8px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #000;
} 
.reddit:hover {
  background-color: #333;
}
.share-buttons .fa-reddit:hover {
    background-color: #3d5b99;
}

.facebook {
  padding:8px 18px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition: .5s;
  background-color: #3d5b99;
}
.facebook:hover {
  background-color: #333;
}
.twitter {
  padding:8px 15px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition: .5s;
  background-color: #00aced;
}
.twitter:hover {
  background-color: #333;
}

.share-buttons .fa-rss {
    padding:13px 20px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.share-buttons .fa-rss:hover {
    background-color: #eb8231;
}
.youtube {
  padding:8px 16px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition: .5s;
  background-color: #e64a41;
}
.youtube:hover {
    background-color: #333;
}

.linkedin {
    padding:8px 16px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #0073a4;
}
.linkedin:hover {
    background-color: #333;
}
.share-buttons .fa-google-plus {
    padding:8px 13px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.share-buttons .fa-google-plus:hover {
    background-color: #e25714;
}




/* END SOCIAL */