@font-face{
    font-family:Chelsea Basis;
    src:url(fonts/ChelseaBasis-Regular.woff) format("woff"),
        url(fonts/ChelseaBasis-Regular.woff2) format("woff2");
}
@font-face{
    font-family:Chelsea Basis-Bold;
    src:url(fonts/ChelseaBasis-Bold.woff) format("woff"),
        url(fonts/ChelseaBasis-Bold.woff2) format("woff2");
}

/* Chelsea FC  Header */
.header{
    height: 200px;
    width: auto;
}
@media (min-width: 1440px) {
    .site-header {
        margin: 0 auto;
        max-width: 1280px;
    }
}

@media (min-width: 1176px) {
    .site-header {
        padding: 4px 0 0 20px;
    }
}
.site-header {
    background-color: #fff;
    /* padding: 0 20px; */
    position: relative;
    z-index: 9999;
}
@media (min-width: 1176px) {
    body {
        border-top: 4px solid #001489;
    }
}
@media (min-width: 1176px) {
    .site-header:before {
        background-color: #001489;
        content: "";
        height: 4px;
        left: -50%;
        position: absolute;
        top: 0;
        
    }
}
.header{
    height: 200px;
}

.m-header {
    background-color: #042850;
    height: 6.375rem;
}
@media (min-width: 1176px) {
    .site-banner {
        display: flex;
    }
}

.site-banner {
    align-items: center;
    border-bottom: 1px solid #ddd;
    height: 50px;
    justify-content: space-between;
    width: 100%;
}
.site-header__site-banner {
    /* display: none; */
    position: relative;
    z-index: 50;
}
.site-header ul {
    list-style: none;
    padding: 0;
}

.site-banner .site-banner__account, .site-banner__ul {
    display: flex;
    /* list-style: none; */
    margin: 0;
    /* padding: 0; */
}
.site-banner .site-banner__account>li, .site-banner__item {
    margin-right: 32px;
}
.site-banner .site-banner__account>li>a, .site-banner__item-link {
    color: #140a47;
    /* font-size: 14px; */
    font-size: .875rem;
    font-weight: 400;
    height: 100%;
    line-height: 1.4285714286;
    text-transform: uppercase;
    text-decoration: none;
}
.site-banner__more {
    align-items: center;
    display: flex;
    justify-content: center;
}
.site-banner .site-banner__account {
    border-right: 1px solid #ddd;
    margin: 0 32px 0 0;
}
.site-header ul {
    list-style: none;
    padding: 0;
}
.site-banner .site-banner__account>li>a .responsive-image, .site-banner__item-link .responsive-image {
    align-items: center;
    display: flex;
    justify-content: center;
}

.site-banner__sponsor-image {
    height: 32px;
    width: 60px;
}
.responsive-image--transparent {
    background-color: initial;
}


.site-header__nav {
    align-items: center;
    display: flex;
    height: 88px;
    position: relative;
    z-index: 50;
}


.site-header__logo {
    align-self: center;
    display: flex;
     /* flex-grow: 1;  */
    height: 70px; 
    justify-content: left;
    position: relative;
    /* width: 70px; */
    z-index: 50;
}
.site-header__logo .responsive-image, .site-header__logo>a {
    height: inherit;
    width: inherit;
}
.responsive-image .blur-up.lazyloaded {
    opacity: 1;
}
.responsive-image .blur-up.lazyloaded {
    filter: blur(0);
    opacity: 1;
}


.site-header__logo .responsive-image img, .site-header__logo>a img {
    height: 115px;
    width: 115px;
   
}

.site-header ul {
    list-style: none;
    padding: 0;
}

@media (min-width: 1176px) {
    .site-header__mega-menu {
        display: flex;
    }
}
@media (min-width: 1280px) {
    .mega-menu__item-link {
        padding: 0 22px;
    }
}
.site-header__mega-menu {
    /* display: none; */
    margin: 0 auto;
}
.mega-menu__item {
    height: 100%;
    list-style: none;
    margin-top: 40px;
    padding: 0 20px;
}
.mega-menu--chelsea .mega-menu__item-link {
    color: #001489;
}
@media (min-width: 1280px) {
    .mega-menu__item-link {
        padding: 0 22px;
    }
}
@media (min-width: 1176px) {
    .mega-menu__item-link {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 3.3333333333;
        white-space: nowrap;
    }
}
.menu-toggle {
    background-color: #001489;
    height: 120px;
    width: 120px;
}

