@charset "utf-8";
@import url('io.css');

/* CSS Document */
BODY{
  height: 100%;
  margin: 0px;
  padding: 0px;
  color: #FFF;
  font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  background-color: #0f0f0f;
}

H1, H2, H3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-transform:uppercase;
  padding: 0;
  margin: 0;
}

H1 {
  font-size: 35px;
  color: #FFF;
}

H2{
  color: #ff2f01;
  font-size: 22px;
}

H3 {
  font-size: 16px;
  letter-spacing: 1px;
    color: #FFF;
    font-weight: 300;
}

H4{
  font-size: 12px;
  color: #FFF;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold;
  clear: both;

}

H5{
  font-size: 26px;
  color: #333;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: center;
  clear: both;

}

H6{
  font-size: 26px;
  color: #FFF;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-weight: normal;
  clear: both;

}
H7{
    font-size: 18px;
    font-style: italic;
}

P1{
  font-size: 12px;
}

UL {
  margin: 0;
  padding:  0;
  list-style-type: none;
}

A {
  color: #FE0000;
  text-decoration: none;
}

A.white {
  color: #FFFFFF;
  font-weight: bold;
}

A:hover.white {
  text-decoration: underline
}

IMG {
  border: none;
}

.careersBannerWrapper {
  max-width: 500px;
  margin: 40px auto;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}

.careersBannerWrapper img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}




.nivoSlider {
    position:relative;
    background:url(../nivo-slider/images/loading.html) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

#globalWrapper{
  min-height:100%;
  position:relative;
}

#topArea{
  width: 980px;
  position: relative;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 390px;
}

#topAreaGames{
  width: 980px;
  position: relative;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
}

.splashArea{
  width: 100%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.splashArea.mediaPage{
  height: 210px;
  margin-top: 10px;
}

.whiteArea{
  width: 100%;
  min-height: 400px;
  overflow: auto;
  background: url(../exports/games_bck_top.png) repeat-x 0 top #FFF;
  padding-bottom: 390px;
}

.whiteArea.gameList{
  overflow: visible;
}

.whiteArea.media{
  overflow: visible;
}

.whiteArea.gamePage{
  background: url(../exports/gamePage_bck_top.png) repeat-x 0 top #FFF;
}

#light{
  width: 1060px;
  height: 925px;
  position: absolute; top: -40px; left: 50%;
  margin-left: -530px;
  background: url(../exports/bg_white_light2.png) no-repeat;
  z-index: -1;
}

.splashItem
{
  height: 364px;
  width: 980px;
  position: relative;
  z-index: -50;
}

.splashItem.iPhone
{
  height: 364px;
  width: 980px;
  background-image: url(../exports/splash01_1.html); background-repeat: no-repeat;
}

.splashItem.iPad
{
  height: 364px;
  width: 980px;
  background-image: url(../exports/splash01_2.html); background-repeat: no-repeat;
}

#soldier{
  position: absolute; top: 80px; left: 50%;
  margin-left: -550px;
}

#ghostbusters{
  position: absolute; top: 0px; left: 50%;
  margin-left: -490px;
}

#elysium{
  position: absolute; top: 0px; left: 50%;
  margin-left: -590px;
}

#vampirehunter{
  position: absolute; top: 100px; left: 50%;
  margin-left: -560px;
}

#santa{
  position: absolute; top: 60px; left: 50%;
  margin-left: -520px;
}

#yeti{
  position: absolute; top: 120px; left: 50%;
  margin-left: -540px;
}

.splashItemText{
  width: 280px;
  position: absolute; top: 150px; right: 40px;
  z-index: 10;
}

.splashItemText p{
  font-size: 15px;
  color: #EEE;
}

.storeButton{
  width: 150px;
  float: left;
  margin-top: 10px;
}

.storeButton.home{
  width: 135px;
}

.storeButton.google{
  width: 113px;
}

#image{
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

#splashPagination{
  width:  84px;
  height: 21px;
  clear: both;
  margin: auto;
  margin-bottom: 40px;
}

.pageDot{
  width: 21px;
  height: 21px;
  float: left;
  background: url(../exports/slider_show_bullet_OFF.png) no-repeat;
}

.pageDot.selected{
  background: url(../exports/slider_show_bullet_ON.png) no-repeat;
}

