body, html {
    width: 100%;
    height: 100%;
    min-height: -webkit-fill-available;
    height: -webkit-fill-available;
}

.h2-style {
    margin-bottom: 0px !important;
}

.da {
    font-family: bely-display, sans-serif !important;
    font-weight: 400;
    font-style: normal;    
}

.corporate-option {
    font-weight: 900;
    font-size: 1.286rem;
    line-height: 118%;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.da.heading.h2-style {
    font-size: 3.571rem;
}

.da.heading.h3-style {
    font-size: 2.857rem;
}

.da.heading.h4-style {
    font-size: 2.143rem;
    line-height: 100%;
}

.team-role {
    font-weight: 500;
    font-size: 1.143rem;
    line-height: 1.714rem;
    text-transform: uppercase;
}

.da-preference {
    font-weight: 400;
    font-size: 1rem;
    line-height: 136.5%;
}

.da.btn.btn-primary {
    background-color: #00A9A4;
    border: 2px solid #00A9A4 !important;

}

.corporate-option.collapsed .minus {
    display: none;
}

.corporate-option:not(.collapsed) .plus {
    display: none;
}

 /* Text */

* {
    font-family: 'Poppins', sans-serif; 
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}



@media (max-width: 1200px) {
    * {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    * {
        font-size: 12.3px;
    }
}



h2[data-aos=fade-up] {
    -webkit-transform: translate3d(-1000px,-1000px,0);
    transform: translate3d(-1000px,-1000px,0); 
}

strong {
    font-size: inherit !important;
}

.grey {
    background-color: #F2F2F2;
}
/* Nav Stuff */
.navbar {
    background: transparent !important;
    padding: 15px 1% 15px 4%;
    float: none !important; 
}

.nav-item {
    margin: 0px 16px;
    margin-top: 4px;
}

.nav-item.language-toggle {
    margin: 0 4.5px;
}

.nav-item.language-toggle .nav-link {
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1200px) {
    .nav-item {
        margin: 0px 10px;
    }
}

@media (min-width: 1300px) {
    .nav-item {
        margin: 0px 16px;
    }
}

.nav-item-button {
    margin: 0px 4.5px;
}

.nav-link {
    font-size: 12px;
    font-weight: 700;
    padding: 0.76rem 10rem;
    text-transform: uppercase;
}

.nav-item:hover {
    cursor: pointer;
}

.nav-item:hover .nav-link {
    color: #00A9A4 !important;
}

.nav-item .btn.btn-primary.blue-hover {
    font-size: 0.9rem;
}

/* Footer Stuff */

footer {
    background-color: #353535;
    padding-bottom: 80px;
    padding-top: 60px;
}

.footer-text-bold {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 14px;
}

.footer-text-thin {
    font-weight: 400;
    mix-blend-mode: normal;
    opacity: 0.5;
    color: #FFFFFF;
    font-size: 1.2rem;
    margin-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.footer-heading-bold {
    font-weight: 300;
    color: #D9DBE1;
    font-size: 1.1rem;
    margin-bottom: 18px;
    margin-left: 20px;
    margin-right: 20px;
}

#footer-text-box {
    background: #4a4a49;
    color: #D9DBE1;
    border-radius: 9.34902px;
    max-width: 500px;
    height: 45px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
}

#footer-text-box::placeholder {
    color: #D9DBE1;
    opacity: 1; /* Firefox */
}
#footer-text-box:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #D9DBE1;
}

#footer-text-box::-ms-input-placeholder { /* Microsoft Edge */
    color: #D9DBE1;;
}

@media (max-width: 991px) {
    .footer-social-media-icon {
        margin-top: 13px;
    }
} 

/* Text */
h1 {
    font-weight: 700;
    font-size: 7rem;
}

.h1-home {
    font-weight: 900;
    font-size: 10.91371rem;
    color: #FFFFFF;
    line-height: 90%;
}

.h1-style {
    font-weight: 700;
    font-size: 7rem;
    line-height: 6.286rem;
}

.h1-h2-style {
    font-weight: 900;
    font-size: 5.714rem;
    line-height: 5.143rem;
    margin-bottom: 30px;
    color: white;
}

.h1-v3 {
    font-size: 4.57143rem;
    font-style: normal;
    font-weight: 900;
    line-height: 4.68571rem;
    letter-spacing: -0.09143rem;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.h4-style {
    font-size: 1.71429rem;
    font-style: normal;
    font-weight: 900;
    line-height: 98.5%; /* 1.68857rem */
    text-transform: uppercase;
}

.h1 {
    color: #353535;
    font-size: 5.36471rem;
    font-style: normal;
    font-weight: 900;
    line-height: 100%; /* 5.36471rem */
    letter-spacing: -0.10729rem;
    text-transform: uppercase;
    margin-bottom: 14px;
}

@media (max-width: 992px) {
    .h1 {
        font-size: 2.71814rem;
        line-height: 100%; /* 2.71814rem */
        letter-spacing: -0.05436rem;
    }
}


.banner-text {
    font-weight: 400;
    color: white; 
    font-size: 1.814rem; 
    line-height: 100%;
}

@media (max-width: 991px) {
    .offer-banner .h1-h2-style {
        font-size: 2.714rem;
        line-height: 2.743rem;
    }

    .offer-banner .banner-text {
        font-size: 1.2rem;
    }

    .offering-title, .membership-type{
        font-size: 1.138rem !important;
        line-height: 100% !important;
    }
}

h2 {
    color:#353535;
    font-weight: 600;
    font-size: 4rem;
    line-height: 110%;
}

.h2-style, .event-name {
    color:#353535;
    font-weight: 900;
    font-size: 2.857rem;
    line-height: 110%;
}

.h3-style {
    color:#353535;
    font-size: 2.14286rem;
    font-weight: 900;
    line-height: 100%; /* 2.14286rem */
}

.h1-alt-style {
    color:#353535;
    font-weight: 600;
    font-size: 5rem;
    line-height: 110%;
}
 
h3 {
    color: #353535;
    font-weight: 700;
    line-height: 35px;
}

h4 {
    color:#353535;
    font-weight: 600;
}

h5 {
    font-weight: 600;
    color: #FFFFFF;
    font-size: 2rem;
}

h6 {
    font-weight: 600;
    color: #353535;
    font-size: 1.2rem;
}

.skill-name {
    line-height: 110%;
    font-size: 1.875rem;
    color: #353535;
    font-weight: 900;
}

p {
    color: #353535;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 1.714rem;
}

a {
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

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

#careers-stack {
    padding: 100px 5.5% 100px 5.5%;
    background-color: #F2F2F2;
}
a:hover {
    color:#00A9A4 !important;
}
/* Maps */
#map {
    height: 300px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
}

/* Buttons */
.btn.btn-secondary {
    background: white;
    /* background: #14AEB8 !important;  */
    border: 2px solid #353535 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #353535;
    font-weight: 900;
}

.btn.btn-dark {
    background: inherit;
    /* background: #14AEB8 !important;  */
    border: 2px solid #D9DBE1 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #D9DBE1;
    font-weight: 900;
}

.btn.btn-dark:hover {
    background: inherit;
    /* background: #14AEB8 !important;  */
    border: 2px solid #D9DBE1 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: inherit;
    font-weight: 900;
}

.btn.btn-persian-green {
    background: #00A9A4;
    /* background: #14AEB8 !important;  */
    border: 2px solid #00A9A4 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #F2F2F2;
    font-weight: 900;
}

.btn.btn-persian-green:hover {
    background: white !important;
    color: #00A9A4 !important;
}

.btn.btn-jet {
    background: #353535;
    /* background: #14AEB8 !important;  */
    border: 3px solid #353535 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-weight: 900;
    font-size: 1rem;
    line-height: 18px;
    color: #F2F2F2;
    font-weight: 900;
}

.btn.btn-jet:hover {
    color: #353535 !important;
    background-color: white !important;

}

.btn.btn-heatwave {
    background: #FF7B00;
    /* background: #14AEB8 !important;  */
    border: 2px solid #FF7B00 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #F2F2F2;
    font-weight: 900;
}

.btn.btn-heatwave:hover {
    background: white !important;
    color: #FF7B00 !important;
}

.btn.btn-spanish-yellow {
    background: #F9B117;
    /* background: #14AEB8 !important;  */
    border: 2px solid #F9B117 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #F2F2F2;
    font-weight: 900;
}

.btn.btn-spanish-yellow:hover {
    background: white !important;
    color: #F9B117 !important;
}

.btn.btn-international-orange {
    background: #FF5000;
    /* background: #14AEB8 !important;  */
    border: 2px solid #FF5000 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #F2F2F2;
    font-weight: 900;
}

.btn.btn-international-orange:hover {
    background: white !important;
    color: #FF5000 !important;
}

.btn.btn-venture-into {
    background: #BA2720;
    /* background: #14AEB8 !important;  */
    border: 2px solid #BA2720 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #F2F2F2;
    font-weight: 900;
}

.btn.btn-venture-into:hover {
    background: white !important;
    color: #BA2720 !important;
}


#main-nav .btn.btn-primary {
    background: #007872;
    border: 2px solid #007872 !important;
    border-radius: 7.29167px !important;
    padding: 0.64807rem 1.51221rem;
    font-size: 0.86414rem;
    font-style: normal;
    font-weight: 700;
    line-height: 121%; /* 1.04557rem */
    text-transform: uppercase;
}

.btn.btn-primary {
    background: #007872;
    border: 2px solid #007872 !important;
    border-radius: 7.29167px !important;
    padding: 0.64807rem 1.51221rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 121%; /* 1.04557rem */
    text-transform: uppercase;
}

