/*

*/
#game_outer{position:relative; margin:auto; width: 900px; height: 600px; overflow:hidden;}
#topLayer{width:900px; height:600px; position:absolute; top:0px; left:0px; z-index:100;}



#topInterface{position: absolute; top:5px; left:0; z-index: 90; width: 900px;}
#questionLabelBloc{position: absolute; left:30px; top:3px; font-weight: bold;}
#questionIndexLabel{font-size: 1.5em; color:#4373AF; display: inline-block;}
#questionTextLabel{font-size: 2em; color:#355987; display: inline-block; margin-left:10px;letter-spacing: -0.04em;}
#questionTextSupLabel{font-size: 1.5em; color:#4373AF; display: inline-block; margin-left:10px;}

#mainScoreLabel{position: absolute; right:60px;
    font-size: 2.2em;
    font-weight: bold;
    text-align: right;
    color:#355987;
    top:0px;
}


/* We have a weird problem of a disappearing of the timer (in case of scale for mobile) if it's contained directly by game_outer. So The timer, for REG games, is contained in #topInterface. */
#timerBloc{bottom:auto; top:49px;}

/* For TABLETS */
/*-----------------------------------*/
@media only screen and (max-device-width : 1300px){

   #questionLabelBloc{top:7px;}
    #mainScoreLabel{top: 2px;} 

    /* Game */
    #topInterface{top:44px !important;}
    #timerBloc{top:5px;}
    #mainScoreLabel, #questionIndexLabel, #questionTextLabel{ color:#FFF !important;
        text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;}
    
    #questionTextSupLabel{text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;}

   
    #questionLabelBloc{left:50px;}
    #mainScoreLabel{ margin-right:20px;}
    .score_comparator { display: block;}

    #game_outer #winSolution.popup{top: 130px;}

    #best_score_bloc_content_result{bottom:auto !important; z-index:2000 !important; top:22px; }
    

}

/* FOR small screens (iphones)  */
/*-----------------------------------*/
@media only screen and (max-device-width : 568px){

}





    

.special_game_flag{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 219px;
    left: -163px;
}





#winEndGame .statsBlocTitle{font-size: 1.2em; font-family: Blogger_Sans_Light; color:#72BBF3; text-align: center;}
#winEndGame .statsBloc{ padding:10px 30px 0px 30px; border:solid 1px #72BBF3; margin: 0 30px;
border-radius: 20px;}
#winEndGame .distanceBloc{margin-top:0px; }
#winEndGame .timeBloc{margin-top:0px; line-height: 30px;}
#winEndGame .bonusBloc{font-size: 0.8em;}
#winEndGame .tr_success{height: 136px;}


.timeBloc{margin-top:30px; padding:0 20px;}
.timeBloc .timeIco{display: inline-block;width:26px; height:25px; background:url(images/loc_games/ico_time.png) no-repeat; background-size: 26px 25px;}
.timeBloc .timeDetail{display: inline-block;font-size: 1.15em; color:#47B2CF; float: right;}



/* fullscreen */
/*-----------------------------------
#game_outer.fullscreen{width:1800px !important; height: 1200px !important;}*/