.bigButton{
  width: 124px;
  height: 42px;
  color: #FFF;
  float: left;
  text-align: center;
  line-height: 42px;
  background: url(../exports/btn_red_splash_on_off_124x42.png) no-repeat 0 top;
  margin-top: 10px;
}

.downloadButton{
  width: 150px;
  height: 42px;
  color: #FFF;
  float: left;
  line-height: 42px;
  background: url(../exports/downloadButton.png) no-repeat 0 top;
}

.gameDownloadBtn{
  float: left;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.homeDownloadButton{
  position: absolute;
  bottom: 20px; left: 50%;
  margin-left: -75px;
}

.gameDownloadBtn.company{
  float: right;
  margin: 0px;
  margin-top: 16px;
  margin-right: 16px;
}

.downloadButtonText {
  display: block;
  float: left;
  width: 110px;
  text-align: center;
}

.fireButton{
  width: 161px;
  height: 161px;
  position: absolute; top: 200px; left:  50%;
  margin-left: 280px;
  background: url(../exports/fireButtons.png) no-repeat 0 top;
}

.framedBox{
  border: 3px solid #fff;
  -moz-box-shadow:    0px 0px 6px 0px #666;
   -webkit-box-shadow: 0px 0px 6px 0px #666;
   box-shadow:         0px 0px 6px 0px #666;
   /*border-radius: 5px;*/
}

.fb-like{
  width: 48px;
  float: left;
  overflow: hidden;
  margin-right: 5px;
}

.twitter-share-button{

}

.g-plusone{
  float: left;
}

.right{
  float: right !important;
}

.linkArrow{
  height: 24px;
  float: right;
  background: url(../exports/arrow_red.png) no-repeat right;
  padding-right: 30px;
  margin-bottom: 8px;
  line-height: 24px;
  font-size: 14px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-transform:uppercase;
  color: #ff2f01;
}

.backTop {
  display: block;
  height: 16px;
  width: 100%;
  float: left;
  clear: both;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
}

.staff {
  width: 48%;
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
}

.staff H1{
  margin: 0px !important;
  padding: 0px !important;
  font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}

.staff H2{
  color: #333 !important;
  margin: 0px !important;
  padding: 0px !important;
  font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}

.staff P{
  font-size: 11px !important;
}

.staffPic{
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
  margin-bottom: 2px;
  background-color: #ccc;
}

.partner{
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #ccc;
}
.main-partner{
    width: 400px;
  display: block;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #000;
}
.main-partner :after{
     clear:both;
}
#media_videoreel{
  width: 400px;
  height: 240px;
  float: left;
  margin-left: 25px;
  background-color: #EEE;
  border: 2px solid #FFF;

  -moz-box-shadow:    0px 0px 6px 1px #333;
  -webkit-box-shadow: 0px 0px 6px 1px #333;
  box-shadow:         0px 0px 6px 1px #333;
}

#media_videoreel_title{
  width: 230px;
  height: 100px;
  float: left;
  margin-left: 20px;
  margin-top: 8px;
}

#media_videoreel_title H1 {
  font-size: 42px;
  color: #FFF;
  font-weight: 300;
  text-align: left;
}

#media_videoreel_title H2 {
  font-size: 16px;
  color: #CCC;
  margin: 0px; padding: 0px;
  text-align: left;
}

#media_videoreel_title P {
  font-size: 14px;
  color: #CCC;
  margin-top: 0px;
  text-align: left;
}

#media_latestnews {
  width: 266px;
  height: 242px;
  float: right;
  background-color: #FE0000;
}

#media_latestnews H1{
  color: #FFF;
  font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: none;
  margin: 10px;
}

#media_latestnews H2{
  font-size: 14px;
  color: #FFF;
  margin: 10px;
}

#media_latestnews H3{
  font-size: 20px;
  color: #FFF;
  margin: 10px;
  font-weight: 400;
}

#media_latestnews P{
  color: #FFF;
  font-size: 13px;
  margin: 10px;
}

.linkLatestNews {
  margin-right: 10px;
  color: #FFF;
  background: url(../exports/arrow_white.png) no-repeat right;
}

.linkVideoReel{
  float: left;
}

#mediaWrapper{
  width: 980px;
  min-height: 200px;
  overflow: auto;
  margin: auto;
  clear: both;
}

#media_kits,
#media_videos {
  width: 714px;
  float: left;
  margin-top: 20px;
}

