:root {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px
}

*, ::before, ::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

img {
    max-width: 100%
}

h1,
p {
    margin-top: 0;
    margin-bottom: 0;
}

.hover-class {
    cursor: pointer !important
}

html, body {
    overflow: hidden
}

body {
    width: 100%;
    color: #fff;
    background-color: #010101;
    line-height: 1.25;
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    overflow: hidden
}

a {
    text-decoration: none;
    color: #fff
}

.wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    /* background-image: url(../images/bg.webp);
    background-size: cover, cover;
    background-position: right, center;
    background-repeat: no-repeat; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 0;
    position: relative;
    justify-content: center;

    position: fixed;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
}

#myVideo {
    position: fixed;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
}

#myVideoMob {
    position: fixed;
    right: 0;
    bottom: -130px;
    width: 100%;
    height: 122%;
    display: none;
}

.logo-aviator {
    display: none;
}

.content__info {
    position: absolute;
    right: 0;
    top: -170px;
}

.content {
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 5;
    text-align: center;
}

.content-top {
    margin-bottom: 80px;
}

.content-bot {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 5%;
}

.reg_btn {
    -webkit-animation: rotate 1.4s linear infinite;
    animation: rotate 1.4s linear infinite;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    border-radius: 45px;
    border: 2px solid #FFF;
    padding: 25px 70px;
    background: linear-gradient(99deg, rgba(219, 0, 27, 1), rgba(53, 0, 7, 1), rgba(157, 0, 38, 1), rgba(255, 0, 32, 1));
    box-shadow: 0px 0px 30.638px 0px rgba(255, 0, 0, 0.60);
    margin-right: auto;
}

.reg_btn:hover {
    animation-play-state: paused;
}

.content-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content__text {
    text-align: left;
    text-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
    color: #FF0020;
    font-family: "Druk Wide Trial";
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    max-width: 505px;
    -webkit-text-stroke: 4px #FFFFFF;
    line-height: 110px;
    margin-bottom: 40px;
}

.payments {
    position: absolute;
    bottom: 10px;
    left: 27%;
}

.payments-mob {
    display: none;
    position: relative;
    margin-bottom: 30px;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: scale(.94);
        transform: scale(.94)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.94);
        transform: scale(.94)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: scale(.94);
        transform: scale(.94)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.94);
        transform: scale(.94)
    }
}

@media(max-width:1200px) {
    .content {
        width: 64%
    }
}

@media(max-width:1024px), (max-height:766px) {
    .logo {
        transform: scale(0.6);
    }

    .content-logo {
        margin-bottom: 30px;
    }

    .reg_btn {
        margin-bottom: 0;
    }
}

@media(max-width:1024px) {
    .content {
        background-size: 90%
    }

    .reg_btn {
        margin-bottom: 20px;
    }

    .content {
        justify-content: center;
    }

    .wrapper {
        align-content: center;
    }

    .logo-aviator {
        display: block;
    }
}

@media(max-width:992px) {
    /* .wrapper {
        background-image: url(../images/bg_mob.webp)
    } */

    .content {
        width: 100%
    }

    .logo {
        margin-top: 30px;
    }

    #myVideo {
        display: none;
    }

    #myVideoMob {
        display: block;
    }
}

@media(max-width:992px) {
    .content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .wrapper {
        justify-content: space-between;
    }

    .reg_btn {
        margin-bottom: 0px;
    }

    .content-logo {
        margin-bottom: 0px;
    }

    .logo {
        transform: scale(0.9);
    }

    .content__text {
        font-size: 48px;
    }

    .content__link {
        width: 100%;
        margin-bottom: 0px;
    }

    .content-top {
        margin-bottom: 0;
    }

    .content-bot {
        width: 100%;
    }

    .content__info {
        position: relative;
        right: auto;
        top: auto;
    }

    .reg_btn {
        font-size: 20px;
        padding: 8px 60px;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .content__text {
        text-align: center;
        font-size: 48px;
        max-width: auto;
        -webkit-text-stroke: 2px #FFFFFF;
        line-height: 50px;
        margin-bottom: 30px;
    }

    .payments {
        display: none;
    }

    .payments-mob {
        display: block;
    }
}

/* @media(max-height:667px) {
    #myVideoMob {
        bottom: -130px;
    }
} */

@media(max-height:420.98px) {
    .content {
        padding-top: 3vh;
        padding-bottom: 4vh;
        width: 45%;
        margin: 0 auto;
        height: 100vh
    }

    .logo {
        max-width: 90%;
    }

    .wrapper {
        background-position: center 40%
    }
}

@media(width:768px) and (height:1024px) {
    .wrapper {
        background-position-y: -20px
    }
}