.btn.btn-primary:hover, .btn.btn-primary.selected, .btn.btn-primary.active {
    background: white !important;
    border: 2px solid #007872 !important;
    border-radius: 7.29167px !important;
    color: #007872 !important;
}

.btn.btn-light-blue {
    background: #33A4C3;
    border: 2px solid #33A4C3 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-light-blue:hover, .btn.btn-light-blue.selected, .btn.btn-light-blue.active {
    background: white !important;
    border: 2px solid #33A4C3 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #33A4C3 !important;
    font-weight: 900;
}

.btn.btn-cyber-innovation {
    background: #75C3B3;
    border: 2px solid #75C3B3 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-cyber-innovation:hover, .btn.btn-cyber-innovation.selected, .btn.btn-cyber-innovation.active {
    background: white !important;
    border: 2px solid #75C3B3 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #75C3B3 !important;
    font-weight: 900;
}

.btn.btn-tec {
    background: #C92224;
    border: 2px solid #C92224 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-tec:hover, .btn.btn-tec.selected, .btn.btn-tec.active {
    background: white !important;
    border: 2px solid #C92224 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #C92224 !important;
    font-weight: 900;
}

.btn.btn-greentech {
    background: #9FCE66;
    border: 2px solid #9FCE66 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-greentech:hover {
    background: white !important;
    border: 2px solid #9FCE66 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #9FCE66 !important;
    font-weight: 900;
}

.btn.btn-convergent {
    background: #B835EA;
    border: 2px solid #B835EA !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-convergent:hover {
    background: white !important;
    border: 2px solid #B835EA !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #B835EA !important;
    font-weight: 900;
}

.btn.btn-convergent-content-scaler {
    background: #d301be;
    border: 2px solid #d301be !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-convergent-content-scaler:hover {
    background: white !important;
    border: 2px solid #d301be !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #d301be !important;
    font-weight: 900;
}

.btn.btn-univentures {
    background-color: #E36414;
    border: 2px solid #E36414 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-univentures:hover {
    background-color: white !important;
    border: 2px solid #E36414 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #E36414 !important;
    font-weight: 900;
}

.btn.btn-creative-cluster {
    background-color: #F686BD;
    border: 2px solid #F686BD !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-creative-cluster:hover {
    background-color: white !important;
    border: 2px solid #F686BD !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #F686BD !important;
    font-weight: 900;
}

.btn.btn-green-tech-zero {
    background-color: #339989;
    border: 2px solid #339989 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
}

.btn.btn-green-tech-zero:hover {
    background-color: white !important;
    border: 2px solid #339989 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #339989 !important;
    font-weight: 900;
}

.btn.btn-bolt-on {
    color: #353535;
    margin: 5px 0px;
}

.btn.btn-bolt-on:hover, .btn.btn-bolt-on.active, .btn.btn-bolt-on.sticky-active {
    border: 1px solid #353535;
    color: #353535 !important;
    border-radius: 0.29px;
}

.btn.btn.btn-bolt-on.sticky-active:hover, .btn.btn-bolt-on.sticky-active.active {
    background-color: #EEEEEE !important;
}

.btn.btn-swansea-skills {
    background: #FB7D07;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
    border: 2px solid #FB7D07 !important;
}

.btn-female-founder-investor-readiness {
    background: #E62145;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: white;
    font-weight: 900;
    border: 2px solid #E62145 !important;
}

.btn-female-founder-investor-readiness:hover {
    background: white !important;
    border: 2px solid #E62145 !important;
    border-radius: 7.29167px !important;
    padding: 0.6439rem 1.786rem;
    font-size: 1rem;
    color: #E62145 !important;
    font-weight: 900;
}


.btn.btn-swansea-skills:hover {
    background: white;
    color: #FB7D07 !important;
}

.tt-swansea-skills { 
    color: #FB7D07;
}

.btn {
    transition: none;
}

/* Icons */
#profile-icon {
    margin-top: 3px;
}

#signal-1 {
    position: absolute;
    top: 100px;
    left: -10%;
}

@media  (min-width: 1400px) { 
    #signal-1 {
        left: -5%;
    }
}

@media  (min-width: 1600px) { 
    #signal-1 {
        left: 0%;
    }
}

@media  (min-width: 1800px) { 
    #signal-1 {
        left: 5%;
    }
}

@media  (min-width: 2000px) { 
    #signal-1 {
        left: 10%;
    }
}

@media  (min-width: 2200px) { 
    #signal-1 {
        left: 15%;
    }
}

@media  (min-width: 2400px) { 
    #signal-1 {
        left: 20%;
    }
}
.testimonial-image {
    max-width: 500px;
}
/* @media  (max-width: 1600px) {
    #signal-1 {
        position: absolute;
        top: 90px;
        left: 15%;
    }
}

@media  (max-width: 1300px) {
    #signal-1 {
        position: absolute;
        top: 90px;
        left: 20%;
    }
}

@media  (max-width: 1184px) {
    #signal-1 {
        position: absolute;
        top: 90px;
        left: 27%;
    }
} */

#signal-2 {
    position: absolute;
    top: 180px;
    left: 50%;
}

@media screen and (max-width: 991px) {
    #signal-1 {
        position: absolute;
        top: 70px;
        left: 25%;
    }

    #signal-2 {
        top: 120px;
    }
}

@media (max-width: 394px) {
    #signal-1 {
        top: 70px;
        left: 30%;
    }

    #signal-2 {
        top: 120px;
    }
}

@media (max-width: 440px) {
    .location-info-text {
        font-size: 0.8rem;
    }
}

@media (max-width: 991px) {
    #community-mobile-image {
        left: 60%;
    }
}

@media (max-width: 700px) {
    #community-mobile-image {
        left: 40%;
    }
}

@media (max-width: 450px) {
    #community-mobile-image {
        left: 20%;
    }
}

@media (max-width: 400px) {
    #community-mobile-image {
        left: 10%;
    }
}

@media (min-width: 992px) {
    #community-mobile-image {
        left: 10%;
    }
}


#signal-3 {
    position: absolute;
    top: 0px;
    left: 45%;
    z-index:0;
}

#signal-4 {
    position: absolute;
    top: 200px;
    left: 22%;
    z-index:0;
}

#signal-5 {
    position: absolute;
    top: 213px;
}

#signal-7 {
    position: absolute;
    top: 415px;
}

/* Image Stacks */
#plans-image-3 {
    margin-left: 20%;
}


#single-image-stack-about-us {
    position: absolute; 
    top: 68%;
    left: 22%;
}

#single-image-stack-partners {
    position: absolute; 
    top: 94%;
    left: 12%;
}

#image-stack-plans-1 {
    position: absolute; 
    top: 250px;
    left: 40%;
}

#image-stack-plans-2 {
    position: absolute; 
    top: 130%;
    left: 5%;
}


@media (min-width:1800px) {
    #image-stack-plans-1 {
        left: 9.5%;
    }

    #image-stack-plans-2 {
        left: 35%;
    }

    #plans-image-3 {
        margin-left: 30%;
    }
}
/* Text Blocks */
#we-are {
    margin-top: 100px;
    margin-left: 9.5%;
}

#community-spirit-text {
    margin-top: 150px;
    margin-left: 9.5%;
}

.home-section {
    padding: 50px 5.5% 50px 5.5%;
}
#partners-heading {
    margin-top: 100px;
    margin-left: 11%;
}

#partners-tables{
    padding: 50px 5.5% 50px 5.5%;
}

#plans {
    margin-top: 100px;
    margin-right: 14%;
}

.news-image {
    background-position: 50% 50%;
    background-size: cover;
    text-decoration: none;
    max-width: 100%;
    height: 220px;
    border-radius: 8px;
}

.contact-image {
    background-position: 50% 50%;
    background-size: cover;
    text-decoration: none;
    max-width: 100%;
    height: 300px;
    border-radius: 8px;
}

.news-box {
    margin-right: 20px;
    margin-bottom: 40px;
}

#locations-heading {
    margin-top: 120px;
    margin-left: 11%;
}


#our-partners-text {
    margin-top: 150px;
    margin-left: 25%;
}

/* Sections */
#about-us-1 {
    background-color: white;
    height: 700px;
}

#the-benefits {
    background-color: #F2F2F2;
    height: 700px;
}

#the-benefits-mobile {
    background-color: #F2F2F2;
    padding: 50px 5.5% 50px 5.5%;
}

#about-us-2 {
    background-color: #F2F2F2;
    height: 750px; 
    overflow-y: auto;
}

#community-spirit {
    background-color: white;
    height: 800px;
    overflow: hidden;
}

#testimonials {
    background-color: #D9F2F1;
    padding: 100px 5.5% 20px 5.5%;
}

#meet-the-team {
    padding: 100px 5.5% 100px 5.5%;
}

#testimonials-row {
    margin-top: 80px;
    margin-bottom: 80px;
}

#testimonials-mobile {
    background-color: #DAECF0;
    padding: 80px 5.5% 20px 5.5%;
}

.location-thumbnail-wrapper {
    position: relative;
}

#all-locations {
    background-color: #F2F2F2;
    padding: 100px 5.5% 0px 5.5%;
}

#partner-locations {
    background-color: #FFFFFF;
    padding: 100px 5.5% 0% 5.5%;
    
}

.inner {
    width: 100%;
    max-width: 1640px;
    margin: auto;
}

.mobile-location-placeholder {
    padding: 0px 2% 0px 2%;
}

#partner-locations-mobile {
    background-color: #FFFFFF;
    padding: 50px 5.5% 100px 5.5%;
}

#location-overview {
    padding: 100px 5.5% 100px 5.5%;
}

