@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%;
    overflow: hidden;
}

.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;
}

.its-here {
    float: left;
    margin: 15px 0 0 33px;
}

.divider {
    color: #000;
}


/* FOOTER */

.footer_holder {
    position: relative;
    z-index: 100;
    margin-top: 100px;
    padding-bottom: 100px;
}

.clearfix {
    zoom: 1;
}

.footer_border {
    background: #016aa2;
    width: 101%;
    height: 26px;
    display: block;
    position: absolute;
    top: -2px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-5deg);
    transform: translateX(-50%) rotate(-5deg);
}

.footer_bg {
    width: 139%;
    height: 122%;
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: -1;
    overflow: hidden;
    -webkit-transform: translateX(-50%) rotate(-5deg);
    transform: translateX(-50%) rotate(-5deg);
}

.footer_pattern {
    position: absolute;
    left: 50%;
    background: url(images/bg_footer_image.jpg) center center #006da7 no-repeat;
    background-size: initial;
    width: 78%;
    height: 100%;
    top: 39%;
    display: block;
    -webkit-transform: translate(-50%, -50%) rotate(5deg);
    transform: translate(-50%, -50%) rotate(5deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.footer-container {
    zoom: 1;
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
    width: 100%;
    padding: 104px 20px 0;
}

.footer-container:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: '\0020';
}

.footer-container .ftr_logo {
    display: inline-block;
}

.ftr_logo a {
    margin-right: 50px;
    height: 98px;
    width: 86px;
    background: url(images/ftr_logo.png) center center no-repeat;
    display: inline-block;
}

.clear {
    clear: both;
}

.footer-container .social {
    zoom: 1;
    clear: left;
    display: inline-block;
    margin: 30px 0 34px;
}

.footer-container .social:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: '\0020';
}

.footer-container .social a {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    float: left;
    margin-right: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    vertical-align: top;
}

.footer-container .social .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-twitter:before {
    content: '\f099';
}

.fa-facebook:before {
    content: '\f09a';
}

.fa-instagram:before {
    content: '\f16d';
}

.fa-envelope:before {
    content: '\f0e0';
}

.footer-container .nav {
    zoom: 1;
}

.footer-container .nav:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: '\0020';
}

.footer-container .nav ul {
    float: left;
    width: 100%;
    position: relative;
    display: block;
    list-style: none;
    padding: 0;
    margin: -3px 0 0;
    margin-left: 0px;
}

.footer-container .nav ul li:first-child {
    border-top: none;
}

.footer-container .nav ul li {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    height: auto;
    padding: 0;
    background: none;
}

.footer-container .nav ul ul li:first-child {
    border-top: none;
    display: block;
}

.footer-container .nav ul ul li {
    float: none;
    width: 100%;
}

.footer-container .nav ul ul li a,
.footer-container .nav ul ul li a:link,
.footer-container .nav ul ul li a:visited {
    font-weight: 500;
    color: white;
    font-size: 14px;
    padding: 10px 0 0px 0px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: none;
}

.footer-container .nav ul ul li a:hover,
.footer-container .nav ul ul li a.active,
.footer-container .nav ul ul li a:link:hover,
.footer-container .nav ul ul li a:link.active,
.footer-container .nav ul ul li a:visited:hover,
.footer-container .nav ul ul li a:visited.active {
    color: #99d7ff;
    cursor: pointer;
}


.footer-container .nav ul li a,
.footer-container .nav ul li a:link,
.footer-container .nav ul li a:visited {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 15px 20px 0px;
    color: white;
    margin: 0;
    letter-spacing: 0.05em;
    text-decoration: none;
    font: 700 16px/130% 'Raleway', sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.footer-container .social a:hover {
    background-color: #fff;
    color: #104e78;
}

.footer-container .ftr_logo a:hover {
    zoom: 1;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

.global-footer {
    zoom: 1;
    position: absolute;
    left: 0px;
    bottom: 8px;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 11px;
    z-index: 100;
}

.global-footer:before,
.global-footer:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: '\0020';
}

.global-footer p {
    position: relative;
    display: block;
    margin: auto;
    padding: 15px 20px;
    max-width: 1220px;
    width: 100%;
    color: white;
    font: 400 11px/120% 'Raleway', sans-serif;
    letter-spacing: 0.05em;
}

.global-footer .delimiter {
    padding: 0 2px;
    color: white;
}

.global-footer p a,
.global-footer p a:visited {
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    color: white;
    text-decoration: none;
}

.global-footer .delimiter {
    padding: 0 2px;
    color: white;
}

.global-footer a#carbonhouse span.carbon,
.global-footer a#carbonhouse:link span.carbon,
.global-footer a#carbonhouse:visited span.carbon {
    color: white;
}

