html,
body {
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    background: #f2f2f2;
    overflow-x: hidden;
    width: 100%;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.clr {
    clear: both;
    height: 0;
    font-size: 0;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}

img {
    vertical-align: top;
    border: none;
}

.font-bold {
    font-family: "HumanBTBol";
}

.font-bold-italic {
    font-family: "HumanBoldItalic";
}

.font-light {
    font-family: "HumanLight";
}

/* Nick Css */
.header {
    height: 106px;
    background: url(../img/header/header_bg.png) repeat-x top;
    -moz-box-shadow: 0 10px 10px rgba(8, 8, 8, 0.2);
    -webkit-box-shadow: 0 6px 10px rgba(8, 8, 8, 0.2);
    box-shadow: 0 10px 10px rgba(8, 8, 8, 0.2);
    position: relative;
}

.header.show-up {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 20;
    display: none;
}

.ul-inline, .menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu {
    overflow: hidden;
}

.header-main-navigation {
    text-align: center;
    width: 1200px;
    margin: 0 auto;
}

.header-main-navigation .ul-inline {
    display: inline-block;
}

.header-main-navigation .ul-inline.general-nav {
    display: inline-table;
    width: 820px;
}

.header-main-navigation .ul-inline.general-nav.search-expanded {
    width: 580px;
}

ul.sub-menu {
    display: none;
    text-align: left;
}

.ul-inline li, .menu li {
    float: left;
}

/*.header-main-navigation {
    position: relative;
    padding-left: 236px;
}*/

.header-main-navigation .logo {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    top: 10px;
    left: 0;
}

.header-main-navigation ul {
    height: 65px;
    font-family: HumanRoman;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
}

.header-main-navigation ul li {
    height: 67px;
    /* border-left: solid 1px #394f85; */
    background: url(../img/header/menu_line.png) no-repeat left top;
    padding-left: 2px;
}

.header-main-navigation .ul-inline.general-nav > li {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.header-main-navigation .ul-inline.general-nav > li.hidden-cell {
    display: none;
}

.header-main-navigation ul li.menu-item.video:hover, .header-main-navigation ul li.menu-item.news:hover, .header-main-navigation ul li.menu-item.gigya:hover {
    background: #1b1b1b !important;
    height: 70px;
}

.header-main-navigation ul li.menu-item.news:hover a:nth-child(1), .header-main-navigation ul li.menu-item.video:hover a:nth-child(1), .header-main-navigation ul li.menu-item.gigya:hover span:nth-child(1) {
    background: none;
    box-shadow: none;
    color: #ffb800;
}

.dropdown-container {
    position: absolute;
    z-index: 250;
    left: 0;
    display: none;
    top: 70px;
    width: 100%;
    height: 284px;
    background: #1b1b1b;
    box-shadow: 0 7px 8px #000000;
    text-align: left;
}

.menu-item-object-custom:hover .dropdown-container,
.menu-item-has-children:hover .dropdown-container {
    display: block;
}

.dropdown-container.open {
    display: block;
}

.dropdown-content {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.dropdown-content .topics, .dropdown-content .featured, .dropdown-content .stay-connected {
    display: inline-block;
    float: left;
    margin-top: 25px;
    overflow: hidden;
}

.dropdown-content .topics {
    width: 170px;
    min-height: 215px;
    border-right: solid 1px #2e2e2e;
}

.dropdown-content p, .dropdown-content .topics a, #logout_panel p {
    color: #7c7c7c;
    width: 100%;
    text-transform: uppercase;
    font-family: "HumanBoldItalic";
    font-weight: 100;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 31px;
}

.dropdown-content .topics a {
    font-family: "HumanRoman";
    color: #ffffff;
    text-decoration: none;
    text-transform: none;
    height: 31px;
    padding-left: 5px;
    font-size: 15px;
}

.dropdown-content .featured {
    width: 700px;
    min-height: 215px;
    border-right: solid 1px #2e2e2e;
    margin-right: 30px;
    margin-left: 30px;
}

.dropdown-content .featured a {
    display: table;
    line-height: inherit;
    padding: 0;
    color: #FFC617;
}

.dropdown-content .featured a:hover {
    position: inherit;
    background: none;
    box-shadow: none;
}

.dropdown-content .featured .featured-image {
    width: 270px;
    height: 182px;
    float: left;
    display: inline-block;
    position: relative;
}

.dropdown-content .featured .featured-image img {
    width: 270px;
    height: 182px;
}

.dropdown-content .featured .featured-image .description-image {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: url(../img/content/latest-news-tooltip-bg.png) left top repeat;
    font-family: "HumanBoldItalic";
    text-align: center;

}

.dropdown-content .featured .featured-image .description-image span {
    padding-top: 3px;
    margin: 0;
    font-size: 10px;
    color: #ffc617;
    text-shadow: 1px 1px #000000;
}

.dropdown-content .featured .featured-image .description-image h3 {
    font-size: 18px;
    color: #ffffff;
    padding: 0 25px 2px 25px;
    margin: 0;
    text-shadow: 2px 2px #000000;
    text-transform: none;
    font-weight: 100;
}

.dropdown-content .featured ul {
    margin-right: 30px;
    padding: 0;
    width: 368px;
    float: right;
}

.dropdown-content .featured ul li {
    font-family: "HumanBoldItalic";
    font-size: 10px;
    color: #ffc617;
    width: 100%;
    height: 40px;
    border-bottom: solid 1px #2e2e2e;
    list-style: none;
    margin: 0 0 9px;
    padding: 0;
    font-weight: 100;
    background: none;
}

.dropdown-content .featured ul li span {
    font-size: 15px;
    color: #ffffff;
    width: 100%;
    display: block;
    font-weight: 100;
    font-family: "HumanBTIta";
    text-transform: none;
}

.dropdown-content .stay-connected {
    width: 241px;
}

.dropdown-content .stay-connected a, .dropdown-content .socials-login a, .dropdown-content .sign-up a, .dropdown-content .email-login a.log-in, #logout_panel a.log-out {
    display: block;
    width: 100%;
    height: 54px;
    padding-left: 20px;
    line-height: 54px;
    text-align: left;
    background: #272727;
    font-size: 15px;
    font-family: "HumanRoman";
    text-decoration: none;
    text-transform: none;
    color: #ffffff;
    font-weight: 100;
    margin-bottom: 10px;
}

.dropdown-content .stay-connected a img {
    padding-right: 25px;
    padding-top: 15px;
}

.dropdown-content .socials-login, .dropdown-content .email-login, .dropdown-content .sign-up {
    width: 28%;
    min-height: 290px;
    border-right: solid 1px #2e2e2e;
    padding-right: 20px;
    padding-left: 20px;
    float: left;
}

.dropdown-content .sign-up .logo {
    float: left;
    width: 116px;
    height: 116px;
    background: url(../img/header/icon_login.gif) no-repeat;
}

.dropdown-content .sign-up .description {
    float: left;
    font-size: 14px;
    height: 202px;
    text-transform: none;
    width: 190px;
    font-style: italic;
}

.dropdown-content .sign-up .description p {
    text-transform: uppercase;
    color: #ffb700;
    font-style: normal;
    font-size: 12px;
}

.dropdown-content .sign-up a, .dropdown-content .email-login a.log-in, #logout_panel .log-out {
    clear: left;
    text-transform: uppercase;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    width: auto !important;
}

.dropdown-content .email-login input[type=text], .dropdown-content .email-login input[type=password] {
    border: 0px;
    width: 100%;
    display: block;
    height: 54px;
    padding-left: 10px;
    line-height: 54px;
    text-align: left;
    background: #d1d1d1;
    font-size: 14px;
    font-family: "HumanRoman";
    font-style: italic;
    float: left;
    margin-bottom: 10px;
    color: #282828;
}

.dropdown-content .email-login {
    border-right: none !important;
}

.email-login .error {
    clear: both;
    color: red;
    height: 0;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

.dropdown-content .socials-login a {
    width: auto !important;
    padding-left: 70px;

}

.dropdown-content .socials-login a img {
    margin: 15px 20px 0 0;
}

.gigya .dropdown-container {
    padding: 30px 0 30px 0;
    height: 290px;
}

.gigya .socials-login p, .gigya .email-login p, #logout_panel p {
    margin-bottom: 10px;
}

.gigya .stay-logged-in {
    font-size: 14px;
    font-style: italic;
    text-transform: none;
    color: #7c7c7c;
}

#stay_logged_in, .gigya .stay-logged-in {
    float: left;
}

.gigya .forgot-pass, .gigya .edit-profile {
    color: #ffb700;
    float: right;
    font-size: 14px;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-transform: none;
}

.gigya .forgot-pass:hover, .gigya .edit-profile:hover {
    background: none;
    background-color: transparent !important;
}

.gigya .email-login a.log-in {
    margin-top: 45px;
}

#logout_panel {
    padding: 0px 40px 40px 40px;
    width: 220px;
    display: none;
}

.gigya .avatar {
    float: left;
    width: 100px;
}

.gigya .fields {
    float: left;
    width: 120px;
    overflow: hidden;
}

.gigya .fields > div {
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-style: italic;
    text-transform: none;
    width: 100%;
}

.gigya .edit-profile {
    float: left;
    font-size: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

#logout_panel .log-out {
    margin-top: 120px;
    padding-left: 0 !important;
    text-align: center !important;
    width: 220px !important;
}

.header-main-navigation ul a, .header-main-navigation ul .search span, .header-main-navigation ul .gigya span {
    color: #ffffff;
    text-decoration: none;
    line-height: 70px;
    padding: 0 18px;
    display: block;
    height: 67px;
}

#menu-top-menu-spanish a, #menu-top-menu-spanish .search span, #menu-top-menu-spanish .gigya span {
    padding: 0 16px 0 15px;
}

#menu-top-menu-spanish > li > a,
#menu-top-menu > li > a {
    padding: 0;
}

.header-main-navigation ul .search span, .header-main-navigation ul .gigya span {
    cursor: pointer;
}

.header-main-navigation ul a:hover,
.header-main-navigation ul .search span:hover, .dropdown-content .email-login a.log-in:hover, #logout_panel a.log-out:hover {
    color: #ffb700;
    background: url(../img/header/menu_active_bg.png) repeat-x top;
    box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.7);
}

.header-main-navigation ul li.current-menu-item {
    color: #ffb700;
    background: url(../img/header/menu_active_bg.png) repeat-x top;
    box-shadow: inset 0 -1px 10px #000000;
}

.header-main-navigation ul li.current-menu-item a:first-child {
    color: #ffb700;
}

.header-main-navigation ul .search.open span:hover {
    background: none;
    cursor: default;
}

.header-main-navigation ul .header-icon-search {
    position: relative;
    margin-top: 20px;
}

.header-main-navigation ul .header-icon-search.logout {
    width: 40px;
    max-height: 40px;
    left: -10px;
    top: -5px;
    margin-right: -20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.search.open span {
    float: left;
}

.header-main-navigation ul .search .expanded-search {
    display: none;
    float: right;
}

.header-main-navigation ul .search.open .expanded-search {
    display: block;
    width: 240px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.header-main-navigation ul .search .expanded-search .search-field {
    width: 185px;
    height: 34px;
    padding-left: 10px;
    padding-right: 45px;
    background: url(../img/header/search-bg.jpg) left top no-repeat;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 34px;
    font-style: italic;
    border: none;
}

.header-main-navigation ul .search .expanded-search .search-btn {
    width: 32px;
    height: 30px;
    position: absolute;
    right: 3px;
    top: 1px;
    border: none;
    cursor: pointer;
    background: url(../img/header/icon_search-btn.png) left top no-repeat;
}

.header-main-navigation ul li.menu-interactive a {
    padding-right: 25px !important;
    display: block;
    background: url("../img/header/icon_interactive.png") no-repeat scroll 130px 18px transparent;
}

.header-nav {
    height: 36px;
    text-align: center;
    min-width: 1200px;
    margin: 0 auto;
}

.header-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-family: HumanRoman;
    color: #ffffff;
}

.header-nav ul li {
    display: inline-block;
}

.header-nav ul li:hover {
    background: none;
}

.header-nav ul li:hover a, .header-nav ul li.current-menu-item a {
    color: #d69a05;
}

.header-nav ul li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
}

.header-nav ul li.extended {
    position: relative;
    padding-right: 15px;
    z-index: 200;
}

.header-nav ul li.extended:hover {
    background: #1b1b1b !important;
}

.header-nav ul li.extended a {
    background: url(../img/header/nav_arrow.png) no-repeat right center;
}

.header-nav ul li.extended:hover a {
    background: url(../img/header/nav_arrow_hover.png) no-repeat right center;
}

.header-nav ul li.header-nav-dropmenu ul {
    display: none;
    position: absolute;
    background: #1b1b1b;
    z-index: 11;
    min-width: 100%;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 22px 0 21px 0;
}

.header-nav ul li.header-nav-dropmenu li {
    display: block;
}

.header-nav ul li.header-nav-dropmenu:hover > ul {
    display: block;
}

.header-nav ul li.header-nav-dropmenu ul a,
.header-nav ul li.extended.header-nav-dropmenu:hover ul a {
    background: none;
    padding-right: 0;
    color: #ffffff;
}

.header-nav ul li.header-nav-dropmenu ul a:hover {
    color: #d69a05 !important;
}

.header-nav ul li.header-nav-dropmenu.concacaf-dropmenu ul {
    width: 422px;
    box-shadow: 0 6px 8px #000000;
}

.header-nav ul li.all-comp.header-nav-dropmenu.concacaf-dropmenu ul {
    width: 664px;
    right: 0;
}

.header-nav ul li.header-nav-dropmenu.concacaf-dropmenu ul li {
    float: left;
    min-width: 200px;
}

.footer {
    height: 415px;
    margin: 0 0 0 0;
    background: url(../img/footer/footer_bg.png) repeat-x top;
}

.footer .container {
    background: transparent !important;
}

.footer.show-up {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 20;
    display: none;
}

.footer-menu {
    font-size: 18px;
    font-family: HumanRoman;
    color: #ffffff;
}

.footer-menu .ul-inline li a, .footer-menu .menu li a {
    color: #ffffff;
    text-decoration: none;
    height: 67px;
    line-height: 67px;
    display: block;
    padding: 0;
    background: url(../img/footer/menu_line.png) no-repeat right top;
    text-transform: uppercase;
}

.footer-menu .ul-inline li a:hover,
.footer-menu .ul-inline li a.active, .footer-menu .menu li a:hover,
.footer-menu .menu li a.active {
    color: #eab739;
}

.footer-menu .ul-inline li:last-child a, .footer-menu .menu li:last-child a {
    background: none;
}

.footer-nav {
    font-size: 15px;
    font-family: HumanLight;
    color: #ffffff;
    height: 67px;
    line-height: 67px;
    margin: 3px 0 16px 0;
}

.footer-nav a {
    color: #ffffff;
    text-decoration: none;
    padding: 0 30px;
}

.footer-nav a:hover {
    color: #f9b303;
}

.footer-nav .menu-top-secondary-menu-spanish-container,
.footer-nav .menu-top-secondary-menu-container {
    margin: 0 auto;
    width: 1170px;
}

.footer-nav .menu-top-secondary-menu-spanish-container ul,
.footer-nav .menu-top-secondary-menu-container ul {
    width: 100%;
    display: table;
}

.footer-nav .menu-top-secondary-menu-spanish-container ul.sub-menu,
.footer-nav .menu-top-secondary-menu-container ul.sub-menu {
    display: none;
}

.footer-nav .menu-top-secondary-menu-spanish-container ul li,
.footer-nav .menu-top-secondary-menu-container ul li {
    display: table-cell;
    vertical-align: middle;
    float: none;
    text-align: center;
}

.footer-nav .menu-top-secondary-menu-spanish-container ul li a,
.footer-nav .menu-top-secondary-menu-container ul li a {
    display: block;
    padding: 0;
}

.footer-copyright {
    width: 1170px;
    margin: 0 auto;
    border-top: solid 1px #244b81;
    padding: 20px 0 0 0;
    font-family: HumanRoman;
    font-size: 13px;
    color: #ffffff;
    position: relative;
}

.footer-copyright a {
    color: #ffffff;
    text-decoration: none;
}

.footer-copyright .col1 {
    width: 320px;
    padding-left: 30px;
}

.footer-copyright .col1 img {
    position: absolute;
    left: 0;
    top: 17px;
}

.footer-copyright .col2 {

}

.footer-copyright .col2 a {
    padding-right: 24px;
}

.footer-copyright .col3 {
    font-style: italic;
    float: right;
}

.footer-copyright .col3 a {
    padding-right: 50px;
}

.footer-copyright .col3 b {
    font-family: HumanBoldItalic;
}

.footer-copyright .col3 img {
    position: absolute;
    right: 5px;
    top: 17px;
}

#menu-footer-menu,
#menu-footer-menu-spanish {
    text-align: center;
    display: table;
    table-layout: fixed;
    width: 100%;
}

#menu-footer-menu li,
#menu-footer-menu-spanish li {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.content {
    background: #f2f2f2;
}

.container.hub {
    background: #ffffff;
}

.content-article {
    padding: 26px 0 48px 0;
}

.content-article .container {
    background: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 20px 0 30px 0;
}

.content-news {
    padding-bottom: 56px;
}

.content-news .container {
    background: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.content-article h2 {
    font-family: HumanBoldItalic;
    color: #252525;
    font-size: 60px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 30px 0;
    line-height: 52px;
}

.content-head {
    text-align: center;
}

.content-head .date, .event-hub-content .date {
    color: #6d6d6d;
    font-size: 18px;
    font-style: italic;
    margin-top: 15px;
    display: inline-block;
}

.article-dl {
    width: 1169px;
    margin: 30px 0 20px 15px;
    position: relative;
}

.article-dl-description {
    border-bottom: solid 1px #e6e6e6;
    padding: 18px 0 24px 200px;
    font-size: 13px;
    color: #707070;
    font-style: italic;
}

.article-dl .scrollable {
    position: relative;
    width: 1169px;
    height: 670px;
    overflow: hidden;
}

.article-dl .scrollable .items {
    width: 10000px;
    position: absolute;
}

.article-dl .scrollable .items img {
    width: 1169px;
    height: auto;
}

.article-dl .scrollable .items div {
    float: left;
}

.article-dl .scrollable .items div.article-dl-description {
    float: none;
}

.article-dl-navi {
    position: absolute;
    top: 567px;
    right: 19px;
    z-index: 5;
}

.article-dl-navi a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/icons/article_dl_navi_sprite.png) no-repeat right top;
    margin-left: 8px;
    cursor: pointer;
}

.article-dl-navi a:hover,
.article-dl-navi a.active {
    background: url(../img/icons/article_dl_navi_sprite.png) no-repeat left top;
}

.article-content {
    padding: 0 0 0 35px;
}

.article-content.small-pad {
    padding: 0 0 0 115px;
}

.breadcrumbs {
    position: relative;
    overflow: hidden;
    margin: 15px 0;
}

.breadcrumbs .left-box {
    float: left;
}

.breadcrumbs .centered-box.ticket-logo {
    margin: 0 auto;
    max-width: 215px;
}

.breadcrumbs .right-box {
    float: right;
}

.breadcrumbs-items {
    font-family: HumanRoman;
    font-size: 15px;
    color: #737373;
    background: #d3d3d3;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    padding-left: 0px !important;
}

.breadcrumbs-items a {
    color: #372f2b;
    text-decoration: none;
}

.breadcrumbs-items li {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 25px 0 26px !important;
    list-style: none !important;
    list-style-type: none !important;
    float: left !important;
}

.breadcrumbs-items li .separator {
    width: 22px;
    height: 40px;
    background: url(../img/content/breadcrumbs_separator.png) no-repeat left top;
    display: block;
    position: absolute;
    right: -10px;
    top: 0;
}

.breadcrumbs-items li:first-child {
    background: url(../img/content/breadcrumbs_bg.png) repeat-x top;
    padding: 0 13px 0 7px;
}

.breadcrumbs-items li:nth-child(2) {
    text-transform: uppercase;
}

.breadcrumbs-items li:first-child img {
    position: relative;
    bottom: -4px;
}

.breadcrumbs-items li:first-child .separator {
    background: url(../img/content/breadcrumbs_separator_first.png) no-repeat left top;
}

.breadcrumbs-items li:last-child .separator {
    background: url(../img/content/breadcrumbs_separator_last.png) no-repeat left top;
}

.breadcrumbs-items li.last .separator {
    display: none;
}

.article-share-buttons {
    position: relative;
    right: 16px;
    top: 10px;
    overflow: hidden;
    float: right;
}

.breadcrumbs .article-share-buttons {
    position: relative;
    float: right;
}

#reactionBarDiv {
    float: left;
    margin-top: 15px;
    position: relative;
    clear: left;
}

.single-article .article-share-buttons {
    margin-top: 10px;
}

.article-share-buttons.gigya {
    float: right;
    margin-top: 15px;
    position: relative;
}

.article-share-buttons.gigya2 {
    clear: both;
    float: left;
    left: 0;
    position: relative;
    width: 100%;
}

.twitter-share-button {
    width: 95px !important;
}

.article-share-buttons .text-share {
    font-size: 14px;
    font-family: "HumanBTBol";
    font-weight: 100;
    color: #6f6f6f;
    height: 30px;
    line-height: 30px;
    margin: 10px 9px 0 0;
}

.article-share-buttons .print {
    margin-left: -8px;
    margin-right: 10px;
    text-decoration: none;
}

.article-share-buttons a {
    padding-left: 5px;
}

.article-content-text {
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    padding-right: 194px;
}

.article-content-text p {
    margin: 20px 0;
}

.article-content-advertisement {
    float: right;
    width: 368px;
    height: 325px;
    text-align: center;
    border: solid 1px #dedede;
    border-top: solid 4px #dedede;
    margin: 0 0 20px 30px;
    background: url(../img/content/adv_bg.png);
}

.article-content-advertisement .advertisement-title {
    display: block;
    padding: 16px 0 11px 0;
    font-family: HumanRoman;
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
}

.article-quote {
    border-left: 8px solid #203874;
    color: #203363;
    font-family: HumanLight;
    font-size: 30px;
    font-style: italic;
    line-height: normal;
    /* margin: 0 0 0 -100px; */
    padding: 0 120px 0 30px;
}

.content-article-reduced .article-quote {
    margin: 0;
}

.article-content h3 {
    font-family: HumanLight;
    font-weight: normal;
    font-size: 22px;
    color: #353535;
    padding-top: 20px;
}

.article-photogallery {
    position: relative;
    height: 675px;
    overflow: hidden;
}

.article-photogallery-description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    color: #ffffff;
    font-family: "HumanBTIta";
    font-weight: 100;
    font-size: 18px;
    background: url(../img/bg-black.png) left top repeat;
    padding: 10px 320px 0 30px;
    line-height: 24px;
    z-index: 2;
}

.content-fan-zone .weeks-in-photo {
    width: 756px;
    height: 582px;
}

.weeks-in-photo .article-photogallery-description {
    padding: 10px 140px 0 20px;
    height: 72px;
    line-height: 22px;
    overflow: hidden;
}

.open-gallery .article-photogallery-description {
    height: 38px;
    line-height: 38px;
    background: none;
    padding: 0;
    width: 100%;
    text-align: center;
}

.article-photogallery-navi {
    position: absolute;
    bottom: 22px;
    right: 26px;
    z-index: 10;
}

.open-gallery .article-photogallery-navi {
    right: 45%;
}

.twitter-timeline-article {
    margin: 20px auto;
    width: 500px;
    overflow: hidden;
    background: none;
}

.weeks-in-photo .article-photogallery-navi {
    bottom: -50px;
}

.weeks-in-photo .open-gallery .article-photogallery-navi {
    bottom: 22px;
}

.load-item {
    display: none !important;
}

.open-gallery .load-item {
    display: block !important;
}

.article-photogallery-navi .navi-stats {
    height: 35px;
    width: 65px;
    text-align: center;
    line-height: 35px;
    font-family: HumanRoman;
    color: #ffffff;
    font-size: 18px;
    background: url(../img/photogallery-description-bg.png) left top repeat;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    letter-spacing: 1px;
}

.article-photogallery-navi .navi-button {
    height: 35px;
    width: 35px;
    background: url(../img/gallery-buttons-bg.png) center center no-repeat;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    text-align: center;
    position: absolute;
    cursor: pointer;
}

.article-photogallery-navi .navi-button.btn-prev {
    right: 222px;
}

.article-photogallery-navi .navi-button.btn-prev img {
    position: relative;
    bottom: -11px;
}

.article-photogallery-navi .navi-button.btn-pause {
    right: 173px;
}

