/*------------------------
    GLOBAL ADJUSTMENTS
------------------------*/

*{
    padding:0;
    margin:0;
}

/*-----------------
    Cookie Btn
-----------------*/
#CookiebotWidget :focus-visible, #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo{
    outline:none !important;
}


:root{
    /* Root Colors */
    --gray-1: #111112;
    --white: white;
    --astralis-blue-1: #01131e;
    --black: black;
    --astralis-red: #ff001f;
    --astralis-blue-2: #002e47;
    --gray-4: #f4eeee;
    --gray-3: #e4e0dd;
    --primary-2: #01131e;
    --gray-2: #8a8a8a;
    --primary-3: #d2c0a6;
    --primary-4: #0c0916;
    --success: #24da78;
    --grey-very-light: #f7f7f7;
    --primary-1: #4d0f10;
    --info: #adeef8;
    --astralis-blue: #646ebd;
    --astralis-dark-blue: rgb(6, 18, 30);
    --astralis-dark-blue-hover: rgb(4, 13, 22);
    --astralis-dark-blue-2:#00080c;
    --astralis-dark-blue-2-hover:#00070a;
    --green:#2ab371;
}

/* SELECTING TEXT MAKES BG RED */
::-moz-selection { /* Code for Firefox */
    color:var(--white);
    background:var(--astralis-red);
}
  
::selection {
    color:var(--white);
    background:var(--astralis-red);
}

body{
    background:#FFF;
    font-family:'Gantari',arial,tahoma,sans-serif;
}


/*------------------------
    CUSTOM BACKGROUNDS
------------------------*/
.bg-astralis-red{
    background:var(--astralis-red);
}

.bg-astralis-red-hover{
    background:initial;
}

.bg-astralis-red-hover:hover{
    background:var(--astralis-red);
}

.bg-astralis-blue-1{
    background:var(--astralis-blue-1);
}

.bg-astralis-blue-2{
    background:var(--astralis-blue-2);
}

.bg-astralis-dark-blue{
    background:var(--astralis-dark-blue);
}

.bg-astralis-dark-blue-2{
    background:var(--astralis-dark-blue-2);
}

.bg-astralis-dark-blue-2-hover{
    background:initial;
}

.bg-astralis-dark-blue-2-hover:hover{
    background:var(--astralis-dark-blue-2-hover);
}

.bg-primary-4{
    background:var(--primary-4);
}

.bg-white{
    background:var(--white);
}

.bg-white-hover{
    background:initial;
}

.bg-white-hover:hover{
    background:var(--white);
}

.bg-green{
    background:var(--green);
}

.bg-black{
    background:var(--black);
}





/*------------------------
     FONT ADJUSTMENTS
------------------------*/
/* TEXT ADJUSTMENTS */
.text-transform-capitalize{
    text-transform:capitalize !important;
}

.text-transform-uppercase{
    text-transform:uppercase !important;
}

.text-transform-lowercase{
    text-transform:lowercase !important;
}

.text-transform-none{
    text-transform:none !important;
}

.text-decoration-none{
    text-decoration:none !important;
}

/* FONT CLASSES */
.font-heebo{
    font-family: 'Heebo',arial,tahoma,sans-serif !important;
}

.font-gantari{
    font-family: 'Gantari', sans-serif !important;
}

/* FONT WEIGHTS */
.fw-1{
    font-weight:100 !important;
}

.fw-2{
    font-weight:200 !important;
}

.fw-3{
    font-weight:300 !important;
}

.fw-4{
    font-weight:400 !important;
}

.fw-5{
    font-weight:500 !important;
}

.fw-6{
    font-weight:600 !important;
}

.fw-7{
    font-weight:700 !important;
}

.fw-8{
    font-weight:800 !important;
}

.fw-9{
    font-weight:900 !important;
}

/* Font Sizes */
.h1{
    font-size:6vw;
}

.h2{
    font-size:4vw;
}

.h3{
    font-size:30px;
}

.h5{
    font-size:30px;
}

.h6{
    font-size:1.2rem;
}

/* Text Color */
.text-white{
    color:var(--white) !important;
}

.text-gray-1{
    color:var(--gray-1) !important;
}

.text-gray-2{
    color:var(--gray-2) !important;
}

.text-gray-3{
    color:var(--gray-3) !important;
}

.text-gray-4{
    color:var(--gray-4) !important;
}

.text-astralis-red{
    color:var(--astralis-red) !important;
}

/* Text Color Hover */
.text-astralis-red-hover{
    color:initial;
}

.text-astralis-red-hover:hover{
    color:var(--astralis-red) !important;
    opacity:1 !important;
}

.text-astralis-blue-1{
    color:var(--astralis-blue-1) !important;
}

.text-astralis-blue-1-hover{
    color:initial;
}

