.preload img {
    width: 1px;
    position: absolute;
    left: -5px;
}

.dn {
    display: none !important;
}
body {
  /*  background: #071621;*/
  background: black;
    margin: 0;
    padding: 0;
  
}

body.animated {
 background: #071621; 
 transition: all 2s ease-in-out;
  }
  


.videoholder {
    position: relative;
    width: calc(100vw - 50px);
    height: calc(100vh - 50px);
    display: flex;
    justify-content: center;
    margin-top: 25px;
    margin-left: 25px;
}


 
.gameholder {
    /*background-image: url(/img/bcg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

img.gameAspectWOW {
    max-height: calc(100vh - 50px);
    opacity: 0;
    max-width: calc(100vw - 50px);
}

video#videoPlayer {
    position: absolute;
    width: 100%;
    left: 0;
}

.clickholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  /*  background: black;*/
    
  /*  background-image: url(../vzor.jpg);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.startholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    
    /* background-image: url(../uvodplay.png?a=7);*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; 
    cursor: pointer;
}

.unmutex {
    display:none;
 /*     width: 101px;
        height: 50px;
        background: red;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: fixed;
        top: 75px;
        left: calc(50% - 50px);
        z-index: 99999;
    */
    }
    
    .unmutex.visible {
        display:flex;
    }
    

    div#element_0 {
        position: absolute;
        top: 23%;
        left: 67%;
        width: 26%;
        height: 63%;
        /* background: green; */
        z-index: 99999;
        cursor: pointer;
        text-indent: -100px;
        overflow: hidden;
    }


    div#element_1 {
        position: absolute;
        top: 53%;
        left: 24%;
        width: 21%;
        height: 39%;
     /*  background: green; */
        z-index: 99999;
        cursor: pointer;
        text-indent: -100px;
    overflow: hidden;
    }

    div#element_2 {
        position: absolute;
        top: 53%;
        left: 45%;
        width: 15%;
        height: 39%;
      /*  background: red;*/
        z-index: 99999;
        cursor: pointer;
        text-indent: -100px;
    overflow: hidden;
    }

    div#element_3 {
        position: absolute;
        top: 53%;
        left: 60%;
        width: 21%;
        height: 39%;
      /*  background: magenta;*/
        z-index: 99999;
        cursor: pointer;
        text-indent: -100px;
    overflow: hidden;
    }

    .window {
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
     
        align-items: center;
        justify-content: center;
         
        background-size: contain; 
        background-repeat: no-repeat;
        background-position: center;

        z-index: 99999;


        background-color: hwb(0deg 0% 100% / 72%);
    }

    .window.visible {
        display: flex;
    }

.window.w1 {
background-image: url(../w1.png);
}

.window.w2 {
background-image: url(../w2.png);
}
 
.window.w3 {
background-image: url(../w3.png);
}

.closebutt {
    position: absolute;
    top: 9%;
    left: 73%;
    width: 9%;
    height: 12%;
    z-index: 99999;
    cursor: pointer;
    text-indent: -100px;
    overflow: hidden;
}

a.wclick {
    position: absolute;
    top: 10%;
    left: 20%;
    width: 60%;
    height: 62%;
    overflow: hidden;
    text-indent: -100px;
}

.clickholder {
    display: none;
}
.clickholder.visible {
    display: block;
}





.closebutt a {
    /* background: red; */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
}

a.wclick {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}