@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v12/rBHvpRWBkgyW99dXT88n7wsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+A640-A69F, U+FE2E-FE2F;
}


/* cyrillic */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v12/NX1NravqaXESu9fFv7KuqgsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v12/SKK6Nusyv8QPNMtI4j9J2wsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab;
}


/* latin-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v12/gFXtEMCp1m_YzxsBpKl68gsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
    unicode-range: U+0100-024f, U+0259, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v12/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
    unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2212, U+2215;
}


/* cyrillic-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v12/IQHow_FEYlDC4Gzy_m8fcrllaL-ufMOTUcv7jfgmuJg.woff2) format('woff2');
    unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+A640-A69F, U+FE2E-FE2F;
}


/* cyrillic */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v12/IQHow_FEYlDC4Gzy_m8fcpsnFT_2ovhuEig4Dh-CBQw.woff2) format('woff2');
    unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v12/IQHow_FEYlDC4Gzy_m8fcnv4bDVR720piddN5sbmjzs.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab;
}


/* latin-ext */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v12/IQHow_FEYlDC4Gzy_m8fcjrEaqfC9P2pvLXik1Kbr9s.woff2) format('woff2');
    unicode-range: U+0100-024f, U+0259, U+1-1eff, U+20a0-20ab, U+20ad-20cf, U+2c60-2c7f, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v12/IQHow_FEYlDC4Gzy_m8fcmaVI6zN22yiurzcBKxPjFE.woff2) format('woff2');
    unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2212, U+2215;
}

@font-face {
    font-family: din_regular;
    src: url(fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix);
    src: url(fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix) format('eot'), url(fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff) format('woff'), url(fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf) format('truetype'), url(fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a) format('svg');
}

@font-face {
    font-family: din_bold;
    src: url(fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix);
    src: url(fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix) format('eot'), url(fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff) format('woff'), url(fonts/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf) format('truetype'), url(fonts/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6) format('svg');
}

body {
    background: #fff;
    margin: 0;
    padding: 0;
}

.wrapper {
    margin: 0 auto;
    width: 1280px;
}

.header-top {
    background: #000;
}

.clear {
    clear: both;
}

img {
    border: none;
    outline: none;
}

.header,
.footer {
    font-size: 100%;
}

.header a,
.footer a {
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.block-mp7-competition-banner .mls {
    padding: 0.5em;
}

#mls-global,
.logo {
    display: block;
}

.region-mls-global {
    height: 50px;
}

.block-mp7-competition-banner {
    float: left;
    width: 84%;
}

.block-mp7-competition-banner .mls {
    overflow: hidden;
    padding: 0.5em;
}

.block-mp7-competition-banner .mls .banner-network-logo {
    background-image: url('images/exsmall_mls_logo.png');
    background-repeat: no-repeat;
    float: left;
    height: 29px;
    width: 34px;
}

.banner-network-logo,
.social_sharing {
    display: none;
}

.banner-network-logo {
    margin: 0.5em 0 0 0.5em;
}

.block-mp7-competition-banner .banner-network {
    color: rgb(255, 255, 255);
    float: left;
    font-family: 'din_regular', arial;
    padding: 0.9em 1.3em 0.2em 0.8em;
}

.block-mp7-competition-banner .banner-network {
    padding-top: 0.5em;
    width: 88px;
}

.banner-logo {
    font-size: 1em;
    font-weight: 700;
    letter-spacing: -0.05em;
}

.banner-club-logo {
    display: inline-block;
    height: 30px;
    margin: 0 0 0 2px;
    padding: 0;
    width: 30px;
}

.block-mp7-competition-banner .banner-all-clubs {
    display: block !important;
    margin: 0;
}

.block-mp7-competition-banner .banner-club-container {
    margin: 0;
}

.block-mp7-competition-banner .mls .banner-club-logo.chicago {
    background-position: 0 0;
}

.block-mp7-competition-banner .mls .banner-club-logo.colorado {
    background-position: 0 -90px;
}

.block-mp7-competition-banner .mls .banner-club-logo.columbus {
    background-position: 0 -135px;
}

.block-mp7-competition-banner .mls .banner-club-logo.dc {
    background-position: 0 -180px;
}

.block-mp7-competition-banner .mls .banner-club-logo.dallas {
    background-position: 0 -225px;
}

.block-mp7-competition-banner .mls .banner-club-logo.houston {
    background-position: 0 -270px;
}

.block-mp7-competition-banner .mls .banner-club-logo.los-angeles {
    background-position: 0 -315px;
}

.block-mp7-competition-banner .mls .banner-club-logo.montreal {
    background-position: 0 -360px;
}

.block-mp7-competition-banner .mls .banner-club-logo.new-england {
    background-position: 0 -405px;
}

.block-mp7-competition-banner .mls .banner-club-logo.new-york-2 {
    background-position: 0 -495px;
}

.block-mp7-competition-banner .mls .banner-club-logo.new-york {
    background-position: 0 -450px;
}

.block-mp7-competition-banner .mls .banner-club-logo.orlando {
    background-position: 0 -945px;
}

.block-mp7-competition-banner .mls .banner-club-logo.philadelphia {
    background-position: 0 -540px;
}

.block-mp7-competition-banner .mls .banner-club-logo.portland {
    background-position: 0 -585px;
}

.block-mp7-competition-banner .mls .banner-club-logo.salt-lake {
    background-position: 0 -630px;
}

.block-mp7-competition-banner .mls .banner-club-logo.san-jose {
    background-position: 0 -675px;
}

.block-mp7-competition-banner .mls .banner-club-logo.seattle {
    background-position: 0 -720px;
}

.block-mp7-competition-banner .mls .banner-club-logo.kansas-city {
    background-position: 0 -765px;
}

.block-mp7-competition-banner .mls .banner-club-logo.toronto {
    background-position: 0 -810px;
}

.block-mp7-competition-banner .mls .banner-club-logo.vancouver {
    background-position: 0 -855px;
}

.block-mp7-competition-banner .mls .banner-club-logo.atlanta {
    background-position: 0 -900px;
    height: 26px;
}

.block-mp7-competition-banner .mls .banner-club-logo.lafc {
    background-position: 0 -45px;
    height: 26px;
}

.block-mp7-competition-banner .banner-club-logo {
    margin: 0 0 0 1.1%;
}

.block-mp7-competition-banner .mls .banner-club-logo {
    background-image: url('images/logo_sprite_11-10-14.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.block-mp7-competition-banner .mls .banner-club-logo:hover {
    -moz-filter: none;
    -o-filter: none;
    -webkit-filter: none;
    filter: none;
}

#block-mp7-gigya-mp7-gigya-header-login {
    display: inline-block;
    float: right;
    padding: 9px 0 0;
    position: relative;
    vertical-align: top;
}

#block-mp7-gigya-mp7-gigya-header-login {
    padding-top: 10px;
}