#headline-news {
    padding: 0px 5.5% 20px 5.5%;
}

@media (max-width: 990px) {
    .headline-text {
        font-size: 2.5rem;
        line-height: 40px;
    }
}

@media (min-width: 991px) {
    .headline-text {
        font-size: 3rem;
        line-height: 45px;
        
    }

}

@media (min-width: 992px) {
    .benefits-padding-text {
        padding-right: 7.5%;
    }
}

@media (max-width: 992px) {
    .benefits-padding-text {
        padding-right: 7.5%;
        padding-left: 7.5%;
    }
}

.headline-text {
    font-weight: 600;
}

#top-stories-heading {
    padding: 100px 0% 10px 5.5%;
}

#academy-structure {
    padding: 50px 0% 50px 5.5%;
    overflow: hidden;
}

#start-up-testimonials {
    padding: 50px 5.5% 50px 5.5%;
}

#top-stories {
    padding: 0px 5.5% 80px 5.5%;
}

#top-stories-mobile {
    padding: 20px 5.5% 80px 5.5%;
}

#all-stories {
    padding: 20px 5.5% 20px 5.5%;
}
#event-info {
    padding: 70px 0px 100px 5.5%;
}

.give-us-a-try-cta {
    height: 200px;
    background-image: url("../img/home/CTA Banner Box Left.jpg");;
    
}

@media (min-width: 768px) {
    .cta-banner-text {
        padding-left: 16.5%;
    }
}

@media (min-width: 992px) {
    .cta-banner-text-two {
        padding-left: 12.5%;
    }
}

@media (max-width: 767px) {
    .give-us-a-try-cta {
        padding-left: 5.5%;
    }

    .book-a-tour-cta {
        padding-left: 10%;
    }

    .book-a-day-pass-cta {
        padding-left: 10%;
    }
} 

@media (max-width: 575px) {
    .book-a-tour-cta {
        padding-left: 5.5%;
    }

    .book-a-day-pass-cta {
        padding-left: 5.5%;
    }
}


@media (max-width: 397px) {
    #community-spirit {
        height: 10000px;
    }
}

@media (max-width: 1304px) {
    #about-us-2 {
        height: 800px;
    }
}

@media (max-width: 1014px) {
    #about-us-2 {
        height: 850px;
    }
}

@media (max-width: 1087px) {
    #about-us-2 {
        height: 850px;
    }
}



.book-a-tour-cta {
    height: 200px;
    background-image: url("../img/home/CTA Banner Box Middle.jpg");
    background-repeat: no-repeat;
}

.info-row {
    background: #F2F2F2;
    padding: 20px 5.5% 20px 5.5%;
}

.info-row-event {
    background: #F2F2F2;
    padding: 10px 5.5% 10px 5.5%;
}

.book-a-day-pass-cta {
    height: 200px;
    background-image: url("../img/home/CTA Banner Box Right.jpg");
    background-repeat: no-repeat;
    
}

.book-a-trial-cta {
    height: 200px;
    background-image: url("../img/locations/Trial Button.jpg");
    background-repeat: no-repeat;
    border-radius: 9px;
}

.book-a-tour-newport-cta {
    height: 200px;
    background-image: url("../img/locations/Tour Button.jpg");
    background-repeat: no-repeat;
    border-radius: 9px;
    
}

.cta-banner {
    height: 200px;
}

.cta-banner-text {
    margin-left: inherit;
    padding-top: 40px;
}

.cta-banner-text-two {
    margin-left: inherit;
    padding-top: 50px;
}

#community-image-1 {
    position: absolute;
    top: 80px;
    left: 30%;
}

@media (max-width: 1200px) {
    #signal-1 {
        left: -15%;
    }
}
#community-image-2 {
    position: absolute;
    top: 330px;
    left: 40px;
}

#location-image-1 {
    position: absolute;
    top: 50px;
    left: 45%;
}

#location-image-2 {
    position: absolute;
    top: 110px;
    left: 13%;
}

#careers-image-1 {
    position: absolute;
    top: 0px;
    left: 600px;
}

#careers-image-2 {
    position: absolute;
    top: 220px;
    left: 70px;
}

.testimonial-body {
    width: 80%;
}

#our-partners {
    background-color: #F2F2F2;
    padding-bottom: 150px;
}

@media screen and (min-width: 767px) {
    .skills-wrapper {
        padding-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .skills-wrapper {
        padding-right: 0px;
    }

    #contact-locations {
        padding: 0px 5.5% 100px 5.5% !important;
    }
}

.skills-wrapper {
    max-width: 500px;
}

#partners-body {
    width: 80%;
}

#upcoming-events {
    background-color: white;
    padding: 60px 5.5% 40px 5.5%;
}

#upcoming-events-mobile {
    background-color: white;
    padding: 60px 5.5% 0% 5.5%;
}

.events-text-overlay {
    display: none;
    position: absolute;
    top: 10px;
    left: 15px;
}

.pickgradient{
    position:relative;
    display:inline-block;
  }
  .pickgradient:after {
    display: none;
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  }

  .event-image-wrapper:hover .pickgradient:after {
    display: inline-block;
  }

  .event-image-wrapper:hover .events-text-overlay {
    display: inline;
  }

  .location > .pickgradient:after {
    display: inline;
  }


.staff-image {
    margin-right: 30px;
    max-width: 301px;
    border-radius: 10px;
}

.staff-text-overlay {
    position: absolute;
    top: 340px;
    left: 15px;
}

#footer-icon {
    padding-bottom: 60px;
}

#main-header {
    position: absolute;
    left: 20px;
    top: 150px;
}

#about-us-stack {
    margin-top: 80px;
    
}
#partners-stack {
    margin-top: 20px;
    margin-left: 100px;
    
}
.lower-partner-icon {
    float: right;
}

#lower-partner-icons {
    margin-top: 50px;
}

#partner-icons {
    margin-left: 10%;
    margin-top: 150px;
    z-index: 1;
    position: relative;
}

#newsletter-arrow {
    position: absolute;
    left: 90%;
    top: 11px;
}

/* Animations  */
.square-animation {
    animation: wipe-enter 1s 1;
}


@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	50% {
		transform: scale(1, .025);
	}
}

.center-in-col {
    display: table;
    margin: auto;
}


.event-image-wrapper {
    margin-top: 40px;
    padding-right: 30px;
}

.event-image-wrapper:hover {
    transform: scale(1.08);
}

.event-image {
    max-width: 400px;
    min-width: 290px;
}

@media screen and (max-width: 566px) {
    .event-image-wrapper {
        padding-right: 0px;
    }

    .info-row-element {
        margin-right: 0px !important;
    }
}

.testimonial-title {
    margin-top: 70px;
}

.more-events-button {
    margin-top: 60px;
    padding-bottom: 40px;
}

@media (max-width: 991px) {
    .more-events-button {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1200px) {
    #signal-5 {
        display: none;
    }
    
    #signal-7 {
        display: none;
    }
}

.fixed-width-button {
    width: 108px !important;
}

.fixed-width-button-md {
    width: 150px !important;
}


.fixed-width-button-lg {
    width: 208px !important;
}

#about-us-2-stack {
    margin-top: 45px;
}

@media screen and (max-width: 1150px) {
    .cta-banner-text > h2 {
        font-size: 2.75em;
    }

    .cta-banner-text-two > h2 {
        font-size: 2.75em;
    }

    
}


@media screen and (max-width: 1100px) {
    

    .lower-partner-icon {
        float: none;
    }

    
    .cta-banner-text, .cta-banner-text-two {
        padding-top: 50px;
    }

    #about-us-image-2-mobile {
        display: inline;
    }

    #about-us-2-image-mobile{
        display: inline;
    }    

    #all-locations {
        padding: 50px 5.5% 0px 5.5%;
    }
}

@media screen and (max-width: 991px) {
    p {
        font-weight: 400;
        font-size: 1.2rem;
    }

    #our-partners {
        padding-bottom: 80px;
    }

    .row-col {
        flex-direction: column;
    }
}

@media screen and (min-width: 992px) {

    .row-col {
        flex-direction: row;
    }

    #about-us-image-2-mobile {
        display: none;
    }

    #about-us-2-image-mobile{
        display: none;
    }

    .text-box-dynamic {
        width: 60%;
    }

    #partner-locations-mobile {
        display: none;
    }

    .yellow-arrow {
        display: none;
    }

    .mobile {
        display: none;
    }

}

@media screen and (max-width: 850px) {
    #top-stories {
        display: none;
    }
}

@media screen and (max-width: 491px) {
    #our-partners {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 650px) {
    .desktop-marcus {
        display: none;
    }
}

@media screen and (min-width: 650px) {
    .mobile-marcus {
        display: none;
    }
}

@media screen and (min-width: 1130px) {
    #top-stories-mobile {
        display: none;
    }
}

@media (max-width: 825px) {
    #signal-8 {
        display: none;
    }
}

.outer-newsbox {
    padding-right: 50px;
}


@media screen and (max-width: 1129px) {
    #top-stories-desktop {
        display: none;
    }

    .news-box {
        margin-right: 0px;
    }

    .outer-newsbox {
        padding-right: 0px;
    }

}

.location-tag {
    position: absolute; 
    top: 3%; 
    right: 15px;
    padding: 6px 10px; 
    border-radius: 8.98281px; 
    font-weight: 900;
    font-size: 1rem; 
    color: #FFFFFF;
}

.location-tag-relative {
    padding: 6px 10px; 
    border-radius: 8.98281px; 
    font-weight: 900;
    font-size: 1rem; 
    color: #FFFFFF;
    width: fit-content;
    background-color: #00A9A4;
    text-transform: uppercase;
}

