body{ background:#000; color:#FFF;}
/*fonts*/
@font-face{
	font-family: 'bignoodletitlingregular';
	src: url('../fonts/big_noodle_titling-webfont.eot');
	src: url('../fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/big_noodle_titling-webfont.woff') format('woff'),
		 url('../fonts/big_noodle_titling-webfont.ttf') format('truetype'),
		 url('../fonts/big_noodle_titling-webfont.svg#bignoodletitlingregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'bebas_neue_cyrillicregular';
	src: url('../fonts/bebas_neue_cyrillic-webfont.eot');
	src: url('../fonts/bebas_neue_cyrillic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bebas_neue_cyrillic-webfont.woff') format('woff'),
		 url('../fonts/bebas_neue_cyrillic-webfont.ttf') format('truetype'),
		 url('../fonts/bebas_neue_cyrillic-webfont.svg#bebas_neue_cyrillicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'DINCondMediumRegular';
	src: url('../fonts/ff_din_condensed_medium-webfont.eot');
	src: url('../fonts/ff_din_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/ff_din_condensed_medium-webfont.woff') format('woff'),
		 url('../fonts/ff_din_condensed_medium-webfont.ttf') format('truetype'),
		 url('../fonts/ff_din_condensed_medium-webfont.svg#DINCondMediumRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'PTSansNarrowRegular';
	src: url('../fonts/PTN57F-webfont.eot');
	src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTN57F-webfont.woff') format('woff'),
		 url('../fonts/PTN57F-webfont.ttf') format('truetype'),
		 url('../fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fs_01 { font-family: 'bignoodletitlingregular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; }
.fs_02 { font-family: 'bebas_neue_cyrillicregular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_03 { font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_03_big { font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
.fs_04 { font-family: 'PTSansNarrowRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_04_big { font-family: 'PTSansNarrowRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
.fs_05 { font-family: Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fc_red{ color:#ff0000;}
.fc_white{ color:#fff;}
#hero-overview p{ font-family: 'PTSansNarrowRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; color:#ccc;}
.background_size{ background-size:cover;}
.wrapper{ width:100%; background-size:cover;}
.img-responsive{ display:inline-block;  width:auto \9;}
.red_box{ padding:50px; background-color:rgba(185,23,39,0.5);}
.black_box{ padding:50px; background-color:rgba(0,0,0,0.5);}
.blue_box{ background-color:rgba(0,59,193,0.3);}
.logo_title { margin-top:20px;}
.logo_title img.logo_right{ margin-left:20px;}
.logo_title.top img{ margin-right:5px; vertical-align:top;}
.logo_title img.last{ margin-right:0px;}
.logo_title img.logo{ margin-right:20px;}
.logo_title img.logo_right{ margin-left:20px;}
.logo_box{ height:100%; display:table;}
.logo_box .td{ display:table-cell; vertical-align:middle;}
.logo_box .td img.logo{ margin-right:20px;}
.logo_box .td img.logo_right{ margin-left:10px;}



.carousel-indicators {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
#carouselXSplitGamecaster .carousel-indicators{
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 14px;
  height: 14px;
  margin: 0;
  border: 1px solid #ff0000;
  background-color: #ff0000;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .8;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ff0000;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control span.left{ display:inline-block; position:absolute; top:45%; background:url(../../../images/btnPrev.png) no-repeat; width:48px; height:48px; left: -60px;}
.carousel-control span.right{ display:inline-block; position:absolute;  top:45%; background:url(../../../images/btnNext.png) no-repeat; width:48px; height:48px; right:-60px;}

.carousel-control:hover span,
.carousel-control:focus span {
	background-position:bottom;
}

/* Video area */
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed { position: absolute;top: 0;left: 0; width: 100%; height: 100%;}

/* add by Matt */
.game_menu{ position:fixed; height:100%; width:48px; display:table; z-index:999999; right:0;top:0;}
.game_menu ul{ margin:0; padding:0; display:table-cell; height:100%; vertical-align:middle;  list-style:none;}
.game_menu ul li{ margin:12px 0; padding:0; width:200px; height:12px; margin-right:-200px; }
.game_menu ul li a{ display:inline-block ; width:12px; height:12px; background:url('../../../images/dot4.png') no-repeat; margin:0; padding:0;}
.game_menu ul li a:hover,.menu ul li a:active,.game_menu ul li a.active{background-position:-12px 0;}
#prod-info{font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;font-size: 16px;}
#hero-overview h1{
    color:#fff;
    text-transform: none;
}
#hero-overview img{
    display: inline;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -100px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -100px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: -40px;
  }
}