.mp7-gigya-logged-in,
.mp7-gigya-login-option {
    background-color: rgb(255, 255, 255);
    margin-right: 0.5em;
}

.mp7-gigya-login-option a,
.mp7-gigya-profile a {
    color: rgb(0, 0, 0);
}

.mp7-gigya-logged-in,
.mp7-gigya-login-option {
    cursor: pointer;
    font-size: 0.8em;
    line-height: 16px;
    text-align: center;
}

.mp7-gigya-logged-in,
.mp7-gigya-login-option {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 0.8em;
    line-height: 16px;
    padding: 6px;
    text-align: center;
}

.header-wrapper {
    border-top: 12px solid #ee2e24;
    background-color: #fff;
    height: 129px;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    left: 0;
    top: 0;
    text-transform: uppercase;
    width: 100%;
    z-index: 999;
    font-family: 'Montserrat', Arial, sans-serif;
    min-width: 1276px;
}

.header__logo {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid #d8d8d8;
    padding: 0 0 0 30px;
    background-color: #fff;
    width: 334px;
    z-index: 4;
}

.header__logo a {
    width: 375px;
    text-indent: -9999px;
    display: block;
    background: url(../img/header-logo.png) center center no-repeat;
    height: 128px;
    background-size: 375px 100px;
}

.header__bar {
    height: 58px;
    border-bottom: 1px solid #d8d8d8;
    margin-left: 440px;
    font-size: 11px;
    position: relative;
    z-index: 3;
}

.header__bar__nav {
    float: left;
    height: 100%;
}

.header__bar__nav>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

.header__bar__nav>ul>li {
    float: left;
    border-right: 1px solid #d8d8d8;
    position: relative;
    height: 100%;
}

.header__bar__nav>ul>li:hover {
    border-bottom: 3px solid #ee2e24;
    box-sizing: border-box;
}

.header__bar__nav>ul>li>a {
    padding: 0 30px;
    float: left;
    text-decoration: none;
    color: #ee2e24;
    line-height: 57px;
    position: relative;
}

.header__bar__nav__ico--switch span {
    padding-left: 26px;
    background-image: url(images/ico-header-bar-nav-ball.png);
    background-size: 16px 16px;
}

.header__bar__nav__ico--canada span {
    background-image: url(images/ico-header-bar-nav-canada.png);
    padding-left: 34px;
    background-size: 24px 24px;
}

.header__bar__nav__ico span {
    display: block;
    background-position: center left;
    background-repeat: no-repeat;
}

.header__ticket {
    color: #888888;
    line-height: 57px;
    float: right;
    padding: 0 15px;
}

.header__ticket a {
    color: #ee2e24;
    text-decoration: none;
    background: url(images/ico-header-ticket.png) left center no-repeat;
    background-size: 18px 20px;
    padding-left: 23px;
    display: inline-block;
    margin-left: 5px;
}

.header__nav {
    margin-left: 440px;
    height: 70px;
    position: relative;
}

.header__nav__main {
    float: left;
}

.header__nav__main ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header__nav__main>ul>li {
    float: left;
    padding: 0 20px;
    position: relative;
}

.header__nav__main>ul>li>a {
    line-height: 70px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #222;
    position: relative;
    height: 67px;
}

