@charset "utf-8";
/* CSS Document */
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
 body {
     font-family: "Montserrat", sans-serif;
     line-height:1.6;
     font-size:15px;
     margin:0 auto;
     color:#ffffff;
     background-color: #000;
}
select:focus-visible {
    outline: unset;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset;
}
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f100;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #75757570;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
 a {
     text-decoration: none;
     cursor:pointer;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     color: #fff;
}
 a:hover, a:focus {
     text-decoration: none;
     color: unset;
}
 img {
     max-width:100%;
}
 ul, ol, li {
     padding: 0px;
     margin: 0px;
     list-style: none;
}
 input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select {
     color: #fff;
     width: 100%;
}
 button:focus {
     outline: unset 
}
 .container{
     max-width: 1040px;
}
 body.body_main_wrap{
     padding-left: 0;
     padding-top: 64px;
     transition: padding 0.1s ease-in-out;
}
 body.body_main_wrap.body_main_container{
     transition: padding 0.1s ease-in-out;
}
 header{
     background-color: #000;
     height: 64px;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     display: flex;
     align-items: stretch;
     justify-content: center;
     padding-left: 24px;
     padding-right: 24px;
     z-index: 104;
}
 header:after{
     content: '';
     background-image: url(../images/header/shape.png);
     position: absolute;
     width: 304px;
     height: 78px;
     left: 0;
     top: 0;
     background-size: contain;
     pointer-events: none;
     background-repeat: no-repeat;
}
 .header_left{
     display: flex;
     align-items: center;
     z-index: 1;
}
 .logo_desktop{
     display: flex;
     align-items: center;
     grid-gap: 15px;
}

.desktop_footer{
    margin-top: 20px;
    background-color: #171717;
    padding: 40px 10px 10px 10px;
}
.footer_grid{
    display: grid;
    grid-gap: 15px;
    gap: 15px;
    grid-template-columns: auto auto auto auto auto 250px;
    align-items: flex-start;
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(125 125 125 / 48%);
}
.footer_submenu p {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 16px;
    display: block;
    font-size: 11px;
}
.footer_submenu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer_submenu ul a{
    padding: 0;
    border: none;
    background-color: transparent;
    display: block;
    width: 100%;
    text-align: left;
    color: #474950;
    font-weight: 600;
    text-decoration: none;
    transition: color .3s;
    font-size: 11px;
    line-height: 2.2;
    cursor: pointer;
}
.footer_submenu ul a:hover{
    color: #676c70;
}
.footer_submenu_lic{
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 8px;
}
.footer_submenu_lic img{
    width: 94px;
}
.footer_submenu_con{
    color: #474950;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 500;
}
.footer_lic_logo{
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgb(125 125 125 / 48%);
    display: flex;
    justify-content: center;
}
.footer_lic_logo img{
    width: 120px;
    filter: contrast(0.5);
}
.footer_social_logo{
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgb(125 125 125 / 48%);
    display: flex;
    justify-content: left;
    grid-gap: 7px;
}
.footer_social_logo img{
    width: 28px;
}
.footer_copyright{
    font-size: 11px;
    color: #6c757d;
    font-weight: 600;
}
/*mobilefooter*/
.mobile_footer{
    display: none;
    margin-top: 20px;
    background-color: #171717;
    padding: 18px 10px 60px 10px;
}
.footer-card p{
    color: #676c70;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 16px;
    display: block;
    font-size: 11px;
}
.footer-card ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
button.btn-footer::after {
    content: '\f054';
    font-size: 10px;
    line-height: 1;
    position: absolute;
    right: 17px;
    top: 10px;
    transform: rotate(270deg);
    transition: all 0.3s;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}
button.btn-footer.collapsed::after {
    content: '\f054';
    transform: rotate(90deg);
    transition: all 0.3s;
    font-weight: 900;
}
button.btn-footer {
    background: #171717;
    width: 100%;
    text-align: left;
    font-size: 11px;
    padding: 6px 0;
    color: #676c70;
    border: none;
    border-radius: 5px;
    position: relative;
    font-weight: 500;
}
button.btn-footer.collapsed {
    background: #171717;
    color: #676c70;
}
.footer-card ul li a{
    padding: 0;
    border: none;
    background-color: transparent;
    display: block;
    width: 100%;
    text-align: left;
    color: #878787;
    font-weight: 600;
    text-decoration: none;
    transition: color .3s;
    font-size: 11px;
    line-height: 2.2;
    cursor: pointer;
}
.mobile_footer .footer_submenu_lic{
    justify-content: center;
}
.mobile_footer .footer_lic_logo img {
    width: 85px;
}
.mobile_footer .footer_lic_logo_wrap{
    text-align: center;
}
.mobile_footer .footer_social_logo{
    display: flex;
    flex-flow: wrap;
}
.footer-menu {
    position: fixed;
    bottom: 0px;
    background: #171717;
    border-top: 1px solid #676c703b;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}
.footer-in ul {
    display: flex;
    padding: 5px 0px;
    justify-content: center;
}
.footer-in ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 11px;
    color: #e5e5e5;
}
.footer-in ul li a img {
    width: 30%;
}
.footer-menu{
    display: none;
}
.footer-in ul li a:not([href]):not([tabindex]) {
    color: #676c70;
    text-decoration: none;
}

