@font-face {
    font-family: 'FuturaFuturis';
    src: url('../fonts/FuturaFuturis-Bold.eot');
    src: url('../fonts/FuturaFuturis-Bold.eot?') format('eot'),
    url('../fonts/FuturaFuturis-Bold.woff') format('woff'),
    url('../fonts/FuturaFuturis-Bold.ttf') format('truetype'),
    url(http://core.disney.ru/d_assets/storage/online_games/olaf-dance/olaf-dance/html/fonts/FuturaFuturis-Bold.svg#svgFuturaFuturis-Boldd') format('svg');;
}
body
{
    font-family: 'FuturaFuturis', sans-serif;
    background-color: #014a7f;
	color: #fff;
    line-height: 150%;
}

.rating-display
{
    width: 40px;
    height: 40px;
    background: url(http://core.disney.ru/d_assets/storage/online_games/olaf-dance/olaf-dance/html/local/rating_display.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    margin-top: 10px;
}

.wrapper
{
    width:810px;
    height:600px;
    margin: auto;
    background: url(../images/SiteBackground.jpg) no-repeat;
    position: relative;
   /* margin: 90px auto 0px auto;          */
    overflow: hidden;
    position: relative
}

.copyright
{
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 13px;
	height: 81px;
	background: url(../images/copyright.png);
}
.screen
{
    text-align: center;
    width: 810px;
    height: 600px;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
}

.canvas
{
	position: absolute;
	top: 0;
	left: 0;
}

.screenContent
{
    width: 423px;
    margin-left: 10px;
}

.loadingScreen{display: block}
.preloadBar
{
	width: 227px;
	height: 16px;
	padding-top: 6px;
	padding-left: 6px;
	background: url(../images/preloaderFrame.png);
	margin: 30px auto;
}
.preloadMeterWrap
{
	width: 227px;
	margin: auto;
	height: 10px;
}
.preloadMeterCap
{
	width: 5px;
	height: 10px;
	float: left;
}
.preloadMeterCapL{background: url(../images/preloaderCapLeft.png)}
.preloadMeterCapR{background: url(../images/preloaderCapRight.png) no-repeat}
.preloadMeterFill
{
	width: 1px;
	height: 10px;
	float: left;
	background: url(../images/preloaderFiller.png) repeat-x
}
.preloadMeterFlake
{
	width: 33px;
	margin: -10px -15px;
	height: 33px;
	background: url(../images/preloaderSnowFlake.png);
}

/*
-----------------------------------------------------------------------------
GENERIC
-----------------------------------------------------------------------------
*/
.gameTableStart
{
    position: absolute;
    top: 200px;
    left: 110px;
    width: 100px;
    
    height: 100px;
    text-align: center;
    background: rgba(0,0,0,0.5);
}

.gameTitle
{
    width: 423px;
    height: auto;
}

.logoFrozen
{
    width: 440px;
    height: 242px;
    margin-bottom: 15px;
    background: url(../local/logo_frozen.png) no-repeat 50%;
}

.logpFrozenSml
{
    width: 440px;
    height: 218px;
    margin-top: -5px;
    margin-bottom: 10px;
    background: url(../local/logo_frozen_sml.png) no-repeat 50%;
}


.titleOlaf
{
    width: 423px;
    height: auto;
    margin-top: -25px;
    
    font-size: 58px;
    font-weight: 600;
    color:#FF6CF5;
    text-align: center;
    text-shadow: 0px 0px 50px #005760;
}

.releaseMessagingMain
{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 339px;
    height: 92px;
    background-image: url(../local/ReleaseMessageLrg.png);
}

.loadingRelease
{
    position: absolute;
    left: 50%;
    top: 460px;
    margin-left: -169px;
}

.gameReleaseMessage
{
    width: 428px;
    height: 118px;
    position: absolute;
    top: -15px;
    right: 75px;
    
}

.gameReleaseLogo
{
	width: 200px;
	height: 100%;
	display: inline-block;
	background: url(../local/Logo_Frozen_Gamescreen.png) 50% no-repeat;
}
.gameReleaseCopy
{
	width: 218px;
	height: 100%;
	margin-left: -15px;
	display: inline-block;
	background: url(../local/release_message_gamescreen.png) 50% no-repeat;
}

.gameReleaseMessageCombo
{
    right:50%;
    margin-right: -209px;
    bottom: -15px;
    width: 428px;
    height: 118px;
    position: absolute;
    display: none;
}


.screenCopy
{
    width: 390px;
    height: 110px;
    margin: auto;

    font-size: 22px;
    font-weight: 500;

    text-align: center;
    text-shadow: 0px 1px 2px #005760;
}
.screenCopyCta{font-weight: 700}

.subMenu
{
    width: 230px;
    height: 106px;
    position: absolute;
    bottom: -15px;
    right: 10px;
}
.icon{width: 66px; height: 82px; margin: auto; background-position: 50%}
.iconFacebook{background-image: url(../images/icon_fb.png); background-repeat: no-repeat}
.iconTwitter{background-image: url(../images/icon_twitter.png); background-repeat: no-repeat}
.iconTrailer{background-image: url(../images/icon_play.png); background-repeat: no-repeat}
.iconPause{background-image: url(../images/icon_pause.png); background-repeat: no-repeat}

.olafStd
{
    width:464px;
    height: 600px;
	pointer-events:none;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/Olaf_Standard.png) no-repeat;
}

.btnSquare
{
    width: 113px;
    height: 106px;
    cursor: pointer;
    margin-left: -40px;
    display: inline-block;
}
.btnSquare:hover{background-position: 0 -106px}

/*
-----------------------------------------------------------------------------
LANDING SCREEN SCREEN
-----------------------------------------------------------------------------
*/
#screen_main{background: url(../images/Background_Home.jpg) no-repeat}

#btnLandingPlayGame{margin-bottom: -20px}
/*
-----------------------------------------------------------------------------
INSTRUCTIONS
-----------------------------------------------------------------------------
*/
.instructionsAnim
{
    width: 372px;
	height: 200px;
	margin: -50px auto 5px auto;
	background: url(../images/instructions.png) no-repeat;
}
#btnInstPlayGame{margin-left: 50px}
/*
-----------------------------------------------------------------------------
GAME END SCREEN
-----------------------------------------------------------------------------
*/
#btnGameEndReplayGame{}
#btnGameEndLoginFB
{
	font-size: 24px;
	margin: 30px auto;
	padding-top: 26px;
}
.gameScoreDisplay
{
	width: 325px;
	height: 103px;
	padding-top: 28px;
	padding-left: 25px;
	position: absolute;
	top: 0px;
	left: -10px;
	background: url(../images/ScoreBar.png) no-repeat;
}
.gameScoreLabel
{
	font-size: 20px;
	font-weight: 700;
	
	text-align: center;
	width: 95px;
	padding-top: 6px;
	float: left;
	
	text-shadow: 0px 0px 10px #fff;
}
.gameScoreValue
{
	font-size: 30px;
	font-weight: 800;
	text-align: center;
	width: 200px;
	float: left;
    margin-top: 6px;
}
.comboBar
{
	width: 349px;
	height: 101px;
	position: absolute;
	left: -8px;
	bottom: -10px;
}
.comboBarWrap
{
	width: 349px;
	height: 101px;
	position: absolute;
	background: url(../images/ComboBar_Blue.png) no-repeat;
}
.comboBarLabel
{
	width: 100px;
	font-size: 20px;
	font-weight: 700;
	
	text-align: center;
	float: left;
	margin-top: 34px;
	margin-left: 34px;
}
.comboBarMeter
{
	width: 171px;
	height: 34px;
	background: url(../images/ComboBar_Meter.png) no-repeat;
	position: absolute;
	top: 26px;
	right: 55px;
}

.comboBarFiller
{
	width: 190px;
	height: 35px;
	position: absolute;
	top: 26px;
	right: 55px;
	background-image: url(../images/ComboBar_Meter_Fade.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
.comboBarDividers
{
	width: 95px;
	height: 28px;
	position: absolute;
	right: 80px;
	top: 33px;
	background: url(../images/comboBarDividers.png) no-repeat;
}
.comboBarLabelActive
{
	width: 100%;
	font-size: 30px;
	font-weight: 700;	
	text-align: center;
	margin-top: 35px;
}


.comboBarActive{background: url(../images/ComboBar_Pink.png) no-repeat}

#gameTouchButtons
{
	height: 100px;
	position: absolute;
	top: 433px;
	left: 10px;
}
.btnArrow
{
	width: 75px;
	height: 75px;
	background: rgba(0,0,0,0);
	display: inline-block;
}

#gameMoveRating
{
    width: 500px;
    height: 40px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 0px;
	right: 0;
	opacity: 0;
    text-shadow: 0px 0px 30px #FFDD00;
}

#gameLevelUpDisplay
{
	top: 240px;
	left: 20px;
	width: 300px;
	font-size: 40px;
	font-weight: 700;
    height: 100px;
    line-height: 30px;
	
	text-align: center;
	position: absolute;
	opacity: 0;
	text-shadow: 0px 0px 50px #FFDD00;
}

#gameComboMoveName
{
	width: 100%;
	font-size: 50px;
	font-weight: 700;

	text-align: center;
	position: absolute;
	top: 33px;
	left: 0;
	text-shadow: 0px 0px 40px #FFDD00;
	opacity: 0;
}

#gameCountdownWrapper{display: none}
.gameCountdown
{
	width: 307px;
	top: 180px;
	left: 20px;
	position: absolute;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px 0px 40px #32F5FF;

}

.gameCountdownNumber{font-size: 100px; text-shadow: 0px 0px 40px #FFDD00; margin-top: 55px; opacity:1}

.gameCountdownLabel
{

    font-size: 50px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px 0px 40px #32F5FF;
}

#gameTouchCTA
{
    width: 347px;
    top: 179px;
    height: 203px;
    position: absolute;
    background: url(../images/touch_start_cta.png) no-repeat;
    background-position: bottom;
}

.touchCTALabel
{
    text-align: center;
    font-size: 72px;
    font-weight: 700;
    padding-top: 90px;
    text-shadow: 0px 0px 10px #ffb600;
}

/*
-----------------------------------------------------------------------------
GAME END SCREEN
-----------------------------------------------------------------------------
*/

.title_gameEnd
{
    width: 500px;
    height: auto;
    margin-left: -15px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 32px;
    font-size: 70px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px 0px 25px #6FC4FF;
}

.gameEnd_ScorePanel_noScores .title_gameEnd{font-size: 60px;}

.copy_gameEnd
{
    width: 470px;
    height: auto;
    margin-bottom: 25px;
    
    font-size: 32px;
    font-weight: 700;
    
    text-align: center;
}
.gameEnd_ScorePanel_noScores .copy_gameEnd
{
	font-size: 28px;
	margin-top: -10px;
}

.gameEnd_ScorePanel
{
    width: 450px;
    height: 360px;
    padding-left: 27px;
    background: url(../images/GameEnd_ScorePanel.png) no-repeat;
}

.gameEnd_ScorePanel_noScores 
{
	height: 250px;
	padding-top: 60px;
	padding-left: 0px;
	margin-top: -40px;
    background: url(../images/GameEnd_ScorePanel_sml.png) no-repeat;
}

#arrowsCanvas{margin-left: -8px}

.scoreboard
{
    width: 380px;
    margin-top: 45px;
    height: 130px;
    position: absolute !important;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
}

.scoreboards
{
    position: relative;
}

.gameEnd_HighscoreSelect
{
    width: 416px;
	height: 64px;
	padding-top: 14px;
	padding-left: 6px;
}

.gameEndHighScore
{
    width: 380px;
    height: 40px;
}

.gameEndScorePosition
{
    width: 50px;
    height: 36px;
    padding-top: 20px;
    display: inline-block;
    margin-right: 10px;
    
    font-size: 16px;
    font-weight: 700;
    color: #FDB501;
    text-align: center;
}
.firstPlace{background:url(../images/Highscores_Star_wht.png) no-repeat 50%}
.secondPlace, .thirdPlace{background:url(../images/Highscores_Star_pink.png) no-repeat 50%; color: #fff}

.gameEndScoreTotal
{
    width: 140px;
    text-align: right;    
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
}

.gameEndScoreName
{
    display: inline-block;
    width: 150px;
    font-size: 20px;
    font-weight: 500;
    color: #1FB7FF;
    text-align: left;
	padding-left: 10px;
}

.gameEnd_UserScore
{
    width: 410px;
	height: 40px;
	padding-top: 4px;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}
.gameEnd_ScorePanel_noScores .gameEnd_UserScore{width: 100%; }
.gameEnd_UserScoreHeading
{
    width: 100%;
    font-size: 20px;
}
.gameEnd_UserScorePos
{
    font-size: 30px;
	padding-top: 12px;
	font-weight: 500;
	text-align: center;
	width: 48px;
	height: 48px;
	float: left;
	margin-left: 10px;
	background: url(../images/gameEnd_UserScorePos.png) no-repeat;
}
.gameEnd_UserScoreValue
{
   width: 345px;
	float: left;
	height: 48px;
	margin-top: 15px;
	color: #FDB501;
	font-size: 50px;
	font-weight: 800;
	text-align: center;
}

.gameEnd_ScorePanel_noScores .gameEnd_UserScoreValue{float: none; width: auto}
.btn-label-watchTrailer
{
    font-size: 20px;
    width: 324px;
    height: 36px;
    float: left;
    padding-top: 16px;
    margin-top: -15px;
    margin-left: 21px;
}
.gameEnd_buttons
{
    position: absolute;
	right: 15px;
	bottom: 20px;
	width: 310px;
}
.shareBtnLabel
{
    width: 140px;
	height: 30px;
	overflow: hidden;
	margin: -17px 15px;
	padding-left: 15px;
	padding-top: 15px;
	background-repeat: no-repeat;
}
.shareBtnLabelFB
{
   background-image: url(../images/icon_fb.png);
}
.shareBtnLabelTW
{
   background-image: url(../images/icon_twitter.png);
}
.gameEndTrailer
{
    width: 348px;
    overflow: hidden;
    cursor: pointer;
    margin-left: -40px;
    display: inline-block;
}
.gameEndTrailer:hover{background-position: 0 -127px}

.gameEndReplay
{
    width: 348px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 5px;
    bottom: 70px;
}
.gameEndReplay:hover{background-position: 0 -127px}

.gameEndButton
{    
    font-size: 35px;
    font-weight: 800;
    
    text-align: center;
    text-shadow: 0px 1px 2px #005760;
    padding-top: 35px;
    height: 92px;
}

#btnGameEndSubmit
{
    position: absolute;
	left: 446px;
	top: 134px;
	font-size: 11px;
	padding-top: 10px;
	line-height: 120%;
	padding-top: 26px;
}

.gameEndShareBtn
{
	float: right;
	display: inline-block;
	margin-left: -4px;
	margin-bottom: -15px;
}

.friendsScoreLogin
{
    width: 348px;
    overflow: hidden;
    cursor: pointer;
    margin: 10px auto;
    font-size: 20px;
}

.olafEnd
{
    width:329px;
    height: 600px;
    position: absolute;
    bottom: 0;
    right: 0;
	pointer-events:none;
    background: url(../images/Olaf_GameEnd.png) no-repeat;
}



/*
-----------------------------------------------------------------------------
PAUSE SCREEN
-----------------------------------------------------------------------------
*/

#screen_pause{background: url(../images/background_pause.png) repeat-x; display: block}

.title_pause
{
    width: 100%;
    margin-top: 90px;
    margin-bottom: 20px;

    font-size: 42px;
    font-weight: 800;
    
    text-align: center;
    text-shadow: 0px 1px 2px #005760;
}
#btnResumeGame
{
    margin: 20px auto;
}

#btnPauseGame
{
    position: absolute;
	top: 5px;
	right: 5px;
}
.pauseCopy{width: 500px; margin:30px auto 20px auto}
.pauseAnim{}
/*
-----------------------------------------------------------------------------
LOADING SCREEN
-----------------------------------------------------------------------------
*/

#screen_preload{background: url(../images/BackgroundLoading.jpg) no-repeat}
#screen_orientation{background: url(../images/SiteBackground.jpg) no-repeat}
.orientation_image
{
    position: absolute;
    top: 310px;
    width: 266px;
    height: 239px;
    left: 100px;
    background: url(../images/image_rotate.png) no-repeat;
}
.preload
{
    width: 94px;
    height: 34px;
    margin: 80px auto;
}
.preloadTitle
{
    margin: 70px auto;
}

.orientation-cta,
.preloadText
{
    text-align: center;
	font-size: 26px;
	margin-top: -10px;
}

/*
-----------------------------------------------------------------------------
TRAILER SCREEN
-----------------------------------------------------------------------------
*/
.trailer_container
{
    position: absolute;
	top: 205px;
	left: 22px;
	width: 433px;
	height: auto;
	background: url(../images/frame_trailer.png) no-repeat;
}

.trailer_video
{
    padding-top: 28px;
	width: 410px;
	height: 170px;
	overflow: hidden;
	position: relative;
}

.ytContainer
{
    width:342;
    height:153;
    overflow: hidden;
    position: relative;
}

.trailerControls
{
	width: 410px;
	height: auto;
	margin-top: 0px;
}

.trailerTrack
{
    width: 302px;
    height: 45px;
    margin: auto;
    display: inline-block;
    background: url(../images/trackTrailer.png) no-repeat 50%;
}

.trailerProgress
{
    width: 299px;
    margin-left: 1px;
    height: 2px;
    border-radius: 1px;
    background: #45D0FB;
    margin-top: 22px;
}

.trailerBtn
{
    width: 29px;
    height: 35px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
}
.trailerBtnPlay{background: url(../images/btnTrailer_Play.png) no-repeat}
.trailerBtnMute{background: url(../images/btnTrailer_Mute.png) no-repeat}
.trailerBtnPause{background: url(../images/btnTrailer_Pause.png) no-repeat}
.trailerBtnUnmute{background: url(../images/btnTrailer_UnMute.png) no-repeat}
#btnTrailerPlayGame{margin-top: 250px; margin-left: auto}



/*
----------------------------------------------
	BUTTONS
----------------------------------------------
*/
.btnSubMenu{display: inline-block; margin-left: -20px; float: right; cursor: pointer}
.btn93180
{
	width: 93px;
	height: 90px;
	overflow: hidden;
	background: url(../images/btn_93_180.png) no-repeat;
}
.btnSubActive,
.btn93180:hover{background-position: 0 -90px}



.btn_HighScores
{
	width: 156px;
	height: 52px;
	overflow: hidden;
	margin-left: -21px;
	display: inline-block;	
	font-size: 20px;
    font-weight: 800;
    text-align: center;
	padding-top: 19px;
    text-shadow: 0px 0px 10px rgba(50, 133, 147, 0.5);
}
.btn_HighScores_Unselected,
.btn156142{background: url(../images/btn_156_142.png) no-repeat}
.btn_HighScores_Unselected:hover,
.btn156142:hover{background-position: 0 -71px}
.btn158182
{
	width: 158px;
	height: 60px;
	overflow: hidden;
	background: url(../images/btn_158_182.png) no-repeat;
    font-size: 11px;
	font-weight: 700;
	text-align: center;
	padding-top: 31px;
	text-shadow: 0px 0px 10px rgba(50, 133, 147, 0.5);
}
.btn158182:hover{background-position: 0 -91px}
.btn304214
{
	width: 304px;
	height: 72px;
	overflow: hidden;
	background: url(../images/btn_304_214.png) no-repeat;
    line-height: 34px;
	font-size: 42px;
    font-weight: 800;
    text-align: center;
	padding-top: 35px;
    text-shadow: 0px 0px 10px rgba(50, 133, 147, 0.5);
}
.btn304214:hover{background-position: 0 -107px}
.btn311222
{
	width: 311px;
	height: 76px;
	overflow: hidden;
	background: url(../images/btn_311_222.png) no-repeat;
	font-size: 40px;
    line-height: 36px;
	font-weight: 600;
	text-align: center;
	padding-top: 38px;
	text-shadow: 0px 0px 10px rgba(50, 133, 147, 0.5);
}
.btn311222:hover{background-position: 0 -111px}
.btn402214
{
	width: 402px;
	height: 70px;
	overflow: hidden;
	background: url(../images/btn_402_214.png) no-repeat;
    line-height: 32px;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	padding-top: 37px;
	text-shadow: 0px 0px 10px rgba(50, 133, 147, 0.5);
}
.btn402214:hover{background-position: 0 -107px}
.btn403282
{
	width: 403px;
	height: 91px;
	overflow: hidden;
	background: url(../images/btn_403_282.png) no-repeat;
	
	font-size: 48px;
	font-weight: 900;
	text-align: center;
	padding-top: 55px;
	text-shadow: 0px 0px 10px rgba(50, 133, 147, 0.5);
}
.btn403282:hover{background-position: 0 -141px}
.btn467214
{
	width: 467px;
	height: 72px;
	overflow: hidden;
	background: url(../images/btn_467_214.png) no-repeat;
	font-size: 44px;
    line-height: 38px;
	font-weight: 900;
	text-align: center;
	padding-top: 35px;
	text-shadow: 0px 0px 10px rgba(50, 133, 147, 0.5);
}
.btn467214:hover{background-position: 0 -107px}
.btnVisitSite{margin: 20px auto 0px auto; cursor: pointer}

a{text-decoration: none; color:#fff}