#media_links_wrapper{
  width: 266px;
  float: right;
  background-color: #EEE;
}

#media_links{
  width: 250px;
  float: left;
  margin: 10px;
}

#media_links H1{
  color: #333;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: none;
}

#media_links H2{
  color: #000;
  font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin-bottom: 5px;
}

#media_links H3{
  color: #000;
  font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
}

#media_links a {
  color: #333;
}

#media_links a:hover {
  color: #FE0000;
}

#media_links H1.last {
  padding: 0px;
  border: 0px;
  margin-bottom: 0px;
}

.mediaItem{
  width: 224px;
  height: 148px;
  float: left;
  position: relative;
  margin-right: 14px;
  margin-bottom: 14px;
  background-color: #EEE;
}

.mediaItemInfo{
  width: 204px;
  height: 14px;
  position: absolute; bottom: 0px; left: 0px;
  padding: 10px;

  background-color: rgba(255, 255, 255, .85);

}

.mediaItemXL{
  width: 462px;
  height: 311px;
  float: left;
  position: relative;
  margin-right: 14px;
  margin-bottom: 14px;
  background-color: #EEE;
}

.mediaItemInfoXL{
  width: 442px;
  height: 14px;
  position: absolute; top: 50%; left: 0px;
  margin-top: -18px;
  text-align: center;
  padding: 10px;

  background-color: #FFF;
  background-color: rgba(255, 255, 255, .9);

}

.mediaItemInfoCat{
  color: #ff2f01;
  font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
}

.mediaItemInfoText{
  color: #333;
  font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.jobs_positionItem{
  width: 100%;
  min-height: 340px;
  float: left;
  background-color: #FFF;
  margin-bottom: 30px;
}

.jobs_positionItem_wrapper {
  width: auto;
  float: left;
  margin: 5%;
}

.jobs_positionItem H1{
  color: #000 !important;
  font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  margin-bottom: 5px;
}

.jobs_positionItem H2 {
  color: #000 !important;
  font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  margin-bottom: 5px;
}

.jobs_positionItem P {
  color: #000 !important;
  font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  margin-bottom: 5px;
}

.jobs_positionItem UL {
  list-style-type: square;
}

.jobs_positionItem LI {
  color: #000 !important;
  font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
  margin-left: 20px;
}
 /*jobs test inicio*/


 .pressDept > .pressDept-button {
  color: #ff2f01;
  cursor: pointer;
  display: block;
  font-family: monospace;
  font-size: 22px;
  font-weight: 400;
  margin: 0;
  padding-top: 5px;
  position: static;
  float: left;
  top: 0; right: 0;
  text-transform: none;
  padding: 10px 10px 10px 0;
}

 .pressDept > .pressDept-excerpt {
  color: black;
  display: block;
  font-family: "Helvetica Neue", Oswald, Helvetica, Geneva, sans-serif;
  font-size: 20px;
  margin: 0;
  padding: 10px 40px 10px 0;
  text-transform: uppercase;
  overflow: hidden;
}

 .pressDept > .pressDept-content {
  color: #666666;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  padding: 10px 40px 10px 0;
  text-transform: none;
}

 /*jobs test fin*/
.play {
  width: 100px;
  height: 100px;
  background: url(../exports/playIcon.png) no-repeat;
  position: absolute; left: 50%;
  margin-left: -50px;
}

.play.makingofbrucelee {
  top: 25px;

}

.play.splitsecond {
  top: 90px;
  left: 290px;

}

.play.keynoteVideo {
  top: 110px;
  left: 240px;
}

.play.one {
  top: 75px;
  left: 200px;
}

.play.dance {
  top: 100px;
  left: 120px;
}

#specialUpdate{
  width: 980px;
  height: 25px;
  position: relative; top: -4px; left: 50%;
  margin-left: -490px;
  clear: both;

   -moz-box-shadow:    0px 0px 6px 0px #000;
   -webkit-box-shadow: 0px 0px 6px 0px #000;
   box-shadow:         0px 0px 6px 0px #000;
   border-radius: 5px;

  background-color: #ed2300;

}

#specialMessage {
  position: relative; top: 6px; left: 200px;
  width: 760px;
}

#specialMessage P{
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  color: #FFF;
  text-shadow: 1px 1px #666;

}

#specialMessage A{

  color: #ffde48;
  text-decoration: underline;
}