.location-tag.offices-only, .location-tag-relative.offices-only {
    background-color: #00A9A4;
}

.location-tag.coming-soon, .location-tag-relative.coming-soon {
    background-color: #F9B117; 
}

.tag { 
    border-radius: 8.9px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.19386rem;
    font-size: 0.95507rem;
    width: fit-content;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.tag.tag-secondary {
    text-transform: capitalize;
    font-size: 1rem;
    font-weight: 400;
}

.tag.padding-wide {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 2000px) {
    #we-are {
        margin-left: 0%;
    }

    #community-spirit-text {
        margin-left: 0%;
    }
}

@media screen and (max-width: 991px) {
    #signal-1 {
        display: none;
    }

    #signal-2 {
        display: none;
    }

    #we-are {
        margin-left: 6%;
        margin-right: 6%;
        margin-top: 50px;
    }

    #community-spirit-text {
        margin-left: 6%;
        margin-right: 6%;
        margin-top: 50px;
    }


    #partners-heading {
        margin-left: 6%;
        margin-right: 6%;
        margin-top: 50px;
    }

    #plans {
        margin-left: 6%;
        margin-right: 6%;
        margin-top: 50px;
    }


    #locations-heading {
        margin-left: 6%;
        margin-right: 6%;
        margin-top: 50px;
    }

    #our-partners-text {
        margin-top: 50px;
    }

    .location-tag {
        font-size: 0.8rem;
    }
}


@media screen and (max-width: 991px) {
    
    #about-us-1 {
        height: 860px;
    }

    #about-us-stack {
        display: none;
    }

    .desktop {
        display: none;
    }

    #community-image-1 {
        top: 0px;
        left: 30%;
    }

    #about-us-col-1 {
        height: 300px;
    }

    .partner-icon {
        width: 80%;
        margin-bottom: 30px;
    }

    #about-us-image-1 {
        position: relative;
        display: none;
    }

    .text-box-dynamic {
        width: 80%;
    }

    #community-image-1 {
        display: none;
    }

    #community-images {
        display: none;
    }

    #partner-locations {
        display: none;
    }

    #meet-the-team {
        display: none;
    }

    #careers-cta {
        display: none;
    }

    #signal-3 {
        left: 200px;
        top: 0px;
    }

    #signal-4 {
        left: 350px;
        top: 0px;
    }

    #signal-1 {
        width: 80%;
    }

    #signal-2 {
        width: 50%;
    }
}

.mobile .text-box {
    padding: 50px 5.5% 50px 5.5%;
}

@media screen and (max-width: 991px) {
    #our-partners-text {
        margin-left: 5.5%;
        margin-right: 5.5%;
        margin-top: 50px;
    }

    #partner-icons {
        margin-top: 50px;
    }

    #about-us-2 {
        height: 900px;
    }

    #partners-body {
        width: 100%;
    }

    #community-spirit {
        height: 750px;
    }
}

@media screen and (max-width: 600px) {
    #community-spirit {
        height: 900px;
    }
}

@media screen and (max-width: 518px) {
    #about-us-2 {
        height: 880px;
    }

    #about-us-1 {
        height: 760px;
    }


    

}

@media screen and (max-width: 767px) {
    .cta-banner {
        height: 400px;
    }
}

@media screen and (max-width: 575px) {
    .cta-banner {
        height: 600px;
    }

    .book-a-tour-cta {
        background-size: cover;
    }

    .book-a-day-pass-cta {
        background-size: cover;
    }
}

@media screen and (min-width: 1400px) {
    .book-a-tour-cta {
        background-size: cover;
        background-position:center center;
    }

    .book-a-day-pass-cta {
        background-size: cover;
        background-position:center center;
    }
}


@media screen and (max-width: 929px) {
    #testimonials {
        display: none;
    }

    .testimonial-body {
        width: 100%;
    }
}

@media screen and (max-width: 1340px) {
    #upcoming-events {
        display: none;
    }

    .events-mobile-box {
        display: block;
    }

    #upcoming-events-mobile {
        display: block;
    }
}

@media screen and (min-width: 1340px) {
    #upcoming-events-mobile{
        display: none;
    }

    .events-mobile-box {
        display: none;
    }

    #upcoming-events {
        display: block;
    }
}


@media screen and (min-width: 929px) {
    #testimonials-mobile {
        display: none;
    }

    #testimonials {
        display: block;
    }
    
}

.select-location-name {
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 1.714rem;
    line-height: 2.057rem;

}

.testimonial-name {
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 1.714rem;
    line-height: 120%;
}

.small-text {
    color: #353535;
    font-size: 1.286rem;
    font-weight: 300;
    line-height: 1.543rem;
    text-transform: uppercase;
}

.small-text-testimonial {
    color: #AAAAAA;
    font-size: 1.186rem;
    font-weight: 400;
    line-height: 0%;
    margin-top: 16px;
}

.partner-location-image {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    max-width: 300px;
}

.partner-location-image-mobikle {
    width: 193px;
    height: 193px;
}

.partner-location {
    padding-right: 40px;
    padding-bottom: 100px;
}

.first-text {
    padding: 25vh 5.5% 25vh 5.5%;
}

.info-row-icon {
    margin-right: 4%;
}

.bold {
    font-weight: 700;
}

#location-overview-text {
    width: 80%;
}

#unknown {
    background-color: #F2F2F2;
    padding: 50px 5.5% 50px 5.5%;
}

.location-image-row-image {
    margin: 20px 0px;
    
}

#location-image-row {
    overflow: hidden;
}

.off-white-text {
    color: #FFFFFF;
}

#meet-the-team-title {
    margin-bottom: 60px;
}

.rectangle {
    background: #D9F2F1 !important;
    height: 376px;
    border-radius: 8px;
    width: 301px;

}

#join-our-team {
    background-color: #007872;
    padding: 50px 5.5% 50px 5.5%;

}

#first-skills {
    padding-left: 5.5%;
    padding-right: 5.5%;
    padding-bottom: 150px;

}

#first-skills-image {
    position: absolute;
    top: 0px;
    left: -50px;
    max-width: 650px;
}

#skills-heading {
    padding-top: 120px;
}

#meet-our-team-heading {
    padding-top: 50px;
}

#all-skills {
    background-color: #F2F2F2;    
    padding: 75px 5.5% 75px 5.5%;
}

#what-is-the-academy {    
    padding: 75px 5.5% 75px 5.5%;
}

#facilitators {
    background-color: white;    
    padding: 75px 5.5% 75px 5.5%;
}

.weight-500 {
    font-weight: 500;
}

.weight-700 {
    font-weight: 700;
}

.skills-info {
    height: 400px;
}

/* .skills-image {
    max-width: 500px;
} */

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

#first-meet-the-team {
    padding: 50px 30px 100px 70px;
}

.right {
    float: right;
}

.forced-width {
    width: 191px;
}

#filter-banner {
    background-color: #F2F2F2;
    padding: 40px 5.5% 40px 5.5%;
}

#all-staff {
    padding: 80px 5.5% 40px 5.5%;
}

.line-height-0 {
    line-height: 0px;
}

.staff-card {
    background-size: cover;
    padding: 6.5rem 0 0;
    width: 340px;
    height: 480px;
    overflow: hidden;
    margin-bottom: 30px;
}

@media (max-width: 1405px) {
    .staff-card {
        width: 350px;
        height: 440px;
        padding: 4.0rem 0 0;
    }
}


@media only screen and (max-width: 440px) {
    .staff-card {
        padding: 10rem 0 0;
    }
}

@media (max-width: 991px) {
    #community-spirit {
        height: 930px;
    }

    .first-background {
        height: 260px !important;
    }
}

@media (max-width: 545px) {
    #community-spirit {
        height: 950px;
    }
}

@media (max-width: 510px) {
    #community-spirit {
        height: 1000px;
    }
}

@media (max-width: 340px) {
    #community-spirit {
        height: 1080px;
    }
}

@media (max-width: 350px) {
    #all-staff {
        padding: 80px 0px 40px 0px;
    }
}

/* @media (hover) {
    .staff-card-gradient {
        transform: translateY(200%) !important;
        transition: transform 500ms ease;
    }

    .staff-card-content {
        transform: translateY(45%) !important;
        transition: transform 500ms ease;
    }

    .staff-card:hover .staff-card-content, 
    .staff-card:focus-within .staff-card-content {
        transform: translateY(-40%) !important;
    }

    .staff-card:hover .staff-card-gradient,
    .staff-card:focus-within .staff-card-gradient  {
        transform: translateY(-80%) !important;
    }

    .staff-card:hover,
    .staff-card:focus-within {
        box-shadow: inset 0 0 0 1000px rgba(2, 48, 71, 0.81);
        transition: box-shadow 0.5s ease-in-out;
        
    }
} */