.text-astralis-blue-1-hover:hover{
    color:var(--astralis-blue-1) !important;
}


/*----------------------------
      PROFILE PILLS MENUS
----------------------------*/




/*----------------------------
    CUSTOM BUTTONS & INPUTS
----------------------------*/
.btn-white{
    background:var(--white) !important;
    color:var(--astralis-blue-1) !important;
    border:1px solid var(--white) !important;
    border-radius:0 !important;
}

.btn-white-hover{
    background:initial;
}

.btn-white-hover:hover{
    background:var(--white) !important;
    color:var(--astralis-blue-1) !important;
    border:1px solid var(--white) !important;
    border-radius:0 !important;
}

.btn-red-outline{
    background:none !important;
    border-radius:0 !important;
    padding:7px 25px !important;
    border:1px solid var(--astralis-red) !important;
}

.btn-red{
    background:var(--astralis-red) !important;
    color:var(--white) !important;
    border:1px solid var(--astralis-red) !important;
    border-radius:0 !important;
}

.btn-red-hover{
    background:initial;
}

.btn-red-hover:hover{
    background:var(--astralis-red) !important;
    color:var(--white) !important;
    border:1px solid var(--astralis-red) !important;
}

.btn-astralis-blue-1{
    background:var(--astralis-blue-1) !important;
    color:var(--white) !important;
    border:1px solid var(--astralis-blue-1) !important;
}

.btn-astralis-blue-1-hover{
    background:initial;
}

.btn-astralis-blue-1-hover:hover{
    background:var(--astralis-blue-1) !important;
    color:var(--white) !important;
    border:1px solid var(--astralis-blue-1) !important;
}

.btn-astralis-dark-blue{
    background:var(--astralis-dark-blue) !important;
    color:var(--white) !important;
    border:1px solid var(--astralis-blue-1) !important;
}

.btn-astralis-dark-blue:hover{
    background:rgb(4, 13, 22) !important;
}

.btn-astralis-dark-blue-hover{
    background:initial;
}

.btn-astralis-dark-blue-hover:hover{
    background:var(--astralis-red) !important;
}

.btn-astralis-blue-1-outline{
    background:none !important;
    border-radius:0 !important;
    padding:7px 25px !important;
    border:1px solid #01131e3b !important;
}

.input-astralis-red-outline{
    background:none !important;
    border-radius:0 !important;
    padding: 5px 10px !important;
    border:1px solid var(--astralis-red) !important;
    outline:none !important;
    box-shadow:none !important;
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

.input-astralis-blue-1-outline{
    background:none !important;
    border-radius:0 !important;
    padding: 5px 10px !important;
    border:1px solid #01131e3b !important;
    outline:none !important;
    box-shadow:none !important;
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

.input-astralis-blue-1-outline:hover{
    border:1px solid #01131ec0 !important;
}

.input-astralis-blue-1-outline:focus{
    border:1px solid var(--astralis-blue-1) !important;
}

.input-white-outline{
    background:rgba(0,0,0,0.1) !important;
    border-radius:0 !important;
    padding: 5px 10px !important;
    border:1px solid var(--white) !important;
    outline:none !important;
    box-shadow:none !important;
    color:var(--white) !important;
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

.input-white-outline:focus{
    background:rgba(0,0,0,0.4) !important;
}

.input-white-outline::placeholder{
    opacity:0.8;
    color:var(--white);
}

.input-red{
    background:var(--astralis-red) !important;
    border-radius:0 !important;
    padding: 5px 10px !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    color:var(--white) !important;
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    color:#FFFFFF;
}

.input-red:focus{
    background:var(--astralis-red) !important;
}

.input-red::placeholder{
    opacity:1;
    color:var(--white);
    -webkit-text-fill-color: #FFFFFF;
}


/* Copy to clipboard btn */
.copytoclipboardbtndk{
    background:var(--astralis-blue-1) !important;
    color:var(--white) !important;
    border:1px solid var(--astralis-blue-1) !important;
}

#adminpanel input[type=text]{
    background:#00080c;
    color:#FFF;
}

#adminpanel input[type=number]{
    background:#00080c;
    color:#FFF;
}

#adminpanel input[type=file]{
    background:var(--astralis-blue-2);
    color:#FFF;
}

#adminpanel input[type=file]:hover{
    background:var(--astralis-blue-2);
    color:#FFF;
}

#adminpanel input[type=file]:focus{
    background:var(--astralis-blue-2);
}

#adminpanel select{
    background:#00080c;
    color:#FFF;
}

#adminpanel textarea{
    background:#00080c;
    color:#FFF;
    min-height:200px;
}

#adminpanel input[type=text]:hover, #adminpanel textarea:hover{
    background:#00070a;
    color:#FFF;
}