#updatePromo{
  position: relative; top: -60px;
  float: left;
  margin-right: 20px;
}

#promoItemSlider{
  width: 300px;
  border: 4px solid #FFF;
  -moz-box-shadow:    0px 0px 6px 0px #000;
  -webkit-box-shadow: 0px 0px 6px 0px #000;
  box-shadow:         0px 0px 6px 0px #000;
  border-radius: 5px;
  margin: 30px;
}

/* :) */

body.page-media .whiteArea.media a.backTop {
  float: none;
  margin-top: 120px;
}

body.page-media #mediaWrapper {
  display: flex;
  overflow: visible;
}

body.page-media #mediaWrapper #media_kits {
  margin-top: -180px;
}

body.page-media #mediaWrapper #media_kits > .mediaKit {
  box-shadow: 2px 2px 2px LightGrey;
  height: auto; width: 692px;
  margin-top: 20px;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body.page-media #mediaWrapper #media_kits > .mediaKit:nth-of-type(1) {
  margin-top: 10px;
}

body.page-media #mediaWrapper #media_kits > .mediaKit > figure {
  border: 1px solid White;
  margin: 0;
  padding: 0;
  position: relative;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body.page-media #mediaWrapper #media_kits > .mediaKit > figure > figcaption {
  background-image: url('../img/media_kit_gradient.html');
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px; width: 220px;
  position: absolute;
  padding: 20px 60px 20px 410px;
  top: 0; right: 0;
}

body.page-media #mediaWrapper #media_kits > .mediaKit > figure > figcaption > small {
  color: #ff2f01;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
}

body.page-media #mediaWrapper #media_kits > .mediaKit > figure > figcaption > h2 {
  color: White;
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  margin-top: -5px;
  text-transform: uppercase;
}

body.page-media #mediaWrapper #media_kits > .mediaKit > figure > figcaption > p {
  color: White;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  margin-top: 10px;
  text-transform: none;
}

body.page-media #mediaWrapper #media_kits > .mediaKit > figure > figcaption > a {
  background-image: url('../img/media_kit_download.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 55px; width: 42px;
  position: absolute;
  right: 10px; bottom: 10px;
}



body.page-media #mediaWrapper #media_kits > .pressNotes-title {
  color: Black;
  font-family: 'Oswald', sans-serif;
  font-size: 34px;
  font-weight: bold;
  margin: 0;
  margin-top: 60px; margin-bottom: 10px;
  text-transform: uppercase;
}

body.page-media #mediaWrapper #media_kits > .pressNote {
  border-top: 1px solid Black;
  display: none;
  margin-right: 24px;
  margin-bottom: 20px;
  position: relative;
}

body.page-media #mediaWrapper #media_kits > .pressNote > .pressNote-button {
  color: #ff2f01;
  cursor: pointer;
  display: block;
  font-family: monospace;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  padding-top: 5px;
  position: absolute;
  top: 0; right: 0;
  text-transform: none;
}

body.page-media #mediaWrapper #media_kits > .pressNote > .pressNote-date {
  color: #ff2f01;
  display: block;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  padding-top: 5px;
  text-transform: none;
}

body.page-media #mediaWrapper #media_kits > .pressNote > .pressNote-excerpt {
  color: Black;
  display: block;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 10px 40px 10px 0;
  text-transform: uppercase;
}

body.page-media #mediaWrapper #media_kits > .pressNote > .pressNote-content {
  color: #666666;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  padding: 10px 40px 10px 0;
  text-transform: none;
}



body.page-media #mediaWrapper #media_kits > .pressNote-viewMore {
  background-color: #ff2f01;
  color: White;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  height: auto; width: 120px;
  margin: 20px auto;
  margin-left: 293px;
  padding: 4px 0;
  text-align: center;
}

body.page-media #mediaWrapper #media_links_wrapper {
  border-radius: 5px;
  box-shadow: 1px 1px 5px LightGrey;
  height: 1000px; width: 250px;
  margin-top: 20px;
}

body.page-media #mediaWrapper #media_links_wrapper #media_links {
  margin: 0;
}

body.page-legacy .splashArea.mediaPage > .wrapper {
  height: 100%; width: 75%;
  margin-left: 15%;
  text-align: center;
}

body.page-legacy .splashArea.mediaPage > .wrapper > #media_latestnews,
body.page-legacy #media_links_wrapper #media_links > h2 {
  display: none !important;
}