@media (max-width: 1400px) {
    .staff-card-title p {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 1199px) {
    .staff-card {
        padding: 0rem 0 0;
    }

    .staff-card-content {
        transform: none;
        margin-top: 350px !important;
    }

    .staff-card-gradient {
        transform: translateY(0%);
    }
}

@media (max-width: 768px) {
    .staff-card-content {
        transform: none;
        margin-top: 350px !important;
    }
}

@media (max-width: 440px) {
    .staff-card {
        background-repeat: no-repeat;
        background-size: fill;
        width: 300px;
        height: 400px;
        /* padding: 10.5rem 0 0; */
    }

    .staff-card-body p {
        font-size: 0.95rem;
    }

    .staff-card-content {
        padding: 1em !important;
        height: 426px !important;
        margin-top: 337px !important;
    }

    .staff-card-gradient {
        width: 300px !important;
        height: 426px !important;
    }
}

.staff-card-title {
    position: relative;
    height: auto;
}

.staff-card-content {
    padding: 3em 1.2em;
    height: 500px;
    margin-top: 55px;
}

.staff-bio {
    font-size: 0.9rem;
    line-height: 1.1rem;
    color: #FFFFFF;
}

.staff-card-gradient {
    color: white;
    background-color: #00A9A4;
    transform: translateY(100%);
    transition: transform 500ms ease;
    height: 526px;
    width: 390px;
}

@media (hover) and  (min-width: 1199px)  {
    .staff-card-gradient {
        transform: translateY(100%);
        transition: transform 500ms ease;
    }

    .staff-card-content {
        transform: translateY(46%);
        transition: transform 500ms ease;
    }

    .staff-card:hover .staff-card-content, 
    .staff-card:focus-within .staff-card-content {
        transform: translateY(-35%)
    }

    .staff-card:hover .staff-card-gradient,
    .staff-card:focus-within .staff-card-gradient  {
        transform: translateY(-40%);
        
    }

    .staff-card:hover,
    .staff-card:focus-within {
        box-shadow: inset 0 0 0 1000px rgba(0, 120, 114, 0.8);
        transition: box-shadow 0.5s ease-in-out;
        padding: 9rem 0 0;
    }
}

.table-header {
    background-color:#353535;
}

#careers-table {
    padding-bottom: 40px;
}

.table-row {
    padding: 50px 0px;
}

.table-row 

#search-text-box {
    background: #F2F2F2;
    border: 0.822651px solid #353535 !important;
    border-radius: 9.34902px;
    max-width: 500px;
    height: 45px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    padding-left: 40px;
}

#search-icon {
    position: absolute;
    left: 15px;
    top: 15px;
}

#search-icon-clickable {
    position: absolute;
    left: 10px;
    top: 15px;
}

#sector-dropdown {
    background-color: #F2F2F2 !important;
    border: 0.822651px solid #353535;
    color: #023047;
    height: 45px;
    width: 170px;
    border-radius: 10px !important;
}

#id_event_type {
    background-color: #F2F2F2 !important;
    border: 0.822651px solid #353535;
    color: #023047;
    height: 45px;
    width: 100%;
    padding-left: 10px;
    border-radius: 10px !important;
}

.dropdown {
    height: 45px !important;
    
}

.dropdown-menu {
    background-color: #F2F2F2 !important;
    color: #023047;
}

.weight-600 {
    font-weight: 600;
}

.weight-400 {
    font-weight: 400;
}

.font-size-1 {
    font-size: 1rem;
}

.font-size-1-point-1 {
    font-size: 1.1rem;
}


#memberships-include {
    background-color: #EEEEEE;
    padding: 80px 5.5% 80px 5.5%;
}

#memberships {
    background-color: #F2F2F2;
    padding: 80px 5.5% 80px 5.5%;
}

#memberships-mobile {
    background-color: #F2F2F2;
    padding: 80px 5.5% 80px 5.5%;
    
}

.virtual-memberships-stack {
    display: inline;
}

.virtual-membership {
    padding: 10px 5.5% 10px 0;
}

.virtual-memberships-stack {
    padding-top: 0px;
}

.circle {
    height: 100px;
    width: 100px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
}

#perks-food-drink {
    padding: 80px 5.5% 80px 5.5%;
}

.perk-image {
    max-width: 1000px;
}

.text-box-large {
    width: 94%;
}

.text-box-med {
    width: 70%;
}

.navy-blue {
    color: #023047;
}

#id_date {
    background-color: #F2F2F2 !important;
    border: 0.822651px solid #353535;
    color: #023047;
    height: 45px;
    border-radius: 10px !important;
    padding-left: 10px;
    width: 100%;
}

.info-row-element {
    margin-right: 30px;
}

.contact-card-body {
    padding: 60px 20px 15px 30px;
    background: #F2F2F2;
    border-radius: 0px 10px 10px 0px;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

#home-video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -12;
}

.no-p-m {
    margin: 0;
    padding: 0;
}

#careers-search {
    margin-bottom: 40px;
    margin-top: 60px;
}

.weight-300 {
    font-weight: 300;
}

#event-overview-long {
    padding-right: 40px;
}

#event-overview-short {
    padding-right: 10%;
}

.card-body {
    background-color:#F2F2F2;
    border-radius: 0px 10px 10px 0px;
}

.card {
    border: 0px solid black !important;
}

.large-line-height {
    line-height: 60px;
}

.h3-size {
    font-size: 3.5rem;
}

.grid-image {
    margin: 10px;
}

#perks-grid {
    margin-top: 80px;
}

.active {
    color: #14AEB8 !important;
}

.arrow-right:hover {
    position: relative;
    top: -10px;
}

.arrow-right {
    transition: top ease 0.5s;
}

#contact-locations {
    padding: 100px 5.5% 100px 5.5%;
}

.partiner-location-image-mobile {
    width: 310px;
    height: 201px;
}

#meet-the-team-mobile {
    padding: 60px 5.5% 100px 5.5%;
}

@media screen and (min-width: 1386px) {
    #meet-the-team-mobile {
        display: none;
    }
}

@media screen and (max-width: 1386px) {
    #meet-the-team {
        display: none;
    }
}

.navbar-fill {
    position: absolute;
    left: 500px;
}


.navbar-collapse.collapsing {
    left: 175%;
    transition: height 0s ease;
}

.navbar-collapse.show {
    left: 0;
    top: 0;
    transition: left 300ms ease-in-out;
}

.navbar-toggler.collapsed ~ .navbar-collapse {
    transition: left 500ms ease-in-out;
}

.navbar-header {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.navbar-subheader {
    font-size: 14px;
    font-weight: 300;
    line-height: 140%;
    margin-bottom: 10px;
}


@media screen and (min-width: 1199px) {
    .bleh {
        display: none;
    }

    .navbar-collapse.show {
        top: 28px;
    }
}

@media screen and (max-width: 1199px) {
    .navbar-collapse {
        position: absolute;
        left: 500px;
        width: 100%;
        justify-content: center;
    }

    .bleh-2 {
        display: none;
    }

    .navbar-collapse {
        background-color:white;
        z-index: 2;
        top: 0px;

    }

    .nav-item {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-nav {
        padding-top: 80px;
    }

    #navbarNav {
        margin-top: 0px;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #1D1D1B;
    }
}

@media screen and (max-width: 990px) {

    h2 {
        font-size: 3rem;
    }

    .h2-style, .event-name {
        font-size: 3rem;
    }

    .da.heading.h2-style, .da.heading.h3-style {
        font-size: 2.466rem;
        line-height: 100%;
    }

    .h3-size {
        font-size: 3rem;
    }
}

.navbar-toggler {
    float: right;
}

.location {
    margin-bottom: 40px;
}

.yellow-arrow-right {
    float: right;
}

.yellow {
    color: #FFA62B;
}

@media screen and (max-width: 768px) {
    #outer-newsbox {
        padding-right: 0px;
    }
}

@media screen and (min-width: 768px) {
    #outer-newsbox {
        padding-right: 50px;
    }
}

@media screen and (max-width: 990px) {
    #virtual-membership-image {
        display: none;
    }

    .virtual-memberships-stack {
        padding-top: 30px;
    }
}

@media screen and (max-width: 1199px) {
    #memberships {
        display: none;
    }

    #virtual-memberships {
        display: none;
    }
}

@media screen and (min-width: 1199px) {
    #memberships-mobile {
        display: none;
    }

    #virtual-memberships-mobile {
        display: none;
    }
}

@media screen and (max-width: 1393px) {
    #meet-the-team-1 {
        display: none;
    }
}

@media screen and (max-width: 1174px) {
    #meet-the-team-3 {
        display: none;
    }

    #meet-the-team-2 {
        width: 300%;
        height: auto;
    }
}

.text-box-fixed-height {
    height: 100px;
    width: 100%;
}

.text-box-fixed-height-large {
    height: 160px;
    width: 100%;
}

.text-box-fixed-height-small {
    height: 110px;
    width: 100%;
}

.facility {
    margin: 8px;
}

@media (max-width: 991px) {
    .facility {
        margin: 0px;
    }
}

.support-image-mobile {
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 600px;
}

.support-image-desktop {
    max-width: 800px;
}

#community-mobile-image {
    position: absolute;
    top: 10px;
    
}

#meet-the-team-grid { 
    padding-right: 20%;
}

@media (max-width: 1599px) {
    #meet-the-team-grid {
        float: left;
    }
}

@media (min-width: 1600px) {
    #meet-the-team-grid {
        float: center;
    }

}

@media (min-width: 1800px) {
    #first-skills-image {
        margin-left: 15%;
    }

    
}

@media (min-width: 1700px) {
    #first-skills {
        padding-bottom: 200px;
    }
}

#about-us-image-2-mobile {
    margin-top: 30px;
    max-width: 600px;
    border-radius: 10px;

}

#about-us-2-image-mobile {
    margin-top: 30px;
    max-width: 600px;
    border-radius: 10px;

}

#signal-3-mobile {
    position: absolute;
    top: -500px;
    left: 85%;
}

#signal-4-mobile {
    position: absolute;
    top: -50px;
    left: 71%;
}


.heading-box {
    width: 65%;
}

.paragraph-box {
    width: 70%;
}

#community-box {
    position: absolute;
    top: 400px;
}

#news-story {
    padding: 40px 15% 100px 15%;
}

@media (max-width: 991px) {
    #news-story {
        padding: 40px 5.5% 100px 5.5%;
    }
}