#adminpanel input[type=text]:focus, #adminpanel textarea:focus{
    background:#00070a;
    color:#FFF;
}

#adminpanel input[type=radio]{
    background:#00080c;
}

#adminpanel input[type=radio]{
    background:#00070a;
}

#adminpanel input[type=datetime-local]{
    background:#00080c;
    color:#FFF;
}

#adminpanel input[type=datetime-local]:hover, #adminpanel textarea:hover{
    background:#00070a;
    color:#FFF;
}

#adminpanel input[type=date]:focus, #adminpanel textarea:focus{
    background:#00070a;
    color:#FFF;
}

#adminpanel input[type=datetime-local]::-webkit-calendar-picker-indicator{
    filter:invert();
}






/*-----------------------
    INFO / NOTICE BOX
-----------------------*/
#importantnoticemsg_green{
    width:100% !important;
    height:40px !important;
    position:fixed !important;
    top:-40;
    left:0 !important;
    z-index:9999999999999999999999999999999999999999999999 !important;
    background:#12C453;
    line-height:40px;
    animation: 6s ease importantnoticebox;
}

#importantnoticemsg_red{
    width:100% !important;
    height:40px !important;
    position:fixed !important;
    top:-40px;
    left:0 !important;
    z-index:9999999999999999999999999999999999999999999999 !important;
    background:#F00;
    line-height:40px;
    animation: 6s ease importantnoticebox;
}

#importantnoticemsg_yellow{
    width:100% !important;
    height:40px !important;
    position:fixed !important;
    top:-40px;
    left:0 !important;
    z-index:9999999999999999999999999999999999999999999999 !important;
    background:#BC9E0B;
    line-height:40px;
    animation: 6s ease importantnoticebox;
}


/*--------------------
    SCROLL OBJECTS
--------------------*/
.scrolltoobject{
    position:absolute;
    display:block;
    width:100%;
    height:1px;
    background:#2f0;
    z-index:99999999999999;   
}





/*------------------------
    WELCOME USERNAME
------------------------*/
.welcome-msg-username{
    font-size:10rem;
}







/*----------------------
          NEWS
----------------------*/
.singlenewsimg, .singlenews figure .singlenews figure img{
    max-width:100% !important;
    width:100% !important;
}

@media not all and (min-resolution:.001dpcm){ 
    @supports(-webkit-appearance:none) and (not (stroke-color:transparent))
    {
        .singlenews figure, .singlenewsimg, .singlenews figure img{
            max-width:100% !important;
            width:100% !important;
        }
    }
}

.rte-modern.rte-desktop.rte-toolbar-default{
    min-width:100% !important;
    max-width:100% !important;
    width:100% !important;
}

.news_thumbnail_box{
    max-height:240px !important;
}




/*---------------------
        EVENTS
---------------------*/
.eventbannerlogo_negative{
    filter:brightness(0%);
    filter:grayscale(100%);
    filter:invert(100%);
}

.event_thumbnail_box{
    max-height:240px !important;
}




/*----------------------
   CUSTOM TABLE STYLES
----------------------*/
.table-astralis-dark-blue{
    color:var(--white) !important;
}

.table-astralis-dark-blue tbody tr{
    background:var(--astralis-dark-blue-hover);
}

.table-astralis-dark-blue tbody tr:nth-child(even){
    background:var(--astralis-blue-2);
}

.table-astralis-dark-blue thead tr th{
    color:var(--white) !important;
}

.table-astralis-dark-blue tbody tr th{
    color:var(--white) !important;
}

.table-astralis-dark-blue tbody tr td{
    color:var(--white) !important;
}








/*--------------------
     EMBED VIMEO
--------------------*/
.embed-container {
    --video--width: 1920;
    --video--height: 1080;
    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
    overflow: hidden;
    max-width: 100%;
    background: black;
  }
  
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }




/*--------------------
      INDEX PAGE
--------------------*/
.frontpage-video-embed{
    z-index: 10;
    width: auto;
    height: 100vh;
    background-color: var(--astralis-blue-1);
    margin-top: auto;
    position: relative
}





