@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'lobster';
    src: url('../../_font/lobster-regular-webfont.eot');
    src: url('../../_font/lobster-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../_font/lobster-regular-webfont.woff2') format('woff2'),
         url('../../_font/lobster-regular-webfont.woff') format('woff'),
         url('../../_font/lobster-regular-webfont.ttf') format('truetype'),
         url('../../_font/lobster-regular-webfont.svg#lobsterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.btn-sound.on { background:url(../images/sound-off.jpg) no-repeat;}
.btn-sound.off { background:url(../images/sound-on.jpg) no-repeat;}

body { background:url(../images/bg-03.jpg) repeat; padding-top: 15px;}
#page_div { text-align:center; width:100%; margin-top:15px; position:relative;}
#pf-box{width:638px; height:800px;  margin:0 auto 0 auto; position:relative; text-align:center; border:#FFFFFF solid 15px; -webkit-box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 17px 0px rgba(50, 50, 50, 0.25);box-shadow:         0px 0px 17px 0px rgba(50, 50, 50, 0.25); overflow:hidden;}

#pf-back.cz { position:absolute; top:0; left:0; background:url(../images/pf.jpg) no-repeat; }
.btn-sound { width:57px; height:57px; text-align:center; cursor:pointer; position:absolute; right:30px; top:0; }

canvas { display: block; margin: auto;  position: absolute; z-index: 999; overflow: hidden;  }

.false-start {
    background: rgba(0,0,0,0.7) url(../images/play.svg) no-repeat scroll center top 39% / 100px auto;
    color: #fff;
    cursor: pointer;
    font-family: 'lobster';
    font-size: 30px;
    height: 100%;
    padding-top: 54%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
}


@media only all and (max-width:850px) {
    #page_div {margin-top:80px;}
    #pf-box{border: none; -webkit-box-shadow: none;    -moz-box-shadow:  none; box-shadow: none;}
    #pf-back { width:100%; background-size: contain;}
    .btn-sound { position: absolute; top: -70px; right: 5px;}
}