/*! 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;    
}

.debug-result span.active {
    color:#ff0000;
}

.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;    
}
#game-container .canvas-container {
    position:absolute !important;
}
.info-left #game-container {
    width:75%;    
    height:100%;
}
.info-top #game-container {
    width:100%;    
    height:75%;
}

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

#print-result {
    display:none;
    position:relative;
}
#print-copyright {
    text-align:center;
    position:relative;
    top:-24px;
    color:#fff;
    font-family: 'Dosis', sans-serif;    
}

/* 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:11%;
    left:5%;  
    background:url(../images/logo.png) no-repeat;  
    background-size:contain;    
}

#info-top-title {
    position:absolute;
	width:40%;
    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:9%;
    left:83%;  
    background:url(../images/audio_on.png) no-repeat;  
    background-size:contain;
    cursor:pointer;
}

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

#top-finish-button {    
    width:24%;
    height:18.7%;
    position:absolute;
    top:76.3%;
    left:72%;  
    background:url(../images/button-finished.png) no-repeat;  
    background-size:contain;    
    cursor:pointer;
}

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

/* 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:66%;
    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%;  
}

#left-finish-button {    
    width:78.1%;
    height:6.6%;
    position:absolute;
    top:56%;
    left:13.8%;  
    background:url(../images/button-finished.png) no-repeat;  
    background-size:contain;    
    cursor:pointer;
}

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


/* Left Color Buttons */

#top-color-container{
    /*
	top:9.4%;
	left:39.8%;
	position:absolute;
	width:100%;
	height:auto;
    */
    top: 5.5%;
    left: 38.3%;
    position: absolute;
    height: 94%;
    width: 31.4%;
}

.top-color{
    /*
	width:6.3%;
	height:18.8%;
	padding-right:1%;
	padding-bottom:1%;
	position:relative;
	cursor:pointer;
	float:left;
    */
    width: 22%;
    height: 22%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
    left: 3%;
    top: 3%;
	cursor:pointer;
	float:left;
}

.clear{
	clear: both;
}

#left-color-container{
    /*
	top:24.7%;
	left:10.3%;
	position:absolute;
	width:100%;
	height:auto;
    */
    top: 23.4%;
    left: 5.5%;
    position: absolute;
    width: 94%;
    height: 31.4%;
}

.left-color{
    /*
	width:18.8%;
	height:6.3%;
	margin-right:3.1%;
	margin-bottom:2%;
	position:relative;
    */
    width: 22%;
    height: 22%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
    left: 3%;
    top: 3%;
	cursor:pointer;
	float:left;
}
/*
.left-color img{
    max-width:100%;
}
.left-color img.color-on{
    position:absolute;
    top:0%;
    left:0%;
    max-width:100%;
}
*/

.top-color div.color-on,
.left-color div.color-on{
    position:absolute;
    top:0%;
    left:0%;
}
.color {
    width:100%;
    height:100%;
    
}
.color-on {
    width:100%;
    height:100%;
    background:url(../images/color-on.png) no-repeat;  
    background-size:contain; 
}
.color1 {
    background:url(../images/color1.png) no-repeat;  
    background-size:contain; 
}
.color2 {
    background:url(../images/color2.png) no-repeat;  
    background-size:contain; 
}
.color3 {
    background:url(../images/color3.png) no-repeat;  
    background-size:contain; 
}
.color4 {
    background:url(../images/color4.png) no-repeat;  
    background-size:contain; 
}
.color5 {
    background:url(../images/color5.png) no-repeat;  
    background-size:contain; 
}
.color6 {
    background:url(../images/color6.png) no-repeat;  
    background-size:contain; 
}
.color7 {
    background:url(../images/color7.png) no-repeat;  
    background-size:contain; 
}
.color8 {
    background:url(../images/color8.png) no-repeat;  
    background-size:contain; 
}
.color9 {
    background:url(../images/color9.png) no-repeat;  
    background-size:contain; 
}
.color10 {
    background:url(../images/color10.png) no-repeat;  
    background-size:contain; 
}
.color11 {
    background:url(../images/color11.png) no-repeat;  
    background-size:contain; 
}
.color12 {
    background:url(../images/color12.png) no-repeat;  
    background-size:contain; 
}
.color13 {
    background:url(../images/color13.png) no-repeat;  
    background-size:contain; 
}
.color14 {
    background:url(../images/color14.png) no-repeat;  
    background-size:contain; 
}
.color15 {
    background:url(../images/color15.png) no-repeat;  
    background-size:contain; 
}
.color16 {
    background:url(../images/color16.png) no-repeat;  
    background-size:contain; 
}