.location-contact-card {
    background-color: #F2F2F2;
    border-radius: 10px;
}

#coords {
    color: white;
    margin-bottom: 0px !important;
    
}

@media screen and (min-width: 1200px) {
    .xl-breakpoint {
        display: none;
    }
}

@media (min-width: 1900px) {
    #signal-8 {
        display: none;
    }
}

@media screen and (max-width: 449px) {
    h2 {
        font-size: 2.5rem;
    }

    #signal-1 {
        top: 60px;
    }

    #signal-2 {
        top: 100px;
    }
}

.partner-icon {
    max-width: 200px;
}

@media (max-width: 1611px) {
    #partner-signal-1 {
        width: 99%;
    }

    #partner-signal-2 {
        width: 107%
    }
}

@media (min-width: 1612px) {
    #partner-signal-1 {
        width: 110%;
    }

    #partner-signal-2 {
        width: 117%
    }
}

/* @media (min-width: 1835px) {
    #partner-signal-1 {
        width: 120%;
    }

    #partner-signal-2 {
        width: 128%
    }
}

@media (min-width: 2000px) {
    #partner-signal-1 {
        width: 130%;
    }

    #partner-signal-2 {
        width: 138%
    }
}

@media (min-width: 2260px) {
    #partner-signal-1 {
        width: 140%;
    }

    #partner-signal-2 {
        width: 148%
    }
}

@media (min-width: 2400px) {
    #partner-signal-1 {
        width: 150%;
    }

    #partner-signal-2 {
        width: 158%
    }
} */

.smaller-width {
    width: 13.6% !important;
}

.border-radius-10 {
    border-radius: 10px;
}

.card-img {
    width: 100%;
    height: 24vw;
    object-fit: cover;
}

.nav-item.pill {
    color: #4E4957 !important;
}

.nav-link.pill.active {
    color: #4E4957 !important;
}

.nav-item.pill {
    margin: 0px 0px;
}

.memberships-grid {
    margin-top: 60px;
    margin-bottom: 40px;
}

#offices {
    padding: 60px 5.5% 60px 5.5%;
}

#event-header {
    padding: 0px 5.5% 50px 5.5%;
}

.location, .hover:hover h3 {
    color: #00A9A4 !important;
}

.generic, .hover:hover h2 {
    color: #00A9A4 !important;
}

.generic, .hover:hover h3 {
    color: #00A9A4 !important;
}

.mobile-image {
    margin-top: 30px;
    max-width: 600px;
}

.no-border-radius {
    border-radius: 0px;
}

.eighty-text-box {
    width: 80%;
}

.news-box-mobile {
    margin: auto;
    width: 100%;
    max-width: 500px;
}

.skills-yellow-bar {
    background: #FDC910;
    padding: 50px 5.5% 50px 5.5%;
}

.partner-location-image-mobile {
    max-width: 230px;
    margin-bottom: 15px;
}

.blue-hover:hover {
    color: #00A9A4 !important;
}

.wpcc-message {
    color: #FFFFFF;
    padding-left: 5%;
    padding-right: 5%;
    font-weight: 400;
}

.wpcc-compliance {
    font-size: 0.95rem;
    padding-right: 5%;
}

.wpcc-container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.wpcc-btn {
    font-weight: 600 !important;
}

.text-inner-carousel-inner {
    display: none;
}

.text-vertical-carousel {
    overflow: hidden;
}
 
.text-carousel {
    overflow: hidden;
}

.sentence {
}
.sentence span{
  opacity: 0;
  display: none;
}

.sentence span.active {
    animation: bounceUp 5000ms ease 0ms 1 normal both;
    display: inline-block;
}
  
  /*bounce top in*/
  @keyframes bounceUp {
    0% {
      transform: translateY(0px);
      opacity: 0;
    }
    10% {
      transform: translateY(-10px);
      opacity: 1;
    }
    90% {
        transform: translateY(-10px);
        opacity: 1;
    }
    100%{
        transform: translateY(-20px);
        opacity: 0;
    }
  }

.contact-option-text {
    padding: 5% 0% 5% 0%;
}

#contact-option-virtual-membership {
    padding: 5% 0% 5% 0%;
}

.modal-content {
    background-color: #FFFFFF !important;
    padding-left: 5%;
    padding-right: 5%;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.modal-title {
    padding-top: 10px;
}

.btn-close {
    position: absolute;
    right: 25px;
    top: 17px;
}

#sua-partners {
    background-color: #F2F2F2;
    padding: 50px 5.5% 50px 5.5%;
}

.single-image-and-text {
    padding: 50px 5.5% 50px 5.5%;
    background-color: #F2F2F2;
}

@media (max-width: 550px) {
    #google-startups-logo {
        width: 100%;
    }
}

#google-startups-logo {
    margin-top: -10px;
}

#supported-by {
    background-color: #FAFAFA;
    padding: 50px 5.5% 50px 5.5%;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
}

.transform-hover:hover .overlay {
    opacity: 0.3 !important;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: black;
    border-radius: 9px;
}

.large-button-text {
    font-size: 3rem;
}

.btn.deactivated {
    background-color: grey !important;
    pointer-events: none !important;
}

.img {
    background-position: 50% 50%;
    background-size: cover;
    text-decoration: none;
    width: 100%;
    height: 374px;
}

.img.meeting-room {
    height: 460px;
}

@media (max-width: 991px) {
    .img.meeting-room {
        height: 300px;
    }
}

.location-name {
    font-weight: 400;
    font-size: 1.301rem;
    line-height: 2.195rem;
    margin-bottom: 0px;
}

.room-type {
    font-weight: 700;
    font-size: 1.951rem;
    line-height: 2.195rem;
    color: #353535;
}

.available-meeting-room {
    font-weight: 900;
    font-size: 2.857rem;
    line-height: 100%;
    color: #00A9A4;
}

.p-small {
    font-size: 1.071rem;
    line-height: 1.7rem;
    font-weight: 400;
}

.rte {
    font-size: 1rem;
    color: #1D1D1B;
    font-weight: 400;
}

.rte p, .rte li {
    color: #1D1D1B;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 1.714rem;
}

.rte.headline-event p, h3 {
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.286rem;
    color: #353535;
}

.rte.event-body h3 {
    color:#353535;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2rem;
}

.rte.event-body h2 {
    color:#353535;
    font-weight: 700;
    font-size: 2.1rem;
    line-height: 2.1rem;
}

.rte.small p {
    font-size: 12px;
    line-height: 16.8px;
}

.rte.single-event * {
    color: #1D1D1B;
    font-size: 1.143rem;
    font-weight: 700;
    line-height: 1.714rem;

}

.capacity {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #353535;
}

.recommended-for {
    font-size: 1.143rem;
    font-weight: 600;
    color: #353535;
}


.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid black; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


#availability-results.htmx-request {
    display: none;
}


/* Meeting room form  start */
/* .meeting-room-form select, .meeting-room-form input {
    background-color: #353535;
    border-radius: 4px;
    color: white;
    border: none;
    padding: 10px 8px;
    font-weight: 800;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
} */

.meeting-room-form .btn.btn-primary {
    padding-top: 8px;
    padding-bottom: 8px;
}

.vanilla-calendar {
    margin: 0px !important;
    max-width: 400px !important;
}

.vanilla-calendar, .vanilla-calendar-week, .vanilla-calendar-date.vanilla-calendar-date--active {
    background-color: #F7F5F5 !important;
}

.vanilla-calendar-week  span, .vanilla-calendar-date.vanilla-calendar-date--active span  {
    color: #444444 !important;
}

.vanilla-calendar-week  span, .vanilla-calendar-date.vanilla-calendar-date--disabled span {
    font-weight: 600 !important;
    font-size: 10.3022px !important;
}

.vanilla-calendar-date.vanilla-calendar-date--active span {
    font-weight: 500 !important;
    font-size: 10.3022px !important;
}

.vanilla-calendar-date.vanilla-calendar-date--active.vanilla-calendar-date--selected {
    background-color: #FF7B00 !important;
    border-radius: 0px;
}

.vanilla-calendar-date.vanilla-calendar-date--active.vanilla-calendar-date--selected span { 
    color: white !important;
}

.vanilla-calendar-header__label {
    color: #353535;
}

.hot-desk-price {
    font-style: normal;
    font-weight: 900;
    font-size: 2.857rem;
    line-height: 2.857rem;
    text-transform: uppercase;
    color: #FF7B00;
}

.unavailable {
    font-style: normal;
    color: #FF7B00;
}

.unavailable .large {
    font-weight: 900;
    font-size: 1.629rem;
    line-height: 1.429rem;
    text-transform: uppercase;
}

.unavailable .small {
    font-weight: 500;
    font-size: 0.9rem;
    line-height:  0.9rem;
    text-transform: uppercase;
}

.selected-date {
    font-style: normal;
    font-weight: 900;
    font-size: 2.286rem;
    line-height: 2.286rem;
    text-transform: uppercase;
    color: #FF7B00;
}

.inherit {
    font: inherit;
    color: inherit;
}

.color-inherit {
    color: inherit !important;
}

tbody, td, tfoot, th, thead, tr {
    border-style: none !important;
}

.rte {
    color: #353535;
}

.tt-jet {
    color: #353535;
}

.tt-heat-wave {
    color: #FF7B00;
}

.tt-spanish-yellow {
    color: #F9B117;
}

.tt-spanish-yellow-background {
    background-color: #F9B117;
}

.tt-international-orange {
    color: #FF5000;
}

.tt-persian-green {
    color: #00A9A4;
}

.tt-green {
    color: #007872;
}

