@font-face{ 
    font-family: "CCExcelsius"; 
    src: local('☺'), url('../media/fonts/CCExcelsius.woff') format('woff');
    font-style:normal;
}
@font-face{ 
    font-family: "CenturyGothic"; 
    src: local('☺'), url('../media/fonts/CenturyGothic.woff') format('woff');
    font-style:normal;
}

/*@media only screen and (orientation:landscape){
  body {
    height: 100vw;
    transform: rotate(90deg);
  }
}
*/
html, body {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000; /*#5cbace;*/
    overflow: hidden;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none; 
    -webkit-user-callout: none;
    -ms-touch-action: manipulation !important;
   
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-image: url('../media/front/pinball_bib.jpg');/*gameBackground_white.jpg*/
    image-rendering: c;
}


.loader_dummy{
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    top: 0px;
    left: 0px;
    overflow: hidden;
    visibility: hidden;
}

a, a:visited, a:hover, a:active, a:focus {
    color: inherit;
    outline: 0;
}



img {
    display: inline-block;
   	background: transparent;
    backface-visibility: hidden;
}

canvas{
    backface-visibility: hidden;
}
.ot-sdk-show-settings{
	text-transform: uppercase;
}
div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    backface-visibility: hidden;
}


.clear {
	clear: both;
}

.generic_absolute{
    position: absolute;
    display: block;
}

.generic_relative{
    position: relative;
    display: inline-block;
}

.generic_block{
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*==========================*/
/* wrapper */
/*==========================*/


#debug{
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 0px;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(255,0,0,0.5);
    color: #ffffff;
    pointer-events: none;
    font-size: 10px;
    font-family: "Arial";
    z-index: 1000;
}

#div_errors{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica;
    color: white;
    z-index: 200;
    background-color: #49abc1;
}

#div_loading{
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 100;
    background-color: #49abc1;
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
}


#div_pause{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: center;
    background-color: rgba(0,38,65,.66);
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
}
#div_game_back {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    /*overflow: hidden;*/
    text-align: center;
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
    pointer-events: auto;
}
#div_screens {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    overflow: hidden;
    text-align: center;
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
    pointer-events: auto;
    -webkit-mask-image: url(../media/mobile_mask.svg);
    mask-image: url(../media/mobile_mask.svg);
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-repeat:repeat-y;
    mask-repeat:repeat-y;
}

#canvas_game{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
}
.canvas_shareable{
    position: absolute;
    display: none;
    left:0px;
    right:0px;
    width:500px;
  z-index: 1005;
}
#div_legal, #div_billing{
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    right:0px;
    line-height:16px;
    z-index: 100;
    overflow: visible;
    background-color: #000000;
    touch-action: none;
    font-size: 20px;
    -webkit-overflow-scrolling: none;
    -webkit-text-size-adjust: 100%;
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
}

#div_controls{
    position: absolute;
    display: block;
    top:0px;
    right:0px;
	text-align: right;
    width: 74px;
    padding-top: 5px;
    padding-right: 5px;
    -ms-transform-origin: top right; /* 100% 0%; IE 9 */
    -webkit-transform-origin: top right; /* 100% 0%; Chrome, Safari, Opera */
    transform-origin: top right;
    pointer-events: none;
}



/*==========================*/
/* title screen */
/*==========================*/

.film_logo_block{
    position: absolute;
    display: block;
	width:380px;
    top: 20px;
    left: 0px;
    text-align: center;
    pointer-events: none;
    color: #fcc884;
    font-size: 14px;
    font-family: "CCExcelsius";
}

.film_logo_date{
  color: rgb(255, 255, 255);
    font-size: 15px;
    font-family: "CCExcelsius";
}

.film_logo_img{
	width:380px;
    height: 110px;
    width: auto;
}
.blue_portrait_bib {
    display: block;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size:cover;
    background-image: url("../media/front/title_background.jpg");
    position: absolute;
    left: -50px;
    top: 0px;
    width: 1180px; /* 1080px; */
    height: 3097px; /* 1059px; */
    transform-origin:top left;
}
.TitleScene {
    display: block;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../media/front/TitleScene.jpg");
    position: absolute;
    left: -50px;
    top: 0px;
    width: 1180px; /* 1080px; */
    height: 1157px; /* 1059px; */
    transform-origin:top left;
}
.character_title{
    display: block;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../media/front/Title_Character.png');
    position: absolute;
    left: 14px;
    top: 39px;
    width: 1059px;
    height: 1112px;  
    transform-origin: top left;  
}