.color-on {
    display:none;
}
.left-color.active .color-on,
.top-color.active .color-on{
    display:block;
}

/* End Info Area */

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

/*
#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;
}
*/


.piece-group {
    position:absolute;    
    width:0.1%;
    height:0.1%;
    background-color:#ff0000;    
    visibility:hidden;
}
.showResult .piece-group {
    visibility:visible;
}

#level1 .piece1 {
    top: 10%;
    left: 47%;
}
#level1 .piece2 {
    top: 10%;
    left: 44%;
}
#level1 .piece3 {
    top: 13%;
    left: 41%;
}
#level1 .piece4 {
    top: 10%;
    left: 27%;
}
#level1 .piece5 {
    top: 13%;
    left: 10%;
}
#level1 .piece6 {
    top: 12%;
    left: 17%;
}
#level1 .piece7 {
    top: 15%;
    left: 13.5%;
}
#level1 .piece8 {
    top: 23.2%;
    left: 7%;
}
#level1 .piece9 {
    top: 27%;
    left: 6%;
}
#level1 .piece10 {
    top: 24%;
    left: 40%;
}
#level1 .piece11 {
    top: 29%;
    left: 40%;
}
#level1 .piece12 {
    top: 30%;
    left: 6.5%;
}
#level1 .piece13 {
    top: 25%;
    left: 20%;
}
#level1 .piece14 {
    top: 34.5%;
    left: 7.5%;
}
#level1 .piece15 {
    top: 30%;
    left: 42%;
}
#level1 .piece16 {
    top: 57%;
    left: 30%;
}
#level1 .piece17 {
    top: 58%;
    left: 13.2%;
}
#level1 .piece18 {
    top: 76%;
    left: 28%;
}
#level1 .piece19 {
    top: 76%;
    left: 20%;
}
#level1 .piece20 {
    top: 80%;
    left: 30%;
}
#level1 .piece21 {
    top: 83.4%;
    left: 33%;
}
#level1 .piece22 {
    top: 85.4%;
    left: 33%;
}
#level1 .piece23 {
    top: 88%;
    left: 33%;
}
#level1 .piece24 {
    top: 83.3%;
    left: 34%;
}
#level1 .piece25 {
    top: 86%;
    left: 28%;
}
#level1 .piece26 {
    top: 85.5%;
    left: 34.8%;
}
#level1 .piece27 {
    top: 88%;
    left: 36.2%;
}
#level1 .piece28 {
    top: 78%;
    left: 17%;
}
#level1 .piece29 {
    top: 80%;
    left: 20%;
}
#level1 .piece30 {
    top: 81%;
    left: 16%;
}
#level1 .piece31 {
    top: 82.5%;
    left: 14.4%;
}
#level1 .piece32 {
    top: 84.5%;
    left: 11.5%;
}

#level1 .piece32_1 {
    top: 50%;
    left: 12%;
}
#level1 .piece32_2 {
    top: 50%;
    left: 22%;
}