.tt-light-blue {
    color: #33A4C3;
}

.greentech-green {
    color: #9FCE66; 
}

.convergent-purple {
    color: #B835EA;
}

.convergent-content-scaler {
    color: #d301be;
}

.female-founder-investor-readiness {
    color: #E62145;
}

.univentures {
    color: #E36414;
}

.font-inherit {
    font: inherit;
}

.booking-divider {
    border-top: 3px solid currentColor;
    padding-bottom: 30px;
}

.select-date {
    font-weight: 900;
    font-size: 1.286rem;
    line-height: 1.286rem;
}

.select-date.small {
    font-size: 0.95rem;

}

/* Nexudus CSS */

.bookings-available-slots{display:-moz-box;display:flex;flex-wrap:nowrap;height:2.5rem;padding:.25rem 0}.bookings-available-slots .slot{position:relative;-moz-box-flex:1;flex-grow:1;min-width:.25rem;margin-left:.0625rem;margin-top:.375rem;margin-bottom:.375rem}.bookings-available-slots .slot.available{cursor:pointer;background:#eee}.bookings-available-slots .slot.available:hover{background:#e1e1e1}.bookings-available-slots .slot.booked,.bookings-available-slots .slot.booked:hover,.bookings-available-slots .slot.not-available,.bookings-available-slots .slot.not-available:hover{background:#f04b69!important}.bookings-available-slots .slot.selected,.bookings-available-slots .slot.selected:hover{background:#ccc}.bookings-available-slots .slot.selected:before{content:"";position:absolute;top:-.375rem;left:-.0625rem;right:0;bottom:-.375rem;border-top:2px solid #28b95f;border-bottom:2px solid #28b95f;z-index:1}.bookings-available-slots .slot.selected--from:before{left:-.375rem;border-left:2px solid #28b95f;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bookings-available-slots .slot.selected--to:before{right:-.375rem;border-right:2px solid #28b95f;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}

@media (min-width: 1850px) {
    .main-icon {
        display: none !important;
    }
}

.main-icon {
    position: absolute;
    top: 30.714rem;
    left: 0px;
    width: 51.429rem;
    height: auto;
}

@media (max-width: 1200px) {
    .main-icon {
        top: 34rem;
    }
}

.event-news-text {
    font-size: 1.27rem;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    color: #353535;
}

.event-news-descriptor {
    font-weight: 400;
    font-size: 0.857rem;
    line-height: 1rem;
    /* or 14px */

    text-align: right;
    text-transform: uppercase;
    margin-top: 0.357rem;
    margin-bottom: 0.357rem;
    color: #353535;
}

.grey-background {
    background-color: #FAFAFA;
}

.nav-link {
    color: #353535 !important;
}

#collapse-form-elements .btn.btn-primary {
    margin-top: 0px;  
}

.btn-primary:focus, .btn:focus {
    box-shadow: none !important;
}

.event-input {
    height: 43px;
    width: 100%;
    background: #F9F9F9;
    border: 1px solid #E6E6E6;
    border-radius: 5px 0px 0px 5px;
    color: #353535;
    padding: 0px 20px;
}

.event-input.middle {
    border-radius: 0px;
}

.event-input.left {
    border-top-left-radius: 5px;
}

.event-input.right {
    border-top-right-radius: 5px;
}

@media (max-width: 767px) {
    .event-input.middle, .event-input.left, .event-input.right {
        border-radius: 5px;
    }
}

.event-input.small {
    width: 100px;
    border-radius: 5px;
    padding: 0px 10px;
}

.event-input:focus, .event-input:focus {
    outline: none;
    
}

.event-search-button {
    background-color: #00A9A4; 
    height: 43px; 
    width: 43px; 
    border-radius: 0px 5px 5px 0px;
    position: relative;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 0.5rem; 
}

.gallery-3 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 0.5rem; 
}
  
.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; 
}

.gallery__item--1-3 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 5;
}

.gallery__item--2-3 {
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 5;
}

.gallery__item--3-3 {
    grid-column-start: 6;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 5;
}

.gallery__item--1 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 5;
}

.gallery__item--2 {
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 5;
}

.gallery__item--3 {
    grid-column-start: 6;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 5;
}

.gallery__item--4 {
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 1;
    grid-row-end: 5;
}

button#event-search-button-id {
    all: unset;
    cursor: pointer;
}

.nav-item.nav-link {
    color: #353535;
}

.nav-link.active {
    color: #00A9A4 !important;
}

.nav-link.active .mega-nav-arrow {
    filter: invert(41%) sepia(100%) saturate(430%) hue-rotate(129deg) brightness(103%) contrast(103%) !important;  
}

.show-more {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.714rem;
    margin-top: 0.7rem;
}

input::-webkit-input-placeholder {
    color: #353535; /*Change the placeholder color*/
    opacity: 0.5; /*Change the opacity between 0 and 1*/
}

select {
    color: #9e9e9e;
  }
  option:not(:first-of-type) {
    color: black;
  }
  /* the modification */
  option:first-of-type {
    display: none;
  }
.meeting-room-name {
    font-size: 1.714rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #353535;
}

.benefits-title {
    font-weight: 700;
    font-size: 1.714rem;
    text-transform: uppercase;

    color: #353535;
}

.minute-to-read-box {
    background: #00A9A4;
    border: 0.930353px solid #00A9A4;
    border-radius: 7px; color: white; width: fit-content;
    padding: 4px 15px; font-weight: 700;
    font-size: 0.744rem;
}

.minutes-to-read-absolute {
    position: absolute;
    right: 10px;
    top: 8px;
}

.faq-category[aria-expanded="true"] {
    color: #FF9C00;
    text-decoration: underline;
    text-decoration-color: #FF9C00;
    text-decoration-thickness: 3px; 
    text-underline-offset: 8px;
}

.faq-category {
    color: #353535;
    text-decoration: none;
    font-weight: 900;
    font-size: 2.3rem;
    cursor: pointer;
}

.faq-category:hover {
    color: #FF9C00 !important;
}

.faq-question {
    font-size: 1.14286rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #141414;
}

.customer-policy-name {
    font-weight: 600;
    font-size: 1.714rem;
    line-height: 1.286rem;
    color: #353535;
}

@media (max-width: 991px) {
    .faq-question {
        font-weight: 600;
        font-size: 1.136rem;
        line-height: normal;
    }

    .customer-policy-name {
        font-weight: 600;
        font-size: 1.136rem;
        line-height: 1.136rem;
    }
}

.footer-header {
    font-weight: 700;
    font-size: 1.429rem;
    color: #FFFFFF;
    margin-bottom: 1.429rem;
    line-height: 2.143rem;
}

.footer-link {
    color: #D9DBE1;
    font-size: 1.143rem;
    font-weight: 400;
    margin-bottom: 0.571rem;
    line-height: 1.857rem;
}

.copyright-text {
    font-weight: 400;
    font-size: 1rem;
    color: #D9DBE1;
}

.rte.no-margin-bottom * {
    margin-bottom: 0px;
}

.membership-grid-header {
    font-weight: 900;
    font-size: 1.429rem;
    color: #FFFFFF;
    text-transform: uppercase;
}

.carousel-cell {
    width: 100px; /* full width */
    height: 100px; /* height of carousel */
    margin-right: 100px;
}
    
@media (max-width: 991px) {
    .below-break-image {
        margin-top: 0%;
    }
    .grey-background.location-contact {
        background-color: white;
    }

    .generic-padding.image-wide {
        text-align: center;
    }

    .generic-padding.no-padding-mobile {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .benefits-image {
        padding-right: 0rem;
    }

    .vanilla-calendar {
        width: 100% !important;
    }

    .h1-home {
        font-size: 3.42021rem;
        color: #FFFFFF;
        line-height: 3.50571rem;
    }

    .heading .h2-style, .event-name {
        font-size: 1.951rem;
        line-height: 1.951rem;
    }
    
    .h2-style, .h3-style {
        font-size: 1.63221rem; 
        line-height: 100%;
    }

    .h1-v3 {
        font-size: 2.85714rem;
        line-height: 2.85714rem;
    }

    .h1 {
        margin-bottom: 16px;
    }
}

/* @media (max-width: 400px) {
    .h1-home {
        font-size: 4.5rem;
        line-height: 4.5rem;
    }
} */

.benefits-image {
    max-width: 560px;
}

@media (min-width: 992px) {
    .below-break-image {
        margin-top: 20%;
    }

    .benefits-image {
        padding-right: 6rem;
    }
}

.generic-padding.padding-right.none {
    padding-left: 15%;
    padding-right: 0%;
}

.membership-support-name {
    line-height: 2.143rem;
    font-weight: 700;
    font-size: 1.429rem;
    color: #353535;
}

.event-search-button-icon {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); 
    left: 25%;
} 

@media (max-width: 767px) {

    .select-date {
        font-size: 1rem;
    }

    .event-search-button, #event-search-button-id {
        width: 100% !important;
    }

    .event-search-button, .event-input {
        border-radius: 5px;
    }

    .event-search-button-icon {
        left: 48%;
    }

    .select-location-name {
        font-size: 0.916rem;
        line-height: 1.099rem;
    }

    .small-text {
        font-size: 0.987rem;
        line-height: 0.924rem;
    } 

    .footer-header {
        font-size: 1rem;
        line-height: 1.22rem;
    }

    .footer-link {
        font-size: 0.85rem;
        line-height: 1.057rem;
    }

    .copyright-text {
        font-size: 0.80rem;
        line-height: 1.057rem;
    }
}

.nav-link.pill {
    padding: .5rem 1rem;
}

.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.p-6 {
    padding: 6rem !important;
}

