* {
    margin: 0;
    padding: 0;
}

body {
    background-color: black; /*потом поменять общий фон на черный для теста darkgrey*/
    color: white;
}

.cont1 {
}

.head1 {
    position: fixed;
    display: flex;
    color: ghostwhite;
    padding-top: 5px;
    padding-left: 10px;
    background-color: black;
    width: 100vw;
    z-index: 999;
    /*transform: scale(1);*/
}

.head1_1 {
    
}

.head1_2 {
    position: absolute;
    right: 30px;
}

.imgLogo {
    width: 137px;
}

.buttonProfil {
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

.imgProfil {
    width: 35px;
}

.buttonProfilA {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    display: none;
}

.imgProfilA {
    width: 35px;
}

.mejdu {
    position: fixed;
    top: 44px;
    width: 100%;
    background-color: darkslateblue;
    height: 0.1vh;
    z-index: 100;
}

.cont2 {
    display: flex;
}

.registraciya {
    display: none;
    position: fixed;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6); /*darkgrey rgba(0, 0, 0, 0.7)*/
    /*outline: darkslateblue solid 5px;*/
    top: 45px;
    bottom: 0px;
    z-index: 998;
}

.reg1 {
    position: fixed;
    width: 500px;
    height: 300px;
    background-color: black;
    outline: darkslateblue solid 5px;
    border-radius: 5px; /*можно 5px или 0 5p; или все 4 угла или 50px / 30px или 20%(считается от ширины)*/
    left: 25%;
    top: 65px;
}

.reg11 {
    position: absolute;
    right: 0px;
}

.buttonClose {
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

.imgClose {
    width: 35px;
}

.buttonOko {
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

.imgOko {
    position: relative;
    width: 19px;
    top: 4px;
}

.iframeMain {
    display: none;
    position: fixed;
    aspect-ratio: 16/9;
    width: 100%;
    z-index: 1000;
    /*
    top: 572px;
    left: 972px;
    transform: translate(-0%, -0%);
    */
}

.iframe22 {
    aspect-ratio: 16/9;
    max-width: 100.1vw;
    max-height: 94.8vh;
    /*
    max-height: 94.5vh;
    */
}

.reklama2 {
    display: block;
    width: 200px;
    margin-left: 15px;
    margin-top: 10px;
}

.buttonCloseGame {
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

.butFD {
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

.imgCloseGame {
    width: 35px;
}

.imgFD {
    width: 35px;
}

.cont2_1_1 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.cont2_1_404 {
    width: 390px;
    margin-left: auto;
    margin-right: auto;
}

.cont2_1_policy {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.imgBoo {
    
}

.imgBoo:hover {
    transform: scaleX(-1);
}

.imgPlay {
    margin-top: 20px;
    /*margin-right: 20px;
    margin-left: 20px;*/
    width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.bFull0 {
    position: absolute;
    aspect-ratio: 16/9;
    width: 480px;
    /*margin-left: 20px;
    left: 0;*/
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, 0);
    /*border: none;*/
}

.imgPlay11 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.reklama_right {
    float: right;
    width: 200px;
    position: sticky;
    top: 65px;
}

a:visited {
    color: #0000EE;
}

.cont2_1 {
    width: 100%;
}

.iframe1 {
    aspect-ratio: 16/9;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
}

.iframe2 {
    width: 100%;
    height: 100%;
}

.iframe_button {
    margin-left: 20px;
}

.cont2_2 {
    margin-top: 20px;
    margin-right: 60px;
}

.cont2_2_1 {
    /*width: 100vw;*/
}

.cont2_1_2 {
    display: none; /*временно*/
}

@media screen and (max-width: 720px) {
    .cont2 {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .cont2_1_1 {
        width: 300px;
    }
    .iImgPlay {
        width: 300px;
    }
    .imgPlay {
        width: 300px;
    }
    .imgPlay11 {
        width: 300px;
    }
    .bFull0 {
        width: 300px;
    }
}

.cont2_3 {
    display: none;
    position: fixed;
    width: 250px;
    height: 350px;
    background-color: black;
    outline: darkslateblue solid 5px;
    border-radius: 5px; /*можно 5px или 0 5p; или все 4 угла или 50px / 30px или 20%(считается от ширины)*/
    right: 2%;
    top: 65px;
    z-index: 1001;
}

.buttonPrEx {
    position: absolute;
    right: 30px;
    bottom: 7px;
    display: flex;
    background-color: rgba(255, 255, 255, 0);
    border: none;
}

.mejdu2 {
    position: fixed;
    bottom: 30px;
    width: 100%;
    background-color: darkslateblue;
    height: 0.1vh;
    z-index: 100;
}

.cooBaner {
    display: none;
    position: fixed;
    bottom: 31px;
    width: 100%;
    height: 45px;
    z-index: 999;
    background-color: darkslateblue;
}

.footer {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    z-index: 999;
    background-color: black;
}
.footer2 {
    display: block;
    position: fixed;
    bottom: 10px;
    width: 100%;
    background-color: black;
}

    /*
@media (orientation: portrait) {
    .cont2 {
        display: block;
    }
}
*/
    /*
@media screen and (max-device-width: 520px) {
    .imgPlay {
        width: 100%;
    }
}
*/