.theaters_white {
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../media/front/theaters_white.png");
    position: absolute;
    left: 136px;
    top: 1520px;
    width: 800px;
    height: 276px;
    transform-origin:top left;
}

.game_title {
    font-size: 60px;
    cursor:default;
    pointer-events: none;
    font-family: "CCExcelsius";
    color: rgb(255, 255, 255);
    line-height: 1;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 1245px;
    width: 1080px;
    height: 43px;
    transform-origin:top left;
}

.game_logo { 
    display: block;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../media/front/GameLogo.png");
    position: absolute;
    left: 200px;
    top: 882px;
    width: 688px;
    height: 412px;
    transform-origin:top left;
}

.b_play{ 
    z-index: 1;
    position: absolute;
    display: block;
    left: 311px;
    top: 1340px;
    width: 459px;
    height: 137px;
    font-size: 64px;
    text-align: center;
    line-height: 130px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "CCExcelsius";  
    background-image: url("../media/front/general_button.png");
    background-size: contain;
    cursor: pointer;
    transform-origin:top left;
}
.b_play::before{
    z-index: -1;
    content: '';
    position: absolute;
    display: block;
    top: 4px;
    left: 4px;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    border-radius: 30px;
}

/*==========================*/
/* picker screen */
/*==========================*/

.instructions_header{
    display: block;
    font-size: 80px;
  font-family: "CCExcelsius";
  color: rgb(255, 255, 255);
  line-height: 1;
  text-align: center;
  position: absolute; 
  left: 0px;
  top: 40px;
  width: 1080px;
  height: 90px;
    white-space: nowrap;
    pointer-events: none;
    transform-origin:top left;

}

/*Easy*/
.EasyButton {
    font-size: 72px;
    text-align: center;
    line-height: 1000px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "CCExcelsius"; 
    background-image: url("../media/front/EasyButton.png");
    position: absolute;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    left: 59px;
    top: 400px;
    width: 435px;
    height: 441px;
    transform-origin:top left;
}
.EasyButton::before{
    content: '';
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    border-radius: 26px;
}
/*Hard*/
.HardButton {
    font-size: 72px;
    text-align: center;
    line-height: 1050px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "CCExcelsius"; 
    background-image: url("../media/front/HardButton.png");
    position: absolute;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    left: 542px;
    top: 212px;
    width: 478px;
    height: 457px;
    transform-origin:top left;
}
.HardButton::before{
    content: '';
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    border-radius: 26px;
}
.TwoPlayers {
    font-size: 72px;
    text-align: center;
    line-height: 1230px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "CCExcelsius"; 
    background-image: url("../media/front/TwoPlayers.png");
    position: absolute;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    left: 60px;
    top: 973px;
    width: 965px;
    height: 546px;
    transform-origin:top left;
}
.TwoPlayers::before{
    content: '';
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    border-radius: 26px;
}

/*Easy*/
.EasyButtonDesk {
    font-size: 72px;
    text-align: center;
    line-height: 1000px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "CCExcelsius"; 
    background-image: url("../media/front/EasyButton.png");
    position: absolute; 
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
left: 309px;
  top: 391px;
    width: 435px;
    height: 441px;
    transform-origin:top left;
}
.EasyButtonDesk::before{
    content: '';
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    border-radius: 26px;
}
/*Hard*/
.HardButtonDesk {
    font-size: 72px;
    text-align: center;
    line-height: 1050px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "CCExcelsius"; 
    background-image: url("../media/front/HardButton.png");
    position: absolute;
    left: 271px;
    top: 1050px;
    width: 478px;
    height: 457px;   
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transform-origin:top left;
}
.HardButtonDesk::before{
    content: '';
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    border-radius: 26px;
}

/*==========================*/
/* nstruction screen */
/*==========================*/

.instruction_logo {
  background-image: url("../media/front/LogoSmall.png");
    display: block; 
    background-size: contain;
    background-repeat: no-repeat;
  position: absolute;
  left: 444px;
  top: 20px;
  width: 192px;
  height: 112px;
    pointer-events: none;
    transform-origin:top left;
    z-index: 8;
}

.instruction_image {
  background-image: url("../media/front/inst_page_1.png");
  position: absolute;
  left: 187px;
  top: 164px;
  width: 704px;
  height: 1131px;
    pointer-events: none;
    transform-origin:top left;
}

.inst_text_area {
  background-image: url("../media/front/inst_text_area.png");
    background-size: cover;
  position: absolute;
  left: 70px;
  top: 1315px;
  width: 941px;
  height: 219px;
    pointer-events: none;
    transform-origin:top left;
}