.header__nav__main>ul>li>a:hover,
.header__nav__main>ul>li>a.active {
    color: #ee2e24;
    border-bottom: 3px solid #ee2e24;
}


/*
.header__bar__nav>ul>li>a:hover {
    border-bottom: 3px solid #ee2e24;
} */

.header__search {
    height: 70px;
    position: relative;
    background-color: #fff;
    float: right;
    border-left: 1px solid #d8d8d8;
}

.header__shop {
    float: right;
    height: 70px;
    border-left: 1px solid #d8d8d8;
}

.shop_container {
    height: 67px;
}

.header__shop a {
    display: block;
    background: url(images/my_account.png) center center no-repeat;
    background-size: 27px 24px;
    position: relative;
    text-indent: -9999px;
    width: 60px;
    height: 100%;
}

.header__shop a:hover {
    border-bottom: 3px solid #ee2e24;
}

.header__search a:hover {
    border-bottom: 3px solid #ee2e24;
}

.header__search a {
    background: url(images/ico-search.png) center center no-repeat;
    background-size: 20px 19px;
    text-indent: -9999px;
    display: block;
    padding: 0 20px;
    width: 20px;
    height: 100%;
    position: relative;
}

.search_container {
    height: 67px;
}

.header__lang {
    font-size: 11px;
    color: #888888;
    padding: 0 20px;
    line-height: 70px;
    float: right;
    border-left: 1px solid #d8d8d8;
}

.header__lang ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header__lang ul li {
    float: left;
}

.header__lang a,
.header__lang span {
    float: left;
    color: #222;
    text-decoration: underline;
}

.header__lang ul li:first-child:after {
    content: '/';
    padding: 0 5px;
    font-size: 9px;
    float: left;
}

.header__lang a.current,
.header__lang span.current {
    color: #ee2e24;
    text-decoration: none;
}

.header__lang a.current:hover {
    color: #ee2e24;
    text-decoration: underline;
}


/* FOOTER */

.footer-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 50px;
    padding-top: 45px;
    background: #222222;
    height: 360px;
    text-align: center;
}

.footer__nav {
    display: inline-block;
    margin: 0 auto;
    font-size: 13px;
    line-height: 13px;
}

.footer__nav ul {
    list-style: none;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
    padding: 0;
}

.footer__nav li {
    float: left;
}

.footer__nav a {
    color: rgba(255, 255, 255, 0.5);
    float: left;
}

.footer__nav a:hover {
    color: white;
}

.footer__nav li:before {
    float: left;
    content: '|';
    padding: 0 5px;
}

.footer__nav ul:before,
.footer__nav ul:after {
    content: ' ';
    display: table;
}

.footer__nav ul:after,
.footer__nav ul:before {
    clear: both;
}

.footer__copyright {
    font-size: 13px;
    line-height: 13px;
    color: rgba(255, 255, 255, 0.3);
    padding-top: 15px;
}

.footer__logo {
    display: inline-block;
    margin: 0 auto;
    padding-top: 60px;
}

.footer__logo li {
    margin: 0 25px;
}

.footer__nav li:first-child:before {
    float: left;
    content: ' ';
}

.footer__nav li:first-child {
    margin-right: -10px;
}

.mobile-header__head {
    height: 70px;
    border-bottom: 1px solid #d8d8d8;
    border-top: 6px solid #ee2e24;
}

.mobile-header__logo {
    float: left;
    margin: 9px 0 0 20px;
}

.mobile-header__logo a {
    display: block;
    width: 195px;
    height: 52px;
    text-indent: -9999px;
    background: url(../img/header-logo.png) center center no-repeat;
    background-size: 195px 52px;
}

.mobile-header__trigger {
    float: right;
    margin: 21px 20px 0 0;
    font-family: 'Montserrat', Arial, sans-serif;
}

.mobile-header__trigger a {
    display: block;
    border: 2px solid #d8d8d8;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #ee2e24;
    line-height: 24px;
    font-size: 12px;
}

.mobile-header__trigger a span {
    display: block;
    padding: 0 10px;
}

@media (max-width: 4096px) {
    .mobile-header__head {
        display: none;
    }
    .header__logo {
        width: 409px;
    }
}

@media (max-width: 1531px) {
    .mobile-header__head {
        display: none;
    }
    .footer-wrapper {
        height: 360px;
    }
    .header__lang {
        padding: 0 10px;
    }
    .header__nav__main>ul>li>a {
        font-size: 12px;
    }
    .header__nav__main>ul>li {
        padding: 0 10px;
    }
    .header__nav {
        margin-left: 365px;
    }
    .header__logo {
        width: 334px;
    }
    .header__logo a {
        width: 300px;
        background-size: 300px 80px;
    }
    .header__bar {
        margin-left: 365px;
    }
    .header__bar__nav>ul>li>a {
        padding: 0 15px;
    }
    .header__ticket a {
        display: none;
    }
}

@media (max-width: 1253px) {
    .footer-wrapper {
        height: 270px;
    }
    .header-wrapper {
        display: none;
    }
    .mobile-header__head {
        display: block;
    }
}