body,
div,
canvas {
    margin: 0px;
    padding: 0px;

}

*{margin:0;padding:0;border:0;}

html, body {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
}

body {
    overflow: hidden;
}

#main {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0F1625;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#gamearea {
    display: inline-block;
    -webkit-box-shadow: 0px 0px 25px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px 6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px 6px rgba(0,0,0,0.75);
    background-color: #0F1625;
}

canvas {
    display: block;
    outline: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 25px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px 6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px 6px rgba(0,0,0,0.75);
}

#game {
    overflow: hidden;
}

#fullscreen-btn {
    position: absolute;
    top: 4px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background-repeat:no-repeat;
}

.loader-area {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.loader-info-location {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 3%;
}

.loader-info {
    max-width: 400px;
    margin: 0 auto;
}

.loader-info .ltext {
    font-weight: bold;
    font-size: 25px;
    font-family:arial,verdana,tahoma,sans-serif;
    color: #fff;
    transform: scale(1);
    -webkit-animation: pulse 2s infinite ease-in-out;
    -o-animation: pulse 2s infinite ease-in-out;
    -ms-animation: pulse 2s infinite ease-in-out;
    -moz-animation: pulse 2s infinite ease-in-out;
    animation: pulse 2s infinite ease-in-out;
}

.l-info-text {
    font-weight: bold;
    font-size: 20px;
    font-family:arial,verdana,tahoma,sans-serif;
    color: #fff;
    transform: scale(1);
    -webkit-animation: pulse 2s infinite ease-in-out;
    -o-animation: pulse 2s infinite ease-in-out;
    -ms-animation: pulse 2s infinite ease-in-out;
    -moz-animation: pulse 2s infinite ease-in-out;
    animation: pulse 2s infinite ease-in-out;
}

.ldr-pnl{font-size:0;background-image:url('images/parts/loader-back-l.png');background-repeat:no-repeat;}
.ldr-pnl .p-middle{position: relative; margin:0px 21px;background-image:url('images/parts/loader-back-m.png');background-repeat:repeat-x;}
.ldr-pnl .p-end{background-image:url('images/parts/loader-back-r.png');background-position:100%;background-repeat:no-repeat;}
.ldr-pnl, .ldr-pnl .p-middle, .ldr-pnl .p-end{height:57px;}
.ldr-pnl .p-middle .prg-w{
    position: absolute;
    top: 21px;
    background-image:url('images/parts/loader-strip.png');
    height:15px;
}
.ldr-pnl .p-middle .prg-t{
    display: table;
    position: absolute;
    width: 100%;
    height: 57px;
    font-weight: bold;
    font-size: 17px;
    font-family:arial,verdana,tahoma,sans-serif;color: #fff;
}
.ldr-pnl .p-middle .prg-t-t{display: table-cell;vertical-align: middle;}

.ages {font-size:16px;font-family:'Oswald-SemiBold';margin-bottom:20px;color:#e4c061;}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sh8 {
	text-shadow: 0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black
}

@font-face {
    font-family: 'Oswald-Heavy';
    src: url("fonts/Oswald-Heavy.ttf") format("truetype");
}

@font-face {
    font-family: 'Oswald-Medium';
    src: url("fonts/Oswald-Medium.ttf") format("truetype");
}

@-webkit-keyframes pulse {
    0% { opacity: 0.4; }
    50% { opacity: 1; }
    100% { opacity: 0.4; }
}

@keyframes pulse {
    0% { opacity: 0.4; }
    50% { opacity: 1; }
    100% { opacity: 0.4; }
}