.pb-6 {
    padding-bottom: 6rem !important;
}

.pt-6 {
    padding-top: 6rem !important;
}

.mb-6 {
    margin-bottom: 6rem !important;
}

@media (min-width: 992px) {
    .pe-lg-6 { 
        padding-right: 6rem !
    }

    .py-lg-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .pe-lg-6 {
        padding: 6rem !important;
    }
    
    .pb-lg-6 {
        padding-bottom: 6rem !important;
    }
    
    .pt-lg-6 {
        padding-top: 6rem !important;
    }

    .py-lg-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0rem !important;
    }

    .pt-lg-0 {
        padding-top: 0rem !important;
    }

    .mb-lg-0 {
        margin-bottom: 0rem !important;
    }
}

.welcome-section-roundel {
    position: absolute;
    top: 180px;
    width: 100px;
}

@media (max-width: 1199px) {
    .nav-item .nav-link {
        font-size: 14px;
    }

    .nav-item.nav-item-button .btn.btn-primary, .nav-item.nav-item-button .btn.btn-primary:hover {
        font-size: 1rem;
        padding: 0.6439rem 1.386rem;
    }
}

@media (max-width: 991px) {
    .nav-item .nav-link {
        font-size: 14px;
    }
}

.rte.meeting-room-result * {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #353535;
}

.event-name {
    font-weight: 900;
    font-size: 2.857rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: #353535;
}

.rte * span {
    font: inherit;
}

.offering-title {
    font-weight: 900;
    font-size: 1.714rem;
    line-height: 100%;
    color: #353535;
    text-transform: uppercase;
}

.offering-icon {
    max-width: 151px;
}

#location-name-book .h1-h2-style {
    color: #353535;
}

#location-name-book .yellow {
    color: #FF7B00;
}

#location-name-book .off-white-text {
    color: #353535;
}

.office-name {
    font-weight: 900;
    font-size: 2rem;
    line-height: 2.5rem;
}

@media (max-width: 991px) {
    .orange-border-bottom {
        border-bottom: 0px;
    }
}

.rte.no-margin-bottom * {
    margin-bottom: 0px;
}

.membership-type {
    font-weight: 900;
    font-size: 1.429rem;
    line-height: 2.143rem;
    color: #353535;
}

.pointer {cursor: pointer;}

/* .btn.btn-primary {
    flex: 1 1 auto;
    margin: 10px;
    padding: 20px;
    border: 2px solid #f7f7f7;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    overflow:hidden;
    transition: .3s;
}

.btn.btn-primary:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: #f7f7f7;  
    height: 120%;
    left: -10%;
    transform: skewX(15deg);
    z-index: -1;   
}

.btn.btn-primary:hover {
    cursor: pointer;
    color: red !important;
}

.btn.btn-primary:hover:after {
    left: -10% !important;
    width: 120% !important;
} */

.rte.community-text * {
    font-weight: 700;
    font-size: 32px;
    line-height: 138.5%;
    color: #353535;
}

@media (max-width: 991px) {
    .rte.community-text * {
        font-size: 1.143rem;
        font-weight: 400;
        line-height: 1.714rem;
        color: #353535;
    }
}

.address {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #353535;
}

select {
    -webkit-appearance: caret;
    -moz-appearance: caret;
    appearance: caret;
}

.btn {
    transition: .3s;
}

[type="radio"]:hover + .contact-option-box {
    color: #353535;
    background: #FFFFFF;
}

.event-input::placeholder {
    color: #353535; /*Change the placeholder color*/
    opacity: 1; /*Change the opacity between 0 and 1*/
}

.blog-date {
    font-size: 1rem;
    line-height: 1.2rem;
    color: #353535;
}

@media (max-width: 991px) {
    .faq-section .collapse.section {
        display: block !important;
        opacity: 1 !important;
    }
}

.aspect-ratio-box::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 591.44px / 1127.34px * 100%;
  }
  .aspect-ratio-box::after { /* to clear float */
    content: "";
    display: table;
    clear: both;
  }

.events-hover:hover .h3-style, .events-hover:hover .event-news-descriptor, .events-hover:hover .event-news-text {
    color: #00A9A4;
}

.news-hover:hover .blog-date, .news-hover:hover .h3-style, .news-hover:hover .event-news-text {
    color: #FF7B00;
}

.footer-social-media-icon img {
    width: 100%;
    max-width: 22px;
}

.sometimes-absolute {
    position: absolute;
    bottom: 0px;
    left: calc(1.5rem * .5);

}

@media (max-width:991px) {
    .sometimes-absolute {
        position: relative;
        left: 0px;
    }
}

.horizontal-scrolling-banner {
    overflow: hidden;
}
  
.horizontal-scrolling-banner__helper-wrapper {
    align-items: center;
    display: flex;
    left: 0;
    transform: translateZ(0);
    transition-property: left;
    transition-timing-function: linear;
}

.sample-item-1 {
  background-color: #99E1D9;
  height: 150px;
  min-width: 200px;
  width: 200px;
}

.sample-item-2 {
  background-color: #32292F;
  height: 200px;
  min-width: 150px;
  width: 150px;
}

.sample-item-3 {
  background-color: #D81E5B;
  height: 125px;
  min-width: 225px;
  width: 225px;
}

#availability-results p.capacity {
    color: #353535 !important;
    font-weight: 700 !important;
}

.row.virtual-membership:hover h4 {
    color: #00A9A4 !important;
  }

.support-wrapper {
    padding-right: 30px;
}

@media (max-width: 991px) {
    .support-wrapper {
        padding-right: 0px;
    }
}

.mega-nav-arrow {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#change-lang {
    text-transform: uppercase;
    font-size: 0.9rem;
}

.btn-arrow {
    color: #353535;
    font-size: 1.14286rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    padding: 0px !important;
}

.btn-arrow.medium {
    font-size: 0.98571rem;
}

.btn-arrow.small {
    font-size: 0.79643rem;
}

.arrow {
    transition: 0.3s;
}

.btn-arrow:hover {
    color: #353535 !important;
}

.btn-arrow:hover .arrow {
    transform: translate(5px);
}

.navbar-dark .navbar-toggler {
    border: none !important;
}

.headline-event .card-title-no-bootstrap {
    font-size: 2.28571rem;
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 2.97143rem */
}

.card-title-no-bootstrap {
    font-size: 1.71429rem;
    line-height: 2.4rem;
    font-weight: 900;
    color: #353535;
    text-transform: uppercase;
}

.card-title-no-bootstrap.small {
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
}

.card-subtitle-no-bootstrap {
    color: #353535;
    font-size: 1.28571rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.8rem;
}

.card-content-no-bootstrap *, .card-content-no-bootstrap {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    color: #353535;
}

.card-content-no-bootstrap-absolute {
    position: relative;
}

@media (min-width: 992px) {
    .card-content-no-bootstrap-absolute {
        position: absolute;
        bottom: -28px;
    }
}

.card-content-no-bootstrap * {
    margin-bottom: 0px;
}

.card-content-no-bootstrap.small *{
    font-size: 0.85714rem;
    font-weight: 400;
    line-height: 1.2rem;
}

.card-button-no-bootstrap .btn-arrow {
    font-weight: 400;
}

.large-card-content *, .large-card-content {
    font-size: 0.85714rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    margin-bottom: 0px;
    color: #353535;
}

.navbar-card.hover {
    transition: all .5s ease; /* back to normal */
}

.navbar-card.hover:hover {
    transform: translate3D(0,-1px,0) scale(1.03); /* move up slightly and zoom in */
    transition: all .4s ease; /* zoom in */
    cursor: pointer;
}

.membership-type .tt-heat-wave {
    color: #353535;
}


/* Padding */

.generic-padding, .inner > .generic-padding {
    padding-left: 10%;
    padding-right: 10%;
}

.generic-padding.padding-left {
    padding-left: calc(10% + 14px);
    padding-right: calc(40px * 0.5);
}

.generic-padding.text-width, .generic-padding.text-wide {
    padding-left: calc(10% + 16px);
    padding-right: calc(10% + 16px);
}

.generic-padding.image-wide {
    padding-left: 0%;
    padding-right: 0%;
}


@media (min-width: 992px) {
    .generic-padding.padding-left, .generic-padding.padding-left.image-wide, .generic-padding.padding-left.text-width {
        padding-left: calc(5% + 17px);
        padding-right: calc(40px * 0.5);
    }

    .generic-padding.padding-right, .generic-padding.padding-right.image-wide, .generic-padding.padding-right.image-wide, .generic-padding.padding-right.text-width {
        padding-right: calc(5% + 17px);
        padding-left: calc(40px * 0.5);
    }

    .generic-padding, .inner > .generic-padding {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (min-width: 1350px) {
    .generic-padding.padding-left, .generic-padding.padding-left.image-wide, .generic-padding.padding-left.text-width {
        padding-left: calc(9% + 16px);
        padding-right: calc(40px * 0.5);
    }

    .generic-padding.padding-right, .generic-padding.padding-right.image-wide, .generic-padding.padding-right.image-wide, .generic-padding.padding-right.text-width {
        padding-right: calc(9% + 16px);
        padding-left: calc(40px * 0.5);
    }

    .generic-padding, .inner > .generic-padding {
        padding-left: 9%;
        padding-right: 9%;
    }
}


#coworking-grid p, #virtual-memberships p {
    margin-bottom: 0px !important;
}

.left-text {
    font-size: 1.71429rem;
    font-weight: 900;
    line-height: 1.68857rem;
    text-transform: uppercase;
}

.tile {
    border-radius: 4px;
    background-color: #EBEBEB;
}

.no-button-style {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}