.default  .wrapper{
    width:100%;
}
.header-global {
    min-width: 320px;
    font-size: 12px;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    z-index: 20;
    display: block;
    position: fixed;
    width: inherit;
    height: 73px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), 35%, transparent);
    text-shadow: 0px 0px 10px rgba(0,0,0,.7)
}

    .header-global.home24 {
        background: #fff;
        text-shadow: none;
        color: #000;
        height: 82px
    }

        .header-global.home24.roleNavShown {
            top: 42px !important
        }

            .header-global.home24.roleNavShown.scrolled {
                top: 0px !important
            }

        .header-global.home24 .mainnav[display-state=visible] .wim-icon-hamburger, .header-global.home24 .mainnav[display-state=visible] .burger-menu-label {
            display: none
        }

        .header-global.home24 .mainnav button i, .header-global.home24 .mainnav button div {
            color: #000
        }

        .header-global.home24 .logotitle .logotitle-titles {
            color: #000
        }

        .header-global.home24 .logosearch .login .name a, .header-global.home24 .logosearch a * {
            color: #000
        }

        .header-global.home24 .login .name .text .wim-icon-userAvatar {
            font-size: 24px;
            position: absolute;
            left: -35px;
            top: -1px;
            color: #00703c
        }

@media only screen and (max-width: 1141px) {
    .compressed .header-global.home24 .login .name .text .wim-icon-userAvatar {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .default .header-global.home24 .login .name .text .wim-icon-userAvatar {
        display: none
    }
}

.header-global .shadow-title {
    margin-right: 10px;
    font-weight: bold
}

.header-global .shadow-header {
    width: 25%;
    text-align: left;
    background-color: #bde403;
    min-width: 300px;
    color: #333;
    font-size: 16px;
    display: flex;
    padding: 7px;
    z-index: 9999999999;
    position: fixed;
    text-shadow: none
}

.header-global.player-profile {
    background-image: url(/assets/images/player-profile/playerProfile_header.jpg);
    background-size: cover
}

@media only screen and (max-width: 615px) {
    .header-global.player-profile {
        background-size: 615px
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .header-global {
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .header-global {
        height: 106px
    }
}

.header-global .logotitle {
    width: 100%;
    z-index: 100;
    margin: 5px 0 0
}

@media only screen and (min-width: 1142px) {
    .compressed .header-global .logotitle {
        margin: 17px 0 0 0
    }
}

@media only screen and (min-width: 768px) {
    .default .header-global .logotitle {
        margin: 17px 0 0 0
    }
}

.header-global .logotitle.left a {
    left: 64px;
    position: relative;
    float: left
}

.header-global .logotitle.left .logotitle-txt {
    position: relative;
    float: left;
    clear: both
}

    .header-global .logotitle.left .logotitle-txt:after {
        clear: both
    }

    .header-global .logotitle.left .logotitle-txt:before, .header-global .logotitle.left .logotitle-txt:after {
        display: table;
        content: " "
    }

.header-global.fixedBak .logotitle {
    margin: 6px 0 0 68px
}

@media only screen and (min-width: 1142px) {
    .compressed .header-global.fixedBak .logotitle {
        margin: 6px 0 0 68px
    }
}

@media only screen and (min-width: 768px) {
    .default .header-global.fixedBak .logotitle {
        margin: 6px 0 0 68px
    }
}

.header-global .logotitle-txt {
    display: none
}

    .header-global .logotitle-txt.show {
        display: block;
        position: relative;
        top: -12px;
        margin: auto;
        width: 200px
    }

@media only screen and (min-width: 1142px) {
    .compressed .header-global .logotitle-txt.show {
        top: 0px
    }
}

@media only screen and (min-width: 768px) {
    .default .header-global .logotitle-txt.show {
        top: 0px
    }
}

.header-global .title-txt {
    display: none
}

    .header-global .title-txt.show {
        display: block
    }

@media only screen and (min-width: 2338px) {
    .compressed .header-global {
        margin-left: calc((100vw - 1964px)/2)
    }
}

@media only screen and (min-width: 1964px) {
    .default .header-global {
        margin-left: calc((100vw - 1964px)/2)
    }
}

body.modal-on-noscroll-nofixed .header-global {
    z-index: 2
}

.page.compressed .wrapper .page-header.player-profile .backgroundImage, .page-expanded .wrapper .page-header.player-profile .backgroundImage {
    width: calc(100% - 374px)
}

.page .wrapper.fullwindow .header-global, .page .wrapper.fullwindow .mainnav, .page .wrapper.fullwindow .page-header, .page .wrapper.fullwindow .drawsArchiveHdrContent {
    visibility: hidden
}

.page .wrapper.fullwindowheader .header-global, .page .wrapper.fullwindowheader .mainnav, .page .wrapper.fullwindowheader .page-header {
    visibility: hidden
}

.page .wrapper.fullwindowheader .content-filters.home {
    visibility: hidden
}

.page .wrapper.fullwindowheader .content-main, .page .wrapper.fullwindowheader .video-wrapper {
    visibility: hidden
}

.page .wrapper.fullwindowheader .video-wrapper-header .video-wrapper {
    visibility: visible
}

.page .wrapper .page-header {
    position: relative
}

    .page .wrapper .page-header.player-profile .backgroundSpace {
        max-height: 430px !important
    }

@media only screen and (min-width: 764px) {
    .compressed .page .wrapper .page-header.player-profile .backgroundSpace {
        max-height: 475px !important
    }
}

@media only screen and (min-width: 390px) {
    .default .page .wrapper .page-header.player-profile .backgroundSpace {
        max-height: 475px !important
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.player-profile .backgroundSpace {
        max-height: 545px !important
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.player-profile .backgroundSpace {
        max-height: 545px !important
    }
}

@media only screen and (max-width: 615px) {
    .page .wrapper .page-header.player-profile .backgroundImage.mobile img {
        margin-left: 0
    }
}

.page .wrapper .page-header .backgroundSpace, .page .wrapper .page-header .backgroundImage {
    max-height: unset;
    border-bottom: 1px solid #fff
}

@media only screen and (min-width: 1398px) {
    .compressed .page .wrapper .page-header .backgroundSpace, .page .wrapper .page-header .backgroundImage {
        max-height: calc(100vw*0.532)
    }
}

@media only screen and (min-width: 1024px) {
    .default .page .wrapper .page-header .backgroundSpace, .page .wrapper .page-header .backgroundImage {
        max-height: calc(100vw*0.532)
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header .backgroundSpace, .page .wrapper .page-header .backgroundImage {
        width: calc(100vw - 374px);
        max-height: calc((100vw - 374px)*0.532)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header .backgroundSpace, .page .wrapper .page-header .backgroundImage {
        width: calc(100vw - 374px);
        max-height: calc((100vw - 374px)*0.532)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header .backgroundSpace, .page .wrapper .page-header .backgroundImage {
        width: calc(1964px - 374px);
        max-height: calc((1964px - 374px)*0.532)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header .backgroundSpace, .page .wrapper .page-header .backgroundImage {
        width: calc(1964px - 374px);
        max-height: calc((1964px - 374px)*0.532)
    }
}

.page .wrapper .page-header .backgroundSpace {
    width: inherit;
    min-width: 615px;
    min-height: 73px
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header .backgroundSpace {
        min-height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header .backgroundSpace {
        min-height: 106px
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header .backgroundSpace {
        width: calc(1964px - 374px);
        max-height: 100vh
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header .backgroundSpace {
        width: calc(1964px - 374px);
        max-height: 100vh
    }
}

.page .wrapper .page-header .backgroundSpace img {
    width: 100%;
    height: auto;
    visibility: hidden;
    display: block
}

.page .wrapper .page-header.home24 {
    border-bottom: 1px solid #d8d8d8
}

    .page .wrapper .page-header.home24 .backgroundImage {
        display: none
    }

.page .wrapper .page-header .backgroundImage {
    width: 100%;
    min-width: 615px;
    position: fixed;
    top: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0
}

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header .backgroundImage {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header .backgroundImage {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header .backgroundImage {
        width: calc(1964px - 374px);
        max-height: 100vh
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header .backgroundImage {
        width: calc(1964px - 374px);
        max-height: 100vh
    }
}

.page .wrapper .page-header .backgroundImage img {
    width: 100%;
    height: auto;
    display: block
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header .backgroundImage img {
        width: 100%;
        height: auto;
        margin-left: 0px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header .backgroundImage img {
        width: 100%;
        height: auto;
        margin-left: 0px
    }
}

@media only screen and (max-width: 615px) {
    .page .wrapper .page-header .backgroundImage img {
        margin-left: calc((100vw - 615px)/2)
    }
}





.page .wrapper .page-header .backgroundImage.video video {
    height: 100%;
    width: auto;
    margin-left: 0;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.compressed .page .wrapper .page-header .backgroundImage.video video {
    left: 0px;
    transform: none
}

.page .wrapper .page-header .backgroundImage.video video.fit-width {
    width: 100%;
    height: auto
}

.page .wrapper .page-header .backgroundImage.video video.fit-height {
    width: auto;
    height: 100vh
}

.page .wrapper .page-header.noscroll .backgroundSpace, .page .wrapper .page-header.noscroll .backgroundImage {
    height: 73px;
    min-width: unset;
    z-index: 10
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.noscroll .backgroundSpace, .page .wrapper .page-header.noscroll .backgroundImage {
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.noscroll .backgroundSpace, .page .wrapper .page-header.noscroll .backgroundImage {
        height: 106px
    }
}

.page .wrapper .page-header.fixed .backgroundImage {
    overflow: hidden;
    height: 106px;
    z-index: 5
}

    .page .wrapper .page-header.fixed .backgroundImage .border {
        position: absolute;
        bottom: 0px;
        height: 1px;
        background-color: #fff;
        width: 100%;
        display: none
    }

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.fixed .backgroundImage {
        overflow: hidden;
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.fixed .backgroundImage {
        overflow: hidden;
        height: 106px
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header.newsArchive {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header.newsArchive {
        width: calc(100vw - 374px)
    }
}

.page .wrapper .page-header.newsArchive .backgroundSpace, .page .wrapper .page-header.newsArchive .backgroundImage {
    min-width: 1346px
}

    .page .wrapper .page-header.newsArchive .backgroundImage img {
        width: 100%
    }

@media only screen and (max-width: 1346px) {
    .page .wrapper .page-header.newsArchive .backgroundImage img {
        margin-left: calc((100vw - 1346px)/2)
    }
}

.page .wrapper .page-header.newsArchive .backgroundImage::after {
    position: absolute;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    height: 100%;
    width: 100%;
    content: "";
    top: 0px
}

.page .wrapper .page-header.newsArchive::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px
}

.page .wrapper .page-header.drawsArchive.noscroll .backgroundSpace, .page .wrapper .page-header.drawsArchive.noscroll .backgroundImage {
    height: 219px;
    z-index: 10
}

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header.weather {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header.weather {
        width: calc(100vw - 374px)
    }
}

.page .wrapper .page-header.weather .backgroundSpace, .page .wrapper .page-header.weather .backgroundImage {
    min-width: 1575px
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.weather .backgroundSpace, .page .wrapper .page-header.weather .backgroundImage {
        min-width: 1346px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.weather .backgroundSpace, .page .wrapper .page-header.weather .backgroundImage {
        min-width: 1346px
    }
}

.page .wrapper .page-header.weather .backgroundImage img {
    width: 100%
}

@media only screen and (max-width: 1346px) {
    .page .wrapper .page-header.weather .backgroundImage img {
        margin-left: calc((100vw - 1346px)/2)
    }
}

.page .wrapper .page-header.scores .backgroundSpace, .page .wrapper .page-header.live_comment .backgroundSpace {
    border-bottom: 0
}

.page .wrapper .page-header.scores .backgroundImage, .page .wrapper .page-header.live_comment .backgroundImage {
    z-index: 15;
    overflow: hidden;
    height: 73px;
    max-height: none;
    border-bottom: 0
}

    .page .wrapper .page-header.scores .backgroundImage span, .page .wrapper .page-header.live_comment .backgroundImage span {
        width: 100vw;
        height: 100vh;
        border-bottom: 0;
        background-size: cover;
        background-image: url(https://assets.wimbledon.com/images/backgrounds/scores.jpg);
        background-position: 0 0;
        background-repeat: no-repeat;
        position: absolute
    }

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header.scores .backgroundImage span, .page .wrapper .page-header.live_comment .backgroundImage span {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header.scores .backgroundImage span, .page .wrapper .page-header.live_comment .backgroundImage span {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header.scores .backgroundImage span, .page .wrapper .page-header.live_comment .backgroundImage span {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header.scores .backgroundImage span, .page .wrapper .page-header.live_comment .backgroundImage span {
        width: calc(1964px - 374px)
    }
}

.page .wrapper .page-header.scores .backgroundImage span img, .page .wrapper .page-header.live_comment .backgroundImage span img {
    display: none
}

.page .wrapper .page-header.scores .backgroundImage.scrolled, .page .wrapper .page-header.live_comment .backgroundImage.scrolled {
    z-index: 17
}

.page .wrapper .page-header.scores .backgroundImage .bg-holder, .page .wrapper .page-header.live_comment .backgroundImage .bg-holder {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-image: url("https://assets.wimbledon.com/images/backgrounds/scores.jpg");
    background-size: auto auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .page .wrapper .page-header.scores .backgroundImage .bg-holder, .page .wrapper .page-header.live_comment .backgroundImage .bg-holder {
        background-image: url("https://assets.wimbledon.com/images/backgrounds/scores@2x.jpg")
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header.scores .backgroundImage .bg-holder, .page .wrapper .page-header.live_comment .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header.scores .backgroundImage .bg-holder, .page .wrapper .page-header.live_comment .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header.scores .backgroundImage .bg-holder, .page .wrapper .page-header.live_comment .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header.scores .backgroundImage .bg-holder, .page .wrapper .page-header.live_comment .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.scores .backgroundImage, .page .wrapper .page-header.live_comment .backgroundImage {
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.scores .backgroundImage, .page .wrapper .page-header.live_comment .backgroundImage {
        height: 106px
    }
}

.page .wrapper .page-header.schedule .backgroundSpace {
    border-bottom: 0
}

.page .wrapper .page-header.schedule .backgroundImage {
    z-index: 15;
    overflow: hidden;
    height: 73px;
    max-height: none;
    border-bottom: 0
}

    .page .wrapper .page-header.schedule .backgroundImage.scrolled {
        z-index: 17
    }

    .page .wrapper .page-header.schedule .backgroundImage .bg-holder {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-image: url("https://assets.wimbledon.com/images/backgrounds/schedule.jpg");
        background-size: auto auto;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover
    }

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .page .wrapper .page-header.schedule .backgroundImage .bg-holder {
        background-image: url("https://assets.wimbledon.com/images/backgrounds/schedule@2x.jpg")
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header.schedule .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header.schedule .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header.schedule .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header.schedule .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.schedule .backgroundImage {
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.schedule .backgroundImage {
        height: 106px
    }
}

.page .wrapper .page-header.powerindex .backgroundSpace {
    border-bottom: 0
}

.page .wrapper .page-header.powerindex .backgroundImage {
    z-index: 15;
    overflow: hidden;
    height: 73px;
    max-height: none;
    border-bottom: 0
}

    .page .wrapper .page-header.powerindex .backgroundImage.scrolled {
        z-index: 17
    }

    .page .wrapper .page-header.powerindex .backgroundImage .bg-holder {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-image: url("https://assets.wimbledon.com/images/backgrounds/schedule.jpg");
        background-size: auto auto;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover
    }

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .page .wrapper .page-header.powerindex .backgroundImage .bg-holder {
        background-image: url("https://assets.wimbledon.com/images/backgrounds/schedule@2x.jpg")
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header.powerindex .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header.powerindex .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header.powerindex .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header.powerindex .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.powerindex .backgroundImage {
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.powerindex .backgroundImage {
        height: 106px
    }
}

.page .wrapper .page-header.match-insights .backgroundSpace {
    border-bottom: 0;
    min-height: 227px
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.match-insights .backgroundSpace {
        min-height: 300px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.match-insights .backgroundSpace {
        min-height: 300px
    }
}

@media only screen and (min-width: 1398px) {
    .compressed .page .wrapper .page-header.match-insights .backgroundSpace {
        min-height: 344px
    }
}

@media only screen and (min-width: 1024px) {
    .default .page .wrapper .page-header.match-insights .backgroundSpace {
        min-height: 344px
    }
}

.page .wrapper .page-header.match-insights .backgroundImage {
    z-index: 15;
    overflow: hidden;
    height: 73px;
    max-height: none;
    border-bottom: 0
}

    .page .wrapper .page-header.match-insights .backgroundImage.scrolled {
        z-index: 17
    }

    .page .wrapper .page-header.match-insights .backgroundImage .bg-holder {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-image: url("https://assets.wimbledon.com/images/backgrounds/scores.jpg");
        background-size: auto auto;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover
    }

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .page .wrapper .page-header.match-insights .backgroundImage .bg-holder {
        background-image: url("https://assets.wimbledon.com/images/backgrounds/scores@2x.jpg")
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header.match-insights .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header.match-insights .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header.match-insights .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header.match-insights .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.match-insights .backgroundImage {
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.match-insights .backgroundImage {
        height: 106px
    }
}

.page .wrapper .page-header.search.fixed .backgroundImage {
    overflow: hidden;
    height: 190px;
    z-index: 5
}

    .page .wrapper .page-header.search.fixed .backgroundImage .border {
        top: 189px
    }

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.search.fixed .backgroundImage {
        overflow: hidden;
        height: 190px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.search.fixed .backgroundImage {
        overflow: hidden;
        height: 190px
    }
}

.page .wrapper .page-header.search .backgroundSpace {
    min-width: 1050px
}

.page .wrapper .page-header.search .backgroundImage {
    overflow: hidden;
    min-width: 1050px;
    margin-left: calc((100vw - 1050px)/2)
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.search .backgroundImage {
        overflow: hidden;
        margin-left: auto
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.search .backgroundImage {
        overflow: hidden;
        margin-left: auto
    }
}

.page .wrapper .page-header.scoresStyle .backgroundSpace {
    border-bottom: 0;
    max-height: 106px
}

.page .wrapper .page-header.scoresStyle .backgroundImage {
    z-index: 15;
    overflow: hidden;
    height: 73px;
    max-height: none;
    border-bottom: 0
}

    .page .wrapper .page-header.scoresStyle .backgroundImage.scrolled {
        z-index: 17
    }

    .page .wrapper .page-header.scoresStyle .backgroundImage .bg-holder {
        width: 100%;
        height: 100vh
    }

@media only screen and (min-width: 1975px) {
    .compressed .page .wrapper .page-header.scoresStyle .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page .wrapper .page-header.scoresStyle .backgroundImage .bg-holder {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page .wrapper .page-header.scoresStyle .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page .wrapper .page-header.scoresStyle .backgroundImage .bg-holder {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.scoresStyle .backgroundImage {
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.scoresStyle .backgroundImage {
        height: 106px
    }
}

.page .wrapper .page-header.players .backgroundSpace {
    border-bottom: 0;
    max-height: 106px
}

.page .wrapper .page-header.players .backgroundImage {
    z-index: 15;
    overflow: hidden;
    height: 73px;
    max-height: none;
    border-bottom: 0
}

@media only screen and (min-width: 1142px) {
    .compressed .page .wrapper .page-header.players .backgroundImage {
        height: 106px
    }
}

@media only screen and (min-width: 768px) {
    .default .page .wrapper .page-header.players .backgroundImage {
        height: 106px
    }
}

.page .wrapper .page-header.scoresStyle.match-archive .backgroundImage .bg-holder {
    background-image: url("https://assets.wimbledon.com/images/backgrounds/matcharchive.jpg");
    background-size: auto auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .page .wrapper .page-header.scoresStyle.match-archive .backgroundImage .bg-holder {
        background-image: url("https://assets.wimbledon.com/images/backgrounds/matcharchive@2x.jpg")
    }
}

.page .wrapper .page-header.scoresStyle.match-archive-landing .backgroundImage .bg-holder {
    background-image: url("https://assets.wimbledon.com/images/backgrounds/matcharchive_landing.jpg");
    background-size: auto auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .page .wrapper .page-header.scoresStyle.match-archive-landing .backgroundImage .bg-holder {
        background-image: url("https://assets.wimbledon.com/images/backgrounds/matcharchive_landing@2x.jpg")
    }
}

.page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
    width: 100vw;
    max-height: unset
}

@media only screen and (max-width: 1600px)and (min-width: 1365px) {
    .compressed .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        width: calc(100vw - 374px)
    }
}

@media only screen and (max-width: 1600px)and (min-width: 1365px) {
    .default .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1398px) {
    .compressed .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        max-height: calc(100vw*0.532)
    }
}

@media only screen and (min-width: 1024px) {
    .default .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        max-height: calc(100vw*0.532)
    }
}

@media only screen and (max-width: 1600px)and (min-width: 1365px) {
    .compressed .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        max-height: calc((100vw - 374px)*0.532)
    }
}

@media only screen and (max-width: 1600px)and (min-width: 1365px) {
    .default .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        max-height: calc((100vw - 374px)*0.532)
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        max-height: calc((100vw - 374px)*0.532)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        max-height: calc((100vw - 374px)*0.532)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        max-height: calc((1964px - 374px)*0.532)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page.expanded .wrapper .page-header .backgroundSpace, .page.expanded .wrapper .page-header .backgroundImage {
        max-height: calc((1964px - 374px)*0.532)
    }
}

@media only screen and (min-width: 1398px) {
    .compressed .page.expanded .wrapper .page-header.home .backgroundSpace, .page.expanded .wrapper .page-header.home .backgroundImage {
        max-height: unset
    }
}

@media only screen and (min-width: 1024px) {
    .default .page.expanded .wrapper .page-header.home .backgroundSpace, .page.expanded .wrapper .page-header.home .backgroundImage {
        max-height: unset
    }
}

@media only screen and (max-width: 1600px)and (min-width: 1365px) {
    .compressed .page.expanded .wrapper .page-header.home .backgroundSpace img, .page.expanded .wrapper .page-header.home .backgroundImage img {
        width: calc(100vw - 374px)
    }
}

@media only screen and (max-width: 1600px)and (min-width: 1365px) {
    .default .page.expanded .wrapper .page-header.home .backgroundSpace img, .page.expanded .wrapper .page-header.home .backgroundImage img {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1975px) {
    .compressed .page.expanded .wrapper .page-header.home .backgroundSpace img, .page.expanded .wrapper .page-header.home .backgroundImage img {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 1601px) {
    .default .page.expanded .wrapper .page-header.home .backgroundSpace img, .page.expanded .wrapper .page-header.home .backgroundImage img {
        width: calc(100vw - 374px)
    }
}

@media only screen and (min-width: 2338px) {
    .compressed .page.expanded .wrapper .page-header.home .backgroundSpace img, .page.expanded .wrapper .page-header.home .backgroundImage img {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1964px) {
    .default .page.expanded .wrapper .page-header.home .backgroundSpace img, .page.expanded .wrapper .page-header.home .backgroundImage img {
        width: calc(1964px - 374px)
    }
}

@media only screen and (min-width: 1739px) {
    .compressed .page.expanded .wrapper .page-header.player-profile .backgroundSpace {
        height: 440px
    }
}

@media only screen and (min-width: 1365px) {
    .default .page.expanded .wrapper .page-header.player-profile .backgroundSpace {
        height: 440px
    }
}

.page.expanded .wrapper .page-header.schedule .backgroundSpace, .page.expanded .wrapper .page-header.schedule .backgroundImage, .page.expanded .wrapper .page-header.scores .backgroundSpace, .page.expanded .wrapper .page-header.scores .backgroundImage, .page.expanded .wrapper .page-header.scoresStyle .backgroundSpace, .page.expanded .wrapper .page-header.scoresStyle .backgroundImage, .page.expanded .wrapper .page-header.players .backgroundSpace, .page.expanded .wrapper .page-header.players .backgroundImage {
    max-height: 106px
}

@media only screen and (min-width: 1398px) {
    .compressed .page.expanded .wrapper .page-header.schedule .backgroundSpace, .page.expanded .wrapper .page-header.schedule .backgroundImage, .page.expanded .wrapper .page-header.scores .backgroundSpace, .page.expanded .wrapper .page-header.scores .backgroundImage, .page.expanded .wrapper .page-header.scoresStyle .backgroundSpace, .page.expanded .wrapper .page-header.scoresStyle .backgroundImage, .page.expanded .wrapper .page-header.players .backgroundSpace, .page.expanded .wrapper .page-header.players .backgroundImage {
        max-height: 106px
    }
}

@media only screen and (min-width: 1024px) {
    .default .page.expanded .wrapper .page-header.schedule .backgroundSpace, .page.expanded .wrapper .page-header.schedule .backgroundImage, .page.expanded .wrapper .page-header.scores .backgroundSpace, .page.expanded .wrapper .page-header.scores .backgroundImage, .page.expanded .wrapper .page-header.scoresStyle .backgroundSpace, .page.expanded .wrapper .page-header.scoresStyle .backgroundImage, .page.expanded .wrapper .page-header.players .backgroundSpace, .page.expanded .wrapper .page-header.players .backgroundImage {
        max-height: 106px
    }
}

.logotitle {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 500px
}

    .logotitle .logotitle-image {
        margin-bottom: 10px;
        position: relative;
        width: 100%;
        height: 70px
    }

        .logotitle .logotitle-image a {
            max-width: 70px;
            max-height: 70px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%)
        }

    .logotitle .wim-logo {
        margin: auto;
        width: 60px;
        height: 60px;
        background-image: url("/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Wimbledon_logo_small.png");
        background-size: 60px 60px;
        background-position: top left;
        background-repeat: no-repeat
    }

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .logotitle .wim-logo {
        background-image: url("/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Wimbledon_logo_small@2x.png")
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .logotitle .wim-logo {
        margin-top: 0;
        width: 70px;
        height: 70px;
        background-image: url(/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Wimbledon_logo@2x.png);
        background-size: 70px 70px;
        background-position: top left;
        background-repeat: no-repeat
    }
}

@media only screen and (min-width: 768px) {
    .default .logotitle .wim-logo {
        margin-top: 0;
        width: 70px;
        height: 70px;
        background-image: url(/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Wimbledon_logo@2x.png);
        background-size: 70px 70px;
        background-position: top left;
        background-repeat: no-repeat
    }
}

.logotitle .wim-logo.foundation {
    margin-top: 1px;
    width: 60px;
    height: 60px;
    background-image: url("/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Foundation_Logo_small.png");
    background-size: 60px 60px;
    background-position: top left;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .logotitle .wim-logo.foundation {
        background-image: url("/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Foundation_Logo_small@2x.png")
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .logotitle .wim-logo.foundation {
        margin-top: 0;
        width: 70px;
        height: 70px;
        background-image: url(/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Foundation_Logo@2x.png);
        background-size: 70px 70px;
        background-position: top left;
        background-repeat: no-repeat
    }
}

@media only screen and (min-width: 768px) {
    .default .logotitle .wim-logo.foundation {
        margin-top: 0;
        width: 70px;
        height: 70px;
        background-image: url(/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Foundation_Logo@2x.png);
        background-size: 70px 70px;
        background-position: top left;
        background-repeat: no-repeat
    }
}

.logotitle .wim-logo.members {
    margin-top: 1px;
    width: 60px;
    height: 60px;
    background-image: url("/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Members_Logo_small.png");
    background-size: 60px 60px;
    background-position: top left;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3/2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5) {
    .logotitle .wim-logo.members {
        background-image: url("/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Members_Logo_small@2x.png")
    }
}

@media only screen and (min-width: 1142px) {
    .compressed .logotitle .wim-logo.members {
        margin-top: 0;
        width: 70px;
        height: 70px;
        background-image: url(/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Members_Logo@2x.png);
        background-size: 70px 70px;
        background-position: top left;
        background-repeat: no-repeat
    }
}

@media only screen and (min-width: 768px) {
    .default .logotitle .wim-logo.members {
        margin-top: 0;
        width: 70px;
        height: 70px;
        background-image: url(/assets/css/client/cf436a0b-77d4-4410-a8f0-b26fb2bb74b6/Members_Logo@2x.png);
        background-size: 70px 70px;
        background-position: top left;
        background-repeat: no-repeat
    }
}

.logotitle-txt {
    color: #fff;
    white-space: nowrap;
    margin: auto
}

.logotitle-txt__name {
    font-family: "Gotham 5r",Helvetica,Arial,sans-serif;
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 36px;
    display: none
}

.logotitle-txt__dates {
    line-height: 19px;
    text-transform: uppercase
}

    .logotitle-txt__dates.show {
        opacity: 1;
        transition: opacity .5s linear
    }

    .logotitle-txt__dates.hide {
        opacity: 0;
        transition: opacity .5s linear
    }

@media only screen and (max-width: 1141px) {
    .compressed .logotitle-txt__dates {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .default .logotitle-txt__dates {
        font-size: 12px
    }
}

.logotitle-titles {
    width: calc(50% - 88px);
    color: #fff;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    height: 60px;
    left: 55px;
    top: 1px
}

    .logotitle-titles .title-txt {
        width: 100%
    }

@media only screen and (min-width: 1142px) {
    .compressed .logotitle-titles .title-txt-content {
        max-height: 73px
    }
}

@media only screen and (min-width: 768px) {
    .default .logotitle-titles .title-txt-content {
        max-height: 73px
    }
}

.logotitle-titles .title-txt h3 {
    text-transform: uppercase;
    line-height: normal;
    text-align: left;
    white-space: normal
}

    .logotitle-titles .title-txt h3 .subtitle {
        color: #bde403;
        font-size: 16px
    }

@media only screen and (max-width: 1141px) {
    .compressed .logotitle-titles .title-txt h3 {
        font-size: 10px;
        letter-spacing: 0px
    }

        .compressed .logotitle-titles .title-txt h3 .subtitle {
            font-size: 9px;
            letter-spacing: 0px
        }
}

@media only screen and (max-width: 767px) {
    .default .logotitle-titles .title-txt h3 {
        font-size: 10px;
        letter-spacing: 0px
    }

        .default .logotitle-titles .title-txt h3 .subtitle {
            font-size: 9px;
            letter-spacing: 0px
        }
}

@media only screen and (min-width: 1142px) {
    .compressed .logotitle-titles {
        width: calc(50% - 130px);
        height: 70px;
        left: 80px;
        top: -1px
    }
}

@media only screen and (min-width: 768px) {
    .default .logotitle-titles {
        width: calc(50% - 130px);
        height: 70px;
        left: 80px;
        top: -1px
    }
}