/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

html {
    overflow:hidden;    
}

body {    
    /*background:#f7ee23 url(../images/background.jpg) 50% 50% no-repeat;*/
}
body.preload-done {    
    background:#f7ee23 url(../images/background.jpg) 50% 50% no-repeat;    
}

.audio-btn.off {
    background:url(../images/audio_off.png) no-repeat !important;  
    background-size:contain !important;
}

#full-container {
    width:100%;      
    overflow:hidden;
}

#main-container {
    width: 768px;
    height: 943px;
    background-color:#fff;
    margin:0 auto;
    position:absolute;
    top:50%;
    left:50%;
    display:none;
}

#main-wrap {
    width:100%;
    height:100%;
    position:relative;
}

#game-container {
	overflow:hidden;
    background-color:#ccc;  
    position: absolute;  
    bottom:0px;
    right:0px;    
}
.info-left #game-container {
    width:75%;    
    height:100%;
}
.info-top #game-container {
    width:100%;    
    height:75%;
}

#main-info-game-container {
    display:none;
}

/* Fonts
################################## */
.headline {
	font-family: 'Titan One', cursive;
	text-align: center;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
.subtext {
	font-family: 'Dosis', sans-serif;
	text-align: center;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

/* Loading
################################## */
#loading-container {
    width:100%;
    height:100%;
    background-color:#fff;
}
#loading-icon {
    background:url(../images/loader.gif) center no-repeat;
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-25px;
    margin-top:-25px;
}
/* End Loading */

/* Info Area
################################## */
#info-left-container {
    width:25%;
    /*height:150px;*/
    height:100%;
    background-color:#5b9bd5;  
    position: absolute;
    top:0px;
    left:0px;
}

#info-top-container {
    width:100%;
    /*height:150px;*/
    height:25%;
    background-color:#5b9bd5;  
    position: absolute;
    top:0px;
    left:0px;
}

#info-top-bg {
    background: url(../images/top-bg.jpg) no-repeat;
    background-size:contain;
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0%;
}

#info-left-bg {
    background: url(../images/left-bg.jpg) no-repeat;
    background-size:contain;
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0%;
}

/* Top Info Items */

#info-top-logo {
    width:30.3%;
    height:43.8%;
    position:absolute;
    top:13.1%;
    left:10.8%;  
    background:url(../images/logo.png) no-repeat;  
    background-size:contain;    
}

#info-top-title {
    position:absolute;
	width:51%;
    text-shadow: 0.15vw 0.15vw rgba(0, 55, 214, 0.67);
    line-height: 85%;
    color:#fff;
}

#info-top-audio {
    width:4.4%;
    height:10%;
    position:absolute;
    top:10.9%;
    left:90.5%;  
    background:url(../images/audio_on.png) no-repeat;  
    background-size:contain;
    cursor:pointer;
}

#info-top-legal-block {   
	width:51%;
	height:8.6%;
    position:absolute;
    top:75%;
    left:0%;  
}

/* Left Info Items */

#info-left-logo {
    width:87.5%;
    height:14%;
    position:absolute;
    top:3%;
    left:9.7%;  
    background:url(../images/logo.png) no-repeat;  
    background-size:contain;    
}

#info-left-title {
    position:absolute;
	width:90%;
    text-shadow: 0.15vw 0.15vw rgba(0, 55, 214, 0.67);
    line-height: 85%;
    color:#fff;
}

#info-left-audio {
    width:13.1%;
    height:3.5%;
    position:absolute;
    top:29.5%;
    left:10%;  
    background:url(../images/audio_on.png) no-repeat;  
    background-size:contain;
    cursor:pointer;
}

#info-left-legal-block {   
	width:100%;
	height:8.6%;
    position:absolute;
    top:88%;
    left:2%;  
}


/* End Info Area */


/* Game Area
################################## */
#game-bg-blank {
    background: url(../images/game-bg1.jpg) no-repeat;
    background-size:contain;
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0%;
}

#game-bg-cover {
    width:66.7%;
    height:66.7%;
    position:absolute;
    top:16.7%;
    left:16.7%;
    background-color: rgba(0, 0, 0, 0.75);
}


#game-bg-blank.win-bg1{
	background: url(../images/game-bg1.jpg) no-repeat;
	background-size:contain;
}

#game-bg-blank.win-bg2{
	background: url(../images/game-bg2.jpg) no-repeat;
	background-size:contain;
}