#level1 .piece33 {
    top: 49.3%;
    left: 75%;
}
#level1 .piece34 {
    top: 48.5%;
    left: 86%;
}
#level1 .piece35 {
    top: 51%;
    left: 75%;
}
#level1 .piece36 {
    top: 50.5%;
    left: 85%;
}
#level1 .piece37 {
    top: 50.5%;
    left: 92%;
}
#level1 .piece37_1 {
    top: 54.1%;
    left: 55%;
}
#level1 .piece38 {
    top: 53%;
    left: 75%;
}
#level1 .piece39 {
    top: 53.5%;
    left: 60%;
}
#level1 .piece40 {
    top: 60%;
    left: 95%;
}
#level1 .piece41 {
    top: 52%;
    left: 97%;
}
#level1 .piece42 {
    top: 74.6%;
    left: 97%;
}
#level1 .piece43 {
    top: 82%;
    left: 85%;
}
#level1 .piece44 {
    top: 87%;
    left: 43%;
}
#level1 .piece45 {
    top: 81%;
    left: 60%;
}



#level2 .piece1 {
    top: 5.5%;
    left: 41%;
}
#level2 .piece2 {
    top: 7%;
    left: 39%;
}
#level2 .piece4 {
    top: 10%;
    left: 27%;
}
#level2 .piece5 {
    top: 15%;
    left: 10%;
}
#level2 .piece6 {
    top: 14%;
    left: 17%;
}
#level2 .piece7 {
    top: 17%;
    left: 13.5%;
}
#level2 .piece8 {
    top: 31.2%;
    left: 7.6%;
}
#level2 .piece9 {
    top: 35.5%;
    left: 9.4%;
}
#level2 .piece10 {
    top: 24%;
    left: 40%;
}
#level2 .piece11 {
    top: 21%;
    left: 39%;
}
#level2 .piece14 {
    top: 39.5%;
    left: 11%;
}
#level2 .piece15 {
    top: 26%;
    left: 42%;
}
#level2 .piece16 {
    top: 27%;
    left: 50%;
}
#level2 .piece17 {
    top: 51%;
    left: 14%;
}
#level2 .piece17_1 {
    top: 48.5%;
    left: 17.7%;
}
#level2 .piece17_2 {
    top: 54%;
    left: 18.5%;
}
#level2 .piece17_3 {
    top: 28.5%;
    left: 47%;
}

#level2 .piece18 {
    top: 74%;
    left: 41%;
}
#level2 .piece19 {
    top: 76%;
    left: 30%;
}
#level2 .piece20 {
    top: 79%;
    left: 43%;
}
#level2 .piece21 {
    top: 80%;
    left: 45.1%;
}
#level2 .piece22 {
    top: 83%;
    left: 45.5%;
}
#level2 .piece23 {
    top: 85.3%;
    left: 46%;
}
#level2 .piece24 {
    top: 88%;
    left: 47.2%;
}
#level2 .piece25 {
    top: 84%;
    left: 39.5%;
}
#level2 .piece27 {
    top: 82.5%;
    left: 43%;
}
#level2 .piece28 {
    top: 85.4%;
    left: 44%;
}
#level2 .piece29 {
    top: 88.2%;
    left: 45%;
}
#level2 .piece29_1 {
    top: 77%;
    left: 44.7%;
}
#level2 .piece30 {
    top: 80%;
    left: 29%;
}
#level2 .piece31 {
    top: 83%;
    left: 33%;
}
#level2 .piece31_1 {
    top: 81.28%;
    left: 27.8%;
}
#level2 .piece31_2 {
    top: 83.3%;
    left: 27.2%;
}
#level2 .piece31_3 {
    top: 85.5%;
    left: 26.5%;
}
#level2 .piece31_4 {
    top: 87.65%;
    left: 25.55%;
}
#level2 .piece31_5 {
    top: 83.6%;
    left: 30%;
}
#level2 .piece31_6 {
    top: 85.7%;
    left: 29%;
}
#level2 .piece31_7 {
    top: 88.5%;
    left: 28%;
}
#level2 .piece31_8 {
    top: 83.5%;
    left: 27.2%;
}
#level2 .piece31_9 {
    top: 88.1%;
    left: 25.35%;
}

#level2 .piece33 {
    top: 55%;
    left: 32%;
}
#level2 .piece33_1 {
    top: 44%;
    left: 30%;
}

#level2 .piece34 {
    top: 25%;
    left: 20%;
}
#level2 .piece35 {
    top: 43%;
    left: 27%;
}

