body,
html {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    font-family: Arial
}

#preloader {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: -moz-linear-gradient(#121d3d 1%, #000 100%);
    background: -webkit-linear-gradient(#121d3d 1%, #000 100%);
    background: -webkit-gradient(linear, 0 100%, 0 0, color-stop(.01, #121d3d), to(#000));
    background: -o-linear-gradient(#121d3d 1%, #000 100%);
    background: linear-gradient(#121d3d 1%, #000 100%)
}

#preloader_imgs_full {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 8px;
    height: 79px;
    z-index: 5
}

.sndBtn {
    display: inline-block;
    position: absolute;
    width: 200px;
    height: 100px;
    -ms-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

#soundBtns {
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 60%;
    display: none;
    width: 300px;
    height: 100px;
    -o-transform: translateX(-50%);
    -o-transform-origin: top left;
    -ms-transform: translateX(-50%);
    -ms-transform-origin: top left;
    -moz-transform-origin: top left;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transform-origin: top left;
    transform: translateX(-50%);
    transform-origin: top left
}

div.wrapper {
    width: 300px;
    height: 171px;
    position: fixed;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}