.global-footer a#carbonhouse span,
.global-footer a#carbonhouse:link span,
.global-footer a#carbonhouse:visited span {
    font-size: 13px;
}

#carbonhouse {
    float: right;
}

.global-footer p a:hover,
.global-footer p a:focus,
.global-footer p a:visited:hover,
.global-footer p a:visited:focus {
    color: #99d7ff;
    text-decoration: none;
}


/* HEADER */

.header-wrapper {
    zoom: 1;
    position: static;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1220px;
}

.header-wrapper .logo {
    float: left;
    margin: 24px 55px 24px 0;
}

.header-wrapper .logo a,
.header-wrapper .logo span {
    background: url(images/hdr_logo.png) no-repeat;
    width: 94px;
    height: 79px;
    display: block;
    text-indent: -200px;
    overflow: hidden;
}

.header-wrapper .logo a:hover,
.header-wrapper .logo span:hover {
    zoom: 1;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

.main_nav {
    position: static;
    float: left;
    z-index: 500;
    width: calc(100% - 150px - 380px);
    width: 620px;
    margin: 0px 0 0;
    padding: 0;
}

.main_nav ul {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
}

.main_nav a.active,
.main_nav a:link.active {
    color: #1a82c5;
}

.main_nav ul li {
    position: static;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
}

.main_nav ul li:last-child a {
    border-right: none;
}

.main_nav a,
.main_nav a:link,
.main_nav a:visited {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 21px;
    font-family: 'Raleway', sans-serif;
    color: #333333;
    font-size: 14px;
    /* line-height: 130px; */
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    letter-spacing: 0.05em;
    border-right: 1px solid #f0f0f0;
    height: 15px;
    top: 59px;
}

.main_nav a:hover,
.main_nav a.active,
.main_nav a:link:hover,
.main_nav a:link.active,
.main_nav a:visited:hover,
.main_nav a:visited.active {
    color: #1a82c5;
    cursor: pointer;
}

.search {
    margin-top: 30px;
    margin-right: 52px;
}

.search a {
    background: url('images/search-small.png') no-repeat center;
    height: 67px;
    width: 63px;
    display: inline-block;
}

.bg_img_container {
    overflow: hidden;
}

.atlanta_hawks {
    float: right;
    width: 99px;
    height: 70px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    margin-top: 29px;
}

.atlanta_hawks_logo {
    display: block;
    display: block;
    background: url(images/logo_hawks.png) top center no-repeat;
    width: 34px;
    height: 35px;
    margin: auto;
    margin-top: 17px;
}

.atlanta_hawks_logo:hover {
    background-position: bottom center;
}


/* @media only screen and (min-width: 1044px) {
    .search {
        margin-right: 44px;
        right: -5%;
    }
} */

#carbonhouse:hover {
    color: #1a82c5;
    cursor: pointer;
}

.global-footer a#carbonhouse:hover,
.global-footer a#carbonhouse:link:hover,
.global-footer a#carbonhouse:visited:hover {
    color: #99d7ff;
    text-decoration: none;
}

.sea-logo {
    float: right;
    display: inline-flex;
}

.footer-container .nav ul li a:hover{
    color: #99d7ff;
    cursor: pointer;
}
@media only screen and (min-width: 1035px) {
    /* .search {
        margin-right: 44px;
        right: -9%;
    } */
}

@media only screen and (min-width: 1180px) {
    .search a {
        background: url('images/search.png') no-repeat center;
        height: 67px;
        width: 235px;
    }
    /* .search {
        margin-right: 44px;
        right: -4%;
    } */
}

@media only screen and (min-width: 1242px) {
    /* .search {
        margin-right: 44px;
        right: -9%;
    } */
}