.mega-menu__item-link {
    align-items: center;
    display: flex;
    font-family: Chelsea Basis, sans-serif;
    font-size: 14px;
    font-size: 1.125rem;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 1.1428571429;
    padding: 0 5px;
    text-transform: uppercase;
    text-decoration: none;
}
@media (min-width: 1176px) {
    .site-header__search-overlay-toggle {
        justify-self: flex-end;
        margin-left: 0;
    }
}
.site-header__search-overlay-toggle {
    align-self: center;
    height: 100%;
    margin-left: auto;
    position: relative;
}
@media (min-width: 1176px) {
    .search-toggle {
        background-color: initial;
    }
}

.search-toggle {
    background: transparent;
    border: none;
    cursor: pointer;
    display: block;
    height: 100%;
    padding: 10px;
    position: relative;
    text-align: center;
}
@media (min-width: 1280px) {
    .site-header__search-toggle {
        width: 100px;
    }
}
.search-toggle span {
    background: transparent;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
@media (min-width: 1176px) {
    .search-button {
        width: 100px;
    }
}

.search-button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex
;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 38px;
}

@media (min-width: 1176px) {
    .search-button>svg {
        height: 20px;
    }
}
.search-button>svg {
    fill: #7f7f7f;
    color: #7f7f7f;
    /* height: 18.5px; */
    width: 100%;
}
@media (min-width: 1176px) {
    .site-header__toggle {
        margin-left: 0;
    }
}

.menu-toggle {
    /* background: transparent; */
    border: none;
    cursor: pointer;
    display: block;
    height: 52px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 52px;
}

.menu-toggle {
    background-color: #001489;
    height: 120px;
    width: 120px;
    margin-top: 34px;
}



.menu-toggle__inner {
    height: 14px;
    margin: auto;
    position: relative;
    width: 24px;
}

.menu-toggle__slice {
    background: #fff;
    height: 2px;
    left: 0;
    position: absolute;
    transform-origin: center center;
    transition: all .3s;
    width: 100%;
}

.sr-only, .visually-hidden {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.menu-toggle__slice:nth-child(3) {
    bottom: 0;
}
.menu-toggle__slice:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}
.menu-toggle__label {
    color: #fff;
   
    font-family: Chelsea Basis, sans-serif;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.6;
    margin-top: 7px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 1176px) {
    .search-button>svg {
        height: 20px;
    }
}

.search-button>svg {
    fill: #7f7f7f;
    color: #7f7f7f;
    height: 18.5px;
    width: 100%;
}

.mega-menu__item a:hover{
    border-bottom-color: #001489;
    text-decoration: underline;
    text-underline-offset: 30px;
    text-decoration-color: #001489;
    text-decoration-thickness: 4px;
}