.article-photogallery-navi .navi-button.btn-pause img {
    position: relative;
    bottom: 0;
    right: -1px;
    padding: 10px;
}

.article-photogallery-navi .navi-button.btn-play {
    right: 173px;
}

.article-photogallery-navi .navi-button.btn-play img {
    position: relative;
    bottom: -10px;
    right: -3px;
}

.article-photogallery-navi .navi-button.btn-next {
    right: 125px;
}

.open-gallery .article-photogallery-navi .navi-button.btn-resize, .navi-button.btn-close-gallery {
    right: 20px;
    top: 20px;
    position: fixed;
    z-index: 1000;
}

.open-gallery .article-photogallery-navi .navi-button.btn-resize, .article-photogallery-navi .navi-button.btn-close-gallery {
    display: none;
}

.open-gallery .article-photogallery-navi .navi-button.btn-close-gallery {
    display: block;
}

.article-photogallery-navi .navi-button.btn-next img {
    position: relative;
    bottom: -11px;
    right: -1px;
}

.article-photogallery-navi .navi-button.btn-resize {
    right: 76px;
}

.article-photogallery-navi .navi-button.btn-resize img, .article-photogallery-navi .navi-button.btn-close-gallery img {
    position: relative;
    bottom: -9px;
    right: 0;
}

.article-photogallery-scrollable, .article-photogallery .photo-gallery {
    width: 100%;
    height: 100%;
    position: relative;
}

.open-gallery .article-photogallery-scrollable {
    height: 100% !important;
}

.weeks-in-photo .article-photogallery-scrollable, .weeks-in-photo .photo-gallery, .weeks-in-photo-gallery {
    height: 350px;
}

.content-fan-zone .weeks-in-photo .article-photogallery-scrollable, .content-fan-zone .weeks-in-photo .photo-gallery, .content-fan-zone .weeks-in-photo-gallery {
    height: 500px;
}

.article-photogallery-scrollable-items {
    width: 10000px;
    position: absolute;
}

.article-photogallery-scrollable-item {
    position: relative;
    float: left;
}

.content-twitter-block {
    float: left;
    width: 431px;
    margin: 0 25px 0 0;
}

.content-twitter-block.left {
    float: left;
}

.content-twitter-block.right {
    float: right !important;
}

.article-news-block {
    padding: 0 0 0 15px;
}

.article-news-items {
    overflow: hidden;
    position: relative;
    width: 1171px;
    height: 334px;
    padding: 30px 0 0 0;
    border-top: solid 1px #e7e7e7;
}

.article-news-scrollable-items {
    width: 10000px;
    position: absolute;
}

.article-news-scrollable-items .article-news-dl-item {
    float: left;
}

.article-news-item {
    float: left;
    width: 270px;
    height: 334px;
    background: #f0f0f0;
    position: relative;
    text-align: center;
    margin: 0 30px 0 0;
}

.article-news-item .news-item-image .icon-video-play {
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/icons/icon_video.png) no-repeat left top;
    position: absolute;
    z-index: 10;
    top: 28px;
    left: 26px;
}

.article-news-item:last-child {
    margin: 0 0 0 0;
}

.article-news-item .news-item-image {
    padding: 20px 0 0 0;
}

.article-news-item h3 {
    font-family: HumanBoldItalic;
    font-size: 18px;
    color: #000000;
    line-height: 20px;
    padding: 15px;
    margin: 0;
}

.article-news-item .news-item-descr {
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
}

.article-news-item .news-item-more {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.news-items-navi {
    padding: 27px 0 10px 0;
    text-align: center;
}

.news-items-navi a {
    display: inline-block;
    height: 17px;
    width: 17px;
    margin: 0 8px;
    background: url(../img/icons/news_navi_sprite.png) no-repeat left top;
    cursor: pointer;
}

.news-items-navi a.active,
.news-items-navi a:hover {
    background: url(../img/icons/news_navi_sprite.png) no-repeat right top;
}

.featured-news-block {
    padding: 33px 0 20px 0;
}

.featured-news-block .container {
    background: #ffffff;
    border: solid 1px #dfdfdf;
}

.featured-news-block .container h3 {
    font-family: HumanLight;
    font-weight: normal;
    font-size: 22px;
    padding: 22px 0 16px 15px;
    margin: 0;
}

.featured-news-items {
    overflow: hidden;
    height: 180px;
    width: 1170px;
    position: relative;
    left: 15px;
}

.featured-news-items-items {
    width: 20000px;
    position: absolute;
}

.featured-news-items-items .featured-news-items-scrollable {
    float: left;
}

.featured-news-item {
    float: left;
    width: 270px;
    height: 180px;
    position: relative;
    margin-right: 30px;
}

.featured-news-item .icon-video-play, .president-news-block-item .icon-video-play {
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/icons/icon_video.png) no-repeat left top;
    position: absolute;
    z-index: 10;
    top: 8px;
    right: 6px;
}

.featured-news-items-scrollable .featured-news-item:last-child {

}

.featured-news-item > a {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
}

.featured-news-item-descr {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 66px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #ffffff;
    font-family: HumanLight;
    font-style: italic;
}

.featured-news-item-descr h5 {
    margin: 0;
    padding: 6px 0 0 0;
    font-size: 12px;
    color: #f9b303;
    font-family: HumanBoldItalic;
}

.featured-news-navi, .scrollable-navi {
    padding: 16px 0 15px 0;
    text-align: center;
}

.featured-news-navi a, .scrollable-navi a {
    display: inline-block;
    background-image: url(../img/dl/carousel-tabs.png);
    background-position: 0 -13px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin: 0 6px;
    cursor: pointer;
}

.featured-news-navi a:hover,
.scrollable-navi a:hover,
.featured-news-navi a.active,
.scrollable-navi a.active {
    background-position: 0 0;
}

.content-cols {
    background: url(../img/content/content_cols_bg.png) repeat-y right;
    border-bottom: solid 1px #e5e5e5;
    width: 1200px;
    overflow: hidden;
    padding: 0px !important;
}

.content-cols .col-left {
    width: 786px;
    min-height: 50px;
    list-style-type: none !important;
    float: left !important;
}

.content-cols .col-right {
    width: 414px;
    padding: 14px 0 35px 0;
    list-style-type: none !important;
    float: left !important;
}

.ul-latest-news-head {
    background: #203874;
    height: 62px;
    list-style: none;
    font-size: 14px;
    font-family: HumanLight;
    /* padding: 17px 0 0 15px; */
    padding: 0 0 0 15px;
    margin: 0;
}

.ul-latest-news-head li {
    padding-left: 7px;
    padding-right: 6px;
    height: 62px;
    line-height: 62px;
}

.ul-latest-news-head a {
    color: #ffffff;
    text-decoration: none;
    height: 28px;
    line-height: 26px;
    display: inline-block;
    padding: 0 12px;
    margin-top: 17px;
}

.ul-latest-news-head a.active, .ul-latest-news-head li a.current {
    background: #15254c;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    font-family: HumanRoman;
}

.content-latest-news, .video-hub-list {
    padding: 25px 0 0 0;
}

.background-white {
    background: #ffffff;
}

.video-hub-list {
    overflow: hidden;
}

.content-latest-news h3, .gold-cup-news .latest-title, .block-title {
    font-family: HumanLight;
    font-size: 22px;
    color: #353535;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.content-latest-news-head {
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative;
}

.styled-select {
    width: 208px;
    height: 32px;
    overflow: hidden;
    border: solid 1px #dedede;
    position: relative;
    cursor: pointer;
}

.styled-select.expanded {
    overflow: inherit;
}

.styled-select .icon-arrow-down {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 13px;
}

.styled-select .ul-select-items {
    list-style: none;
    padding: 0;
    margin: 0;
    border: solid 1px #dedede;
    width: 208px;
    position: absolute;
    top: -1px;
    left: -1px;
    background: #ffffff;
}

.styled-select .ul-select-items li {
    height: 32px;
    width: 199px;
    line-height: 32px;
    font-size: 15px;
    padding-left: 9px;
    font-family: HumanRoman;
    font-style: italic;
    cursor: pointer;
    display: none;
}

.styled-select.expanded .ul-select-items li {
    display: block;
}

.styled-select .ul-select-items li.selected {
    display: block;
}

.styled-select .ul-select-items li:hover {
    background: #eeeeee;
}

.styled-select .ul-select-items li b {
    font-family: HumanBoldItalic;
}

.content-latest-news-head .styled-select {
    position: absolute;
    right: 21px;
    top: 0;
    z-index: 10;
}

.content-latest-news.blocks-smaller .content-latest-news-item {
    width: 369px;
    padding-right: 0;
    padding-left: 0;
    margin-left: 16px;
    background: #f2f2f2;
    display: inline-block;
    vertical-align: top;
    font-weight: 100;
}

.content-latest-news.blocks-smaller .content-latest-news-item ul.ul-inline .col1 {
    width: 169px;
    margin-right: 20px;
}

.content-latest-news.blocks-smaller .content-latest-news-item ul.ul-inline .col2 {
    width: 179px;
    height: 160px;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.content-latest-news.blocks-smaller .content-latest-news-item ul.ul-inline .col2 .date {
    display: block;
    font-size: 13px;
    color: #6d6d6d;
    font-family: HumanBoldItalic;
}

.content-latest-news.blocks-smaller .content-latest-news-item.last {
    width: 96%;
    background: none;
}

.content-latest-news-item {
    margin: 0 0 30px 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
}

.content-latest-news-item ul.ul-inline .col1 {
    width: 170px;
    margin-right: 30px;
}

.content-latest-news-item ul.ul-inline .col2 {
    width: 548px;
}

.content-latest-news-item ul.ul-inline .col2 .latest-news-category {
    overflow: hidden;
    display: block;
    font-size: 13px;
    color: #6d6d6d;
    font-family: HumanBoldItalic;
}

.content-latest-news-item ul.ul-inline .col2 h4 {
    margin: 0;
    padding: 4px 0 8px 0;
    color: #000000;
    font-family: HumanBoldItalic;
    font-size: 18px;
    font-weight: 100;
}

.content-latest-news-item ul.ul-inline .col2 h4 a, .content-latest-news-item ul.ul-inline .col2 .latest-news-category a {
    text-decoration: none;
    color: inherit;
}

.content-latest-news-item ul.ul-inline .col2 .latest-news-category > a {
    display: block;
}

.content-latest-news-item ul.ul-inline .col2 .latest-news-item-descr {
    font-size: 12px;
    font-style: italic;
    color: #000000;
}

.latest-news-more-button {
    border: solid 1px #bfbfbf;
    text-align: center;
    padding: 16px 0;
    font-size: 18px;
    color: #2a2a2a;
    font-family: HumanRoman;
    text-transform: uppercase;
    cursor: pointer;
}

.latest-news-more-button span {
    display: inline-block;
    padding-right: 38px;
    background: url(../img/icons/icon_more.png) no-repeat right 0;
}

.content-latest-news-item .news-latest-item-image {
    position: relative;
    width: 170px;
    height: 160px;
    overflow: hidden;
}

.content-latest-news-item .news-latest-item-image img {
    max-height: 160px;
}

.content-latest-news-item .news-latest-item-image .icon-video-play {
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/icons/icon_video.png) no-repeat left top;
    position: absolute;
    z-index: 10;
    top: 8px;
    right: 6px;
}

.content-news-ad {
    text-align: center;
    padding: 33px 0 41px 0;
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    margin-bottom: 24px;
    background: url(../img/icons/ad_pics.png);
    width: 100%;
    overflow: hidden;
}

.content-news-ad.no-margin {
    margin-bottom: 0;
}

.content-news-ad div {
    margin: 0 auto;
}

.col-right .article-content-advertisement {
    border-width: 1px;
    float: none;
}

.news-photogallery-block {
    padding: 20px 0 68px 0;
}

.news-photogallery-block-header {
    text-align: center;
    font-family: HumanLight;
    padding-bottom: 20px;
}

.news-photogallery-block-header h3 {
    margin: 0;
    padding: 4px 0 0 0;
    font-weight: normal;
    font-size: 30px;
    text-transform: uppercase;
}

.content-block a img {
    margin-right: 20px;
}

.content-block a:last-child img,
.content-block a img.last {
    margin-right: 0;
}

.most-popular-news-block {
    margin: 30px 0 0 29px;
}

.most-popular-news-item {
    width: 169px;
    min-height: 113px;
    position: relative;
    background: #f2f2f2;
    padding-left: 200px;
    margin: 0 0 30px 0;
    font-weight: 100;
}

.video-hub-list .most-popular-news-item {
    display: inline-block;
    margin: 15px 0 15px 15px;
    vertical-align: top;
}

.most-popular-news-item span > a, .trending-video span > a {
    text-decoration: none;
    color: inherit;
    position: relative;
}

.most-popular-news-item a, .most-popular-news-item .video-image-block a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.most-popular-news-item > a.video, .trending-video > a.video {
    background: url(../img/icons/icon_video.png) 135px 5px no-repeat;
}

.most-popular-news-item .most-popular-image, .trending-video .most-popular-image {
    position: absolute;
    top: 0;
    left: 0;
}

.most-popular-news-item .most-popular-rating, .trending-video .most-popular-rating {
    font-size: 16px;
    color: #000000;
    font-family: HumanRoman;
    font-weight: bold;
    position: absolute;
    top: -4px;
    text-align: center;
    right: 10px;
    height: 36px;
    width: 18px;
    display: block;
    line-height: 36px;
    background: url(../img/icons/icon_flag.png) no-repeat left top;
}

.most-popular-news-item .most-popular-category, .trending-video .most-popular-category {
    display: block;
    font-family: HumanBoldItalic;
    font-size: 12px;
    font-weight: bold;
    color: #6d6d6d;
    padding: 17px 0 5px 0;
}

.most-popular-news-item .most-popular-title, .trending-video .most-popular-title {
    display: block;
    font-family: HumanBoldItalic;
    font-size: 15px;
    line-height: 14px;
    font-weight: 100;
    color: #000000;
    padding: 0 20px 5px 0;
}

.most-popular-news-item .most-popular-date, .trending-video .most-popular-title {
    font-family: HumanBoldItalic;
    font-style: italic;
    font-size: 12px;
    color: #3a3a3a;
}

.trending-video .most-popular-title a, .trending-video .most-popular-category a {
    position: relative;
}

.sign-up-block {
    margin: 15px 0 30px 29px;
    width: 370px;
    height: 192px;
    position: relative;
    background: url(../img/content/sign_up_block.jpg) no-repeat left top;
    text-align: center;
}

.sign-up-block h2 {
    margin: 0;
    padding: 25px 0 0 0;
    font-family: "HumanLight";
    font-size: 25px;
    line-height: 24px;
    color: #ffffff;
    text-shadow: 1px 2px #000000;
    font-weight: 100;
    letter-spacing: 1px;
}

.sign-up-block.spanish h2 {
    font-size: 22px;
}

.sign-up-block h1 {
    margin: 0;
    font-family: "HumanBTBol";
    font-size: 32px;
    text-shadow: 1px 2px #000000;
    color: #ffffff;
    line-height: 31px;
    letter-spacing: 1px;
    font-weight: 100;
}

.sign-up-block.spanish h1 {
    font-size: 25px;
    line-height: 22px;
}

.follow-us-block {
    margin: -14px 0 -15px 29px;
    width: 370px;
    height: 370px;
    position: relative;
    background: url(../img/content/Fan_Zone-follw-us-bg.jpg) no-repeat left 62px;
}

.follow-us-block div {
    position: relative;
    width: 245px;
    padding: 54px 0 0 125px;
    height: 50px;
}

.follow-us-block div div {
    padding: 0;
}

.follow-us-block div h3 {
    position: absolute;
    left: 125px;
    bottom: 55px;
    font-size: 16px;
    color: #ffffff;
    text-shadow: 2px 2px #000000;
    text-transform: uppercase;
    font-family: "HumanLight";
    font-weight: 100;
    margin: 0;
}

.sign-up-block .sign-up-button {
    position: absolute;
    bottom: -31px;
    left: 106px;
    cursor: pointer;
}

.sign-up-block .sign-up-button {
    min-width: 158px;
    height: 47px;
    position: absolute;
    bottom: -31px;
    left: 106px;
    display: block;
    background: url(../img/content/btn-sign-up.png) no-repeat;
    background-position: center top;
    font-family: "HumanRoman";
    color: #000000;
    font-size: 16px;
    text-align: center;
    line-height: 47px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 0 5px;
    background-size: 100% 200%;
}

.sign-up-block .sign-up-button:hover {
    background-position: center bottom;
}

.content-block.block-competition-header {
    margin: 32px 0 15px 0;
}

.competition-header-navi {
    margin: 15px 0 0 0;
    border: solid 1px #c7c7c7;
    padding: 1px;
    font-family: HumanRoman;
    font-size: 14px;
}

.competition-header-navi .competition-header-navi-items {
    height: 32px;
    line-height: 30px;
    background: url(../img/content/competition_nav_bg.png) repeat-x top;
}

.competition-header-navi .competition-header-navi-items li {
    padding: 0 34px 0 33px;
    height: 32px;
    border-right: solid 1px #9e9e9e;
    border-left: solid 1px #e5e5e5;
    cursor: pointer;
}

.competition-header-navi .competition-header-navi-items li.active,
.competition-header-navi .competition-header-navi-items li:hover {
    background: url(../img/content/competition_nav_active_bg.png) repeat-x top;
    color: #ffffff;
}

.competition-header-navi .competition-header-navi-items li:first-child {
    border-left: solid 0 #e5e5e5;
}

.competition-header-navi .competition-header-navi-items li:last-child {
    border-right: solid 0 #e5e5e5;
    padding-left: 35px;
}

.competition-inside-nav {
    padding: 16px 16px 30px 16px;
    font-family: HumanLight;
    font-size: 15px;
    font-style: italic;
}

.competition-inside-nav span {
    border: solid 1px #dedede;
    border-left: solid 0 #dedede;
    height: 32px;
    line-height: 32px;
    padding: 0 22px;
    display: block;
    cursor: pointer;
}

.competition-inside-nav li:first-child span {
    border-left: solid 1px #dedede;
}

.competition-inside-nav li.active span,
.competition-inside-nav li:hover span {
    font-style: normal;
    font-family: HumanBoldItalic;
    height: 40px;
    line-height: 40px;
}

.competition-inside-nav li {
    padding: 4px 0 0 0;
}

.competition-inside-nav li.active,
.competition-inside-nav li:hover {
    padding: 0;
}

.competition-inside-block {
    padding: 0 16px 14px 16px;
}

.competition-inside-block h2 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 22px;
    color: #353535;
    text-transform: uppercase;
    font-family: HumanLight;
}

.competition-group-char-table {
    font-family: HumanRoman;
    font-size: 13px;
    margin: 12px 0 0 0;
}

.competition-group-char-table th {
    font-weight: normal;
    background: #353535;
    color: #ffffff;
    padding: 10px 0;
}

.competition-group-char-table thead tr:last-child th {
    padding-top: 0;
}

.competition-group-char-table td {
    height: 39px;
    line-height: 39px;
    text-align: center;
    background: #f2f2f2;
}

.competition-group-char-table td.col1 {
    width: 46px;
}

.competition-group-char-table td.col2 {
    width: 160px;
    text-align: left;
    border-right: solid 1px #d1d1d1;
}

.competition-group-char-table th.col2 {
    text-align: left;
    border-right: solid 1px #535353;
}

.competition-group-char-table td.col3 {
    width: 36px;
    border-right: solid 1px #d1d1d1;
}

.competition-group-char-table th.col3 {
    border-right: solid 1px #535353;
}

.competition-group-char-table td.col4 {
    width: 35px;
}

.competition-group-char-table td.col5 {
    width: 38px;
}

.competition-group-char-table td.col6 {
    width: 35px;
    border-right: solid 1px #d1d1d1;
}

.competition-group-char-table th.col6 {
    border-right: solid 1px #535353;
}

.competition-group-char-table td.col7 {
    width: 38px;
}

.competition-group-char-table th.col-th1 {
    border-right: solid 1px #535353;
    text-align: left;
    padding-left: 10px;
}

.competition-group-char-table th.col-th2 {
    border-right: solid 1px #535353;
    text-align: left;
    padding-left: 10px;
}

.competition-group-char-table th.col-th3 {
    border-right: solid 1px #535353;
    text-align: left;
    padding-left: 10px;
}

.competition-group-char-table td.col8 {
    width: 38px;
}

.competition-group-char-table td.col9 {
    width: 36px;
    border-right: solid 1px #d1d1d1;
}

.competition-group-char-table th.col9 {
    border-right: solid 1px #535353;
}

.competition-group-char-table td.col10 {
    width: 38px;
}

.competition-group-char-table td.col11 {
    width: 36px;
}

.competition-group-char-table td.col12 {
    width: 36px;
}

.competition-group-char-table td.col13 {
    width: 36px;
}

.competition-group-char-table td.col14 {
    width: 35px;
}

.competition-group-char-table td.col15 {
    border-right: solid 1px #d1d1d1;
}

.competition-group-char-table th.col15 {
    border-right: solid 1px #535353;
}

.competition-group-char-table td.col16 {
    width: 40px;
}

.competition-group-char-table tr.odd td {
    background: #e8e8e8;
}

.link-match-details {
    text-align: right;
    font-family: HumanLight;
    text-transform: uppercase;
    padding: 12px 0 0 0;
}

.link-match-details a {
    display: inline-block;
    padding: 2px 29px 2px 0;
    font-size: 14px;
    color: #2a2a2a;
    text-decoration: none;
    background: url(../img/icons/icon_arrow_more.png) no-repeat right;
}

/* Alex CSS */

/* Dl-element */
.carousel {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: url(../img/dl/dl-bg.jpg) left top repeat;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.65) inset;
}

.carousel-central {
    overflow: hidden;
    width: 100%;
    height: 510px;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    padding: 0;
    border: none;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.75);
}

.constrained .carousel-central {
    width: 1170px;
}

.panoramic .carousel-central {
    width: 100%;
}

.carousel-left, .carousel-right {
    overflow: hidden;
    width: 1170px;
    height: 510px;
    position: absolute;
    top: 0;
    z-index: 1;
    border-top: 3px solid #303030;
    border-bottom: 3px solid #303030;
    display: none;
}

.carousel-left {
    margin: 0 0 0 50%;
    left: -1494px;
}

.carousel-right {
    margin: 0 0 0 50%;
    left: 492px;
}

.carousel-wrapper {
    width: 100%;
    height: 510px;
    position: absolute;
    top: 0;
    left: 0;
}

.carousel-item {
    width: 100%;
    height: 510px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    text-align: center;
    overflow: hidden;
}

.carousel-item img {
    width: 100%;
    min-height: 100%;
}

.carousel-background {
    display: block;
}

.carousel-background-stamp, .carousel-background-shadow, .carousel-background-subshadow {
    width: 100%;
    height: 510px;
    position: absolute;
    top: 0;
    left: 0;
}

.carousel-background-shadow {
    background: url(../img/dl/dl-mask.png) left top repeat;
}

.carousel-body {
    width: 1170px;
    position: absolute;
    color: #ffffff;
    text-shadow: 2px 2px 0 #000000;
    text-align: left;
    bottom: 27px;
    left: 50%;
    margin-left: -585px;
}

.carousel-subtitle {
    font-size: 14px;
    color: #ffc617;
    font-family: "HumanBoldItalic";
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 15px;
}

.carousel-title {
    font-size: 55px;
    line-height: 48px;
    margin: 0 0 20px 0;
    font-family: "HumanBoldItalic";
    color: #ffffff;
    padding-left: 15px;
}

.button, a.button {
    float: left;
    margin: 10px 0 0 0;
    padding: 4px 10px 0;
}