#game-bg-blank.win-bg3{
	background: url(../images/game-bg3.jpg) no-repeat;
	background-size:contain;
}

/* Instructions Screen */

#instructions-bg {
    position:absolute;
    width:100%;
    height:100%;
}

#instructions-bg{
    background: url(../images/instructions-bg.png) no-repeat;
    background-size:contain;
    width:100%;
    height:100%;
    position:absolute;
}

#hand{
    width:7.3%;
    height:10.5%;
    top:43%;
    left:68.3%;
    position:absolute;
}

#ins-hand{
    background: url(../images/ins-hand.png) no-repeat;
    background-size:contain;
    width:100%;
    height:100%;
    position:absolute;
}

#ins-hand-click{
    background: url(../images/ins-hand-click.png) no-repeat;
    background-size:contain;
    width:100%;
    height:100%;
    position:absolute;
}

#ins-check{
    background: url(../images/ins-check.png) no-repeat;
    background-size:contain;
    width:11.3%;
    height:10.8%;
    top:26.4%;
    left:53.5%;
    position:absolute;
}

#ins-piece{
    background: url(../images/ins-piece.png) no-repeat;
    background-size:contain;
    width:10.8%;
    height:10.8%;
    top:29.6%;
    left:64.5%;
    position:absolute;
}

/* Win Screens */
#game-win-text1{
    background: url(../images/game-win-text1.png) no-repeat;
    background-size:contain;
    width:91.7%;
    height:14.5%;
    position:absolute;
    top:4.2%;
    left:4.2%;
}

#win-text1 {    
    position:absolute;
    width:100%;
    text-shadow: 0.15vw 0.15vw rgba(255, 255, 255, 0.67);
    line-height: 85%;
    color:#537abb; 
}

#win-button {    
    width:50.9%;
    height:13.8%;
    position:absolute;
    top:82.1%;
    left:24.7%;  
    background:url(../images/button.png) no-repeat;  
    background-size:contain;    
    cursor:pointer;
}

#win-button-text {    
    position:absolute;
    width:100%;
    text-shadow: 0.15vw 0.15vw rgba(0, 55, 214, 0.67);
    line-height: 85%;
    color:#ffde00; 
}

/* Puzzle Pieces */
.puzzle-piece,
.correct-piece{
    position:absolute; 
}

.correct-piece {
    opacity:0;    
}
body.show-result .correct-piece {
    opacity:0.5;
}

#correct-piece1,
#piece1 {    
    background:url(../images/pieces1/game1-piece1.png) no-repeat;  
    background-size:contain;
    width:13.4%;
    height:14.2%;
    left:16.7%; 
    top:16.7%;
}

#correct-piece2,
#piece2 {  
    background:url(../images/pieces1/game1-piece2.png) no-repeat;
    background-size:contain;    
    width:22.7%;
    height:18%;
    left:25.3%; 
    top:16.7%;
}

#correct-piece3,
#piece3 {    
    background:url(../images/pieces1/game1-piece3.png) no-repeat;  
    background-size:contain;
    width:18.1%;
    height:14.2%;
    left:43.2%; 
    top:16.7%;
}

#correct-piece4,
#piece4 {   
    background:url(../images/pieces1/game1-piece4.png) no-repeat;   
    background-size:contain;
    width:13.5%;
    height:18%;
    left:56.6%; 
    top:16.7%;
}

#correct-piece5,
#piece5 {   
    background:url(../images/pieces1/game1-piece5.png) no-repeat;   
    background-size:contain;
    width:18%;
    height:18%;
    left:65.3%; 
    top:16.7%;
}

#correct-piece6,
#piece6 {   
    background:url(../images/pieces1/game1-piece6.png) no-repeat;   
    background-size:contain;
    width:13.4%;
    height:22.7%;
    left:16.7%; 
    top:25.3%;
}

#correct-piece7,
#piece7 {   
    background:url(../images/pieces1/game1-piece7.png) no-repeat;   
    background-size:contain;
    width:27.7%;
    height:15%;
    left:25.3%; 
    top:29.2%;
}

#correct-piece8,
#piece8 {   
    background:url(../images/pieces1/game1-piece8.png) no-repeat;   
    background-size:contain;
    width:18.1%;
    height:18.9%;
    left:43.2%; 
    top:25.3%;
}