.inst_text {
  font-size: 38px;
  font-family: "CenturyGothic";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 90px;
  top: 1350px;
  width: 900px;
  height: 200px;
    pointer-events: none;
    transform-origin:top left;
}

.inst_play_button {
    z-index: 1;
    position: absolute;
    display: block;
    left: 311px;
    top: 1559px;
    width: 459px;
    height: 137px;
    font-size: 64px;
    text-align: center;
    line-height: 130px;
    color: #ffffff;
    font-family: "CCExcelsius";  
    background-image: url("../media/front/general_button.png");
    background-size: contain;
    white-space: nowrap;
    cursor: pointer;
    transform-origin:top left;
}
.inst_play_button::before{
    z-index: -1;
    content: '';
    position: absolute;
    display: block;
    top: 4px;
    left: 4px;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    border-radius: 30px;
}

.inst_left {
    background-image: url("../media/front/inst_left.png");
    position: absolute;
    left: 0px;
    top: 549px;
    width: 148px;
    height: 301px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transform-origin:top left;
}
.inst_right {
    background-image: url("../media/front/inst_right.png");
    position: absolute;
    left: 917px;
    top: 549px;
    width: 148px;
    height: 301px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transform-origin:top left;
}
.div_game_bib{
    display:block;
   position:absolute;
    left:-50px;
    top:0px;
    height:1920px;
    width:1180px;
    background-color:black;
    transform-origin: top left;
    /*text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../media/front/pinball_bib.jpg');*/
}


.Recap_ShareButton{      
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transform-origin:top left;
    position: absolute;
    left: 210px;
    top: 1340px;
    width: 658px;
    height: 141px;
    font-size: 60px;
    font-family: "CCExcelsius";
    color: rgb(255, 255, 255);
    line-height: 115px;
    text-align: center;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: url("../media/front/wide_button.png");
}
.Recap_facebook {
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transform-origin:top left;
    position: absolute;
    left: 190px;
    top: 1340px;
    width:175px;
    height: 141px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: url("../media/front/social_fb.png");
    visiblity:hidden;
}
.Recap_instagram {
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transform-origin:top left;
    position: absolute;
    top: 1340px;
    width:175px;
    height: 141px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    left:365px;
    background-image: url("../media/front/social_ig.png");
    visiblity:hidden;    
}
.Recap_twitter {
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transform-origin:top left;
    position: absolute;
    top: 1340px;
    width:175px;
    height: 141px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    left:550px;
    background-image: url("../media/front/social_tw.png");
    visiblity:hidden;    
}
.Recap_download {
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transform-origin:top left;
    position: absolute;
    top: 1340px;
    width:175px;
    height: 141px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    left:725px;
    background-image: url("../media/front/social_dl.png");
    visiblity:hidden;    
}

.Recap_Play_Again {
    background-image: url("../media/front/wide_button.png");
    position: absolute;
    background-repeat: no-repeat;
    left: 211px;
    top: 1180px;
    width: 658px;
    height: 141px;
    font-size: 60px;
    font-family: "CCExcelsius";
    color: rgb(255, 255, 255);
    line-height: 135px;
    text-align: center;
    background-size: contain;
    white-space: nowrap;
    cursor:pointer;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform-origin:top left;
}

.Recap_VOD {
    background-image: url("../media/front/theaters_white.png");
    position: absolute;
    background-repeat: no-repeat;
    left: 136px;
    top: 1520px;
    width: 800px;
    height: 276px;
    background-size: contain;
    white-space: nowrap;
    /*cursor: pointer;*/
    pointer-events: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform-origin:top left;
}

.Recap_Score {
    z-index: 4;
    font-size: 130px;
    font-family: "CCExcelsius";
    color: rgb(255, 255, 255);
    line-height: 1;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 1030px;
    width: 1080px;
    height: 87.889px;
    pointer-events: none;
    transform-origin:top left;
}