/* Footer Start Here */
.footer {
    background-color: #001489;
    color: #fff;
    padding: 50px 0 0;
}
@media (min-width: 1440px) {
    .container {
        margin-left: calc(50vw - 640px);
        margin-right: calc(50vw - 640px);
    }
}
.container {
    /* margin-left: 32px;
    margin-right: 32px;
    max-width: 1280px; */
}
.footer__logo {
    height: 88px;
    width: 88px;
}
.footer__logo .responsive-image, .footer__logo .responsive-image>div, .footer__logo .responsive-image>div>img, .footer__logo img.fallback, .footer__logo svg {
    height: 100%;
    width: 100%;
}
@media (min-width: 1176px) {
    .footer__content {
        display: flex;
        margin-bottom: 53px;
    }
}
@media (min-width: 1176px) {
    .footer .footer-contact {
        padding-bottom: 0;
    }
}
@media (min-width: 1176px) {
    .footer .app-promo, .footer .footer-contact {
        flex-basis: 30.8%;
    }
}
.footer-contact__title {
    color: #fff;
    font-family: Chelsea Basis, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
}
.footer-contact__address {
    font-family: Chelsea Basis Regular, sans-serif;
}
.footer p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
}
@media (min-width: 1176px) {
    .footer .footer-contact__social-links {
        margin-bottom: 0;
    }
}
.footer-contact {
    color: #fff;
}
.footer-contact__social-links {
    margin-bottom: 24px;
    margin-top: 73px;
}
.social-links__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer-contact__social-links .social-links__item, .footer-contact__social-links .social-links__item a, .footer-contact__social-links .social-links__link-icon, .footer-contact__social-links .social-links__link-icon a {
    height: 28px;
    width: 28px;
}
.social-links__item {
    margin-right: 24px;
}
.social-links__link {
    display: flex;
    justify-content: center;
    text-align: center;
}
.social-links__link svg {
    fill: #e3e7ed;
    align-self: center;
    color: #e3e7ed;
    /* height: 100%; */
    transition: all .5sease;
    /* width: 100%; */
}
@media (min-width: 1176px) {
    .social-links__link-icon {
        padding: 2px;
    }
}
@media (min-width: 1440px) {
    .footer .footer__links {
        padding: 0 0 0 55px;
    }
}

@media (min-width: 1176px) {
    .footer .footer__links {
        border-left: 1px solid hsla(0, 0%, 100%, .3);
        border-right: 1px solid hsla(0, 0%, 100%, .3);
        /* padding: 12px 0 0 38px; */
        position: relative;
        width: 26%;
    }
}
.footer .footer__links .link {
    display: block;
    font-family: Chelsea Basis, sans-serif;
    font-weight: 500;
    margin-bottom: 16px;
    text-decoration: none;
}
.footer-links__item .link {
    color: #fff;
    /* font-size: 16px; */
    font-size: 1rem;
    line-height: 2;
    text-transform: capitalize;
}
@media (min-width: 1440px) {
    .footer .app-promo {
        margin: 0 0 0 55px;
    }
}
@media (min-width: 1176px) {
    .app-promo__content {
        padding-top: 16px;
    }
}
.footer p {
     font-size: 16px; 
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
}
.app-promo__links {
    display: flex;
    margin-top: 40px;
}
.app-promo__links a {
    margin-right: 20px;
}
.app-promo__links a .responsive-image, .app-promo__links a .responsive-image img {
    min-width: 120px;
    width: 120px;
}

.app-promo__links a .responsive-image img {
    min-width: 120px;
    width: 120px;
}
@media (min-width: 1176px) {
    .legal-panel {
        padding: 0;
    }
}

.legal-panel {
    background-color: #140a47;
    color: #e3e7ed;
    font-family: Chelsea Basis Regular, sans-serif;
    /* font-size: 14px; */
    font-size: .875rem;
    line-height: 1.4285714286;
    /* padding: 58px 0; */
}
@media (min-width: 1176px) {
    .legal-panel__container {
        display: flex
;
    }
}
@media (min-width: 1176px) {
    .legal-panel__legal {
        width: calc(83.33333% - 8px);
    }
}
@media (min-width: 1176px) {
    .legal-panel__links {
        padding: 12px 0;
    }
}

.legal-panel__links {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    /* padding-bottom: 24px; */
}
@media (min-width: 1176px) {
    .legal-panel__links .footer-links__list {
        display: flex;
        gap: 44px;
    }
}

.footer-links__list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
@media (min-width: 1176px) {
    .legal-panel__links .link {
        margin-bottom: 24px;
    }
}

.legal-panel__links .link {
    color: #e3e7ed;
    font-family: Chelsea Basis Regular, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    line-height: 2.2857142857;
    text-decoration: none;
}
.legal-panel__copyright {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    padding: 24px 0;
}
.main-footer__social {
    margin: 1.333rem 0;
    display: inline-block;
    padding: 1.333rem 0;
    /* border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; */
}
.main-footer__social a {
    display: inline-block;
    margin-right: 1.333rem;
}
.main-footer__social a svg {
    fill: #fff;
}
.main-footer__social a :hover {
    fill: #fbb700;
    color: #fbb700;
}