#correct-piece9,
#piece9 {   
    background:url(../images/pieces1/game1-piece9.png) no-repeat;   
    background-size:contain;
    width:18.1%;
    height:18.9%;
    left:56.6%; 
    top:29.2%;
}

#correct-piece10,
#piece10 {   
    background:url(../images/pieces1/game1-piece10.png) no-repeat;   
    background-size:contain;
    width:13.4%;
    height:15%;
    left:69.9%; 
    top:29.2%;
}

#correct-piece11,
#piece11 {   
    background:url(../images/pieces1/game1-piece11.png) no-repeat;   
    background-size:contain;
    width:18%;
    height:15%;
    left:16.7%; 
    top:42.5%;
}

#correct-piece12,
#piece12 {   
    background:url(../images/pieces1/game1-piece12.png) no-repeat;   
    background-size:contain;
    width:18.1%;
    height:22.7%;
    left:29.9%; 
    top:38.6%;
}

#correct-piece13,
#piece13 {   
    background:url(../images/pieces1/game1-piece13.png) no-repeat;   
    background-size:contain;
    width:18.1%;
    height:27.7%;
    left:43.2%; 
    top:38.6%;
}

#correct-piece14,
#piece14 {   
    background:url(../images/pieces1/game1-piece14.png) no-repeat;   
    background-size:contain;
    width:18.1%;
    height:15%;
    left:56.6%; 
    top:42.5%;
}

#correct-piece15,
#piece15 {   
    background:url(../images/pieces1/game1-piece15.png) no-repeat;   
    background-size:contain;
    width:13.4%;
    height:18.9%;
    left:69.9%; 
    top:38.6%;
}

#correct-piece16,
#piece16 {   
    background:url(../images/pieces1/game1-piece16.png) no-repeat;   
    background-size:contain;
    width:18%;
    height:22.7%;
    left:16.7%; 
    top:52%;
}

#correct-piece17,
#piece17 {   
    background:url(../images/pieces1/game1-piece17.png) no-repeat;   
    background-size:contain;
    width:13.5%;
    height:15%;
    left:29.9%; 
    top:55.8%;
}

#correct-piece18,
#piece18 {   
    background:url(../images/pieces1/game1-piece18.png) no-repeat;   
    background-size:contain;
    width:22.7%;
    height:15%;
    left:38.6%; 
    top:55.8%;
}

#correct-piece19,
#piece19 {   
    background:url(../images/pieces1/game1-piece19.png) no-repeat;   
    background-size:contain;
    width:13.5%;
    height:22.7%;
    left:56.6%; 
    top:52%;
}

#correct-piece20,
#piece20 {   
    background:url(../images/pieces1/game1-piece20.png) no-repeat;   
    background-size:contain;
    width:18%;
    height:22.7%;
    left:65.3%; 
    top:52%;
}

#correct-piece21,
#piece21 {   
    background:url(../images/pieces1/game1-piece21.png) no-repeat;   
    background-size:contain;
    width:18%;
    height:14.2%;
    left:16.7%; 
    top:69.2%;
}

#correct-piece22,
#piece22 {   
    background:url(../images/pieces1/game1-piece22.png) no-repeat;   
    background-size:contain;
    width:13.5%;
    height:18%;
    left:29.9%; 
    top:65.3%;
}

#correct-piece23,
#piece23 {   
    background:url(../images/pieces1/game1-piece23.png) no-repeat;   
    background-size:contain;
    width:22.7%;
    height:18%;
    left:38.6%; 
    top:65.3%;
}

#correct-piece24,
#piece24 {   
    background:url(../images/pieces1/game1-piece24.png) no-repeat;   
    background-size:contain;
    width:13.5%;
    height:14.2%;
    left:56.6%; 
    top:69.2%;
}

#correct-piece25,
#piece25 {   
    background:url(../images/pieces1/game1-piece25.png) no-repeat;   
    background-size:contain;
    width:18%;
    height:14.2%;
    left:65.3%; 
    top:69.2%;
}