.carousel-controls {
    width: 1170px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

a.button-play {
    background: url(../img/dl/dl-btn_bg.png) no-repeat;
    background-position: left top;
    text-transform: uppercase;
    font-weight: 100;
    position: relative;
    width: 131px;
    height: 34px;
    display: block;
    z-index: 1;
    font-family: "HumanRoman";
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 34px;
    padding-left: 10px;
    text-shadow: none;
    margin-left: 15px;
}

a.button-play:hover {
    background-position: left bottom;
}

.carousel-nav {
    position: absolute;
    bottom: 20px;
    right: 50px;
}

.constrained .carousel-nav {
    right: 75px;
}

.carousel-nav li {
    float: left;
    width: 13px;
    height: 13px;
    margin: 0 0 0 13px;
    background-image: url(../img/dl/carousel-tabs.png);
    background-position: 0 -13px;
    background-repeat: no-repeat;
    cursor: pointer;
    list-style: none;
}

.carousel-nav li.current {
    background-position: 0 0;
    cursor: default;
}

.carousel-play {
    width: 23px;
    height: 23px;
    position: absolute;
    bottom: 31px;
    right: 15px;
    background-image: url(../img/dl/carousel-play-pause.png);
    background-position: 0 -23px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.constrained .carousel-play {
    right: 29px;
}

.carousel-play.pause {
    background-position: 0 0;
}

/* End of DL-element */

.ticker-container {
    width: 1170px;
    height: 54px;
    padding: 7px 0 1px 0;
    margin: 20px auto;
    background: url(../img/content/ticker-bg.png) left top repeat-x;
    z-index: 2000;
    overflow: hidden;
}

.fixed-ticker {
    position: fixed;
    bottom: -121px;
    width: 100%;
    display: block;
}

.fixed-ticker.ticker-visible {
    bottom: -21px;
}

.ticker {
    position: relative;
    margin: 0 auto;
    width: 1170px;
}

.ticker iframe {
    width: 1170px;
    height: 100%;
}

.ticker-container.not-home {
    position: fixed;
    bottom: -21px;
    width: 100%;
}

/* Block 'Latest News' - 'Champions League' */
/* Block 'Latest News' */
.news-score {
    overflow: hidden;
    width: 1170px;
    margin: 35px auto;
}

.latest-news {
    width: 771px;
    position: relative;
    float: left;
}

.news-title, .scores-title, .member-assotiations-title, .concacaf-events-title {
    width: 100%;
    height: 40px;
    position: relative;
}

.news-title p, .scores-title p, .member-assotiations-title p, .concacaf-events-title p, .weeks-in-photo h1, .latest-tweets h1, .video-hub h1 {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 10px;
    font-size: 22px;
    font-family: "HumanLight";
    text-transform: uppercase;
    color: #353535;
    font-weight: 100;
}

.btn-more {
    position: absolute;
    right: 0;
    bottom: 13px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    font-size: 12px;
    font-family: "HumanRoman";
    font-weight: 100;
    cursor: pointer;
}

.btn-more.black {
    color: #2a2a2a;
    background: #ffffff;
    border: solid 1px rgba(42, 42, 42, 0.22);
}

.btn-more.white {
    color: #ffffff;
    background: none;
    border: solid 1px rgba(81, 81, 81, 1);
}

.stories {
    width: 100%;
    height: 539px;
    position: relative;
    overflow: hidden;
}

.col-left .stories {
    height: 447px;
}

.story-one a, .story-two a, .story-three a, .story-items a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.stories .story-items img {
    min-width: 100%;
    min-height: 100%;
}

.stories .description {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: url(../img/content/latest-news-tooltip-bg.png) left top repeat;
    font-family: "HumanBoldItalic";
    text-align: center;
}

.story-one {
    width: 470px;
    height: 539px;
    position: absolute;
    left: 0;
    top: 0 xp;
    overflow: hidden;
}

.story-one .icon-video, .story-two .icon-video, .story-three .icon-video, .most-popular-news-item .icon-video, .most-popular-news-item .icon-video, .latest-concacaf .icon-video, .latest-news .story-items .icon-video {
    width: 29px;
    height: 29px;
    display: block;
    position: absolute;
    top: 13px;
    right: 16px;
    right: 16px;
    background: url(../img/content/latest-news-icon-video.png) left top no-repeat;
}

.most-popular-news-item .icon-wrap, .most-popular-news-item .icon-wrap {
    width: 170px;
    position: relative;
    z-index: 10;
}

.story-one p {
    padding-top: 19px;
    margin: 0;
    font-size: 12px;
    color: #ffc617;
    text-shadow: 1px 1px #000000;
}

.story-one h3 {
    font-size: 36px;
    line-height: 34px;
    color: #ffffff;
    padding: 0 60px 8px 80px;
    margin: 0;
    text-shadow: 3px 3px #000000;
}

.story-two, .story-three {
    width: 299px;
    height: 269px;
    position: absolute;
    right: 0;
}

.story-two {
    top: 0;
}

.story-three {
    bottom: 0;
}

.story-two p, .story-three p {
    padding-top: 8px;
    margin: 0;
    font-size: 12px;
    color: #f9b303;
    text-shadow: 1px 1px #000000;
    font-family: "HumanBoldItalic";
    font-weight: 100;
}

.story-two h3, .story-three h3 {
    font-size: 18px;
    color: #ffffff;
    padding: 0 15px 7px 15px;
    margin: 0;
    text-shadow: 3px 3px #000000;
    font-family: "HumanBoldItalic";
    font-weight: 100;
}

.latest-news .twitter-timeline, .latest-news .twitter-timeline-custom {
    width: 100%;
    height: 125px;
    background: #203874;
    display: block;
    margin-top: 1px;
    position: relative;
    overflow: hidden;
}

.twitter-timeline .items, .twitter-timeline-custom .items {
    width: 20000em;
    position: absolute;
}

.twitter-timeline .items a, .twitter-timeline-custom .items a {
    text-decoration: none;
    font-family: "HumanLight";
    color: #C0C0C0;
    font-weight: 100;
    font-style: normal;
}

.twitter-timeline .items div, .twitter-timeline-custom .items div {
    width: 743px;
    height: 125px;
    float: left;
    padding-left: 28px;
}

.twitter-timeline .items div h2, .twitter-timeline-custom .items div h2 {
    font-family: "HumanLight";
    font-size: 20px;
    width: 630px;
    color: #ffffff;
    margin: 12px 0 6px 0;
    padding: 5px 0 0 26px;
    background: url(../img/content/quotes-top.png) left top no-repeat;
    display: inline-block;
    height: 60px;
    overflow: hidden;
}

.twitter-timeline .items div h2 span.quote, .twitter-timeline-custom .items div h2 span.quote {
    padding-top: 5px;
    display: inline-block;
}

.twitter-timeline .items div h2 p, .twitter-timeline-custom .items div h2 p {
    display: inline;
    margin: 0;
    width: 635px;
    line-height: 24px;
}

.twitter-timeline .items div div, .twitter-timeline-custom .items div div {
    width: 100% !important;
    margin: 0;
    line-height: 23px;
    float: none;
    display: inline;
}

.twitter-timeline .items p.twitter, .twitter-timeline-custom .items p.twitter {
    font-size: 14px;
    color: #feb600;
    font-family: "HumanBoldItalic";
    padding-left: 27px;
    line-height: 14px;
    margin: 0 0 0 26px;
    background: url(../img/content/twitter-icon.png) left top no-repeat;
}

.twitter-timeline .items div p span, .twitter-timeline-custom .items div p span {
    color: #878787;
    font-family: "HumanLight";
}

.twitter-nav {
    width: 75px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #203874;
    z-index: 1;
}

.quotes-next, .quotes-prev {
    width: 58px;
    height: 45px;
    display: block;
    position: absolute;
    right: 12px;
    background: url(../img/content/latest-bews-tweet-arrow.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.quotes-next {
    background-position: left top;
    top: 12px;
}

.quotes-prev {
    background-position: left bottom;
    top: 68px;
}

.scores {
    width: 370px;
    margin-left: 15px;
}

.col-right .scores {
    margin-left: 30px;
}

.scores-title span {
    position: absolute;
    right: 5px;
    bottom: 18px;
    width: 129px;
    font-size: 10px;
    font-family: "HumanLight";
    font-style: italic;
    color: #000000;
}

.scores-title span img {
    position: absolute;
    right: 0;
    bottom: -9px;
}

.scores-nav {
    width: 370px;
    height: 40px;
    background: #203874;
    position: relative;
}

.scores-nav a {
    width: 102px;
    height: 27px;
    position: relative;
    margin-left: 7px;
    font-size: 14px;
    padding: 5px 16px 5px 14px;
    color: #ffffff;
    font-family: "HumanRoman";
    text-decoration: none;
    top: 9px;
}

.scores-nav a.current {
    background: url(../img/content/shedule-current-tab-bg.png) center top no-repeat;
    background-size: 100% 100%;
    font-family: "HumanBTBol";
}

.scores-content {
    width: 370px;
    height: 290px;
    display: block;
}

.scores-content ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.scores-content li {
    width: 100%;
    height: 57px;
    position: relative;
    padding: 0;
    margin: 0 0 1px 0;
    overflow: hidden;
    display: block;
}

.scores-content .standings li {
    height: 40px;
    background: #e3e3e3;
    border-bottom: solid 1px #cccccc;
}

.scores-content li div {
    float: left;
    position: relative;
    text-align: center;
    height: 100%;
    display: block;
}

.scores-content .team-one, .scores-content .team-two {
    width: 150px;
}

.scores-content .standings .team-one {
    width: 186px;
    background-size: 100%;
    box-shadow: 4px 0 12px #999;

}

.scores iframe {
    width: 370px;
    height: 380px;
    position: relative;
    border: none;
    overflow: hidden;
}

.scores-content .team-one {
    background: url(../img/content/score-team-bg-left.png) left top repeat-y;
}

.scores-content .team-one img {
    position: absolute;
    right: 8px;
    top: 10px;
    max-width: 40px;
    max-height: 50px;
}

.scores-content .standings .team-one img {
    left: 19px;
    right: auto;
    max-height: 27px;
}

.team-one span {
    left: 0;
    position: absolute;
}

.standings .team-one span {
    left: 50px;
    margin-top: 10px;
}

.scores-content .team-two {
    background: url(../img/content/score-team-bg-right.png) right top repeat-y;
}

.scores-content .team-two img {
    position: absolute;
    left: 8px;
    top: 10px;
    max-width: 40px;
    max-height: 50px;
}

.team-two span {
    right: 0;
    position: absolute;
}

.scores-content .game-date {
    background: url(../img/content/score-date-bg.png) center top repeat-y;
    width: 69px;
}

.scores-content li div span {
    font-family: "HumanBoldItalic";
    font-size: 14px;
    color: #000000;
    width: 110px;
    margin-top: 18px;
}

.game-date {
    font-family: "HumanBoldItalic";
    font-size: 12px;
    color: #4d4d4d;
    padding-top: 11px;
}

.game-date span {
    font-size: 12px !important;
}

.advertisement {
    width: 368px;
    height: 325px;
    margin-top: -1px;
    text-align: center;
    position: relative;
    display: block;
    background: url(../img/content/shedule-advertisement-bg.png) left top repeat;
    border-top: solid 4px #c3c3c3;
    border-right: solid 1px #c3c3c3;
    border-bottom: solid 1px #c3c3c3;
    border-left: solid 1px #c3c3c3;
}

.advertisement iframe {
    width: 300px;
    height: 250px;
}

.advertisement img {
    max-width: 300px;
    max-height: 250px;
}

.advertisement p {
    font-family: "HumanRoman";
    font-size: 13px;
    color: #707070;
    margin: 17px auto 14px auto;
    text-transform: uppercase;
}

.advertisement div, .article-content-advertisement div {
    margin: 34px auto;
}

.article-content-advertisement.advertisement-with-title div {
    margin: 0 auto;
}

/* End of Block 'Latest News' - 'Champions League' */

/* Block 'Latest from Concacaf' */
.logo-middle {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.logo-middle .line {
    width: 100%;
    height: 1px;
    display: block;
    background: #c2c2c2;
    top: 50%;
    position: absolute;
    z-index: 1;
}

.logo-middle img {
    padding: 0 12px;
    background: #f2f2f2;
    position: relative;
    z-index: 2;
}

.latest-concacaf {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.latest-title {
    width: 100%;
    text-align: center;
    position: relative;
    font-family: "HumanLight";
    font-size: 30px;
    color: #353535;
    text-transform: uppercase;
    font-weight: 100;
}

.latest-title a.btn-more {
    right: 0;
    top: 8px;
}

.latest-content {
    overflow: hidden;
    width: 110%;
}

.latest-content .items {
    width: 270px;
    height: 334px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 30px;
    margin-top: 25px;
}

.gold-cup-news .latest-content .items {
    text-align: center;
    background: #f0f0f0;
}

.latest-content .items img {
    width: 270px;
    height: 180px;
}

.gold-cup-news .latest-content .items img {
    width: 237px;
    height: 158px;
    margin-top: 20px;
}

.latest-content .items .description {
    background: #353535;
    width: 100%;
    height: 151px;
    border-top: solid 3px #feb600;
    position: absolute;
    top: 180px;
    text-align: center;
}

.gold-cup-news .latest-content .items .description {
    background: none;
    border: none;
}

.latest-content .items .description h2 {
    font-family: "HumanBoldItalic";
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 20px 0;
    padding: 14px 20px 0 20px;
    line-height: 18px;
    height: 38px;
    font-weight: 100;
    letter-spacing: 0.5px;
    overflow: hidden;
}

.gold-cup-news .latest-content .items .description h2 {
    color: #000000;
}

.latest-content .items .description p {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    padding: 0 10px;
    margin: 0;
    height: 46px;
    overflow: hidden;
}

.gold-cup-news .latest-content .items .description p {
    color: #000000;
}

.latest-content .items a {
    text-decoration: none;
    color: inherit;
}

.latest-content .items a.corner-button {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 39px;
    height: 39px;
    display: block;
    background: url(../img/content/latest-more.png) left top no-repeat;
}

.latest-content .items .icon-video {
    width: 29px;
    height: 29px;
    display: block;
    position: absolute;
    top: 15px;
    right: 7px;
    background: url(../img/content/latest-news-icon-video.png) left top no-repeat;
}

/* End of Block 'Latest from Concacaf' */

/* Block 'Member Associations' - 'CONCACAF Events' */

.assotiation-events {
    width: 1170px;
    position: relative;
    margin: 25px auto;
}

.member-assotiations {
    width: 571px;
    height: 385px;
    position: relative;
}

.featured-news-assotiations {
    width: 100%;
    height: 248px;
    position: relative;
}

.featured-assotiations {
    width: 171px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background: url(../img/content/member-assotiation-bg.jpg) left top no-repeat;
}

.featured-assotiations p {
    font-size: 12px;
    font-family: "HumanBoldItalic";
    color: #feb600;
    padding: 12px 12px 14px;
    margin: 0;
}

.featured-assotiations img {
    max-width: 100px;
    max-height: 100px;
    padding-bottom: 14px;
}

.featured-assotiations span {
    width: 100%;
    display: block;
    font-size: 18px;
    font-family: "HumanLight";
    font-style: italic;
    color: #ffffff;
}

.featured-assotiations a, .selected-event > a {
    position: absolute;
    left: 18px;
    bottom: 14px;
    display: block;
    width: 141px;
    height: 30px;
    background: url(../img/content/btn-bg.png) no-repeat;
    background-position: left top;
    font-size: 14px;
    color: #ffffff;
    font-family: "HumanRoman";
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-size: 100% 200%;
}

.featured-assotiations a:hover, .selected-event > a:hover {
    background-position: left bottom;
}

.latest-news-assotiations {
    width: 400px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/content/member-assotiation-bg.jpg) right top no-repeat;
    overflow: hidden;
}

.latest-news-assotiations p {
    margin: 0;
    font-size: 12px;
    font-family: "HumanBoldItalic";
    color: #feb600;
    padding: 12px 0 0 28px;
}

.latest-news-assotiations a {
    width: 350px;
    margin: 0 0 0 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #31457a;
    font-size: 18px;
    font-family: "HumanBTLigIta";
    text-decoration: none;
    color: #ffffff;
    display: block;
    line-height: 19px;
}

.essentials {
    width: 100%;
    height: 76px;
    position: absolute;
    bottom: 0;
    background: url(../img/content/essentials-bg.png) left top no-repeat;
}

.essentials p {
    font-family: "HumanBTIta";
    font-size: 18px;
    line-height: 17px;
    position: absolute;
    left: 70px;
    top: 21px;
    margin: 0;
    color: #ffffff;
}

.essentials p span {
    font-family: "HumanBTLigIta";
}

.essentials ul {
    width: 370px;
    position: absolute;
    right: 0;
    top: 15px;
    margin: 0;
    padding: 0;
}

.essentials ul li {
    float: left;
    list-style: none;
    width: 168px;
    padding: 0;
    margin: 0 0 9px 0;
    height: 18px;
}

.essentials ul li a {
    font-size: 13px;
    font-family: "HumanBTIta";
    color: #ffffff;
    text-decoration: none;
    padding: 0 0 0 11px;
    margin: 0;
    background: url(../img/content/arrow-read-more.png) 0 3px no-repeat;
    font-weight: 100;
    text-transform: uppercase;
}

.calendar {
    width: 284px;
    height: 0%;
    position: absolute;
    left: 1px;
    top: 0;
}

.concacaf-events {
    width: 571px;
    height: 385px;
    position: absolute;
    right: 0;
    top: 0;
}

.events-content {
    width: 100%;
    position: relative;
    height: 345px;
    margin-bottom: 40px;
}

.events-content .datepicker {
    height: 100%;
    width: 286px;
    display: block;
    position: relative;
    background: #1e3671;
    border: 1px solid #1e3671;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.4);
}

.col-right .events-content .datepicker {
    height: 340px !important;
}

.events-content .selected-event {
    height: 100%;
    width: 285px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url(../img/content/event-bg.png) left top repeat;
    text-align: center;
    font-family: "HumanBoldItalic";
}

.col-right .events-content .selected-event {
    height: 340px !important;
}

@-moz-document url-prefix() {
    .events-content .selected-event {
        border: solid 1px;
    }
}

.selected-event h1 {
    font-size: 12px;
    color: #feb600;
    padding: 12px 0 0 0;
    margin: 0;
    text-transform: uppercase;
}

.selected-event h2 {
    font-size: 18px;
    color: #ffffff;
    margin: 0 auto 5px;
    padding: 0 20px;
    font-family: "HumanBTLigIta";
    height: 24px;
    overflow: hidden;
}

.selected-event > img {
    max-width: 182px;
    max-height: 214px; /* Has changed, because the rule changed to force the image proportions  */

}

.col-right .selected-event > img {
    max-width: 270px;
    max-height: 230px;
}

.selected-event > a {
    position: absolute;
    left: 72px;
    bottom: 10px;
    height: 34px;
}

.col-right .selected-event > a {
    left: 116px !important;
}

.event-share-buttons {
    position: absolute;
    top: 64px;
    right: 12px;
    width: 30px;
}

.event-share-buttons a img {
    margin-bottom: 12px;
}

/* End of block 'Member Associations' - 'CONCACAF Events' */

.leaderboard {
    width: 1170px;
    height: 163px;
    margin: 0 auto;
    position: relative;
    background: url(../img/content/leaderboard-bg.png) left top repeat;
    border-top: solid 2px #e4e4e4;
    border-bottom: solid 2px #e4e4e4;
}

.leaderboard a {
    width: 728px;
    height: 90px;
    overflow: hidden;
    margin: 33px auto;
    display: block;
}

.leaderboard div {
    margin: 36px auto;
}

.news-fb-twitter {
    width: 1170px;
    height: 87px;
    margin: 25px auto;
    position: relative;
    background: url(../img/content/module-news-fb-tw-bg.jpg) center top no-repeat;
}

.news-fb-twitter .sign-news-title {
    width: 320px;
    left: 84px;
    position: absolute;
    top: 12px;
    text-transform: uppercase;
}

.news-fb-twitter .sign-news-title h2 {
    margin: 0;
    font-family: "HumanLight";
    font-size: 25px;
    line-height: 31px;
    color: #ffffff;
    text-shadow: 1px 2px #000000;
    letter-spacing: 1px;
    font-weight: 100;
}

.news-fb-twitter .sign-news-title.spanish h2 {
    font-size: 18px;
    margin: 7px 0 0 0;
    white-space: nowrap;
}

.news-fb-twitter .sign-news-title h1 {
    margin: 0 0 0 28px;
    font-family: "HumanBTBol";
    font-size: 32px;
    text-shadow: 1px 2px #000000;
    color: #ffffff;
    line-height: 31px;
    letter-spacing: 1px;
    font-weight: 100;
}

.news-fb-twitter .sign-news-title.spanish h1 {
    font-size: 17px;
    margin: 0;
    line-height: 18px;
}

.btn-sign-up {
    min-width: 158px;
    height: 47px;
    position: absolute;
    top: 22px;
    left: 405px;
    display: block;
    background: url(../img/content/btn-sign-up.png) no-repeat;
    background-position: center top;
    font-family: "HumanRoman";
    color: #000000;
    font-size: 16px;
    text-align: center;
    line-height: 47px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 0 5px;
    background-size: 100% 200%;
}

.btn-sign-up:hover {
    background-position: center bottom;
}

.news-fb-twitter .twitter, .news-fb-twitter .facebook {
    width: 262px;
    height: 62px;
    position: absolute;
    top: 11px;
    display: block;
    background: url(../img/content/twitter-facebook-bg.png) no-repeat;
}

.news-fb-twitter .twitter p, .news-fb-twitter .facebook p {
    font-family: "HumanLight";
    font-size: 15px;
    color: #ffffff;
    position: absolute;
    left: 76px;
    top: 14px;
    margin: 0;
    text-shadow: 1px 2px #000000;
    text-transform: uppercase;
    font-weight: 100;
}

.news-fb-twitter .twitter {
    background-position: left top;
    right: 305px;
}

.news-fb-twitter .twitter > div {
    position: absolute;
    left: 77px;
    top: 40px;
}

.twitter .twitter-follow-button {
    position: absolute;
    left: 77px;
    top: 40px;
}

.news-fb-twitter .facebook {
    background-position: -299px top;
    right: 10px;
}

.facebook .fb-like {
    position: absolute;
    left: 77px;
    top: 40px;
}

.champions-league iframe {
    width: 1200px;
    height: 435px;
    position: relative;
    margin: 25px auto 35px;
    overflow: hidden;
}

.champions-league-title {
    width: 100%;
    height: 85px;
    position: relative;
    background: url(../img/content/champions-league-title-bg.png) left top repeat-x;
    border-top: solid 4px #dbad26;
}

.champions-logo {
    margin: -12px auto 0 auto;
    width: 204px;
    height: 92px;
    display: block;
}

.league-social {
    width: 400px;
    height: 30px;
    position: absolute;
    top: 27px;
    right: 25px;
}

.league-social .facebook, .league-social .twitter, .league-social .google-plus {
    margin-right: 9px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.league-social a {
    display: block;
    float: left;
}

.league-social .facebook {
    background: url(../img/icons/icon_facebook.png) left top no-repeat;
}

.league-social .twitter {
    background: url(../img/icons/icon_twitter.png) left top no-repeat;
}

.league-social .google-plus {
    background: url(../img/icons/icon_google.png) left top no-repeat;
}

.league-social .btn-more {
    width: 51px;
    height: 22px;
    padding-bottom: 4px;
    margin-left: 10px;
    background: url(../img/content/btn-champ-more.png) left top no-repeat;
}

.champions-league-title .sponcor {
    height: 40px;
    width: 145px;
    display: block;
    position: absolute;
    left: 20px;
    top: 25px;
}

.champions-league-title .sponcor p {
    line-height: 40px;
    font-size: 10px;
    color: #c6c6c6;
    font-family: "HumanLight";
    font-style: italic;
    margin: 0;
    padding: 0;
    opacity: 0.8;
}

.champions-league-title .sponcor img {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: auto;
    font-size: 10px;
}

.champions-league-content {
    width: 100%;
    height: 238px;
    position: relative;
    background: url(../img/content/champ-stats-bg.jpg) center top no-repeat;
}

/* Block 'Latest Matsch' - 'Upcoming Match' */

.champions-league-content .matches {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.champions-league-content .matches .latest-match, .champions-league-content .matches .upcoming-match, .champions-league-content .match-scores .standings, .champions-league-content .match-scores .top-scores {
    width: 270px;
    height: 208px;
    position: absolute;
    display: block;
    top: 12px;

    text-align: center;
}

.champions-league-content .matches .latest-match, .champions-league-content .match-scores .standings {
    left: 15px;
}

.champions-league-content .matches .upcoming-match, .champions-league-content .match-scores .top-scores {
    right: 15px;
}

.champions-league-content h1 {
    line-height: 35px;
    font-family: "HumanBoldItalic";
    font-size: 15px;
    color: #ffffff;
    margin: 0;
    padding: 0;
    text-shadow: 2px 2px #000000;
}

.champions-league-content .matches .teams {
    width: 100%;
    height: 133px;
    background: url(../img/content/champ-matches-bg.png);
    position: relative;
    disply: block;
}

.matches .match-date {
    width: 100%;
    height: 40px;
    display: block;
    background: #ffbe00;
}

.matches .match-date p {
    font-family: "HumanBoldItalic";
    font-size: 14px;
    color: #000000;
    line-height: 40px;
    margin: 0;
    padding: 0;
}

.teams .match-stats {
    width: 105px;
    height: 100%;
    position: absolute;
    left: 88px;
    top: 0
}

.teams .match-stats h2, .upcoming-match h3 {
    font-family: "HumanBoldItalic";
    font-size: 47px;
    line-height: 133px;
    color: #ffffff;
    text-shadow: 2px 2px #000000;
    margin: 0;
    padding: 0;
}

.matches .team-one, .matches .team-two {
    width: 70px;
    height: 100%;
    position: absolute;
    top: 0;
}

.matches .team-one span, .matches .team-two span {
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    bottom: 14px;
    text-shadow: 2px 2px #000000;
    font-family: "HumanBoldItalic";
}

.matches .team-one img, .matches .team-two img {
    padding-top: 14px;
    max-width: 70px;
    max-height: 90px;
}

.matches .team-one {
    left: 18px;
}

.matches .team-two {
    right: 18px;
}

.upcoming-match .match-stats img {
    padding-top: 47px;
}

/* End of block 'Latest Matsch' - 'Upcoming Match' */

/* Block 'GROUP 1 STANDINGS' - 'CHAMPIONS LEAGUE TOP SCORERS' */
.champions-league-content .match-scores {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.match-scores .title {
    width: 252px;
    height: 25px;
    background: #ffbe00;
    display: block;
    padding: 0 8px 0 10px;
}

.match-scores .title p, .match-scores .table-scores ul li p {
    font-family: "HumanRoman";
    float: left;
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
}

.match-scores .title p span {
    width: 20px;
    display: inline-block;
    text-align: center;
}

.match-scores .title .name-score {
    float: right;
    padding-left: 40px;
}

.match-scores .table-scores {
    width: 100%;
    height: 150px;
    display: block;
    background: url(../img/content/scores-table-bg.png) left top repeat;
}

.match-scores .table-scores ul {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.match-scores .table-scores ul li {
    list-style: none;
    width: 100%;
    height: 49px;
    float: none;
    display: block;
    position: relative;
    margin: 0 0 1px 0;
    padding: 0;
}

.match-scores .table-scores ul li p {
    line-height: 49px;
    font-size: 12px;
    color: #ffffff;
    text-shadow: 1px 1px #000000;
    padding-left: 40px;
}

.match-scores .table-scores ul li img {
    vertical-align: middle;
}

.match-scores .standings .table-scores ul li img {
    position: absolute;
    left: 9px;
    top: 6px;
}

.match-scores .table-scores ul li p span {
    width: 20px;
    display: inline-block;
    text-align: center;
}

.match-scores .table-scores ul li .name-score {
    padding-left: 0;
    right: 8px;
    position: absolute;
}

.top-scores li p {
    padding-left: 15px !important;
}

.match-scores .table-scores ul li .team-land {
    position: absolute;
    left: 135px;
}

.match-scores .top-scores .table-scores ul li img {
    padding-right: 5px;
    margin-top: -4px;
}

/* End of block 'GROUP 1 STANDINGS' - 'CHAMPIONS LEAGUE TOP SCORERS' */

.select-team {
    width: 100%;
    height: 76px;
    position: relative;
    display: block;
    background: url(../img/content/champ-select-team-bg.png) repeat;
}

.select-team .dropdown {
    width: 202px;
    height: 34px;
    left: 18px;
    top: 19px;
    position: absolute;
    background: url(../img/content/btn-select-team.png) center top no-repeat;
    color: #ffffff;
    font-size: 14px;
    font-family: "HumanLight";
    margin: 0;
    padding: 0 0 0 12px;
}

.select-team .dropdown p {
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.select-team .dropdown .dropdown-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 202px;
    margin: 0;
    overflow: hidden;
    background: #000000;
    color: #ffffff;
    -webkit-box-shadow: 0 2px 2px #ffffff;
    box-shadow: 0 0 8px #ffffff;
    z-index: 2;
    list-style: none;
    font-size: 14px;
    text-align: left;
    padding: 0;
    margin-left: 6px;
}

.dropdown .dropdown-items li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 6px;
    width: 100%;
    height: 32px;
    line-height: 32px;
}

.dropdown .dropdown-items li a {
    text-decoration: none;
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: block;
}

.list-team {
    width: 960px;
    height: 31px;
    display: block;
    position: absolute;
    right: 12px;
    top: 20px;
    overflow: hidden;
}

.list-team a {
    float: left;
    margin: 0 0 0 10px;
}

.dont-miss-in-concacaf {
    width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    position: relative;
    overflow: hidden;
}

.dont-miss-in-concacaf h1 {
    font-size: 22px;
    font-family: "HumanLight";
    text-transform: uppercase;
    color: #353535;
    font-weight: 100;
}

.dont-miss-in-concacaf a {
    float: left;
    width: 270px;
    height: 203px;
    display: inline-block;
    margin: 15px 24px 50px 0;
    padding: 0;
    overflow: hidden;
}

.open-gallery {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    z-index: 3000;
}

.btn-share-gallery {
    height: 60px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}

.btn-share-gallery .share-menu, .btn-share-gallery .react-menu {
    background: url("../img/content/latest-news-tooltip-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
    border: 1px solid #808080;
    color: #ffffff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    right: 80px;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
    width: 50px;
}

.btn-share-gallery .share, .btn-share-gallery .react {
    width: 100%;
    height: 60px;
    position: absolute;
    background: url("../img/content/latest-news-tooltip-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
    visibility: hidden;
}

.btn-share-gallery .share > div, .btn-share-gallery .react > div {
    padding-top: 20px !important;
    margin: 0 auto;
    width: 500px;
}

/* End home-page */

.has-sidebar {
    overflow: hidden;
    border-bottom: solid 1px #e5e5e5;
    background: #ffffff;
}

.content-with-sidebar {
    width: 786px;
    overflow: hidden;
    float: left;
    box-shadow: 6px 3px 8px #888;
    background: #ffffff;
    padding-bottom: 30px;
}

/* Page scores */

.scores-page-title {
    margin: 32px auto 28px auto;
    background: #ffffff;
    width: 1198px;
    border: solid 1px #dfdfdf;
    line-height: 95px;
    color: #353535;
    font-size: 30px;
    font-family: "HumanLight";
}

.scores-page-title img {
    background: #ffffff;
    margin-top: 22px;
    padding: 0 5px 0 17px;
}

.scores-page-title span {
    diaplY: block;
    background: #ffffff;
    margin: 0 auto;
    padding-right: 17px;
    position: relative;
    z-index: 2;
    height: 100%;
    width: 200px;
}

.right-rail {
    float: right;
    width: 385px;
}

.has-sidebar .right-rail {
    width: 395px;
    padding-left: 5px;
}

.scores-nav.global-menu {
    width: 776px;
    height: 63px;
    padding-left: 10px;
}

.scores-nav.global-menu a {
    line-height: 45px;
}

.scores-nav.global-menu img {
    padding-top: 21px;
    padding-left: 12px;
}

.match-menu ul {
    width: 100%;
    margin: 21px 0 20px 16px;
    padding: 0;
    height: 42px;
}

.match-menu ul li {
    float: left;
    list-style: none;
    border: solid 1px #dfdfdf;
    margin-left: -1px;
    padding: 0;
    width: 189px;
    height: 32px;
    line-height: 32px;
    font-family: "HumanBTIta";
    color: #404040;
    font-weight: 100;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.match-menu ul li img {
    padding-top: 7px;
}

.match-menu ul li.current img {
    padding-top: 11px;
}

.match-menu ul li.current {
    height: 40px;
    margin-top: -4px;
    line-height: 40px;
    font-family: "HumanBoldItalic";
}

.tabs h2 {
    font-family: "HumanLight";
    font-size: 22px;
    color: #353535;
    margin: 12px 18px 0;
    font-weight: 100;
}

.stream {
    margin: 10px 0 20px 17px;
    width: 752px;
    height: 151px;
    display: block;
    position: relative;

    text-align: center;
}

.stream .mark {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../img/content/stream-mark.png) no-repeat;
}

.stream .mark.green {
    background-position: 0 -28px;
}

.stream .mark.yellow {
    background-position: 0 -14px;
}

.stream .mark.red {
    background-position: 0 0;
}

.prev-game .stream, .today-game .stream, .calendar-game .stream {
    height: 117px;
    background: url(../img/content/stream-game-bg.jpg) center top no-repeat;
}

.upcom-game .stream {
    height: 117px;
    background: url(../img/content/stream-game-bg.jpg) center -117px no-repeat;
}

.stream p {
    font-family: "HumanBTBol";
    color: #d0d0d0;
    line-height: 30px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 100;
}

.stream h1 {
    font-family: "HumanBoldItalic";
    margin: 0;
    padding: 0;
    line-height: 82px;
    font-size: 48px;
    color: #212121;
    font-weight: 100;
}

.stream h1 span {
    width: 74px;
    display: inline-block;
}

.stream h1 span.time {
    font-size: 18px;
    position: relative;
    top: -11px;
}

.stream div {
    display: block;
    width: 200px;
    height: 84px;
    position: absolute;
    top: 30px;
    line-height: 84px;
    font-size: 23px;
    font-family: "HumanBTIta";
}

.stream .team-one {
    left: 15px;
    text-align: left;
}

.upcom-game .stream .team-one {
    text-align: right;
    width: 265px;
}

.stream .team-one img {
    float: left;
    padding: 15px;
    height: 50px;
}

.upcom-game .stream .team-one img {
    float: right;
}

.stream .team-two {
    right: 15px;
    text-align: right;
}

.upcom-game .stream .team-two {
    text-align: left;
    width: 265px;
}

.stream .team-two img {
    float: right;
    padding: 15px;
    height: 50px;
}

.upcom-game .stream .team-two img {
    float: left;
}

.time-line {
    width: 100%;
    text-align: center;
    margin-top: 35px;
}

.time-line h1 {
    margin: 0;
    padding: 0;
    font-family: "HumanLight";
    font-size: 22px;
    color: #353535;
    text-transform: uppercase;
    font-weight: 100;
}

.scores-dl {
    width: 100%;
    height: 720px;
    background: url(../img/content/scores-dl-bg.jpg) center top no-repeat;
    display: block;
    position: relative;
    margin: 30px auto 20px;
    text-align: center;
}

.scores-dl iframe, .game-container iframe {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.game-container {
    width: 100%;
    display: block;
    position: relative;
    margin: 0 auto 20px auto;
    text-align: center;
}

.scores-dl-title {
    height: 90px;
}

.scores-dl-title p {
    line-height: 90px;
    font-family: "HumanBTIta";
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
}

.scores-dl-title p span {
    font-family: "HumanBoldItalic";
}

.line-goal-time p {
    font-size: 14px;
    color: #f9b303;
    font-family: "HumanRoman";
    position: absolute;
    line-height: 40px;
    top: 90px;
    margin: 0;
    padding: 0;
}

.line-goal-time span {
    line-height: 40px;
    position: absolute;
    font-family: "HumanBTBol";
    margin: 0;
}

.scores-dl .team-one, .scores-dl .team-two {
    position: absolute;
    width: 50%;
    height: 74px;
    line-height: 74px;
    font-family: "HumanBoldItalic";
    font-size: 34px;
    color: #ffffff;
    text-shadow: 2px 2px #000000;
    bottom: 50px;
}

.scores-dl .team-one img, .scores-dl .team-two img {
    border: solid 2px #000000;
    padding: 0;
    margin: 14px;
    width: 73px;
    height: 49px;
}

.scores-dl .team-one span, .scores-dl .team-two span {
    width: 150px;
    font-size: 90px;
    position: absolute;
    overflow: hidden;
}

.scores-dl .team-one span {
    right: 10px;
    left: auto;
}

.scores-dl .team-two span {
    left: 10px;
    right: auto;
}

.scores-dl .team-one {
    left: 0;
}

.scores-dl .team-one p, .scores-dl .team-two p {
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.scores-dl .team-one p {
    right: 185px;
    text-align: right;
}

.scores-dl .team-two {
    right: 0;
}

.scores-dl .team-two p {
    left: 185px;
    text-align: left;
}

.list-of-players {
    margin: 16px;
    max-width: 747px;
    overflow: hidden;
}

.list-of-players.first-team, .list-of-players.second-team {
    width: 358px;
    float: left;
}

.list-of-players h1 {
    font-family: "HumanLight";
    font-weight: bold;
    font-size: 22px;
    color: #353535;
    margin: 0;
    padding-left: 11px;
    line-height: 50px;

}

.list-of-players h1 img {
    width: 28px;
    height: 19px;
    margin: 15px 15px 0 0;
}

.list-of-players h2 {
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    font-size: 12px;
    font-family: "HumanRoman";
    background: #203874;
    display: block;
    margin: 0;
    padding-left: 11px;
}

.list-of-players ul {
    width: 100%;
    display: block;
    margin: 0 0 24px 0;
    padding: 0;
    background: url(../img/content/scores-detail-list-bg.png) left top repeat;
    overflow: hidden;
}

.list-of-players ul li {
    float: none;
    margin: 0 0 2px 0;
    padding: 0 0 0 11px;
    width: 100%;
    min-height: 48px;
    line-height: 48px;
    font-family: "HumanRoman";
    font-size: 13px;
    overflow: hidden;
}

.list-of-players ul li span {
    float: right;
    padding-right: 22px;
}

.list-of-players ul li span img {
    width: 13px;
    height: 15px;
    margin: 16px 7px 0 7px;
}

.referee-table {
    background: #f2f2f2 !important;
    margin: 0 !important;
}

.referee, .assistants, .fourth-official {
    width: 241px;
    display: inline-block;
    float: left !important;
    padding-right: 0 !important;
    line-height: 29px !important;
}

.referee p, .assistants p, .fourth-official p {
    margin: 0;
    padding: 0;
}

.col-right .concacaf-events {
    width: 100%;
    height: auto;
    position: relative;
    margin-left: 30px;
}

.col-right .events-content .datepicker {
    width: 370px;
    box-shadow: 0 3px 10px #000;

}

.col-right .concacaf-events .events-content {
    width: 370px;
    height: auto;
}

.col-right .events-content .selected-event {
    position: relative;
    width: 370px;
}

.col-right .calendar {
    width: 369px; /* for border */
}

.datepicker .ul-select-event {
    margin: 0 auto 0 12px;
    padding: 0 25px 0 0;
    width: 240px;
    position: absolute;
    top: 295px;
    cursor: pointer;
    overflow: hidden;
    border: solid 1px rgba(64, 80, 122, 0.8);
}

.col-right .datepicker .ul-select-event {
    width: 325px;
}

.col-right .datepicker .ul-select-event.open {
    width: 330px;
}

.col-right .datepicker .icon-arrow-down {
    position: absolute;
    top: 310px;
    right: 25px;
    z-index: 10;
}

.datepicker .ul-select-event.open {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 430px;
    width: 250px;
}

.datepicker .ul-select-event li {
    list-style: none;
    display: none;
    float: none;
    margin: 0;
    width: 100%;
    padding: 8px 12px 14px 13px;
    background: #192b5b;
    font-size: 14px;
    color: #ffffff;
    font-family: "HumanLight";

}

.datepicker .ul-select-event li:first-child {
    height: 12px;
}

.datepicker .ul-select-event.open li {
    display: block;
}

.datepicker .ul-select-event li.selected {
    display: block;
}

.datepicker .ul-select-event.open li.selected {
    border-bottom: solid 1px rgba(64, 80, 122, 0.8);
}

.datepicker .ul-select-event .selected .decor {
    width: 13px;
    height: 8px;
    float: right;
    margin-top: 5px;
    background: url(../img/content/calendar-arrow.png) center top no-repeat;
}

.datepicker .ul-select-event li:hover {
    background: #F3B007;
    color: #000000;
    font-weight: bold;
    font-family: "HumanRoman";
}

.datepicker .ul-select-event li.selected:hover {
    background: #192b5b;
    color: #ffffff;
    font-weight: normal;
    font-family: "HumanLight";
}

.col-right .competition-details {
    width: 370px;
    margin-left: 30px;
    border-bottom: solid 4px #c5c5c5;
}

.col-right .competition-details-content {
    background: #f2f2f2;
}

.col-right .competition-details h1 {
    color: #353535;
    font-size: 22px;
    font-weight: 100;
    font-family: "HumanLight";
    padding: 5px 0 17px 44px;
    margin: 0;
    border-bottom: solid 6px #203874;
    background: url(../img/content/logo-competition.png) left top no-repeat;
}

.col-right .competition-details p {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12px;
    color: #000000;
    margin: 0;
    padding: 19px;
}

.col-right .competition-details h2 {
    font-size: 15px;
    color: #000000;
    font-family: "HumanBoldItalic";
    padding-left: 19px;
    margin: 0;
}

.menu-top-menu-container {
    float: left;
}

.member-assotiations-header {
    width: 1200px;
    height: 247px;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    background: url(../img/content/member-detail-header-bg.jpg) center top no-repeat;
}

.member-assotiations-header .shield {
    width: 281px;
    height: 200px;
    text-align: center;
    padding: 5px 0 37px 5px;
}

.member-assotiations-header .shield:after {
    content: '';
    width: 1px;
    height: 200px;
    display: inline-block;
    vertical-align: middle;
}

.member-assotiations-header .shield img {
    max-width: 270px;
    max-height: 135px;
    padding-top: 16px;
    vertical-align: middle;
}

.member-assotiations-header .title {
    font-family: "HumanRoman";
    font-size: 33px;
    color: #ffffff;
    text-shadow: 0 0 2px #000000;
    position: absolute;
    line-height: 33px;
    top: 25px;
    left: 316px;
    margin: 0;
    padding: 0;
    font-weight: 100;
    text-transform: uppercase;
}

.member-assotiations-header .title img {
    width: 32px;
    height: 32px;
    border-radius: 20px;
    margin-right: 5px;
    margin-top: 0;
    border: 1px solid #000000;
    box-shadow: 1px 1px 2px #222222;
}

.member-assotiations-header .social {
    height: 34px;
    position: absolute;
    top: 28px;
    right: 21px;
}

.member-assotiations-header .social a {
    float: left;
    margin: 0 11px 0 0;
}

.member-assotiations-header .social .twitter {
    width: 39px;
    height: 34px;
    display: block;
    background: url(../img/content/Member_Associations_twitter.png) center center no-repeat;
}

.member-assotiations-header .social .facebook {
    width: 39px;
    height: 34px;
    display: block;
    background: url(../img/content/Member_Associations_facebook.png) center center no-repeat;
}

.member-assotiations-header .social .website {
    width: 100px;
    height: 34px;
    display: block;
    background: url(../img/content/Member_Associations_website.png) center center no-repeat;
}

.member-assotiations-header form {
    position: absolute;
    left: 315px;
    top: 85px;
}

.member-assotiations-header form ul {
    margin: 0;
    padding: 0;
}

.member-assotiations-header form ul li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    min-width: 220px;
    max-width: 300px;
    overflow: hidden;

}

.member-assotiations-header form ul li p, .member-assotiations-header form ul li td {
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    font-family: "HumanBTIta";
    margin: 0 0 10px 3px;
    padding: 0;
    width: 100%;
    font-weight: 100;
}

.member-assotiations-header form ul li td {
    width: 35px !important;
}

.member-assotiations-header form ul li p span, .member-assotiations-header form ul li td span {
    font-size: 12px;
    color: #ababab;
    font-family: "HumanBoldItalic";
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    text-transform: uppercase;
}

.member-assotiations-header form ul li td span {
    font-size: 10px !important;
    margin-right: 20px;
    margin-top: -10px;
}

.member-assotiations-header form a {
    text-decoration: none;
    color: #ffffff;
}

.member-assotiations-header form a:hover {
    text-decoration: underline;
}

.content-member-associations {
    text-align: left;
    padding: 15px 0;
}

.content-member-associations div {
    width: 161px;
    height: 162px;
    background: #f3f3f3;
    border: solid 1px #dfdfdf;
    display: inline-block;
    margin: 15px;
    position: relative;
    text-align: center;
}

.content-member-associations div a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    text-decoration: none;
}

.content-member-associations div img {
    height: 120px;
    max-width: 150px;
    margin-top: 8px;
}

.content-member-associations div p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 27px;
    line-height: 27px;
    color: #ffffff;
    background: #242424;
    font-size: 14px;
    font-family: "HumanBTIta";
}

.content.competitionhub .latest-news, .content.competitionhub .right-rail, .comp-hub-teams {
    background: #ffffff;
}

.content.competitionhub .news-score {
    margin: 0;
}

.competition_nav {
    width: 100%;
    height: 46px;
    position: relative;
    margin: 30px auto 60px;
}

.competition_nav .switcher {
    height: 22px;
    font-family: "HumanRoman";
    font-size: 12px;
    color: #363636;
    line-height: 22px;
    position: absolute;
    right: 0;
    top: -20px;
    font-weight: 100;
}

.competition_nav .switcher div {
    float: left;
    display: inline-block;
}

.competition_nav .switcher .label {
    text-transform: uppercase;
    cursor: pointer;
}

.competition_nav .switcher .label.current {
    color: #000000;
    cursor: default;
}

.competition_nav .switcher .label.left {
    text-align: left;
    padding-left: 2px;
    padding-right: 10px;
}

.competition_nav .switcher .label.right {
    text-align: right;
    padding-right: 2px;
    padding-left: 10px;
}

.competition_nav .switcher .checkbox {
    width: 30px;
    height: 11px;
    margin-top: 5px;
    position: relative;
    background: #203874;
    box-shadow: inner 0 0 2px #000000;
    border-radius: 2px;
}

.competition_nav .switcher .checkbox span {
    border-radius: 2px;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 7px;
    height: 5px;
    border: solid 1px #f9d222;
    background: #f8ae1c;
}

.competition_nav .switcher .checkbox span.right {
    left: auto;
    right: 2px;
}

.competition_nav ul {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.competition_nav ul.menuCL {
    display: table;
    width: 900px;
}

.competition_nav.with-dropdown ul.menuCL {
    width: 770px;
}

.competition_nav.with-dropdown ul {
    right: 130px;
}

.competition_nav ul li {
    float: left;
    padding: 0;
    margin: 0 -1px 0 0;
    border: solid 1px #c7c7c7;
    list-style: none;
}

.competition_nav ul.menuCL li {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 32px;
}

.competition_nav ul.menuCL li a {
    padding: 0;
    text-align: center;
}

.competition_nav ul li a {
    height: 32px;
    line-height: 32px;
    display: block;
    margin: 0;
    padding: 0 26px;
    background: url(../img/content/Competition_Landing_hub_nav_bg.png) left top repeat;
    border: solid 1px #f2f2f2;
    font-family: "HumanRoman";
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

.competition_nav ul li a:hover {
    background: url(../img/content/competition_nav_active_bg.png) repeat-x left top !important;
    color: #ffffff;
}

.competition_nav ul li a.active {
    background: url(../img/content/Competition_Landing_hub_nav_bg.png) left bottom repeat;
}

.gender-dropdown {
    position: absolute;
    right: 0 !important;
    bottom: auto !important;
    top: 10px;
    z-index: 1;

}

.gender-dropdown li {
    cursor: pointer;
    list-style: none;
    display: none;
    float: none !important;
    width: 98px;
    padding-left: 16px !important;
    height: 34px;
    line-height: 36px;
    color: #ffffff;
    font-family: "HumanLight";
    text-align: left;
    font-size: 14px;
    background: #3f63bb;
    box-shadow: inset 0 -12px 8px rgba(35, 61, 123, 0.7);
    border-radius: 4px;
    border: solid 1px #233d7b !important;
    text-transform: uppercase;
    text-shadow: -1px 0 0 #7988b6;
    letter-spacing: 1px;
}

.gender-dropdown span {
    display: none;
}

.gender-dropdown .selected span {
    background: url(../img/header/nav_arrow.png) no-repeat 0 0 transparent;
    width: 8px;
    height: 5px;
    display: block;
    position: absolute;
    left: 94px;
    top: 16px;
}

.gender-dropdown.expanded li,
.gender-dropdown li.selected {
    display: block;
}

.gender-dropdown li:hover {
    box-shadow: inset 0 12px 8px rgba(35, 61, 123, 0.7);
}

.comp-hub-teams .title p {
    font-family: HumanLight;
    font-weight: normal;
    padding: 15px 0 0 15px;
    margin: 0;
    color: #353535;
    font-size: 22px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 100;
}

.content.competitionhub .latest-news {
    width: 755px;
    padding: 15px;
    box-shadow: 4px 0 10px #ececec;
}

.content.competitionhub .advertisement {
    margin-left: 30px;
    height: 345px;
    border-width: 1px;
    margin-bottom: 10px;
}

.stories-scrollable .story-items {
    float: left;
    height: 447px;
    width: 755px;
    position: relative;
    border-right: solid 10px #000000;
    overflow: hidden;
}

.stories-scrollable .story-items.cloned {
    display: none;
}

.stories .stories-scrollable .description {
    text-align: left;
}

.competitionhub .stories-scrollable, .most-popular-news-block-scrollable {
    width: 20000em;
    position: absolute;
}

.story-items p {
    padding-top: 19px;
    padding-left: 30px;
    margin: 0;
    font-size: 12px;
    color: #ffc617;
    text-shadow: 1px 1px #000000;
}

.story-items h3 {
    font-size: 36px;
    color: #ffffff;
    padding: 0 210px 8px 30px;
    margin: 0;
    text-shadow: 3px 3px #000000;
}

.stories-navi {
    text-align: right;
    position: absolute;
    bottom: 5px;
    right: 44px;
    z-index: 10;
}

.stories-navi a {
    border-radius: 10px;
    z-index: 2;
    position: relative;
}

.play-pause-btn {
    position: absolute;
    bottom: 17px;
    right: 15px;
    z-index: 2;
}

.play-pause-btn button {
    display: block;
    width: 21px;
    height: 21px;
    background: url(../img/content/btn-play-pause.png) no-repeat;
    border: none;
    cursor: pointer;
}

.play-pause-btn button.disabled {
    display: none;
}

.play-pause-btn .btn-play {
    background-position: left bottom;
}

.play-pause-btn .btn-pause {
    background-position: left top;
}

.competitionhub .leaderboard {
    width: 786px;
    margin: 20px 0 10px -15px;
}

.most-popular-news-block-scrollable-slides {
    float: left;
    border-right: solid 20px #ffffff;
}

.most-popular-news-block.latest-game {
    width: 369px;
    height: 470px;
    overflow: hidden;
    position: relative;
}

.weeks-in-photo {
    width: 570px;
    height: 500px;
    display: inline-block;
    float: left;
}

.weeks-in-photo h1, .latest-tweets h1 {
    text-align: center;
    position: relative;
    height: 60px;
    line-height: 60px;
    bottom: auto;
}

.col-left .weeks-in-photo h1 {
    text-align: left;
}

.photo-gallery {
    width: 100%;
    height: 100%;
}

.weeks-in-photo .photo-gallery {
    width: 100%;
    margin-left: 15px;
}

.photo-gallery.open-gallery {
    margin: 0;
}

.latest-tweets {
    width: 600px;
    height: 500px;
    display: inline-block;
    text-align: center;
    float: right;
}

.latest-tweets iframe {
    width: 570px;
    height: 400px;
}

.gold-cup-news {
    width: 570px;
    height: 480px;
    margin: 25px 15px 0 15px;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.gold-cup-news .latest-title {
    text-align: left;
}

.week-in-events {
    width: 570px;
    height: 480px;
    margin: 25px 15px 0 15px;
    padding: 0;
    display: inline-block;
    overflow: hidden;
}

.week-in-events .content-latest-news-head {
    margin-bottom: 0;
}

.week-in-events .content-latest-news-item ul.ul-inline .col1 {
    margin-right: 15px;
}

.week-in-events .content-latest-news-item ul.ul-inline .col2 {
    width: 335px;
}

.week-in-events .content-latest-news-item {
    background: #f2f2f2;
    padding: 16px;
    margin-left: 16px;
    margin-top: 24px;
}

.week-in-events .latest-news-item-descr {
    height: 46px;
    overflow: hidden;
    display: block;
    line-height: 16px;
}

.gold-cup-news .latest-content.items, .week-in-events-items {
    width: 20000em;
    position: absolute;
}

.gold-cup-scrollable, .week-in-events-scrollable {
    height: 365px;
    width: 100%;
    position: relative;
    overflow: hidden;

}

.latest-content .slide, .week-in-events .slide {
    float: left;
    width: 602px;
}

.gold-cup-news-navi {

}

table.sponsors {
    border-collapse: separate;
    border-spacing: 15px 1px;
    table-layout: fixed;
    border: solid 1px #dfdfdf;
    margin-bottom: 50px;
    margin-top: 25px;
    padding-bottom: 50px;
    width: 100%;
}

table.sponsors-category {
    table-layout: auto;
}

.sponsored-by {
}

tbody .sponsored-by {
    position: relative;
    vertical-align: middle;
    text-align: center;
    border: solid 2px #ffffff;
    box-shadow: 0 0 0 1px #dfdfdf;

}

tbody {
    background: url(../img/content/sponsor-bg.png) repeat left top;
}

.sponsored-by .title {
    display: block;
    top: 0;
    position: relative;
    height: 50px;
    text-align: center;
    background: #ffffff;
    width: 100%;
}

.sponsored-by .title h1 {
    font-size: 14px;
    font-family: "HumanRoman";
    font-weight: 100;
    color: #707070;
    margin: 0;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
    position: relative;
    z-index: 1;
    background: #ffffff;

}

.sponsored-by .title span {
    width: 100%;
    position: absolute;
    background: #dfdfdf;
    height: 1px;
    left: 0;
    top: 25px;
}

.sponsored-by .sponsored-images {
    text-align: center;
    display: block;
    height: 100%;
    position: relative;
}

table.sponsors tbody tr {
    height: 50px;
}

.sponsored-by a {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.sponsored-by a img {
    max-height: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.terms-title {
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    position: relative;
}

.terms-title h1 {
    line-height: 120px;
    font-size: 60px;
    font-family: "HumanBoldItalic";
    font-weight: 100;
    color: #000000;
    height: 120px;
    margin: 0 auto;
    width: 520px;
    background: #f2f2f2;
    display: block;
    position: relative;
    z-index: 1;
}

.terms-title span {
    position: absolute;
    background: #c2c2c2;
    width: 100%;
    height: 1px;
    display: block;
    top: 59px;
}

.terms-conditions {
    width: 1200px;
    margin: 0 0 0 15px;
    padding: 0;
    overflow: hidden;
}

.terms-conditions li {
    width: 570px;
    float: left;
    list-style: none;
    padding: 0 30px 0 0;
    margin: 0;
}

.terms-conditions li p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0 0 15px 0;
}

.terms-conditions li h2 {
    font-size: 18px;
    color: #999999;
    font-family: "HumanBTLigIta";
    margin: 20px 0;
    line-height: 37px;
}

.terms-conditions li h1 {
    color: #353535;
    font-size: 22px;
    font-family: "HumanLight";
    margin: 24px 0;
    font-weight: 100;
    text-transform: uppercase;
}

.terms-conditions li p a {
    color: #063676;
    font-weight: bold;
    text-decoration: underline;
}

.video-hub {
    position: relative;
    width: 100%;
    height: 495px;
    overflow: hidden;
    margin-bottom: 30px;
}

.video-hub .top-video-play {
    position: absolute;
    left: 0;
    top: 50px;
    width: 785px;
    height: 445px;
    background: #000000;
}

.video-hub .top-video-play iframe {
    width: 100%;
    height: 100%;
}

.score-detail.content-with-sidebar iframe {
    height: 1250px;
    width: 100%;
}

.top-video-description {
    width: 370px;
    height: 241px;
    padding: 0 15px 0 30px;
    position: absolute;
    right: 0;
    top: 50px;
    background: #242424;
}

.video-hub h2 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-family: "HumanLight";
    color: #353535;
    font-weight: 100;
    line-height: 58px;
}

.top-video-description .league {
    font-family: "HumanBoldItalic";
    font-size: 12px;
    color: #999999;
    height: 28px;
    line-height: 28px;
}

.top-video-description .share-links {
    position: relative;
    float: right;
    right: 0;
    top: 0;
}

.top-video-description .share-links a {
    padding-left: 5px;
}

.top-video-description h1 {
    font-size: 30px;
    color: #ffffff;
    overflow: hidden;
    font-family: "HumanBoldItalic";
    padding: 15px 0 5px 0;
    margin: 0;
    line-height: 30px;
    position: relative;
    text-transform: none;
}

.top-video-description p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-style: italic;
    padding: 0;
    margin: 0;
    line-height: 18px;
    max-height: 70px;
    width: 365px;
    overflow: hidden;
}

.top-video-description .date-video {
    font-family: "HumanBTIta";
    font-size: 12px;
    color: #999999;
    padding: 14px 0;
    margin: 0;
    line-height: 35px;
}

.video-hub .top-video-list {
    width: 355px;
    height: 170px;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #000000;
    padding: 18px 30px;
}

.top-video-nav-prev, .top-video-nav-next {
    position: absolute;
    width: 30px;
    height: 200px;
    top: 0;
    cursor: pointer;
}

.top-video-nav-prev {
    background: url(../img/content/video-hub-arrow-left.png) center 65px no-repeat;
    left: 0;
}

.top-video-nav-next {
    background: url(../img/content/video-hub-arrow-right.png) center 65px no-repeat;
    right: 0;
}

.top-video-list-scrollable {
    width: 350px;
    height: 170px;
    overflow: hidden;
    position: relative;
}

.top-video-list-scrollable-items {
    position: absolute;
    width: 20000em;
}

.top-video-list-scrollable .top-video-items {
    float: left;
    width: 170px;
    height: 170px;
    padding-right: 10px;
    position: relative;
}

.top-video-list-scrollable .top-video-items a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../img/icons/icon_video.png") 133px 8px no-repeat;
}

.top-video-items img {
    width: 168px;
    height: 112px;
    border: none;
    padding: 2px;
}

.top-video-items.selected img {
    border: solid 2px #feb600;
    padding: 0;
}

.top-video-items p {
    color: #cccccc;
    font-size: 14px;
    font-family: "HumanBTIta";
    padding: 0;
}

.video-hub-title {
    font-size: 60px;
    color: #020202;
    font-weight: 100;
    line-height: 60px;
    text-align: center;
    font-family: "HumanBoldItalic";
    padding: 5px 0 15px 0;
    margin: 0;
    overflow: hidden;
}

.video-hub-content {
    width: 755px;
    padding: 0 15px;
}

.video-hub-content > iframe, .video-hub-content > object {
    width: 755px;
    height: 425px;
    margin-bottom: 20px;
}

.video-hub-content h3 {
    font-size: 22px;
    color: #999999;
    font-family: "HumanBTLigIta";
    font-weight: 100;
    height: 55px;
    line-height: 55px;
    padding: 0;
    margin: 0;

}

.video-hub-content p {
    font-size: 15px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.datepicker.scores {
    width: 100%;
    height: 310px;
    position: relative;
    margin-left: 0;
    background: none;
    padding-top: 50px;
}

.gldp-default {
    display: block !important;
}

/* President Corner */

.pad15 {
    padding: 15px;

}

.col-right-block {
    padding: 14px 0 0 29px;
    width: 370px;
}

.col-right-block h3 {
    font-family: HumanLight;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #353535;
    padding: 0 0 10px 0;
    margin: 0;
    text-transform: uppercase;
}

.no-padding {
    padding: 0 !important;
}

.profile-grafic-block {
    background: #193067;
    height: 340px;
}

.profile-grafic-block-head {
    height: 160px;
    width: 370px;
}

.profile-grafic-block-head .ul-inline {
    padding: 21px 0 0 26px;
    color: #ffffff;
    font-size: 16px;
    font-style: italic;
}

.profile-grafic-block-head .col1 {
    width: 130px;
}

.profile-grafic-block-head .col2 {
    width: 200px;
    line-height: 22px;
}

.profile-grafic-block-head .col2 p {
    margin: 3px 0 7px 0;
    font-family: HumanLight;
}

.profile-grafic-block-head .small-title {
    font-family: HumanBoldItalic;
    display: block;
}

.profile-grafic-block-content {
    height: 180px;
    background: url(../img/content/president_info_bg.png) repeat-x top;
    font-size: 12px;
    font-style: italic;
}

.profile-grafic-block-head .col2 a {
    width: 141px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #ffffff;
    font-family: "HumanRoman";
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    background: url(../img/content/btn-bg.png) no-repeat;
    background-position: left top;
}

.profile-grafic-block-head .col2 a:hover {
    background-position: left bottom;
}

.profile-grafic-block-content .ul-inline {
    padding: 19px 0 0 35px;
    color: #ffffff;
}

.profile-grafic-block-content .col1 {
    width: 167px;
}

.profile-grafic-block-content p {
    line-height: 16px;
}

.profile-grafic-block-content .small-title {
    font-family: HumanBoldItalic;
    color: #feb600;
    display: block;
    text-transform: uppercase;
}

.profile-grafic-block-content .col2 {
    width: 147px;
}

/* Competition All Matches Filter */
h3.content-title {
    font-family: HumanLight;
    font-weight: normal;
    color: #353535;
    font-size: 22px;
    text-transform: uppercase;
}

.filter-all-matches {
    width: 123px;
}

.filter-all-matches-text {
    position: absolute;
    right: 160px;
    z-index: 10;
    top: 7px;
    font-size: 15px;
    color: #212121;
    font-family: HumanBoldItalic;
}

.styled-select.filter-all-matches .ul-select-items {
    width: 123px;
}

.styled-select.filter-all-matches .ul-select-items li {
    width: 115px;
}

.competition-header-navi.reskinned {
    position: relative;
    margin-left: 185px;
}

.competition-header-navi.reskinned .competition-header-navi-items li {
    padding: 0 25px 0 23px;
    font-size: 14px;
}

.competition-header-navi.reskinned .competition-header-navi-items a {
    text-decoration: none;
    color: inherit;
}

.competition-header-navi.reskinned .competition-header-navi-items li.active,
.competition-header-navi.reskinned .competition-header-navi-items li:hover {
    color: #000000;
    background: url("../img/content/competition_nav_bg_active.png") repeat scroll left top transparent;
}

.title-content-centered {
    font-size: 18px;
    text-align: center;
    margin-bottom: 3px;
    padding-top: 10px;
}

.competition-nav-logo {
    position: absolute;
    left: -195px;
    top: -20px;
}

.competition-nav-logo2 {
    position: absolute;
    left: -190px;
    top: -11px;
}

.slider-calendar {
    width: 760px;
    position: relative;
    margin: 10px 0 20px 17px;
}

.president-news-block {
    overflow: hidden;
    width: 770px;
}

.president-news-block-item {
    float: left;
    position: relative;
    margin-bottom: 1px;
    width: 284px;
    height: 269px;
    overflow: hidden;
}

.president-news-block-item img {
    min-width: 100%;
    min-height: 100%;
}

.president-news-block-item:last-child {
    margin-bottom: 0;
}

.president-news-block-item.first {
    width: 470px;
    height: 539px;
    margin-right: 1px;
    margin-bottom: 0;
}

.president-news-block-item .president-news-block-description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    /* background: rgba(0,0,0,0.7); */
    background: url(../img/content/mask_bg.png);
    font-family: HumanLight;
    font-size: 18px;
    font-style: italic;
    padding: 15px 0;
}

.president-news-block-item.first .president-news-block-description {
    font-family: HumanBoldItalic;
    font-size: 32px;
    line-height: 33px;
    padding: 22px 0;
}

.video-image-block .icon-video-play {
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/icons/icon_video.png) no-repeat left top;
    position: absolute;
    z-index: 10;
    top: 8px;
    left: 131px;
}

h2.content-title {
    font-size: 22px;
    font-family: HumanLight;
    color: #353535;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
}

.no-border {
    border: none !important;
}

.no-padding {
    padding: 0 !important;
}

/* Submenu */
.ul-latest-news-head .content-submenu {
    display: none;
    list-style: none;
    position: absolute;
    right: 0;
    z-index: 11;
    background: #15254c;
    width: 250px;
    padding: 0;
    margin: 0;
}

.ul-latest-news-head .content-submenu li {
    float: none;
    display: block;
    text-align: left;
    padding: 0;
    height: 34px;
    line-height: 34px;
    width: 100%;
}

.ul-latest-news-head li {
    position: relative;
}

.ul-latest-news-head li:hover {
    background: #1a2a51;
    color: #f9b303;
}

.ul-latest-news-head li:hover .content-submenu {
    display: block;

}

.ul-latest-news-head li.expanded {
    padding-right: 20px;
    padding-left: 20px;
    float: right;
}

.ul-latest-news-head li.expanded a {
    background: url(../img/icons/icon_arrow_down_white.png) no-repeat right;
    padding-right: 5px;
    padding-left: 5px;
}

.ul-latest-news-head li.expanded .content-submenu a {
    background: none;
    padding-left: 18px;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.content-submenu li:hover a {
    color: #f9b303;
}

.president-news-block-item:not(.first) img {
    width: 284px;
    height: 269px;
}

/* Page 'Events detail' - 'CONCACAF Events' */

.content-events {
    margin-top: 28px;
}

.event-hub-content {
    padding: 0 15px;
    width: 755px;
}

.content-events h3 {
    color: #6d6d6d;
    font-family: "HumanBTLigIta";
    font-size: 18px;
    font-weight: 100;
    margin: 25px 0 0 0;
    padding: 0;
}

.most-popular-news-block h3,
.trending-video h3 {
    font-family: HumanLight;
    font-weight: normal;
    font-size: 22px;
    color: #353535;
    padding: 0 0 20px 0;
    margin: 0;
    text-transform: uppercase;
}

.content-block {
    padding: 0 0 30px 16px;
}

.content-block h3 {
    font-family: HumanLight;
    font-weight: normal;
    padding: 26px 0 10px;
    margin: 0;
    color: #353535;
    line-height: 44px;
    font-size: 22px;
    text-transform: uppercase;
}

.content-events .events-title {
    color: #252525;
    font-family: "HumanBoldItalic";
    font-size: 44px;
    font-weight: 100;
    line-height: 40px;
    margin: 0;
    padding: 0 0 10px 0;
    text-align: left;
    width: 100%;
}

.event-tittle-image {
    margin-bottom: 25px;
    max-width: 100%;
    border: 0 none;
}

/* End of Page 'Events detail' */

/* Page 'Member Assotiations Detail' - 'History' */

.content-history, .content-awards {

}

.content-history-head, .content-awards-head {
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative;
}

.content-history-head h3, .content-awards-head h3 {
    color: #353535;
    font-family: HumanLight;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.content-history-item {
    padding: 0 10px 10px 15px;
    width: 367px;
    float: left;
}

.content-history-item h4 {
    font-family: "HumanBTIta";
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}

.content-history-item h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12px;
    font-weight: 100;
    color: #666666;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}

.content-history-table {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12px;
    color: #666666;
    text-align: left;
    border: 1px solid #fff;
    outline: 1px solid #ededed;
    background: url("../img/icons/ad_pics.png") repeat scroll 0 0 #fafafa;
    margin-bottom: 25px;
}

.content-history-table td {
    padding: 7px 5px 6px 15px;
}

.content-history-table .col1 {
    width: 90px;
    font-weight: bold;
    text-align: center;
    color: #000;
    padding: 7px 5px 6px 5px;
}

.content-history-table .odd td {
    background: #fafafa;
}

/* Page 'Member Assotiations Detail' - 'Roster' */

.content-roster-table {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12px;
    color: #333;
    text-align: left;
    border: 1px solid #fff;
    outline: 1px solid #cdcdcd;
    background: url("../img/icons/ad_pics.png") repeat scroll 0 0 #f5f5f5;
    margin-bottom: 25px;
    border-collapse: collapse;
    text-align: left;
}

.content-roster-table .odd td {
    background: #fafafa;
}

.content-roster-table .table-header th {
    background: #000;
    color: #fff;
    padding: 2px 5px 2px 33px;
    text-align: left;
}

.content-roster-table .col1 {
    width: 111px;
    font-weight: bold;
}

.content-roster-table .col2 {
    width: 149px;
}

.content-roster-table .col3 {
    width: 165px;
}

.content-roster-table .col4 {
    width: 40px;
}

.content-roster-table .title th {
    background: #fff;
    font-style: normal;
    color: #203874;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 0 3px 33px;
    border-bottom: 1px solid #c3c3c3;
    text-align: left;
}

.content-roster-table tr td {
    padding: 5px 5px 5px 33px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}

.content-roster-table tr td.col1 {
    padding: 5px 5px 5px 39px;
    width: 105px;
}

.content-roster-table tr:last-child td,
.content-roster-table .last td {
    border-bottom: 0 none #c3c3c3;
}

/* Page 'Member Assotiations Detail' - 'Awards' */

.content-awards-item {
    width: 365px;
    padding: 0 10px 35px 15px;
    float: left;
    background: url(../img/content/awards-bg.jpg) 15px top no-repeat;;
}

.content-awards-item h4 {
    font-size: 12px;
    color: #d0d0d0;
    line-height: 28px;
    font-family: "HumanBTBol";
    font-weight: 100;
    margin: 0;
    padding: 2px 0 0 0;
    text-align: center;
    position: relative;
    text-transform: uppercase;
}

.awards {
    width: 365px;
    height: 85px;
    display: table;
}

.number-awards {
    width: 120px;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "HumanBoldItalic";
    font-weight: 500;
    line-height: 1;
    padding-bottom: 5px;
}

.number-awards span {
    display: inline-block;
    width: 100%;
    font-size: 45px;
}

.description-awards {
    width: 205px;
    padding: 0 20px 0 20px;
    height: 100%;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-family: "HumanBTLigIta";
    font-size: 18px;
    color: #212121;
    line-height: 1;
}

.description-awards span {
    display: inline-block;
}

.test-color {
    background-color: green;
    width: 200px;
    height: 200px;
    color: black;
}

/* End of Page 'Member Assotiations Detail' */

/* Page '404 error' */
.error-content {
    padding: 160px 460px 235px;
    text-align: center;
    width: 280px;
}

.error-page-header {
    font-family: "HumanLight";
    font-size: 22px;
    font-weight: 100;
    line-height: 24px;
}

.button-go {
    background: url("../img/content/btn-bg-big.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-family: "HumanRoman";
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 173px;
    margin: 70px auto 0;
}

.button-go:hover {
    background-position: left bottom;
}

/* End of Page '404 error' */

/* Page 'search' */
.content-search {
    padding: 40px 0 48px 0;
}

.container-search {
    width: 772px;
    padding-bottom: 40px;
    position: relative;
    margin: 0 auto;
}

.search-decor {
    position: absolute;
    top: 13px;
    left: 12px;
}

.search-input {
    padding: 0 160px 0 42px;
    width: 568px;
    background: #fff;
    border: 1px solid #c9c9c9;
    height: 44px;
    line-height: 44px;
    color: #212121;
    font-size: 24px;
    font-family: "HumanBoldItalic";
}

.container-search input::-ms-clear {
    display: none;
}

.clear-search {
    display: block;
    position: absolute;
    right: 133px;
    top: 14px;
    background: url(../img/content/reser-search.png);
    width: 16px;
    height: 16px;
    cursor: pointer;
    text-indent: -999px;
    border: 0 none;
    padding: 0;
    margin: 0;
}

.go-search {
    width: 120px;
    height: 46px;
    background: url(../img/content/btn-search-bg.png) top left;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    font-family: "HumanLight";
    font-size: 18px;
    font-weight: 100;
    line-height: 46px;
    padding: 0;
    text-align: center;
    margin: 0;
    color: #fff;
    cursor: pointer;
}

.go-search:hover {
    background-position: right bottom;
}

.container-result {
    background: #fff;
}

.result-search {
    min-height: 347px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
}

.result-search .no-result,
.result-search .result-text {
    color: #353535;
    font-size: 18px;
    font-weight: 100;
    font-family: "HumanLight";
    margin: 0;
    text-align: center;
    padding: 30px 0;
}

.result-search .no-result span,
.result-search .result-text span {
    font-family: "HumanBTBol";
}

.result-search .result-text {
    padding-top: 20px;
    text-align: left;
    padding-left: 16px;
}

.ul-result-head {
    background: #203874;
    height: 62px;
    list-style: none;
    font-size: 14px;
    font-family: HumanLight;
    padding: 0 0 0 15px;
    margin: 0;
}

.ul-result-head > li {
    padding: 0 6px;
    height: 62px;
    line-height: 62px;
    float: left;
}

.ul-result-head > li:hover {
    background: none repeat scroll 0 0 #1A2A51;
}

.ul-result-head > li > a {
    color: #ffffff;
    text-decoration: none;
    height: 28px;
    line-height: 26px;
    display: inline-block;
    padding: 0 12px;
}

.ul-result-head > li > a.active {
    background: #15254c;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    font-family: HumanRoman;
}

.ul-result-head .sorting {
    float: right;
    padding: 15px 16px 0 0;
}

.ul-result-head .sorting:hover {
    background: transparent;
}

.content-result-item {
    margin: 0 0 30px;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
}

.content-result-item ul.ul-inline .col1 {
    width: 170px;
    margin-right: 30px;
}

.content-result-item .result-item-image {
    position: relative;
    width: 170px;
    height: 113px;
    display: block;
    overflow: hidden;
}

.content-result-item .result-item-image .icon-video-play {
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/icons/icon_video.png) no-repeat left top;
    position: absolute;
    z-index: 10;
    top: 8px;
    right: 6px;
}

.most-popular-news-item .icon-video-play {
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/icons/icon_video.png) no-repeat left top;
    position: absolute;
    z-index: 10;
    top: 8px;
    left: 134px;
}

.content-result-item .result-item-image img {
    max-width: 100%;
}

.content-result-item ul.ul-inline .col2 {
    width: 965px;
}

.content-result-item ul.ul-inline .col2 .result-category {
    color: #6D6D6D;
    display: block;
    font-family: HumanBTIta;
    font-size: 12px;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.content-result-item ul.ul-inline .col2 .result-category .date {
    float: right;
    text-transform: none;
}

.mark {
    color: #fff;
    background: #cccccc;
    width: 66px;
    float: left;
    margin-right: 10px;
    text-align: center;
}

.content-result-item ul.ul-inline .col2 h4 {
    color: #000000;
    font-family: HumanBoldItalic;
    font-size: 18px;
    margin: 0;
    padding: 4px 0 8px;
}

.content-result-item ul.ul-inline .col2 h4 a {
    text-decoration: none;
    color: #000000;
}

.content-result-item ul.ul-inline .col2 .result-item-descr {
    color: #000000;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
}

.content-result-item ul.ul-inline .col2 .result-item-descr p {
    margin-top: 0;
}

.result-more-button {
    border: 1px solid #BFBFBF;
    color: #2A2A2A;
    cursor: pointer;
    font-family: HumanRoman;
    font-size: 18px;
    padding: 16px 0;
    text-align: center;
    text-transform: uppercase;
}

.result-more-button span {
    background: url("../img/icons/icon_more.png") no-repeat scroll right 0 transparent;
    display: inline-block;
    padding-right: 38px;
}

/* End of Page 'search' */

.content.content-fan-zone {
    margin: 30px auto 0;
    padding-bottom: 0;
}

.block-title, .trending-video h3 {
    height: 62px;
    line-height: 62px;
    position: relative;
    padding: 0;
}

.article-photogallery .block-title, .open-gallery .block-title {
    display: none;
}

.block-title .btn-more, .trending-video h3 .btn-more {
    top: 20px;
    right: 0;
}

.photo-gallery .news-title p {
    bottom: auto;
}

.trending-video, .follow-our-teams {
    width: 568px;
    height: 522px;
    padding: 16px;
    display: inline-block;
    border-bottom: 1px solid #E5E5E5;
}

.trending-video {
    float: left;
}

.trending-video .most-popular-news-item {
    width: 370px;
}

.follow-team-nav {
    width: 570px;
    height: 40px;
    background: #203874;
    position: relative;
}

.follow-team-nav a {
    width: 102px;
    height: 27px;
    position: relative;
    margin-left: 7px;
    font-size: 14px;
    padding: 5px 16px 5px 14px;
    color: #ffffff;
    font-family: "HumanRoman";
    text-decoration: none;
    top: 9px;
}

.follow-team-nav a.active {
    background: #1a2d5d;
    font-family: "HumanBTBol";
    border-radius: 20px;
    box-shadow: inset 2px 2px 4px #000000, 2px 2px 4px #27458e;
}

.follow-team-content {
    width: 570px;
    height: 359px;
    overflow: hidden;
    position: relative;
    border-bottom: solid 1px #9e9e9f;
}

.foolow-team-scrollable {
    position: absolute;
    width: 20000em;

}

.foolow-team-scrollable .all, .foolow-team-scrollable .champ-league, .foolow-team-scrollable .m-associations {
    width: 570px;
    height: 359px;
    position: relative;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
}

.foolow-team-scrollable ul {
    padding: 0;
    margin: 0;
}

.foolow-team-scrollable ul li {
    list-style: none;
    margin: 0 0 1px 0;
    width: 555px;
    height: 50px;
    border-bottom: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    position: relative;
    font-family: "HumanBTIta";
    line-height: 50px;
    color: #000000;
    font-size: 16px;
    font-weight: 100;
}

.foolow-team-scrollable .team, .foolow-team-scrollable .team-links {
    height: 100%;
    position: relative;
    display: inline-block;
}

.foolow-team-scrollable .team {
    width: 311px;
    float: left;
    border-right: solid 1px #d0d0d0;
    background: #e9e9e9;
}

.foolow-team-scrollable .team-links {
    width: 233px;
    background: #dcdcdc;
    padding-left: 10px;
    position: absolute;
    top: 0;
}

.foolow-team-scrollable img {
    width: 34px;
    height: 34px;
    padding: 10px 9px 0 0
}

.foolow-team-scrollable .flag img {
    padding-left: 20px;
    padding-top: 0;
    vertical-align: middle;
    max-width: 34px;
    max-height: 34px;
    width: auto;
    height: auto;
}

.foolow-team-scrollable .countries img {
    float: right;
}

.team-links a {
    float: left;
}

.team-links img {
    padding-left: 9px;
}

.container.social-stream {
    background: #ffffff;
    margin-bottom: 100px;
}

.social-stream .stream-title {
    height: 90px;
    line-height: 90px;
    font-size: 30px;
    color: #353535;
    font-family: "HumanLight";
    font-weight: 100;
    text-align: center;
    margin: 0;
}

@media (max-width: 1200px) {
    .li-full-page .content-wysivig #IframeContainer {
        margin: 0 -16px;
    }
}

.content-wysivig {
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    padding: 0 16px;
}

.content-wysivig img {
    max-width: 100%;
    height: auto;
}

.content-wysivig h2.content-title {
    padding: 20px 0 20px 0;
}

.content-wysivig p {
    margin: 20px 0;
}

/* Article Reduced */

.content-article-reduced .content-head {
    text-align: left;
}

.content-article-reduced .content-head h2 {
    font-family: HumanBoldItalic;
    font-size: 38px;
    color: #252525;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 38px;
}

.content-article-reduced .article-dl {
    padding: 0;
    margin: 0;
    width: 755px;
    height: 465px;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 29px;
}

.content-article-reduced .article-dl .scrollable {
    overflow: hidden;
    width: 755px;
    height: 455px;
}

.content-article-reduced .article-dl .scrollable .items img {
    width: 769px;
    height: auto;
}

.content-article-reduced .article-dl-navi {
    top: 370px;
    right: 12px;
}

.content-article-reduced .article-dl-description {
    padding-left: 0;
    padding-top: 6px;
    width: 700px;
}

.content-article-reduced .article-photogallery {
    height: 432px;
}

.content-article-reduced .article-photogallery-description {
    font-size: 16px;
    line-height: 22px;
    padding: 16px 328px 0 23px;
}

/* fix for president corner twitter timeline*/
.pad15.latest-news {
    float: none;
    width: auto;
}

.post-type-archive-fans .fb-like {
    padding: 0 !important;
}

.content-fan-zone .content-cols .col-right {
    padding: 14px 0 35px;
}

.news-title .rss {
    float: right;
}

.content-cols .col-left iframe {
    width: 100%;
}

.content-cols .col-left .df-module {
    min-height: 1150px;
    height: 100%;
    overflow-x: hidden;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
    background: #ffffff;
}

/* Added per Christian's request'*/

.temp-item {
    border-top: 1px solid #acacac;
    overflow: hidden;
    width: 753px;
    padding: 15px 1px 15px 15px;
}

.temp-img {
    width: 57px;
    height: 80px;
    float: left;
    padding: 8px;
    border: 1px solid #acacac;
}

.temp-content {
    width: 650px;
    float: left;
    margin: 0 0 0 8px;

}

.temp-box {
    width: 150px;
    height: 75px;
    border-top: 1px solid #acacac;
    padding: 10px;
    float: left;
    margin: 0 4px 0 4px;
}

.temp-box-content {
    font-size: 20px;
    margin: 0 auto;
    font-weight: bold;
}

.temp-box-title {
    font-size: 12px;
}

p.temp-title span {
    font-weight: bold;
    font-style: italic;
}

p.temp-p {
    width: 710px;
    margin: 0 0 15px 0;
    line-height: 20px;
}

.foolow-team-scrollable .all,
.foolow-team-scrollable .gold-cup,
.foolow-team-scrollable .champions-league,
.foolow-team-scrollable .member-association {
    width: 570px;
    height: 359px;
    position: relative;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.competition_nav img {
    max-height: 90px;
}

.fancybox-image, .fancybox-iframe {
    max-height: 520px;
}

.fancybox-inner {
    margin-left: -7px;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter, dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body.post-type-archive-video.active {
    background: url(../img/CCL_page_takeover_QF.jpg) no-repeat top center;
}

body.post-type-archive-video.active .content-news {
    background-color: transparent;
}

body.post-type-archive-video.active .video-hub h2 {
    display: none;
}

.content-cols.no-border {
    background: transparent;
}

.module.comittee {
    width: 100%;
    min-height: 460px;
    padding: 20px 0;
    background-image: url(../img/content/comittee-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #19295c;
    text-align: center;
    font-family: "HumanRoman";
    color: #ffffff;
    margin-bottom: 35px;
}

.comittee .item {
    display: inline-block;
    width: 160px;
    margin: 0 1px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.comittee .item img {
    width: 100%;
    height: 100%;
}

.comittee .item .description {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 0 15px;
    height: 50px;
    overflow: hidden;
    background: rgba(31, 43, 75, 0.8);
}

.comittee .item .description p {
    padding: 0;
    margin: 0;
}

.comittee .item .description .name {
    font-size: 16px;
}

.comittee .item .description .post {
    font-size: 12px;
    font-style: italic;
    text-transform: uppercase;
}

.comittee .title {
    font-size: 27px;
    line-height: 50px;
    padding: 0;
    margin: 0;
}

.drawer {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
}

.drawer .photo {
    width: 108px;
    padding-right: 15px;
}

.drawer .photo img {
    width: 100%;
}

.drawer .info-block {
    position: relative;
}

.drawer .info-block p {
    padding: 0;
    margin: 0;
}

.drawer .info-block .post {
    color: #606060;
    font-size: 14px;
    font-family: "HumanBoldItalic";
    padding-bottom: 5px;
    text-transform: uppercase;
    line-height: 16px;
}

.drawer .info-block .name {
    font-size: 20px;
    color: #181818;
    font-family: "HumanBoldItalic";
    padding-bottom: 5px;
}

.drawer .info-block .date,
.drawer .info-block .proff {
    color: #383838;
    font-size: 16px;
    font-family: "HumanBTBol";
    max-width: 530px;
}

.drawer .info-block .land {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #606060;
    font-family: "HumanBoldItalic";
}

.drawer .info-block .land img {
    vertical-align: middle;
    max-width: 35px;
    max-height: 35px;
    margin-left: 15px;
}

.drawer .info-block .show-more {
    line-height: 42px;
    width: 178px;
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-family: "HumanBoldItalic";
    text-decoration: none;
    background: #1a2950;
    text-align: center;
    margin-top: 10px;
}

.drawer .info-block .show-more:hover {
    background: #0f3c68;
}

.drawer .hidden-box {
    margin: 20px 0;
    display: none;
    color: #898888;
    font-size: 16px;
    font-family: "HumanRoman";
}

.drawer .hidden-box p.title2 {
    font-size: 18px;
}

.drawer .hidden-box.opened {
    display: block;
}

.table {
    width: 100%;
    display: table;
    table-layout: fixed;
    overflow: hidden;
}

.table-cell {
    display: table-cell;
}

.table-cell.col1 {
    width: 50%;
    padding-right: 5%;
}

.table-cell.col2 {
    width: 45%;
}

.drawer .info-block .line {
    display: block;
    width: 100%;
    height: 2px;
    background: #d3d3d3;
    margin: 2px 0;
}

.drawer .hidden-box p {
    color: #898888;
    font-size: 16px;
    font-family: "HumanRoman";
}

.drawer .hidden-box .title {
    color: #343434;
    font-size: 16px;
    font-family: "HumanBoldItalic";
}

.exco-content li {
    float: none;
}

.content-wysivig ol {
    list-style-type: decimal;
    margin: 1em 0;
    padding: 0 0 0 40px;
}

.content-wysivig ul {
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 40px;
}

.content-wysivig ol li {
    list-style-type: decimal;
    display: list-item;
    float: none;
}

.content-wysivig ul li {
    list-style-type: disc;
    display: list-item;
    float: none;
}

/* splash */

.overlay-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9000;
    display: none;
}

.splash-overlay {
    display: none;
    position: fixed;
    top: 50%;
    margin-top: -440px;
    left: 50%;
    margin-left: -515px;
    width: 1030px;
    height: 900px;
    border-top: solid 3px #f3b006;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    z-index: 9999;
}

.splash-overlay .splash-module {
    position: static;
    height: auto;
}

.splash-module > img {
    width: 100%;
}

.clear {
    width: 100%;
    display: block;
    clear: both;
}

.text-right {
    text-align: right;
}

.close-btn {
    display: block;
    position: absolute;
    right: -30px;
    top: -30px;
    background: url("../img/close-btn.png");
    width: 25px;
    height: 25px;
    z-index: 1000;
}

.tickets-content .splash-module-logo {
    left: 0;
}

.article-content.same-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.article-content.same-padding .article-share-buttons {
    right: 0;
}

.tickets-content .splash-module {
    padding-bottom: 30px;
}

.tickets-content {
    padding: 20px 15px;
}

.tickets-title {
    margin-bottom: 10px;
}

/* splash */

.menu-item.cac, .menu-item.cac:hover {
    background: url("../img/icons/menu_tigo_logo.png") no-repeat scroll right 11px rgba(0, 0, 0, 0);
}

.menu-item.cac a {
    padding-right: 36px;
}

.gigya .dropdown-container.logout {
    width: 300px;
    left: auto;
    height: 200px;
    margin-left: -232px;
}

.gigya .dropdown-container.login {
    width: 100%;
    left: 0;
    height: 290px;
    margin-left: 0;
}

.avatar > img {
    width: 90px;
    max-height: 90px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}


.menuCL, .menuCL li ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.menuCL > li ul {
    display: none;
    position: absolute;
    text-align: left;
    z-index: 100;
    background-color: #393939;
    top: 35px;
}

.menuCL > li > ul {
    margin-left: -13px;
    font-size: 80%;
}

.menuCL > li:hover > ul {
    display: block;
}

.menuCL > li ul > li a {
    width: 100px;
}

.menuCL > li.extended {
    position: relative;
}

.menuCL > li.extended a:hover span.arrowCL, .arrowCL:hover {
    background: url("../img/header/nav_arrow_hover_CL.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

.arrowCL {
    background: url("../img/header/nav_arrow_CL.png") no-repeat scroll center center transparent;
    margin-left: 5px;
    padding-left: 8px;
}

.icon-pdf {
    width: 46px;
    height: 49px;
    display: inline-block;
    background: url("../img/content/icon-pdf.png") center center no-repeat;
}

.pdf-link {
    display: block;
    font-size: 14px;
    margin-top: 15px;
    color: #666666;
}

.pdf-link-tickets {
    float: right;
    margin-top: 22px;
}

.pdf-link a {
    color: #666666;
    text-decoration: none;
    line-height: normal;
}

.pdf-link .icon-pdf {
    float: left;
    margin-right: 10px;
}

.pdf-link .font-bold {
    display: block;
}

.tickets .breadcrumbs .article-share-buttons {
    float: none;
    right: 0;
}

.tickets .breadcrumbs ul {
    margin: 0;
}

.tickets .date-header {
    line-height: 56px;
    padding: 0 18px;
    font-size: 26px;
    color: #000000;
    font-family: "HumanRoman";
    background: #d3d3d3;
    margin: 17px 0;
}

.poster-tickets {
    margin-bottom: 16px;
}

.poster-tickets .poster-header {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 34px;
    font-size: 24px;
    background: url("../img/content/poster-tickets-head-bg.png") left top repeat-x;
    border-bottom: solid 4px #ffbe00;
}

.poster-tickets .poster-header .group-title {
    color: #ffffff;
    margin: 0;
    font-family: "HumanBoldItalic";
}

.poster-tickets .poster-header .stadium-title {
    color: #d3d3d3;
    margin: 0;
    font-size: 20px;
    font-family: "HumanBoldItalic";
}

.poster-tickets .poster-header .left-box {
    float: left;
}

.poster-tickets .poster-header .right-box {
    float: right;
}

.icon-stadium-gray {
    display: inline-block;
    width: 46px;
    height: 27px;
    background: url("../img/content/icon-stadium-gray.png") center center no-repeat;
}

.poster-tickets .poster-header .icon-stadium-gray {
    margin-right: 17px;
    margin-top: -5px;
    vertical-align: middle;
}

.poster-tickets .poster-content {
    overflow: hidden;
    background: url("../img/content/poster-tickets-content-bg.jpg") no-repeat;
    background-size: 100% 100%;
}

.poster-tickets .poster-content .item-1 {
    width: 50%;
    display: table;
    height: 200px;
    float: left;
    border-right: solid 1px #2764c0;
    border-bottom: solid 1px #001542;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.poster-tickets .poster-content .item-2 {
    width: 50%;
    display: table;
    height: 200px;
    float: left;
    border-left: solid 1px #001542;
    border-bottom: solid 1px #001542;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.poster-tickets .poster-content .item-simple {
    width: 100%;
    display: table;
    padding: 0 15%;
    height: 200px;
    clear: both;
    border-bottom: solid 1px #001542;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.poster-tickets .poster-content .table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.poster-tickets .poster-content .col-team {
    width: 40%;
}

.poster-tickets .poster-content .col-middle {
    width: 20%;
}

.poster-tickets .poster-content .col-team .img-container {
    height: 115px;
    overflow: hidden;
    margin-bottom: 12px;
}

.poster-tickets .poster-content .col-team .img-container img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.poster-tickets .poster-content .col-team .img-container:after {
    display: inline-block;
    height: 115px;
    width: 0;
    content: '';
    vertical-align: middle;
}

.poster-tickets .poster-content .col-team .team {
    margin: 0;
    font-size: 23px;
    color: #ffffff;
    font-family: "HumanBTIta";
    text-shadow: 1px 2px #000000;
    white-space: nowrap;
}

.poster-tickets .poster-content .col-middle .icon-vs {
    width: 58px;
    height: 58px;
    line-height: 58px;
    border-radius: 60px;
    font-size: 30px;
    margin-bottom: 21px;
    color: #000000;
    background: #cdd5dc;
    font-family: "HumanLight";
    display: inline-block;
}

.poster-tickets .poster-content .col-middle .time {
    margin: 0;
    font-size: 16px;
    color: #ffffff;
    font-family: "HumanBTIta";
    text-shadow: 1px 2px #000000;
    white-space: nowrap;
}

.poster-tickets .poster-content .item-simple .col-middle .time {
    font-size: 22px;
}

.poster-tickets .poster-footer {
    height: 70px;
    line-height: 71px;
    overflow: hidden;
    background: #143b78;
    background-size: 100% 100%;
    border-top: solid 1px #2764c0;
}

.icon-tickets {
    display: inline-block;
    width: 36px;
    height: 32px;
    background: url("../img/content/icon-tickets.png") center center no-repeat;
}

.poster-tickets .poster-footer .link {
    display: block;
    text-align: center;
    font-size: 21px;
    font-family: "HumanBTBol";
    text-transform: uppercase;
    color: #ffb700;
    text-decoration: none;
}

.poster-tickets .poster-footer .link .icon-tickets {
    vertical-align: middle;
    margin-right: 16px;
    margin-top: -6px;
}

.splash-tickets {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9200;
    overflow: auto;
}

.splash-wrapper-table {
    display: table;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.splash-wrapper-cell {
    display: table-cell;
    vertical-align: middle;
}

.splash-tickets .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    z-index: 1;
    display: block;
    background: url('../img/splash-tickets/close-btn.png') center center no-repeat;
}

.splash-tickets .splash-container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    background: url('../img/splash-tickets/bg.jpg') center top no-repeat;
    background-size: cover;
}

.splash-tickets .splash-container .splash-content {
    overflow: auto;
    padding: 0 68px 80px;
    position: relative;
}

.splash-tickets .splash-container .head {
    height: 120px;
    padding: 0 68px;
    position: relative;
    overflow: hidden;
}

.splash-tickets .splash-container .head .logo {
    position: absolute;
    left: 100px;
    right: 100px;
    top: 0;
    bottom: 0;
    text-align: center;
}

.splash-tickets .splash-container .head .logo:after {
    display: inline-block;
    content: '';
    height: 120px;
    width: 0;
    vertical-align: middle;
}

.splash-tickets .splash-container .head .logo img {
    max-height: 100px;
    vertical-align: middle;
}

.splash-tickets .splash-container .head .title {
    margin-left: 40px;
    padding-left: 75px;
    margin-top: 38px;
    background: url('../img/splash-tickets/tickets.png') left center no-repeat;
}

.splash-tickets .splash-container .head .title p {
    font-family: "HumanBTBol";
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
}

.splash-tickets .splash-container .head .title .line-1 {
    font-size: 22px;
    line-height: 19px;
}

.splash-tickets .splash-container .head .title .line-2 {
    font-size: 22px;
    line-height: 19px;
}

.splash-tickets .splash-container .head .title .line-3 {
    font-size: 34px;
    line-height: 26px;
}

.splash-tickets .splash-container .chart-table-head {
    display: table;
    background: #fdba31;
    width: 100%;
    height: 21px;
    padding-top: 2px;
}

.splash-tickets .splash-container .chart-table-head .t-row {
    display: table-row;
}

.splash-tickets .splash-container .chart-table-head .t-cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    line-height: 20px;
    font-family: "HumanBTBol";
    color: #033589;
}

.splash-tickets .splash-container .t-cell.date {
    width: 24%;
    padding-left: 2.5%;
}

.splash-tickets .splash-container .t-cell.stadium {
    width: 28%;
}

.splash-tickets .splash-container .t-cell.time {
    width: 15%;
}

.splash-tickets .splash-container .t-cell.game {
    width: 20%;
    text-align: center;
}

.splash-tickets .splash-container .t-cell.control {
    width: 13%;
    text-align: right;
}

.splash-tickets .splash-container .chart-table-body {
    display: table;
    width: 100%;
}

.splash-tickets .splash-container .chart-table-body .t-row {
    display: table-row;
}

.splash-tickets .splash-container .chart-table-body .t-cell {
    display: table-cell;
    vertical-align: middle;
    height: 44px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: solid 1px #fdba31;
}

.splash-tickets .splash-container .chart-table-body .t-cell.date {
    font-family: "HumanLight";
    color: #ffffff;
    font-size: 23px;
    letter-spacing: -0.025em;
}

.splash-tickets .splash-container .chart-table-body .t-cell.stadium {
    padding-left: 42px;
    background: url('../img/splash-tickets/icon-stadium.png') left center no-repeat;
}

.splash-tickets .splash-container .chart-table-body .t-cell.stadium .title {
    font-family: "HumanBTBol";
    font-size: 23px;
    line-height: 20px;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

.splash-tickets .splash-container .chart-table-body .t-cell.stadium .sub-title {
    font-family: "HumanLight";
    font-size: 19px;
    line-height: 18px;
    color: #fdba31;
    margin: 0;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

.splash-tickets .splash-container .chart-table-body .t-cell.time .text {
    font-size: 21px;
    line-height: 22px;
    font-family: "HumanLight";
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.025em;
    white-space: nowrap;
}

.splash-tickets .splash-container .chart-table-body .t-cell.game .text {
    line-height: 22px;
    font-family: "HumanLight";
    color: #ffffff;
    margin: 0;
    font-size: 0;
    letter-spacing: -0.025em;
    white-space: nowrap;
}

.splash-tickets .splash-container .chart-table-body .t-cell.game .vs {
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    width: 14%;
    margin-top: -4px;
}

.splash-tickets .splash-container .chart-table-body .t-cell.game .team {
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    width: 43%;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

.splash-tickets .splash-container .chart-table-body .t-cell.game .team-1 {
    text-align: right;
}

.splash-tickets .splash-container .chart-table-body .t-cell.game .team-2 {
    text-align: left;
}

.splash-tickets .splash-container .btn-buy-now {
    display: inline-block;
    line-height: 27px;
    font-family: "HumanBTBol";
    text-align: center;
    width: 118px;
    color: #033589;
    background: #fdba31;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.splash-tickets .splash-container .btn-buy-now:hover {
    color: #fdba31;
    background: #033589;
}

.splash-tickets .splash-container .finals-grid-table {
    display: table;
    width: 100%;
}

.splash-tickets .splash-container .finals-grid-table .col-50 {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.splash-tickets .splash-container .finals-table-content .game-title {
    font-family: "HumanBTBol";
    margin: 0;
    font-size: 23px;
    color: #fdba31;
    text-transform: uppercase;
}

.splash-tickets .splash-container .simple-table {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

.splash-tickets .splash-container .simple-table .w-40 {
    width: 40%;
}

.splash-tickets .splash-container .simple-table .w-20 {
    width: 20%;
}

.splash-tickets .splash-container .divider-line {
    display: block;
    width: 92%;
    height: 1px;
    margin: 5px 0;
    background: #fdba31;
}

.splash-tickets .splash-container .simple-table .align-middle {
    vertical-align: middle;
}

.splash-tickets .splash-container .simple-table .align-bottom {
    vertical-align: bottom;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.splash-tickets .splash-container .simple-table .date {
    font-family: "HumanLight";
    color: #ffffff;
    font-size: 23px;
    line-height: 24px;
    letter-spacing: -0.025em;
    margin: 0;
    white-space: nowrap;
}

.splash-tickets .splash-container .simple-table .stadium-line-1 {
    font-family: "HumanBTBol";
    font-size: 23px;
    line-height: 24px;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    white-space: nowrap;
}

.splash-tickets .splash-container .simple-table .stadium-line-2 {
    font-family: "HumanLight";
    font-size: 19px;
    line-height: 24px;
    color: #fdba31;
    margin: 0;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

.splash-tickets .splash-container .simple-table .time {
    font-size: 21px;
    line-height: 24px;
    font-family: "HumanLight";
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.025em;
    white-space: nowrap;
}

.splash-tickets .splash-container .simple-table .text-team {
    line-height: 24px;
    font-family: "HumanLight";
    color: #ffffff;
    margin: 0;
    font-size: 0;
    letter-spacing: -0.025em;
    white-space: nowrap;
}

.splash-tickets .splash-container .simple-table .text-team .vs {
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    padding: 0 10px;
    margin-top: -4px;
}

.splash-tickets .splash-container .simple-table .text-team .team {
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    width: 30%;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

.splash-tickets .splash-container .simple-table .text-team .team-1 {
    text-align: right;
}

.splash-tickets .splash-container .simple-table .text-team .team-2 {
    text-align: left;
}

.button-yellow-tickets {
    background: url("../img/button-yellow.png") center center no-repeat;
    display: block;
    height: 42px;
    text-align: center;
    width: 146px;
    color: #000;
    margin-top: 16pt;
    float: right;
}

.button-blue-tickets {
    background: url("../img/button-blue.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    color: #fff;
    text-align: center;
    width: 146px;
}

.button-yellow-tickets-2 {
    background: url("../img/button-yellow-2.png") center center no-repeat;
    display: inline-block;
    width: 286px;
    margin-top: 0;
    float: none;
}

.button-yellow-tickets > span, .button-blue-tickets > span {
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    font-family: HumanLight;
}

.pdf-button-ticket {
    display: block;
    padding-top: 40px;
    padding-bottom: 35px;
}

.get-code-bottom {
    text-align: center;
    padding-bottom: 70px;
    padding-top: 100px;
}

.font-tickets {
    font-family: UniversLTStd-Bold;
    font-size: 9pt;
}

@media (max-width: 1029px) {
    .splash-overlay {
        margin-left: 0;
        left: 0;
        width: 100%;
    }

    .close-btn {
        right: 5px;
        top: 5px;
    }
}

@media (max-height: 910px) {
    .splash-overlay {
        margin-top: 0;
        top: 20px;
        bottom: 0;
        height: auto;
    }

    .close-btn {
        right: 5px;
        top: 5px;
    }
}

.sign-up {
    margin-left: 15px;
}

.no-right-shadow {
    background: none;
}

.li-full-page {
    width: 100% !important;
}

/*venue*/
.venue-container {
    margin: 0 0 30px 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
}

.venue-container img {
    max-width: 100%;
    height: auto;
}

.venue-container p {
    font-size: 16px;
    margin: 20px 0;
}

.venue-accordion p {
    margin: 0;
}

.venue-container p strong {
    font-size: 14px;
}

.venue-container p span {
    display: block;
}

.venue-container-text {
    border-top: 1px solid #e6e6e6;
    margin: 20px 0;
    padding-top: 10px;
}

.venue-accordion {
    padding: 5px 0;
    border-bottom: solid 1px #cccccc;
}

.venue-accordion.expanded .accordion-title .arrow {
    background-position: center top;
}

.venue-accordion p {
    padding: 0;
}

.venue-accordion .accordion-content {
    display: none;
    padding-bottom: 15px;
}

.venue-accordion .accordion-title {
    display: block;
    padding: 10px 42px 10px 0;
    margin: 0 18px 0 0;
    line-height: 22px;
    color: #353535;
    font-size: 22px;
    font-family: "HumanBoldItalic";
    font-style: normal;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
}

.venue-accordion .accordion-title .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    width: 26px;
    background-image: url('../img/dropdown-arrow.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.venue-accordion .swiper-container {
    margin: 15px 0;
}

.venue-accordion .swiper-container .img-responsive {
    width: 100%;
}

.venue-accordion .swiper-pagination {
    padding: 0;
}

.venue-accordion .sub-title {
    color: #353535;
    font-size: 18px;
    font-family: "HumanBoldItalic";
    font-style: normal;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0;
    text-transform: uppercase;
}

.swiper-container.venue-swiper .swiper-slide {
    height: 390px;
    position: relative;
    background: #000000;
}

.venue-swiper .swiper-slide .table-wrap {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.venue-swiper .swiper-slide .cell-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.venue-swiper .swiper-slide .cell-wrap img {
    max-width: 100%;
    max-height: 390px;
}

.venue-swiper .swiper-btn {
    background-color: #e3e3e3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 12px;
    display: inline-block;
    width: 27px;
    height: 27px;
    border-radius: 15px;
    cursor: pointer;
}

.venue-swiper .swiper-btn.swiper-button-disabled {
    opacity: 0.5;
}

.venue-swiper .swiper-button-next {
    background-image: url('../img/icons/gallery_arrow_next_black.png');
}

.venue-swiper .swiper-button-pause {
    background-image: url('../img/icons/gallery_pause_black.png');
}

.venue-swiper .swiper-button-play {
    display: none;
    background-image: url('../img/icons/gallery_play_black.png');
}

.venue-swiper .btn-gallery-resize {
    background-image: url('../img/icons/gallery_resize_black.png');
}

.venue-swiper .swiper-button-prev {
    background-image: url('../img/icons/gallery_arrow_prev_black.png');
}

.venue-swiper .swiper-controls {
    text-align: right;
    padding-top: 12px;
}

.venue-swiper.full-screen .swiper-controls {
    position: absolute;
    right: 18px;
    bottom: 18px;
}

.venue-swiper .swiper-pagination-bullet {
    background: none;
    display: none;
    color: #000000;
    font-family: "HumanRoman";
    font-size: 16px;
    width: auto;
    height: auto;
    border: none;
    margin: 0;
    line-height: 27px;
    padding-left: 5px;
    vertical-align: baseline;
}

.venue-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: none;
    border: none;
    display: inline-block;
}

.venue-swiper .swiper-pagination-bullet:last-child {
    display: inline-block;
}

.venue-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content: '/';
    display: inline-block;
    margin-left: 5px;
}

.swiper-container.venue-swiper .text-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 18px;
    background: rgba(0, 0, 0, 0.7);
}

.swiper-container.venue-swiper.full-screen .text-box {
    padding-right: 250px;
}

.swiper-container.venue-swiper .text-box .description {
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-family: "HumanBtIta";
}

.swiper-container.venue-swiper .swiper-pagination {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0 10px 0 5px;
    text-align: right;
    white-space: nowrap;
    background: none;
    background: #e3e3e3;
    border-radius: 20px;
}

.venue-swiper.swiper-container.full-screen {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
    background: #000000;
}

.venue-swiper.swiper-container.full-screen .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.venue-swiper.swiper-container.full-screen .swiper-slide {
    height: 100%;
}

.venue-swiper.swiper-container.full-screen img {
    max-height: 100%;
}

/*Games Notes Field*/

.swiper-container.game-notes-swiper {
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: solid 1px #e6e6e6;
}

.swiper-container.game-notes-swiper .swiper-slide {
    position: relative;
}

.game-notes-swiper .swiper-slide .table-wrap {
    display: table;
    width: 100%;
    height: 330px;
    background: #000000;
}

.game-notes-swiper .swiper-slide .cell-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.game-notes-swiper .swiper-slide .cell-wrap img {
    max-width: 100%;
    max-height: 330px;
}

.swiper-container.game-notes-swiper .text-box {
    font-size: 11px;
    color: #707070;
    font-family: "Arial", sans-serif;
    font-style: italic;
}

.swiper-container.game-notes-swiper .swiper-pagination {
    bottom: auto;
    top: 300px;
}

.swiper-container.game-notes-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: none;
    background: rgba(255, 255, 255, 0.5);
}

.swiper-container.game-notes-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    border: none;
    background: rgba(255, 255, 255, 1);
}

.swiper-container.game-notes-swiper .text-box p {
    margin: 5px 0;
}

.content-game-notes p {
    margin: 0 0 10px 0;
    color: #000000;
    font-size: 13px;
    font-family: "Arial", sans-serif;
}

.content-game-notes .breadcrumbs-items {
    padding: 0;
    margin-top: 0;
}

.content-game-notes .article-photogallery {
    margin-bottom: 10px;
}

.content-game-notes .article-photogallery-navi .navi-button {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
}

.content-game-notes .article-photogallery-navi .navi-stats {
    background: rgba(255, 255, 255, 0.2);
}

.content-game-notes .tweet-include {
    float: left;
    margin: 10px 10px 10px 0;
}

.content-game-notes .download-pdf .icon-pdf {
    width: 72px;
    height: 72px;
    display: block;
    font-size: 14px;
    background: url('../img/pdf-icon.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 20px auto 5px auto;
}

.content-game-notes .download-pdf {
    text-decoration: none;
    color: #888888;
    text-align: center;
    float: right;
    clear: both;
    font-family: "HumanRoman";
}

.content-game-notes .table-game-title {
    text-align: center;
    margin-bottom: 20px;
}

.content-game-notes .table-game-title p {
    font-family: "HumanBTBol";
    font-size: 24px;
    color: #535353;
    margin: 0;
    line-height: 24px;
}

.content-game-notes .table-game-notes {
    display: table;
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    background: #f2f2f2;
    border: solid 1px #a7a7a7;
    font-family: "HumanRoman";
}

.content-game-notes .table-game-notes .row {
    display: table-row;
    color: #000000;
}

.content-game-notes .table-game-notes .row.head {
    font-family: "HumanBTBol";
    font-style: normal;
    color: #ffffff;
}

.content-game-notes .table-game-notes .row .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #000000;

    border-bottom: solid 1px #cccccc;
    height: 39px;
}

.content-game-notes .table-game-notes .row .cell.label {
    font-family: "HumanBTIta";
    background-image: url('../img/game-notes-table-shadow.png');
    background-position: center center;
    background-repeat: repeat-y;
    background-size: 100%;
}

.content-game-notes .table-game-notes .row.head .cell {
    border: none;
    padding-bottom: 0;
    height: 34px;
    background: #203874;
    color: #ffffff;
}

.content-game-notes .table-game-notes .row:nth-child(odd) {
    background-color: #e8e8e8;
}

.content-game-notes .additional-game-info-box {
    margin: 0 -7px;
    overflow: hidden;
}

.content-game-notes .additional-game-info-box .item {
    float: left;
    display: table;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 7px;
    padding-right: 7px;
    padding-left: 7px;
}

.content-game-notes .additional-game-info-box .item.w50 {
    width: 50%;
}

.content-game-notes .additional-game-info-box .item.w100 {
    width: 100%;
}

.content-game-notes .additional-game-info-box .item .wrap {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    padding-left: 55px;
    padding-right: 35px;
    border: solid 1px #cccccc;
    background: #f2f2f2;
    color: #000000;
    font-size: 16px;
    font-family: "HumanRoman";
}

.content-game-notes .additional-game-info-box .item .wrap.whistle-big {
    background-image: url('../img/icon-whistle.png');
    background-position: 14px center;
    background-repeat: no-repeat;
}

.content-game-notes .additional-game-info-box .item .wrap.whistle {
    background-image: url('../img/icon-whistle.png');
    background-position: 17px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.content-game-notes .additional-game-info-box .item .wrap.suspended {
    background-image: url('../img/icon-suspended.png');
    background-position: 10px center;
    background-repeat: no-repeat;
}

.content-game-notes .additional-game-info-box .item .wrap.stadium {
    background-image: url('../img/icon-stadium-gray.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #535353;
}

.content-game-notes .game-notes-title {
    font-size: 24px;
    font-family: "HumanBTBol";
    margin-bottom: 20px;
    margin-top: 50px;
}

.game-notes-box {
    border: solid 1px #cccccc;
    margin-bottom: 25px;
}

.game-notes-box .game-notes-head {
    height: 60px;
    padding: 5px 0;
    border-bottom: solid 1px #cccccc;
}

.game-notes-box .game-notes-head:after {
    display: inline-block;
    width: 1px;
    height: 60px;
    vertical-align: bottom;
}

.game-notes-box .game-notes-head .logo {
    display: inline-block;
    vertical-align: bottom;
    width: 80px;
    padding-left: 6px;
    text-align: center;
}

.game-notes-box .game-notes-head .logo img {
    max-height: 55px;
    max-width: 60px;
    vertical-align: middle;
}

.game-notes-box .game-notes-head .text {
    display: inline-block;
    vertical-align: bottom;
    font-size: 18px;
    font-family: "HumanBTBol";
}

.game-notes-body .note-field {
    font-size: 15px;
    font-family: "Arial", sans-serif;
    padding: 7px 10px 7px 90px;
    line-height: 20px;
    background: #ffffff;
}

.game-notes-body .note-field:nth-child(even) {
    background: #f2f2f2;
}

.game-notes-body .note-field:before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #000000;
    margin-right: 6px;
}

/*top-option*/
.top-select {
    position: relative;
}

div.selectBox {
    font-family: "HumanLight";
    background-color: #000;
    color: #FFF;
    border: none;
    position: absolute;
    top: 200px;
    left: 25px;
    z-index: 1;
    width: 240px;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
    letter-spacing: 0.025em;
    z-index: 100;
}

span.selected {
    width: 100%;
    color: #FFF;
    overflow: hidden;
    display: block;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 15% 0 10px;
    position: relative;
    z-index: 10;
}

span.selectArrow {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(../img/header/nav_arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 100%;
    z-index: 9;
}

div.selectOptions {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    overflow: hidden;
    background: #222;
    padding-top: 2px;
    display: none;
    line-height: 30px;
}

span.selectOption {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 30px;
    padding: 0 10px;
    border-top: 1px solid #565656;
}

span.selectOption:hover {
    color: #fff;
    background: #000;
}

/*scores-tv-shedule*/
.scores-tv-shedule {

}

.scores-tv-shedule .scores-nav,
.scores-tv-shedule .scores-content {
    width: 100%;
}

.scores-tv-shedule .title {
    color: #fff;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    line-height: 40px;
    padding-left: 10px;
}

.scores-tv-shedule .scores-nav .select {
    width: 74px;
    height: 26px;
    background-color: transparent;
    float: right;
    margin-right: 10px;
    position: relative;
    margin-top: 7px;
}

.scores-tv-shedule .scores-nav select {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.2);
    width: 74px;
    height: 26px;
    color: #FFF;
}

.scores-tv-shedule .scores-nav .select:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    right: 5px;
    top: 10px;
}

.scores-tv-shedule .scores-nav select option {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.8);
}

.scores-tv-shedule .leyenda {
    color: #999;
    font-family: HumanRoman;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: normal;
    margin: 0 5px;
    padding: 0;
    text-transform: uppercase;
}

.scores-tv-shedule .logo-column {
    display: table-cell;
    vertical-align: middle;
    width: 18%;
    float: none;
    background: rgba(198, 198, 198, 1);
    background: -moz-linear-gradient(left, rgba(198, 198, 198, 1) 0%, rgba(250, 246, 245, 0.62) 38%, rgba(250, 246, 245, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(198, 198, 198, 1)), color-stop(38%, rgba(250, 246, 245, 0.62)), color-stop(100%, rgba(250, 246, 245, 0)));
    background: -webkit-linear-gradient(left, rgba(198, 198, 198, 1) 0%, rgba(250, 246, 245, 0.62) 38%, rgba(250, 246, 245, 0) 100%);
    background: -o-linear-gradient(left, rgba(198, 198, 198, 1) 0%, rgba(250, 246, 245, 0.62) 38%, rgba(250, 246, 245, 0) 100%);
    background: -ms-linear-gradient(left, rgba(198, 198, 198, 1) 0%, rgba(250, 246, 245, 0.62) 38%, rgba(250, 246, 245, 0) 100%);
    background: linear-gradient(to right, rgba(198, 198, 198, 1) 0%, rgba(250, 246, 245, 0.62) 38%, rgba(250, 246, 245, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#faf6f5', GradientType=1);
}

.scores-tv-shedule .logo-column img {
    max-width: 85%;
    max-height: 85%;
}

.scores-tv-shedule .name-column {
    font-family: "HumanBtIta";
    color: #000;
    font-size: 14px;

    line-height: 18px;
    text-align: left;
    display: table-cell;
    float: none;

    overflow: hidden;
    vertical-align: middle;
    padding-left: 3%;
    padding-right: 3%;
}

.scores-tv-shedule .logo-column span {
    text-align: center;
}

.scores-tv-shedule .time-column {
    font-family: "HumanBtIta";
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 20%;
    border-right: 1px solid #cecece;
}

.scores-tv-shedule .time-column .date {
    color: #4d4d4d;
    font-size: 12px;

    text-align: left;
    float: none;
    height: auto;
    padding-left: 13px;

}

.scores-tv-shedule .time-column .time {
    color: #000;
    font-size: 14px;
    font-weight: 700;

    text-align: center;
    float: none;
    height: auto;
}

.scores-tv-shedule li {
    height: 58px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #cecece;
    margin-bottom: 0;

}

.scores-tv-shedule li:nth-child(2n+1) {
    background-color: #e3e3e3;
}

.scores-tv-shedule .scores-content {
    height: auto;
}

/* Competitions Special Landing */

.special-competitions-head {
    display: table;
    width: 100%;
    height: 104px;
    background: #ffffff;
    border-bottom: solid 1px #e5e5e5;
}

.special-competitions-head .cell {
    display: table-cell;
}

.special-competitions-head .cell.logo {
    vertical-align: middle;
    padding: 0 25px 0 13px;
    height: 104px;
}

.special-competitions-head .cell.logo .logo {
    max-width: 140px;
    max-height: 100px;
}

.special-competitions-head .cell.page-title {
    vertical-align: middle;
    height: 104px;
}

.special-competitions-head .cell.page-title .title {
    color: #ffcb08;
    text-transform: uppercase;
    font-size: 36px;
    font-family: "HumanBoldItalic";
    margin: 0;
}

.special-competitions-head .cell.page-title .title.champions-title {
    color: #353535;
}

.special-competitions-head .cell.page-title .date {
    font-size: 14px;
    color: #353535;
    font-family: "HumanBTLigIta";
    margin: 0;
}

.special-competitions-head .cell.sharing {
    background: url('../img/special-competitions/special-landing-head-social.png');
    background-position: left top;
    background-size: auto 100%;
    vertical-align: bottom;
    text-align: right;
    width: 120px;
    padding: 0 13px 12px 30px;
}

.special-competitions-head .cell.sharing p {
    font-size: 14px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "HumanBTIta";
    margin: 6px 0 0 0;
}

.special-competitions-head .cell.sharing .share-box {
    display: inline-block;
}

.special-competitions-nav {
    display: table;
    background: #ffffff;
    width: 100%;
}

.special-competitions-nav a {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    color: #000000;
    font-size: 14px;
    font-family: "HumanRoman";
    text-align: center;
    padding: 0 13px;
    text-decoration: none;
}

.special-competitions-nav a:hover span {
    border-bottom: 1px solid rgba(0, 0, 0, .7);
}

.swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
}

.swiper-pagination {
    display: block;
    position: absolute;
    width: 160px;
    right: 13px;
    bottom: 23px;
    text-align: right;
    overflow: hidden;
    z-index: 10;
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    border: solid 1px #ffffff;
    border-radius: 20px;
    vertical-align: middle;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff;
}

.special-competitions-slider .swiper-slide {
    width: 100%;
    height: 470px;
    position: relative;
    background-size: cover;
}

.special-competitions-slider .swiper-slide .img-shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url('../img/special-competitions/special-landing-swiper-shadow.png') left bottom repeat-x;
}

.special-competitions-slider .text-box {
    position: absolute;
    left: 30px;
    right: 180px;
    bottom: 15px;
}

.special-competitions-slider .text-box .cup {
    font-size: 14px;
    color: #ffcb08;
    font-family: "HumanBoldItalic";
    margin: 0;
    text-shadow: 1.5px 2.598px 0 rgba(0, 0, 0, 0.75);
}

.special-competitions-slider .text-box .title {
    font-size: 40px;
    color: #ffffff;
    font-family: "HumanBTLigIta";
    margin: 0;
    text-shadow: 1.5px 2.598px 0 rgba(0, 0, 0, 0.75);
}

.special-competitions-twitter .swiper-container {
    background: #203874;
}

.special-competitions-twitter .swiper-wrapper {
    padding: 0 35px;
    height: 55px;
}

.special-competitions-twitter .swiper-button-next {
    background-color: #1a2a50;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 100%;
    z-index: 200;
    cursor: pointer;
    background-image: url('../img/special-competitions/twitter-arrow-right.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.special-competitions-twitter .swiper-button-prev {
    background-color: #1a2a50;
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 100%;
    z-index: 200;
    cursor: pointer;
    background-image: url('../img/special-competitions/twitter-arrow-left.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.special-competitions-twitter .slide-wrap {
    display: table;
    width: 100%;
}

.special-competitions-twitter .slide-wrap .inner-wrap {
    display: table-cell;
    vertical-align: middle;
    height: 53px;
    padding-left: 62px;
    background: url('../img/special-competitions/twitter-icon.png') 25px center no-repeat;
}

.special-competitions-twitter .tweet, .special-competitions-twitter .tweet a {
    font-size: 14px;
    color: #ffffff;
    font-family: "HumanLight";
    margin: 0;
    text-decoration: none;
}

.special-competitions-twitter .tweet p {
    margin: 0px;
}

.special-competitions-twitter .highlight {
    color: #ffffff;
    font-family: "HumanRoman";
    text-decoration: none;
}

.special-competitions-twitter .highlight.yellow {
    color: #feb600;
}

.special-competitions-twitter .date {
    color: #878787;
    font-size: 11px;
    font-family: "HumanBTIta";
    margin: 0;
}

.special-competitions-twitter .date .highlight {
    font-family: "HumanBoldItalic";
}

.special-competitions-content {
    padding: 0 13px;
    background: #ffffff;
}

.special-competitions-content .head {
    padding: 20px 0;
    overflow: hidden;
}

.special-competitions-content .head .title {
    font-size: 30px;
    color: #353535;
    font-family: "HumanLight";
    line-height: 20px;
    float: left;
    margin: 0;
}

.special-competitions-content .head .filters {
    float: right;
}

.special-competitions-content .head .filters a {
    opacity: 0.3;
    color: #1d3d7a;
    font-family: "HumanBTBol";
    margin-left: 30px;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    padding-bottom: 7px;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.special-competitions-content .head .filters a.selected {
    opacity: 1;
    background: url('../img/special-competitions/filter-highlight.png') center bottom no-repeat;
}

.special-competitions-content .content-body {
    margin: 0 -13px;
}

.special-competitions-content .content-body .tile {
    float: left;
    width: 33.33333333333333%;
    padding-right: 13px;
    padding-left: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-right: solid 1px #e5e5e5;
    margin-bottom: 42px;
    height: 361px;
}

.special-competitions-content .content-body .tile:nth-child(3n) {
    border-right: none;
}

.special-competitions-content .content-body .tile .inner-wrap {
    border-bottom: solid 6px #e5e5e5;
    height: 355px;
    position: relative;
}

.special-competitions-content .content-body .tile .inner-wrap .link-wrap {
    text-decoration: none;
}

.special-competitions-content .content-body .tile .inner-wrap .img-box {
    width: 100%;
    height: 194px;
    overflow: hidden;
    margin-bottom: 15px;
}

.special-competitions-content .content-body .tile .inner-wrap .img-box img {
    width: 100%;
}

.special-competitions-content .content-body .tile .inner-wrap .title {
    height: 60px;
    overflow: hidden;
    color: #000000;
    font-size: 24px;
    line-height: 24px;
    font-family: "HumanBoldItalic";
    margin: 0;
}

.special-competitions-content .content-body .tile .inner-wrap .description {
    margin: 0;
    font-size: 12px;
    color: #000000;
    font-family: "Arial", sans-serif;
    font-style: italic;
    height: 55px;
    overflow: hidden;
}

.special-competitions-content .content-body .tile .inner-wrap .read-more {
    position: absolute;
    left: 0;
    bottom: 10px;
    color: #253d7a;
    font-family: "Arial", sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}

.special-competitions-content .content-body .tile .inner-wrap .date {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #000000;
    opacity: 0.3;
    font-family: "Arial", sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: right;
    margin: 0;
}

.special-competitions-content .content-body .tile .advertisement {
    border-top: solid 1px #c3c3c3;
    width: 100%;
    height: 360px;
    display: table;
}

.special-competitions-content .content-body .tile .advertisement .ad-wrap {
    display: table-cell;
    vertical-align: middle;
}

.special-competitions-content .load-more {
    display: block;
    text-align: center;
    color: #000000;
    clear: both;
    font-family: "HumanLight";
    font-size: 18px;
    line-height: 13px;
    padding: 15px 0;
    width: 160px;
    margin: 0 auto;
    text-decoration: none;
}

.special-competitions-content .load-more .load-more-arrow {
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url('../img/special-competitions/load-more-arrow.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.special-competitions-content .load-more:hover .load-more-arrow {
    -ms-transform: rotate(-360deg); /* IE 9 */
    -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
    transform: rotate(-360deg);
}

.special-competitions-content .col-50 {
    float: left;
    width: 50%;
    padding-right: 13px;
    padding-left: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 42px;
}

.special-competitions-content .table.standings {
    display: table;
    width: 100%;
}

.special-competitions-content .table.standings .row {
    display: table-row;
}

.special-competitions-content .table.standings .cell {
    display: table-cell;
    font-size: 30px;
    color: #353535;
    font-family: "HumanLight";
    height: 82px;
    text-align: center;
    vertical-align: middle;
    border-bottom: solid 1px #e5e5e5;
}

.special-competitions-content .table.standings .table-head .cell {
    font-size: 12px;
    font-family: "HumanBTBol";
    height: 29px;
    border-top: solid 1px #e5e5e5;
}

.special-competitions-content .table.standings .cell.title {
    width: 40%;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
}

.special-competitions-content .table.standings .cell .img-box {
    display: inline-block;
    padding-right: 25px;
    vertical-align: middle;
    width: 60px;
    text-align: center;
    height: 82px;
    display: table-cell;
}

.special-competitions-content .table.standings .cell .text-box {
    height: 82px;
    display: table-cell;
    vertical-align: middle;
}

.special-competitions-slider .swiper-wrapper .text-box a {
    text-decoration: none;
}

.special-competitions-content .table.standings .cell .img-box img {
    max-width: 60px;
    max-height: 65px;
}

.special-competitions-content .schedule-head {
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    overflow: hidden;
    margin-bottom: 12px;
}

.special-competitions-content .schedule-head .title {
    line-height: 29px;
    color: #000000;
    font-size: 12px;
    font-family: "HumanBTBol";
    float: left;
    text-transform: uppercase;
    margin: 0;
}

.special-competitions-content .schedule-head .more {
    line-height: 29px;
    color: #1d3d7a;
    font-size: 12px;
    font-family: "HumanBTBol";
    float: right;
    text-transform: uppercase;
    text-decoration: none;
}

.special-competitions-content .table.schedule {
    display: table;
    width: 100%;
    border: solid 1px #e5e5e5;
    margin-bottom: 12px;
}

.special-competitions-content .table.schedule .cell {
    display: table-cell;
    width: 50%;
    height: 69px;
    vertical-align: middle;
    border-right: solid 1px #e5e5e5;
}

.special-competitions-content .table.schedule .team-row {
    line-height: 25px;
    color: #353535;
    font-size: 14px;
    font-family: "HumanLight";
    margin: 8px 0;
}

.special-competitions-content .table.schedule .team-row .img-box {
    width: 49px;
    height: 25px;
    text-align: center;
    display: inline-block;
}

.special-competitions-content .table.schedule .team-row .img-box img {
    height: 25px;
}

.special-competitions-content .table.schedule .stadium {
    font-family: "HumanRoman";
    font-size: 14px;
    color: #000000;
    opacity: 0.5;
    line-height: 20px;
    margin: 0;
    text-align: center;
}

.special-competitions-content .table.schedule .date {
    font-family: "HumanRoman";
    font-size: 12px;
    color: #353535;
    line-height: 16px;
    margin: 0;
    text-align: center;
}

.special-competitions-content .table.schedule .time {
    font-family: "HumanBTBol";
    font-size: 12px;
    color: #353535;
    line-height: 16px;
    margin: 0;
    text-align: center;
}

.special-competitions-content .tv-schedule-head,
.special-competitions-content .latest-tweets-head {
    padding: 15px 0;
    margin-bottom: 20px;
}

.special-competitions-content .tv-schedule-head .title,
.special-competitions-content .latest-tweets-head .title {
    float: left;
    margin: 0;
    color: #353535;
    font-size: 30px;
    font-family: "HumanLight";
    line-height: 30px;
}

.special-competitions-content .tv-schedule-head .title span,
.special-competitions-content .latest-tweets-head .title span {
    display: block;
    font-size: 12px;
    font-family: "HumanBTBol";
    line-height: 12px;
}

.special-competitions-content .tv-schedule-head .filters {
    float: right;
    margin-top: 4px;
}

.special-competitions-content .tv-schedule-head .filters .filter-box {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 30px;
}

.special-competitions-content .tv-schedule-head .filters .filter-box ul {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    top: 0;
    list-style: none;
    border: solid 1px #b5b5b5;
    border-radius: 4px;
    background: #ffffff;
    z-index: 1;
}

.special-competitions-content .tv-schedule-head .filters .filter-box ul li {
    display: block;
}

.special-competitions-content .tv-schedule-head .filters .filter-box ul li a.selected {
    background: url('../img/special-competitions/tv-arrow.png');
    background-repeat: no-repeat;
    background-position: 73px center;
}

.special-competitions-content .tv-schedule-head .filters .filter-box ul.expanded li a {
    background: none;
}

.special-competitions-content .tv-schedule-head .filters .filter-box ul li a {
    display: none;
    line-height: 30px;
    color: #1d3d7a;
    font-size: 12px;
    font-family: "HumanBTBol";
    padding: 0 15px;
    text-decoration: none;
}

.special-competitions-content .tv-schedule-head .filters .filter-box ul.expanded li a,
.special-competitions-content .tv-schedule-head .filters .filter-box ul li a.selected {
    display: block;
}

.special-competitions-content .tv-schedule {
    display: table-row-group;
    width: 100%;
}

.special-competitions-content .tv-schedule li {
    display: table-row;
}

.special-competitions-content .tv-schedule li > div {
    display: table-cell;
    vertical-align: middle;
    border-bottom: solid 1px #e5e5e5;
    height: 50px;
}

.special-competitions-content .tv-schedule-table-box {
    height: 336px;
    overflow: auto;
}

.special-competitions-content .tv-schedule-table {
    display: table;
    width: 100%;
}

.special-competitions-content .tv-schedule-table-head {
    display: table-row;
}

.special-competitions-content .tv-schedule-table .row.tv-schedule-table-head .cell {
    font-size: 12px;
    color: #353535;
    font-family: "HumanBTBol";
    height: 30px;
    text-transform: uppercase;
}

.special-competitions-content .tv-schedule-table .time-column,
.special-competitions-content .tv-schedule-table .logo-column {
    width: 20%;
    white-space: nowrap;
    display: table-cell;
}

.special-competitions-content .tv-schedule-table .name-column {
    text-align: center;
    width: 60%;
    white-space: nowrap;
    display: table-cell;
}

.special-competitions-content .tv-schedule-table .time-column .date {
    margin: 0;
    font-size: 14px;
    color: #666666;
    font-family: "HumanLight";
}

.special-competitions-content .tv-schedule-table .time-column .time {
    margin: 0;
    font-size: 14px;
    color: #000000;
    font-family: "HumanRoman";
}

.special-competitions-content .tv-schedule-table .logo-column {
    text-align: center;
}

.special-competitions-content .tv-schedule-table .logo-column img {
    max-height: 40px;
    max-width: 40px;
}

.special-competitions-content .tv-schedule-table .name-column {
    font-family: "HumanLight";
    font-size: 14px;
    color: #000000;
}

.special-competitions-content .tv-schedule-table .name-column span:first-child {
    text-align: right;
}

.special-competitions-content .tv-schedule-table .name-column span:last-child {
    text-align: left;
}

.special-competitions-content .tv-schedule-table .name-column span:nth-child(2) {
    font-size: 14px;
    color: #000000;
    margin: 0 5px;
    font-family: "HumanRoman";
}

.special-competitions-content .tv-schedule-note {
    color: #7e7e7e;
    font-family: "HumanBTBol";
    font-size: 14px;
}

.special-competitions-gallery {
    padding: 20px 13px;
    background: #ffffff;
}

.special-competitions-gallery-head {
    padding-bottom: 20px;
}

.special-competitions-gallery-head .title {
    float: left;
    font-size: 30px;
    color: #353535;
    line-height: 32px;
    margin: 0;
    font-family: "HumanLight";
}

.special-competitions-gallery-head .view-full-gallery {
    float: right;
    font-size: 14px;
    padding: 0 15px;
    color: #ffffff;
    border-radius: 5px;
    background: #203874;
    text-decoration: none;
    line-height: 32px;
    font-family: "HumanBTBol";
}

.special-gallery .swiper-slide {
    height: 506px;
    position: relative;
    background: #000000;
}

.special-gallery.full-screen {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
    background: #000000;
}

.special-gallery.full-screen .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.special-gallery.full-screen .swiper-slide {
    height: 100%;
}

.special-gallery .swiper-slide .table-wrap {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.special-gallery .swiper-slide .cell-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.special-gallery .swiper-slide .cell-wrap img {
    max-width: 100%;
    max-height: 100%;
}

.special-gallery .swiper-slide .text-box {
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-family: "HumanRoman";
    color: #ffffff;
}

.special-gallery .swiper-slide .text-box .title {
    font-size: 18px;
    margin: 0 0 5px 0;
}

.special-gallery .swiper-slide .text-box .sub-title {
    font-size: 12px;
    margin: 0;
}

.special-gallery .swiper-pagination {
    height: auto;
    padding: 0;
    text-align: right;
    white-space: nowrap;
    background: none;
}

.special-gallery .swiper-pagination-bullet {
    background: none;
    display: none;
    color: #ffffff;
    font-family: "HumanLight";
    font-size: 18px;
    width: auto;
    height: auto;
    border: none;
    margin: 0;
    padding-left: 5px;
    vertical-align: baseline;
}

.special-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: none;
    border: none;
    display: inline-block;
    font-size: 30px;
}

.special-gallery .swiper-pagination-bullet:last-child {
    display: inline-block;
}

.special-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content: '/';
    display: inline-block;
    margin-left: 5px;
}

.special-gallery .swiper-button-next {
    width: 60px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url('../img/special-competitions/gallery-arrow-right.png') center center no-repeat;
    z-index: 10;
    cursor: pointer;
}

.special-gallery .swiper-button-prev {
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../img/special-competitions/gallery-arrow-left.png') center center no-repeat;
    z-index: 10;
    cursor: pointer;
}

.special-gallery .btn-gallery-resize {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url('../img/special-competitions/btn-gallery-resize.png') center center no-repeat;
    z-index: 20;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    background-size: 26px 26px;
}

.special-gallery .btn-gallery-resize:hover {
    background-size: 32px 32px;
}

.special-gallery.full-screen .btn-gallery-resize {
    background: url('../img/special-competitions/btn-gallery-resize-back.png') center center no-repeat;
}

.special-gallery.full-screen .btn-gallery-resize:hover {
    background-size: 20px 20px;
}

/* End Competitions Special Landing */
.datafactory iframe,
.df-module {
    width: 100%;
    width: 1px;
    min-width: 100%;
}

/* Roster */

.module-team-roster .table {
    display: table;
    width: 100%;
    font-size: 16px;
    font-family: "HumanRoman";
    font-style: normal;
    color: #000000;
    height: 32px;
    border-bottom: solid 1px #cccccc;
}

.module-team-roster .table.head {
    color: #203874;
    font-family: "HumanBoldItalic";
    font-style: normal;
    font-size: 14px;
    background: #f2f2f2;
    border: none;
}

.module-team-roster .table .cell {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}

.module-team-roster .table .cell.number {
    padding-left: 17px;
    width: 10%;
    padding-right: 50px;
    text-align: center;
}

.module-team-roster .table .cell.player {
    width: 40%;
}

.module-team-roster .table-title {
    line-height: 39px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    background: #063676;
    border-bottom: solid 1px #000000;
    font-family: "HumanRoman";
}

.twitter-timeline {
    width: 100% !important;
}

.article-59646 {
    display: none;
}

.splash {
    max-width: 1170px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;

    height: 820px;
    background: url(/wp-content/themes/concacaf/img/splash-screen-bg.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@media (max-height: 820px) {
    .splash {
        bottom: auto;
    }
}

.splash-tickets .btn-close.splash__close {
    background: url(/wp-content/themes/concacaf/img/splash-screen-close.png) 0 0 no-repeat;
    width: 40px;
    height: 69px;
}

.splash__logo {
    text-align: center;
    padding-top: 30px;
    margin-bottom: 100px;
}

.splash__line {
    position: relative;
    width: 100%;
    height: 240px;
}

.splash__comand {
    position: absolute;
    text-align: center;
    top: -105px;
    width: 100%;
}

.splash__comand._usa {
    left: 150px;
}

.splash__comand._mexico {
    right: 150px;
}

.splash__comand._versus {
    left: 50%;
    top: 50px;
    margin-left: -49px;
}

.splash__comand-name {
    margin-top: -20px;
}

.splash__table {
    width: 76%;
    margin: auto;
    text-align: center;
}

.splash__table tr td {
    padding: 0;
    vertical-align: middle;
}

.splash__comand-flag {
    margin-bottom: 10px;
}

.splash__text {
    width: 350px;
    margin: auto;
    font-family: HumanBTBol, Arial;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #ba944b;
    text-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
}

.splash__text span {
    display: block;
}

.splash__button-wrap {
    margin: 26px 0 32px;
    text-align: center;
}

.splash__button {
    display: inline-block;
    min-width: 380px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/wp-content/themes/concacaf/img/splash-gold-button.png) 0 0 repeat-x;
    height: 57px;
    line-height: 57px;
    font-size: 29px;
    font-family: 'Myriad Pro';
    text-decoration: none;
    text-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
    color: #fff;
    -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.2);
}

.splash__button:hover {
    text-decoration: none;
    color: #fff;
}

.splash__disclamer {
    text-align: center;
    width: 600px;
    margin: auto;
    border: 1px solid #889ab8;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
}

.splash__disclamer a {
    color: #fff;
    text-decoration: none;
}

.splash__disclamer a:hover {
    text-decoration: none;
}

.article-fullimg {
    max-width: 100% !important;
}

.article-hidden-text {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.article-hidden-text._opened {
    height: auto;
}

.article-hidden-text._opened .article-hidden-opener {
    display: none;
}

.article-share-box {
    margin-left: 20px;
}

.article-share-box, .article-print-box {
    float: right;
    margin-top: 17px;
}

.article-share-box .share-box-title,
.article-print-box .share-box-title {
    color: #6f6f6f;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}

.article-print-box .share-box-title {
    margin-top: 4px;
}

.article-share-box .share-box,
.article-print-box .share-box {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.article-hidden-opener {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.article-hidden-opener:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    left: 0;
    top: 50px;
}

.article-hidden-opener span {
    font-size: 18px;
    font-weight: bold;
    color: #808080;
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    margin-top: 40px;
    z-index: 2;
    position: relative;
    cursor: pointer;
}

.article-column-wrapper {
    font-size: 0;
    line-height: 0;
}

.article-column-left,
.article-column-right {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    vertical-align: top;
}

.article-column-left {
    width: 55%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    padding: 20px;
}

.article-column-right {
    width: 45%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 40px;
}

.article-resources {
    margin-top: 30px;
}

.article-resources-image {
    height: 185px;
    background: #f0f0f0;
}

.article-resources-image img {
    object-fit: cover;
}

.article-resources-block {
    border: 2px solid #ccc;
    padding: 20px 60px;
    margin-bottom: 30px;
    text-align: center;
    display: none;
}

.article-resources-block._showen {
    display: block;
}

.article-column-select {
    float: right;
}

.article-column-select .ul-select-items {
    color: #fff;
    background: #203874;
    font-style: normal;
}

.styled-select .ul-select-items li:hover:hover {
    background: #244F74;
}

.article-resources-block-heading {
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
}

.article-column-form .content-title {
    margin-top: 0;
}

.fsboxshadow .fsBody .fsForm {
    box-shadow: none !important;
}

.fsFieldRow input[type=email], .fsFieldRow input[type=number], .fsFieldRow input[type=tel], .fsFieldRow input[type=text], .fsForm textarea {
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-color: #ccc !important;
    min-width: 100% !important;
    width: 100% !important;
    padding: 10px 5px !important;
}

.fsBody {
    color: #797979 !important;
}

.fsSubFieldGroup {
    font-size: 0;
    line-height: 0;
}

.fsBody .fsSubField {
    font-size: 14px;
    line-height: 1;
    width: 49%;
    margin-left: 2%;
    margin-right: 0 !important;
}

.fsBody .fsSubField:first-child {
    margin-left: 0;
}

.fsForm .fsSubmit {
    background-color: #fff !important;
    text-align: right;
}

.fsSubmit input.fsSubmitButton {
    background: #203874 !important;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px 40px !important;
    border: 1px solid #ccc;
}

.content-title._inline {
    display: inline-block;
    margin-top: 0;

}

.fsBody .fsRowBody {
    padding: 10px 60px 10px 0 !important;
}

li#menu-item-100702 ul.sub-menu,
li#menu-item-100704 ul.sub-menu {
    width: 222px;
    min-width: 222px;
    margin-left: 200px;
    margin-top: -37px;
    padding-top: 0px;
    padding-bottom: 0px;
}

li#menu-item-100702 > a, li#menu-item-100704 > a {
    background: url(../img/header/nav_arrow_right.png) no-repeat right center;
}

li#menu-item-100702:hover > a, li#menu-item-100704 > a {
    background: url(../img/header/nav_arrow_right_hover.png) no-repeat right center;
}

li#menu-item-100702:hover > ul, li#menu-item-100704:hover > ul {
    display: block;
}

li#menu-item-100702 ul:hover {
    display: block;
}

li#menu-item-100702:hover > ul, li#menu-item-100704:hover > ul {
    display: block;
}

li#menu-item-100702 ul:hover {
    display: block;
}

body.single-team div.selectBox {
    font-size: 14px !important;
}

/*Hub page*/

.hub-page.content {
    background: none;
}

.hub-page .container {
    background-color: white;
    padding: 1px;
}

.hub-page .latest-title {
    font-family: HumanLight;
    font-weight: normal;
    font-size: 22px;
    color: #353535;
    padding: 0 0 20px 0;
    margin: 0;
    text-transform: uppercase;
    text-align: left;
}

.hub-page .video-hub-list .most-popular-news-item {
    margin: 0;
}

.hub-page .video-hub-list .most-popular-news-item + .most-popular-news-item {
    margin-top: 30px;
}

.hub-page .latest-content .items {
    margin: 0 30px 25px 0;
}

.light-box .items .description {
    background: #f2f2f2;
}

.light-box .items .description h2,
.light-box .items .description p {
    color: #000;
}

.development-vision {
    width: 1170px;
    margin: 0 auto;
}

.development-vision h1 {
    font-family: HumanBoldItalic;
    font-size: 60px;
    color: #252525;
    margin: 0;
    padding: 55px 0 35px;
}

.development-vision h2 {
    font-family: HumanBoldItalic;
    font-size: 40px;
    margin: 0 0 10px;
}

.vision-banner {
    background: url(../img/content/development-vision.jpg) no-repeat center/cover;
    color: white;
    padding: 20px 40px;
    height: 198px;
    box-sizing: border-box;
}

.vision-banner .quote {
    font-style: italic;
    font-size: 36px;
    line-height: 44px;
    margin: 0;
}

.hub-page .scores .course-application {
    margin-top: 40px;
    border-top: solid 1px #c3c3c3;
    height: inherit;
    background: #f5f5f5;
}

.course-application p {
    font-size: 20px;
    color: #221f1f;
    text-transform: none;
    font-style: italic;
    padding: 0 100px 0 15px;
    text-align: left;
}

.course-application div {
    padding: 15px 0;
    margin: 30px 0 0;
    -moz-box-shadow: inset 0 18px 18px -18px #e1e1e1;
    -webkit-box-shadow: inset 0 18px 18px -18px #e1e1e1;
    box-shadow: inset 0 18px 18px -18px #e1e1e1;
}

.course-application a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #e1e1e1;
    width: 174px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
}

.course-application p:first-child {
    color: #818181;
    font-size: 18px;
    text-transform: capitalize;
    font-family: HumanBoldItalic;
}

.course-application img {
    margin: 0 10px 0 15px;
    float: left;
    width: 54px;
    height: 72px;
}

.hub-page .logo-middle {
    border-top: 1px solid #c2c2c2;
    padding: 20px 0;
}

.hub-page .logo-middle img {
    background-color: transparent;
}

.hub-page .video-hub-list {
    padding-top: 31px;
}

.development-events {
    width: 586px;
    height: 500px;
    display: inline-block;
    text-align: center;
    float: right;
}

.development-events .title {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 100;
    font-family: "HumanLight";
    color: #353535;
    text-transform: uppercase;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.hub-page .concacaf-events {
    position: static;
}

.hub-page .datepicker .ul-select-event.open {
    background: #f2f2f2;
}

/*Hub subpage*/

.hub-subpage {
    padding: 0 0 48px;
}

.hub-subpage .container {
    padding-bottom: 0;
    border-radius: 0;
}

.hub-subpage .content-cols {
    border-bottom: none;
}

.hub-subpage .photo-gallery .block-title {
    display: none;
}

.hub-subpage .weeks-in-photo-gallery {
    padding: 0 15px;
}

.hub-subpage .video-hub-list {
    padding-bottom: 40px;
}

.hub-subpage .video-hub-list .news-title p {
    left: 15px;
}

.hub-subpage .video-hub-list .news-title a {
    right: 15px;
}

.hub-subpage .col-right .news-title p {
    left: 45px;
}

.hub-subpage hr {
    margin: 0 15px;
    height: 1px;
    background-color: #e7e7e7;
    border: none;
    color: #e7e7e7;
}

.hub-subpage h1 {
    text-align: center;
    font-size: 60px;
    font-family: HumanBoldItalic;
    margin-bottom: 20px;
}

.grassroots-header {
    background: url(../img/content/grassroots.jpg) no-repeat center/cover;
    margin: 0 15px;
    height: 360px;
    box-sizing: border-box;
}

.resources-block {
    margin-bottom: 50px;
}

.resources-block:last-of-type {
    margin-bottom: 0;
}

.resources-scrollable {
    height: 490px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.resources-items {
    width: 20000em;
    position: absolute;
}

.resources-scrollable .slide {
    float: left;
    width: 414px;
    padding: 5px 15px;
    box-sizing: border-box;
}

.resources-scrollable .slide.cloned {
    display: none;
}

.resources-scrollable .resources-item {
    float: left;
    width: 117px;
    margin: 20px 35px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

.resources-scrollable .resources-item img {
    width: 115px;
    height: 140px;
    border: 1px solid #e7e7e7;
    margin-bottom: 10px;
}

.resources-navi a {
    background: #e7e7e7;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
}

.resources-navi .active {
    background: #fff;
    cursor: default;
}

.scrollable-navi.resources-navi {
    padding: 0;
}