html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

*, *::before, *::after { box-sizing: border-box; }

html, body { min-width: 360px; height: 100%; padding: 0; margin: 0; }
html { font-size: 10px; }
body { display: flex; flex-direction: column; min-height: 100vh; font-size: 1.8rem; font-family: "Roboto", sans-serif; color: #4d4d4d; line-height: 1.5; background-color: #ffffff; }
a { text-decoration: none; }

header { min-width: 360px; position: fixed; top: 0; left: 0; right: 0; z-index: 999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
header.fixed { background-color: #f6416f; }
.header-spacing { padding-top: 97px; }
.header-container { max-width: 1180px; width: 90%; margin: 0 auto; position: relative; }

#about, #location, #faq { scroll-margin-top: 96px; }

nav { position: relative; text-align: center; padding: 35px 0; }
.menu li { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 600; padding: 0 25px; margin-bottom: 0; position: relative; }
.menu a { position: relative; display: block; font-size: 16px; line-height: 21px; color: #fff; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.menu a:hover { color: #f6de8b; }
.menu li:not(.desktop-logo) a:after { content: ""; display: block; position: absolute; bottom: -5px; left: 0; right: 0; width: 100%; height: 1px; background-color: #e5c363; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); }
.menu li:not(.desktop-logo) a:hover:after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

/* .desktop-logo { max-width: 200px; width: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } */
.desktop-logo { max-width: 160px; width: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.desktop-logo img { position: absolute; top: -35px; right: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; max-width: 100px; width: 100%; }

.mobile-logo { display: none; }
.mobile-logo img { position: absolute; top: -35px; right: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; max-width: 100px; width: 100%; }

.join-btn { max-width: 190px; width: 100%; font-size: 18px; font-family: "Montserrat", sans-serif; font-weight: 300; color: #ffffff; text-align: center; padding: 7px 10px; position: absolute; right: 15px; top: 50%; background-color: #6a4fa9; border-radius: 80px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-transform: uppercase; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }

.mobile-menu { display: none; position: absolute; top: 16px; left: 0; width: 35px; height: 26px; cursor: pointer; }

.m-icon { position: absolute; display: block; border-radius: 3px; height: 2px; background-color: #f3fa86; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
.m-icon:nth-child(1) { width: 100%; top: 0; }
.m-icon:nth-child(2) { width: 70%; top: 12px; left: 0; }
.m-icon:nth-child(3) { width: 100%; top: 24px; }

.mobile-menu.active .m-icon:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }
.mobile-menu.active .m-icon:nth-child(2) { left: -100px; opacity: 0; }
.mobile-menu.active .m-icon:nth-child(3) { top: 12px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-overlay.active { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 998; }

footer { background-color: #333333; padding: 15px 20px 20px; }
footer p { color: #fff; font-size: 15px; line-height: 17px; margin-bottom: 0; text-align: center; }
.footer-links { display: flex; align-items: center; justify-content: center; gap: 45px; font-size: 16px; }
.footer-links li { position: relative; font-family: "Montserrat", sans-serif; line-height: 20px; padding: 10px 0; margin: 0; }
.footer-links a { position: relative; display: block; line-height: 21px; color: #fff; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.footer-links a:after { content: ""; display: block; position: absolute; bottom: -5px; left: 0; right: 0; width: 100%; height: 1px; background-color: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); }
.footer-links a:hover:after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.pad-left-20 { padding-left: 20px; }

/* Count Down */
.cta-container { max-width: 793px; text-align: center; width: 70% }
.cta-container-2 { text-align: center; }
.sec8_panelcont .cta-container-2  .cta-button { margin-top: 15px; }
.cta-container p, .cta-container-2 p { font-weight: bold; color: #f6416f; font-size: 1.4em; margin-bottom: 10px; }
.cta-container .cta-button, .cta-container-2 .cta-button { margin-top: 15px; }
.tick { max-width: 400px; font-size: 1rem; margin: 0 auto; }
.tick-label { font-size:.375em; text-align:center; margin-top: -100px; margin-top: 3%; display: block !important; }
.tick-group { margin:0 .25em; text-align:center; }
.tick-group:first-child div:after { content:'+'; padding-left: 22px; }
.tick-group:first-child .tick-label { margin-left: -22px; }

@media (max-width: 1920px) {
    /* #faq { scroll-margin-top: 75px; } */
}
@media (max-width: 1450px) {
    .desktop-logo { max-width: 160px; width: 100%; }
    .desktop-logo img { max-width: 100px; }
}

@media (max-width: 1280px) {
    /* #faq { scroll-margin-top: 95px; } */
}

@media (max-width: 1080px) {
    .header-spacing { padding-top: 68px; }
    #about, #location, #faq { scroll-margin-top: 68px; }
    
    .nav { text-align: left; padding: 30px 0; }

    .mobile-menu { display: block; }
    .menu { max-width: 230px; width: 100%; position: fixed; left: -100%; top: 60px; bottom: 0; background-color: #373737; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 7px 6px 15px -3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 7px 6px 15px -3px rgba(0, 0, 0, 0.3); box-shadow: 7px 6px 15px -3px rgba(0, 0, 0, 0.3); }
    .menu li { display: block; padding: 15px 25px; }
    .menu li.desktop-logo { display: none; }
    
    .mobile-logo { display: block; }
    .mobile-logo img { max-width: 80px; top: 5px; }

    .menu.active { left: 0; }
    .join-btn { right: 0; }
}

@media (max-width: 995px) {
    .cta-container { width: 100%; clear: both; }
}


@media (max-width: 785px) {
    .join-btn { max-width: 118px; width: 100%; padding: 10px; font-size: 12px; }
    .mobile-logo img { max-width: 68px; top: 5px; }
}

@media (max-width: 550px) {
    footer { padding: 20px; }
    .footer-links { flex-direction: column; gap: 0; list-style: none; }
    .footer-links li { padding: 0 0 5px; font-size: 12px; line-height: 1.5; }
    .footer-copy { font-size: 14px; max-width: 300px; line-height: 1.4; margin: 0 auto; }
    
    .menu a { font-size: 14px; }
    .mobile-menu { width: 25px; height: 25px; }
}

@media (max-width: 400px) {
    .mobile-menu { left: -10px; }
    .join-btn { max-width: 102px; width: 100%; padding: 10px 5px; font-size: 10px; right: -10px; }
}