#piece1.scatter{
    left:85.3%; 
    top:84.6%;
}
#piece2.scatter{
    left:56.6%; 
    top:81%;
}
#piece3.scatter{
    left:45.2%; 
    top:84.9%;
}
#piece4.scatter{
    left:84%; 
    top:20.6%;
}
#piece5.scatter{
    left:0.5%; 
    top:45.8%;
}
#piece6.scatter{
    left:85.5%; 
    top:54.8%;
}
#piece7.scatter{
    left:7.1%; 
    top:0.8%;
}
#piece8.scatter{
    left:0.8%; 
    top:80.6%;
}
#piece9.scatter{
    left:66%; 
    top:0.8%;
}
#piece10.scatter{
    left:84%; 
    top:49.6%;
}
#piece11.scatter{
    left:28.5%; 
    top:84.1%;
}
#piece12.scatter{
    left:1.8%; 
    top:15.3%;
}
#piece13.scatter{
    left:0.9%; 
    top:57.1%;
}
#piece14.scatter{
    left:81.5%; 
    top:0.4%;
}
#piece15.scatter{
    left:0.7%; 
    top:0.4%;
}
#piece16.scatter{
    left:81.7%; 
    top:33.2%;
}
#piece17.scatter{
    left:40.2%; 
    top:0.4%;
}
#piece18.scatter{
    left:67.9%; 
    top:84.2%;
}
#piece19.scatter{
    left:2.5%; 
    top:29.7%;
}
#piece20.scatter{
    left:0.4%; 
    top:72.3%;
}
#piece21.scatter{
    left:51.6%; 
    top:0.8%;
}
#piece22.scatter{
    left:27.6%; 
    top:0.4%;
}
#piece23.scatter{
    left:76.3%; 
    top:4.9%;
}
#piece24.scatter{
    left:84.2%; 
    top:70%;
}
#piece25.scatter{
    left:12.8%; 
    top:83.3%;
}
/* End Game Area */


/* Splash
################################## */
#splash-container {
	overflow:hidden;
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0%;  
    background:url(../images/splash-bg-h.jpg) no-repeat;  
    background-size:contain;    
}

#splash-container.portrait-bg {
    background:url(../images/splash-bg-v.jpg) no-repeat;
    background-size:contain;    
}

#splash-audio {
    width:3.3%;
    height:3.5%;
    position:absolute;
    top:4%;
    left:3%;  
    background:url(../images/audio_on.png) no-repeat;  
    background-size:contain;
    cursor:pointer;
}

#splash-audio.portrait-bg {
    width:4.4%;
    height:2.7%;
    top:3%;
    left:91.1%;  
}

#splash-logo {
    width:43.1%;
    height:27.5%;
    position:absolute;
    top:4.1%;
    left:53.6%;  
    background:url(../images/logo.png) no-repeat;  
    background-size:contain;    
}

#splash-logo.portrait-bg {
    width:57.5%;
    height:20.6%;
    position:absolute;
    top:32.5%;
    left:38.1%;  
}

#splash-title-block {   
	width:43.1%;
	height:35%;
    position:absolute;
    top:32%;
    left:53.6%;  
}

#splash-title-block.portrait-bg {   
	width:57.5%;
	height:28%;
    position:absolute;
    top:53%;
    left:38.1%;  
} 

#splash-title {    
    position:absolute;
    text-shadow: 0.15vw 0.15vw rgba(0, 55, 214, 0.67);
    line-height: 85%;
    color:#fff; 
}

#splash-button {    
    width:38.2%;
    height:13.8%;
    position:absolute;
    top:79.6%;
    left:56.2%;  
    background:url(../images/button.png) no-repeat;  
    background-size:contain;    
    cursor:pointer;
}

#splash-button.portrait-bg {    
    width:50.9%;
    height:10.3%;
    top:84.7%;
    left:41.6%;  
}

#splash-button-text {    
    position:absolute;
    width:100%;
    text-shadow: 0.15vw 0.15vw rgba(0, 55, 214, 0.67);
    line-height: 85%;
    color:#ffde00; 
}

#splash-legal-block {   
	width:53%;
	height:8.6%;
    position:absolute;
    top:84%;
    left:1%;  
}

#splash-legal-block.portrait-bg {  
	left:1.5%; 
	width:40%;
    top:87%;
}


.legal-text {    
    position:absolute;
    width:100%;
    line-height: 125%;
    color:#fff; 
}

.legal-link {    
    text-decoration: none;
    width:100%;
    line-height: 125%;
    color:#ffcf39; 
}

.legal-link:hover {
    color:#fff; 
}

rating {
    color:#cecece;
    padding:0.3% 0.75%;
    border: 1px solid #cecece;
    line-height: 80%;
}

.ratings-text.portrait-bg {
    width:20%;
    margin-left:38.5%;
    padding-top:1%;
    padding-bottom:1.5%;
}

/* End Splash */