/*--------------------
    TOP NAVIGATION
--------------------*/
/* PC NAV */
.mainnavigation{
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

.nav_logo{
    width:100px;
    height:100px;
    background:url("../img/logo/logo_negative.svg");
    background-repeat:no-repeat;
    background-position:center;
}

.navbar-nav li a{
    font-weight:700;
    font-size:15px;
    text-shadow:none;
    text-transform:uppercase;
    text-align:left;
    display:block;
    padding-bottom:3px;
    border-bottom:2px solid rgba(255,255,255,0);
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:25px;
    color:var(--white);
}

.navbar-nav li:nth-child(1) a{
    margin-left:0 !important;
}

.navbar-nav li a:hover{
    color:#FFF;
    border-bottom:2px solid rgba(255,255,255,1);
}

.navbar-nav li a:active, .navbar-nav li a:focus{
    color:#FFF;
}


/* BURGER NAV */
.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:active, .navbar-toggler:focus{
    border:0 !important;
    outline:none !important;
    box-shadow:none;
}

.navbar-toggler-icon{
    background-image:url('../img/icons/burger-white.svg');
}

.offcanvas{
    background:var(--astralis-red) !important;
}

.btn-close{
    opacity:1 !important;
}

.burgernav .navbar-nav li:nth-child(1) a{
    margin-left:25px !important;
}

.burgernav .navbar-nav li a{
    font-size:1.75rem;
    border-bottom:0;
}

.burgernav .navbar-nav li a:hover{
    border-bottom:0;
}








/*---------------
     BENEFITS
---------------*/
.table>:not(caption)>*>*{
    background:none;
    border-bottom-width:0 !important;
}




/*-----------------
    MEMBERSHIPS
-----------------*/
.list-group-item{
    background:none !important;
}

.membership-plan{
    background:rgba(0,0,0,0.8);
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

.membership-plan:hover{
    background:rgba(0,0,0,0.9);
}

.membership-plan-silver{
    background: rgb(213,209,209);
    background: linear-gradient(90deg, rgb(230, 230, 230) 0%, rgba(130,130,130,1) 100%);
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

.membership-plan-gold{
    background: rgb(30, 84, 235);
    background: linear-gradient(90deg, rgb(29, 61, 204) 0%, rgb(12, 140, 245) 100%);
}

.membership-plan-globalelite{
    background: rgb(207, 78, 78);
    background: linear-gradient(90deg, rgb(207, 78, 78) 0%, rgb(196, 13, 13) 100%);
}





/*-------------------
      MY ACCOUNT
-------------------*/
.userbanner{
    width:100%;
    height:400px !important;
}









/*-----------------
      FOOTER
-----------------*/
.footer-social-icon{
    font-size:60px;
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

/* FOOTER NAV */
.footernav .navbar-nav li:nth-child(1) a{
    margin-left:25px !important;
}

.footernav .navbar-nav li a{
    font-size:1.75rem;
    border-bottom:0;
}

.footernav .navbar-nav li a:hover{
    border-bottom:0;
}


/* FOOTER SECOND NAV */
.footersecondnav .navbar-nav li:nth-child(1) a{
    margin-left:25px !important;
}

.footersecondnav .navbar-nav li a{
    font-size:1.25rem;
    border-bottom:0;
}

.footersecondnav .navbar-nav li a:hover{
    border-bottom:0;
}





/*----------------------
       QR SCANNER
----------------------*/
.qr_scan_result_autoremove{
    animation: 4s ease qr_scan_result_autoremove;
}






/*--------------------
    CSS ANIMATIONS
--------------------*/
.smoothanimation01{
    transition:0.1s;
    -moz-transition:0.1s;
    -webkit-transition:0.1s;
    -ms-transition:0.1s;
    -o-transition:0.1s;
}

.smoothanimation02{
    transition:0.2s;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;
    -ms-transition:0.2s;
    -o-transition:0.2s;
}

.smoothanimation03{
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

.icon-animation-grow{
    font-size:inherit;
}

.icon-animation-grow:hover{
    font-size:105%;
}





/* Custom CSS Animations */
@keyframes qr_scan_result_autoremove{
    0%{
        bottom:-40px;
    }

    10%{
        bottom:0;
    }

    90%{
        bottom:0;
    }

    100%{
        bottom:-40px;
    }
}

@keyframes importantnoticebox{
    0%{
        top:-40px;
    }

    10%{
        top:0;
    }

    90%{
        top:0;
    }

    100%{
        top:-40px;
    }
}


/* MEDIA QUERIES */
@media (max-width: 575.98px) /* SM */
{
    .burgernav .navbar-nav li a{
        font-size:2.5rem;
        border-bottom:0;
    }
    
}

@media (max-width: 767.98px) /* MD */
{
    .h1{
        font-size:15vw;
    }

    .h3{
        font-size:30px;
    }

    .news_thumbnail_box{
        max-height:inherit !important;
    }

    .event_thumbnail_box{
        max-height:inherit !important;
    }

}

@media (max-width: 991.98px) /* LG */
{
    .h2{
        font-size:14vw;
    }

    .footer-social-icon{
        font-size:40px;
    }

    .userbanner{
        width:100%;
        height:300px !important;
    }

    .eventinfo_panel{
        border-left:none !important;
    }
}

@media (max-width: 1199.98px) /* XL */
{

}

@media (max-width: 1399.98px) /* XXL */
{

}