.Recap_ScoreLabel {
    z-index: 4;
    font-size: 80px;
    font-family: "CCExcelsius";
    color: rgb(248, 93, 28);
    color: rgb(255, 255, 255);
    line-height: 1.75;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 920px;
    width: 1080px;
    height: 40px;
    pointer-events: none;
    transform-origin:top left;
}
.txt_processing {
    z-index: 4;
    font-size: 40px;
    font-family: "CCExcelsius";
    color: rgb(255, 255, 255);
    line-height: 1.75;
    text-align: center;
    position: absolute;
    left: 210px;
    top: 1370px;
    width: 658px;
    height: 100px;
    opacity: 0;
    pointer-events: none;
    transform-origin:top left;
}
.Recap_Heading {
    z-index: 4;
    font-size: 100px;
    font-family: "CCExcelsius";
    color: rgb(255, 255, 255);
    line-height: 1;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 830px;
    width: 1080px;
    height: 73.874px;
    pointer-events: none;
    transform-origin:top left;
}
.Recap_BothLose {
    z-index: 1;
    background-image: url("../media/front/Recap_BothLose.jpg");
    position: absolute;
    left: -50px;
    top: 0px;
    width: 1180px;
    height: 939px; /* 860px; */
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    transform-origin:top left;
}
.Recap_TomWins {
    z-index: 1;
    background-image: url("../media/front/Recap_TomWins.jpg");
    position: absolute;
    left: -50px;
    top: 0px;
    width: 1180px;
    height: 939px; /* 860px; */
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    transform-origin:top left;
}
.Recap_JerryWins {
    z-index: 1;
    background-image: url("../media/front/Recap_JerryWins.jpg");
    position: absolute;
    left: -50px;
    top: 0px;
    width: 1180px;
    height: 939px;
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    transform-origin:top left;
}


/*==========================*/
/* loader */
/*==========================*/



.loader_spinner{
    position: absolute;
    display: block;
    width: 256px;
    height: 256px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../media/Loader_White.gif')
}

.loader_bar{
    position: absolute;
    display: block;
    width: 256px;
    height: 20px;
    border: 2px solid white;
    border-radius: 20px;
    overflow: hidden;
}