#level2 .piece36 {
    top: 69.8%;
    left: 69%;
}
#level2 .piece36_1 {
    top: 65.8%;
    left: 85%;
}
#level2 .piece36_2 {
    top: 58%;
    left: 85.6%;
}

#level2 .piece37 {
    top: 78%;
    left: 85.6%;
}
#level2 .piece37_1 {
    top: 80%;
    left: 79%;
}
#level2 .piece37_2 {
    top: 81%;
    left: 75%;
}
#level2 .piece37_3 {
    top: 82%;
    left: 68%;
}

#level2 .piece38 {
    top: 85%;
    left: 68%;
}
#level2 .piece38_1 {
    top: 87%;
    left: 75%;
}

#level2 .piece39 {
    top: 81.5%;
    left: 80%;
}
#level2 .piece39_1 {
    top: 83%;
    left: 87%;
}

#level2 .piece40 {
    top: 87%;
    left: 87%;
}
#level2 .piece40_1 {
    top: 84%;
    left: 80%;
}
#level2 .piece40_2 {
    top: 91%;
    left: 78%;
}
#level2 .piece40_3 {
    top: 88%;
    left: 68%;
}

#level2 .piece41 {
    top: 62%;
    left: 86.2%;
}
#level2 .piece41_1 {
    top: 59%;
    left: 86.4%;
}
#level2 .piece41_2 {
    top: 57.7%;
    left: 84%;
}
#level2 .piece41_3 {
    top: 56.1%;
    left: 82.8%;
}
#level2 .piece41_4 {
    top: 56.1%;
    left: 83.8%;
}
#level2 .piece41_5 {
    top: 54.4%;
    left: 84%;
}
#level2 .piece41_6 {
    top: 54.4%;
    left: 85.4%;
}
#level2 .piece41_7 {
    top: 55.3%;
    left: 85.3%;
}
#level2 .piece41_8 {
    top: 56.3%;
    left: 85.4%;
}
#level2 .piece41_9 {
    top: 72%;
    left: 75%;
}


#level3 .piece1 {
    top: 64.7%;
    left: 17.4%;
}
#level3 .piece1_1 {
    top: 65.7%;
    left: 21.5%;
}
#level3 .piece1_2 {
    top: 66.7%;
    left: 21.2%;
}
#level3 .piece1_3 {
    top: 66%;
    left: 16.8%;
}

#level3 .piece2 {
    top: 53.1%;
    left: 8.9%;
}
#level3 .piece2_1 {
    top: 53.6%;
    left: 7.4%;
}
#level3 .piece2_2 {
    top: 54.8%;
    left: 6.7%;
}
#level3 .piece2_3 {
    top: 54%;
    left: 9.2%;
}
#level3 .piece2_4 {
    top: 54.3%;
    left: 8.5%;
}
#level3 .piece2_5 {
    top: 74.3%;
    left: 34%;
}
#level3 .piece2_6 {
    top: 75.3%;
    left: 35.7%;
}
#level3 .piece2_7 {
    top: 76.7%;
    left: 35.2%;
}
#level3 .piece2_8 {
    top: 76%;
    left: 34.6%;
}
#level3 .piece2_9 {
    top: 75.7%;
    left: 33%;
}

#level3 .piece2_10 {
    top: 58%;
    left: 11%; 
}
#level3 .piece2_11 {
    top: 72%;
    left: 31%;
}
#level3 .piece2_11_1 {
    top: 77.1%;
    left: 34%;
}
#level3 .piece2_11_2 {
    top: 65%;
    left: 18.6%;
}

#level3 .piece2_12 {
    top: 78%;
    left: 25%;
}
#level3 .piece2_13 {
    top: 79.5%;
    left: 21%;
}

#level3 .piece3 {
    top: 31.5%;
    left: 70%;
}
#level3 .piece3_1 {
    top: 35%;
    left: 65.5%;
}
#level3 .piece3_2 {
    top: 34%;
    left: 74%;
}
#level3 .piece3_3 {
    top: 56%;
    left: 70%;
}

