body, canvas, div {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (orientation: landscape) {
    #swipeToPlayIPhone{
        height: 100%;
        width: 100%;
        line-height: 1.3;
        bottom:0;
        top:0;
        left:0;
        right:0;
        background-color: rgba(0, 0, 0, .8);
        text-align: center;
        vertical-align: middle;
        color: white;
        font: 20pt verdana;
        z-index: 9995;
        position: absolute;
        overflow: scroll;
    }

    body.ios7_iphone > canvas {
        top: 212px;
    }

    body.ios8_iphone > canvas {
        top: 212px;
    }

    body.ios8_iphone_6 > canvas {
        top: 331px;
    }

    body.ios8_iphone_6_plus > canvas {
        top: 370px;
    }
}

.swipe-image {
    background: #f3f3f3 url('swipe_gesture.png') no-repeat center center
}

#rotate-device-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9998;
    top: 0;
    left: 0;
    background-size: auto
}

.rotate-device-image {
             background: #f3f3f3 url('rotation_screen.png') no-repeat center center
}

#splash-screen-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    background-size: auto
}

.splash-image {
    background: #ffffff url('splash_zibbo.png') no-repeat center center
}