.loader_bar_fill{
    position: absolute;
    display: block;
    left: 0px;
    top:0px;
    height: 100%;
    width: 0%;

    background: linear-gradient(#b0de12, #cde922, #81a606);
   
}


/*==========================*/
/* pause menu */
/*==========================*/


.pause_menu_block{
    position: relative;
    display: inline-block;
}

.pause_menu{
    position: relative;
    display: block;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-align: center;
    font-family: "CCExcelsius";
    font-size: 40px;
    letter-spacing: 1px;
    padding: 10px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    border: 2px solid white;
    border-radius: 30px;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
}


/*==========================*/
/* legal */
/*==========================*/


.legal_block {
    z-index: 100;
    position: relative;
    display: inline-block;
    top: 0px;
    /*width: 100%;*/
    left:0px;
    right:0px;
    padding: 4px;
    font-size: 14px;
    font-family: "CenturyGothic";
    color: #ffffff;
    text-align:center;
    pointer-events: none;
    background-color: #000000;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.legal_block a:link {
    text-decoration: none;
    pointer-events: auto;
    color: #ffffff;
}

.legal_block a:visited {
    text-decoration: none;
    pointer-events: auto;
    color: #ffffff;
}

.legal_block a:active {
    text-decoration: none;
    pointer-events: auto;
    color: #faaf1e;
}

.legal_block a.no-touch:hover {
    text-decoration: none;
    pointer-events: auto;
    color: #faaf1e;
}


.b_legal {
    position: absolute;
    display: block;
    top: -45px;
    left: 0px;
    height: 80px;
    min-width: 120px;
    pointer-events: all;
    cursor: pointer;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    text-decoration: none !important;
    /*white-space: nowrap;*/
    color: #ffffff;
    padding-right: 20px;
    padding-left: 20px;
    text-decoration: none;
    pointer-events: auto;
    font-family: "CenturyGothic";
    border-radius: 0px 30px 0px 0px;
    background-color: #000000;
}

.b_legal a:link {
    text-decoration: none;
}

.b_legal a:visited {
    text-decoration: none;
}
.b_legal a:active {
    text-decoration: none;
    color: #faaf1e;
}
.legal_link {
    display: inline-block;
    white-space: nowrap;
    pointer-events: auto !important;
}
.legal_link_mobile {
    display: inline-block;
    white-space: nowrap;
    pointer-events: auto !important;
}

.legal_image{
    position: relative;
    display: inline-block;
    margin: 5px 16px 1px 16px;
    /*max-height:60px;*/
    min-width:80px;
}

.legal_billing {
    background-color:black;
    padding-top: 1px;
    position: absolute;
    bottom:79.5px;
    width: 100%;
    height: 162px;
    text-align:center;
    align-content: center;  
    pointer-events:auto;
}
.legal_billing_image {
    margin-top:5px;
    position: absolute;
    width: 1015px;
    height: 162px;
    text-align:center;
    align-content: center;  
}
.legal_dividers {
    position:relative;
    margin-left:4px;
    margin-right:2px;
    display:inline-block;
    white-space: wrap;
    color:#d6272f;
    display:none;
}

/*==========================*/
/* mute/fullscreen/pause    */
/*==========================*/

.b_fullscreen{
    position: relative;
    display: inline-block;
    width: 58px;
    height:58px;
    margin-right: 5px;
    margin-top: 0px;
    pointer-events:auto;
    background-repeat: no-repeat;
    background-size: 58px 58px;
    cursor: pointer;
    background-image: url('../media/b_fullscreen_on.svg');
}
/*.b_fullscreen:hover{
    cursor:pointer;
    background-image: url('../media/b_fullscreen_on_over.svg');
}*/

.b_fullscreen_on{
    position: relative;
    display: inline-block;
    width: 58px;
    height:58px;
    margin-right: 5px;
    margin-top: 0px;
    pointer-events:auto;
    background-repeat: no-repeat;
    background-size: 58px 58px;
    cursor: pointer;
    background-image: url('../media/b_fullscreen_off.svg');
}
/*.b_fullscreen_on:hover{
    cursor:pointer;
    background-image: url('../media/b_fullscreen_off_over.svg');
}*/

.b_mute{
    position: relative;
    display: inline-block;
    width: 58px;
    height:58px;
    margin-right: 5px;
    margin-top: 0px;
    pointer-events:auto;
    background-repeat: no-repeat;
    background-size: 58px 58px;
    cursor: pointer;
    background-image: url('../media/b_sound_on.svg');
}
/*.b_mute:hover{
    cursor:pointer;
    background-image: url('../media/b_sound_on_over.svg');
}*/

.b_mute_on{
    position: relative;
    display: inline-block;
    width: 58px;
    height:58px;
    margin-right: 5px;
    margin-top: 0px;
    pointer-events:auto;
    background-repeat: no-repeat;
    background-size: 58px 58px;
    cursor: pointer;
    background-image: url('../media/b_sound_off.svg');
}
/*.b_mute_on:hover{
    cursor:pointer;
    background-image: url('../media/b_sound_off_over.svg');
}*/

.b_pause{
    position: relative;
    display: inline-block;
    width: 58px;
    height:58px;
    margin-right: 5px;
    margin-top: 0px;
    pointer-events:auto;
    background-repeat: no-repeat;
    background-size: 58px 58px;
    cursor: pointer;
    background-image: url('../media/b_pause.svg');
}
/*.b_pause:hover{
    cursor:pointer;
    background-image: url('../media/b_pause_over.svg');
}*/

/*==========================*/
/* game */
/*==========================*/
.hud_top_bar {
    position: absolute;
    left:0px;
    width:100%;
    top:0px;
    height:65px;
    background-image: url('../media/front/TopBar.jpg');
    pointer-events: none;
}

.hud_score_amt{
    position: absolute;
    display: block;

    font-size: 72px;
    font-family: "CCExcelsius";
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: 0px 6px 0px rgba(1, 1, 1, 0.61);
    left: 50%;
    top: 6.73px;
    white-space: nowrap;
    width: 229px;
    height: 59px;
	
}

.hud_messages{
    position: absolute;
    display: none;
    font-size: 50px;
    white-space: nowrap;
    color:white;
    font-family: "CCExcelsius";
    text-shadow: 0px 6px 6px rgba(0,0,0,1);
    pointer-events: none;
}


.game_timer {
    position: absolute;
    display: block;
    font-size: 50px;
    font-family: "CCExcelsius";
    color: white;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    width:100px;
    height:30px;
    left: 550px;
    top: 5px;
    pointer-events: none;
}

.logo_inv_en_png {
    background-image: url("../media/logo_inv_en.png");
    background-size: contain;
    transform-origin: top right;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: auto;
    height: 65px;
    pointer-events: none;
}

.game_film_logo_date{
    color: rgb(255, 255, 255);
    font-size: 15px;
    line-height: 16px;
    font-family: "CCExcelsius";
    position: absolute;
    display: block;
    
    width:100px;
    top: 20%;
    height: 40px;
    pointer-events: none;
}

.legal_landscape_hidden {
    visibility:hidden;
    display:none;
}
.legal_portrait_hidden {
    visibility:hidden;
    display:none;
}
#orientation_overlay {
  position: absolute;
  display: none;
  top: 0px; 
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}