#level3 .piece4 {
    top: 45%;
    left: 55%;
}
#level3 .piece4_1 {
    top: 38%;
    left: 83%;
}

#level3 .piece5 {
    top: 55%;
    left: 53%;
}
#level3 .piece5_1 {
    top: 63%;
    left: 53%;
}

#level3 .piece6 {
    top: 55%;
    left: 93%;
}
#level3 .piece6_1 {
    top: 60%;
    left: 93%;
}

#level3 .piece7 {
    top: 65%;
    left: 92%;
}
#level3 .piece7_1 {
    top: 69%;
    left: 52%;
}

#level3 .piece8 {
    top: 67%;
    left: 72%;
}
#level3 .piece8_1 {
    top: 64.8%;
    left: 73%;
}
#level3 .piece8_2 {
    top: 63.5%;
    left: 80.5%;
}

#level3 .piece9 {
    top: 73%;
    left: 54.5%;
}
#level3 .piece9_1 {
    top: 73.5%;
    left: 57%;
}
#level3 .piece9_2 {
    top: 73.5%;
    left: 63%;
}
#level3 .piece9_3 {
    top: 73.5%;
    left: 70%;
}
#level3 .piece9_4 {
    top: 73.5%;
    left: 78%;
}
#level3 .piece9_5 {
    top: 73.5%;
    left: 83%;
}
#level3 .piece9_6 {
    top: 71.5%;
    left: 87.8%;
}
#level3 .piece9_7 {
    top: 79%;
    left: 60.5%;
}
#level3 .piece9_8 {
    top: 80%;
    left: 63%;
}
#level3 .piece9_9 {
    top: 81%;
    left: 65.5%;
}
#level3 .piece9_10 {
    top: 81%;
    left: 67.3%;
}
#level3 .piece9_11 {
    top: 81%;
    left: 73%;
}
#level3 .piece9_12 {
    top: 81%;
    left: 75%;
}
#level3 .piece9_13 {
    top: 81%;
    left: 77.5%;
}
#level3 .piece9_14 {
    top: 83.3%;
    left: 65%;
}
#level3 .piece9_15 {
    top: 83.3%;
    left: 75%;
}

#level3 .piece10 {
    top: 85%;
    left: 65%;
}
#level3 .piece10_1 {
    top: 89.6%;
    left: 68%;
}
#level3 .piece10_2 {
    top: 86%;
    left: 73%;
}
#level3 .piece10_3 {
    top: 89.5%;
    left: 72%;
}

#level3 .piece11 {
    top: 90%;
    left: 62%;
}
#level3 .piece11_1 {
    top: 88.5%;
    left: 67.5%;
}
#level3 .piece11_2 {
    top: 87.4%;
    left: 72%;
}
#level3 .piece11_3 {
    top: 90%;
    left: 80%;
}
#level3 .piece11_4 {
    top: 90%;
    left: 66.5%;
}
#level3 .piece11_5 {
    top: 89.4%;
    left: 74.8%;
}
#level3 .piece11_6 {
    top: 90.2%;
    left: 75.2%;
}
#level3 .piece11_7 {
    top: 90.8%;
    left: 66.2%;
}


/* 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;
}

#ins-ear{
    background: url(../images/ins-ear.png) no-repeat;
    background-size:contain;
    width:8.8%;
    height:16.6%;
    top:44.7%;
    left:51.8%;
    position:absolute;
}

#ins-card2-cover{
    background: url(../images/ins-card-cover.jpg) no-repeat;
    background-size:contain;
    width:13.4%;
    height:20%;
    top:30.1%;
    left:58.8%;
    position:absolute;
}

#hand{
    width:7.3%;
    height:10.5%;
    top:31.4%;
    left:60.2%;
    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-check1{
    background: url(../images/ins-check.png) no-repeat;
    background-size:contain;
    width:11.3%;
    height:10.8%;
    top:45.9%;
    left:50.4%;
    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:45.1%;  
    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; 
}

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

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

/* 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:3%;  
    background:url(../images/logo.png) no-repeat;  
    background-size:contain;    
}

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

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

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

#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:42%;
	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 */