video {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    filter: brightness(50%);
  }
  .video-wrapper {
    border: 2px solid #000;
    width: 100%;
    height: 684px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header-text{
    position: relative;
    color: #8b8a89;
    text-shadow: 1px 1px 8px rgba(0,0,0,0.6);
    font-weight: bold;
  }

  .header-text span{
    color: #ee602a;
    font-weight: bold;
  }

  .flag-position {
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .country {
    margin: 0px auto;
    display: flex;
    max-width: 750px;
    justify-content: center;
    width: 100%;
}

.country a {
    margin: 0px 5%;
    text-decoration: none;
    cursor: pointer;
}

.country a img {
    transform: scale(1);
    transition: 400ms;
}

.video-text {
    width: 500px;
    position: relative;
    bottom: 65px;
}

.country a h6 {
    margin-top: 10px;
    padding: 0px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
}

.lobby-sec{
    background: url(../images/lobby.png) no-repeat top center;
    /* margin-top: 20px; */
    position: relative;
}

.lobby-title h2{
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.lobby-button button {
    border: 3px solid #ee602a;
    margin-right: 10px;
    background: linear-gradient(90deg, rgba(8,8,8,1) 0%, rgba(112,108,119,1) 100%);
    color: #fff;
    font-weight: 500;
    padding: 10px;
    width: 100%;
    font-size: 20px;
    border-radius: 20px;
    box-shadow: 4px 3px 10px #000;
}

.lobby-button {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.lobby {padding-top: 120px;padding-bottom: 20px;}

.join-slogan {
    margin-top: 235px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.join-slogan h3 {
    font-weight: 700;
}

.join-slogan span {
    color: #ee602a;
}

.join-slogan img {
    width: 100px;
}

.lobby-video {
    display: grid;
    grid-template-columns: 42% 42%;
    margin-top: 53px;
    gap: 115px;
}

iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.text-1 {
    margin-top: 10px;
}

.join-video {
    height: 310px;
}

.text-1 h5 {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 1.5;
    text-align: justify;
}

.join-btn {
    margin-top: 50px;
}

button.join-button {
    border: none;
    background: #ff4600;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    width: 120px;
}

.join-btn p {
    color: #ff4600;
    padding-top: 20px;
    font-weight: 600;
}

.lobby-sec-2 p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: justify;
    font-weight: 500;
    line-height: 1.8;
}

.lobby-sec-2 h5 {
    margin-bottom: 0;
    font-size: 14px;
    text-align: justify;
    font-weight: 600;
    line-height: 1.8;
}

.lobby-sec-2 h2 {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: justify;
    font-weight: 500;
    line-height: 1.8;
}

.lobby-sec-2{
    margin-top:10px;
}

.text-2 p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: justify;
    font-weight: 500;
    line-height: 1.5;
}

.text-2 {
    margin-top: 20px;
}

.lobby-2 {
    display: grid;
    grid-template-columns: 57% 43%;
    gap: 20px;
}

.model {
    margin-top: 40px;
}

.lobby-button img {
    width: 35px;
    float: left;
}

.lobby-sec-3 {
    padding-top: 30px;
}

.lobby-sec-3 h2{
    font-size: 16px;
}
.model-mobile{
    display: none;
}

.normal-text{
    font-size: 12px !important;
    line-height: 1.5;
    text-align: justify;
}

 @media (max-width: 999px) {
    .mobile_footer {
        display: block;
    }

    .footer-menu {
        display: block;
    }

    .desktop_footer {
        display: none;
    }
    .lobby-button {
        display: block;
    }

    .lobby-button button {
        margin-bottom: 20px;
    }

    .lobby-video{
        display: block;
    }

    .lobby-2 {
        display: block;
    }

    .model {
        display: none;
        margin-top: 10px;
    }

    .model-mobile{
        display: block;
    }

    .lobby-sec-3 {
        padding-top: 10px;
    }
 }