body,
html,
input[type="search"] {
    margin: 0;
    border: 0;
    outline: none
}

.feed-post-header.with-post-chapeu {
    display: none
}

.feed {
    border-top-width: 2px;
    border-top-style: solid
}

@media (max-width: 63.9375rem) {
    .feed {
        max-width: 85rem;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        float: left;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-bottom: 1.75rem
    }

    .feed::before,
    .feed::after {
        content: ' ';
        display: table
    }

    .feed::after {
        clear: both
    }
}

@media screen and (max-width: 63.9375rem) and (min-width: 64em) {
    .feed {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: 63.9375rem) {

    .feed,
    .feed:last-child {
        float: none
    }
}

@media (max-width: 63.9375rem) and (min-width: 64rem) {
    .feed {
        margin-bottom: 2rem;
        max-width: 85rem;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        float: left;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        max-width: calc(12 / 24 * 85rem);
        width: 70%
    }

    .feed::before,
    .feed::after {
        content: ' ';
        display: table
    }

    .feed::after {
        clear: both
    }
}

@media screen and (max-width: 63.9375rem) and (min-width: 64rem) and (min-width: 64em) {
    .feed {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: 63.9375rem) and (min-width: 64rem) {

    .feed,
    .feed:last-child {
        float: none
    }

    .feed.feed {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .feed::after {
        clear: none
    }
}

@media (min-width: 64rem) {
    .feed {
        max-width: 970px;
        margin-right: auto;
        margin-left: auto
    }
}

.feed__legend {
    font-family: proximanova;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 0.9;
    letter-spacing: -0.4px;
    color: #333;
    padding-top: 24px;
    margin-bottom: 24px
}

.feed__legend strong {
    font-weight: bold
}

@media (min-width: 64rem) {
    .feed {
        border-top: none
    }

    .feed__legend {
        border-top: 2px solid #333;
        margin-bottom: 0
    }
}

.theme.feed .load-more a {
    cursor: pointer
}

.theme.feed .load-more a,
.theme.feed .load-more a:hover {
    color: white
}

@media (min-width: 64rem) {

    .bastian-feed-item,
    .feed__legend,
    .load-more {
        width: 70%;
        max-width: calc(12 / 24 * 85rem);
        margin-left: auto;
        margin-right: auto
    }

    .bastian-feed-item[data-type=t]:not(.bstn-fd-elastic-banner),
    .bastian-feed-item[data-type=advertise]:not(.bstn-fd-elastic-banner) {
        max-width: none;
        width: 100%
    }
}

.tabela-feed .feed__legend {
    margin-bottom: 24px
}

.bs-tabela .tabela-feed {
    background-color: #f3f3f3
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: opensans-light;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: opensans-regular;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: opensans-semibold;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: opensans-bold;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold
}

@font-face {
    font-family: "proximanova-bold";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-light";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-regular";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-light";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: ProximaNova;
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: ProximaNova;
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold
}

.mosaico {
    float: none;
    list-style: none;
    position: absolute;
    width: 244px;
    border-bottom: 0;
    top: 38px;
    left: -10px
}

.mosaico__items {
    float: left;
    display: block
}

.mosaico__equipe-nome {
    color: #999;
    cursor: pointer;
    display: block;
    font-family: ProximaNova;
    font-size: 0.75em;
    font-weight: bold;
    height: 25px;
    letter-spacing: normal;
    line-height: 22px;
    min-width: 50px;
    position: relative;
    text-transform: uppercase
}

.mosaico__equipes {
    left: 0;
    overflow: hidden;
    padding: 16px 6px;
    top: 0;
    width: 100%
}

.mosaico__equipes-items {
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    display: inline-block;
    margin: 10px 0 10px 23px;
    overflow: hidden;
    width: 35px
}

.mosaico__equipes-items:nth-of-type(4n+1) {
    margin-left: 0
}

.mosaico__escudo {
    display: block;
    height: 35px;
    font-family: ProximaNova, Arial;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 35px;
    white-space: nowrap
}

.mosaico__escudo--img {
    height: 35px;
    max-width: 35px;
    vertical-align: top
}

.header-personalization .mosaico__wrapper .icons-escudo-header {
    background-image: url(//s3.glbimg.com/v1/AUTH_378ee63fe83141e69caddd838034e850/static/components/escudo-header.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    content: "";
    height: 40px;
    width: 40px
}

.header-personalization .mosaico__items:first-of-type .mosaico__equipe-nome {
    margin-left: 16px;
    border-left-width: 1px
}

.header-personalization .mosaico__equipe-nome {
    border: 1px solid #eaeaea;
    border-left-width: 0;
    float: left;
    margin-top: 16px;
    padding: 2px 12px 0;
    text-align: center;
    transition: border-color .25s ease-in;
    z-index: 9
}

[id^="tab"]:checked+.header-personalization .mosaico__equipe-nome {
    top: 0;
    border-bottom: 1px solid
}

.header-personalization .mosaico__equipes {
    display: none;
    padding: 3.25em 16px 6px;
    position: absolute;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-top: 0;
    box-shadow: 0 -1px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2)
}

.header-personalization .mosaico [id^="tab"]:checked~[id^="tab-content"] {
    display: flex
}

.header-personalization.header-personalization--mosaico {
    color: #fff;
    font-family: proximanova-bold, Arial, sans-serif;
    font-size: 16px;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header-personalization .mosaico {
    top: 61px
}

.header-personalization .mosaico__equipes {
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-top: 0;
    box-shadow: 0 -1px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
    padding-top: 48px
}

.header-personalization .mosaico__wrapper {
    display: block;
    position: absolute;
    top: 24px
}

.logo[href*="//sportv"]~.header-personalization .mosaico__wrapper {
    left: 98px
}

.header-personalization .mosaico .icons-escudo-header {
    width: 90px
}

.header-personalization .mosaico__header-personalization--times-label {
    color: #fff;
    cursor: pointer;
    font-family: opensans;
    font-weight: 600;
    font-size: 14px;
    left: 30px;
    position: absolute;
    top: -24px
}

.header-personalization .mosaico__header-personalization--seta {
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-bottom: 11px solid #fff;
    content: " ";
    height: 0;
    left: -1px;
    position: absolute;
    top: 28px;
    z-index: 2;
    display: none
}

.header-personalization:hover .mosaico__header-personalization--seta,
.header-personalization:hover .mosaico {
    display: block
}

.header-home .floating-bar .header-personalization .mosaico {
    top: 37px;
    left: -30px
}

.header-home .floating-bar .header-personalization .mosaico__wrapper {
    top: 14px
}

.header-home .floating-bar .header-personalization .mosaico__header-personalization--times-label {
    display: block;
    top: -14px
}

.header-editoria .floating-bar .header-personalization .mosaico {
    top: 38px
}

.header-editoria .floating-bar .header-personalization .mosaico__wrapper {
    top: 14px
}

#menu-container .mosaico {
    left: 20px;
    top: 80px
}

#menu-container .mosaico__items {
    border-top: 1px solid #eee;
    padding-top: 1.875em;
    margin-top: 4px;
    width: 100%
}

#menu-container .mosaico__items:first-of-type {
    margin-top: 0;
    border-top: none
}

#menu-container .mosaico__equipe-nome {
    color: #000;
    font-family: opensans;
    font-weight: 700;
    text-transform: none;
    font-size: 1em;
    line-height: 1.25;
    letter-spacing: -0.05em;
    text-align: left
}

#menu-container .mosaico__equipes {
    padding-left: 0
}

/* web(desktop) stylesheets */
.glb-skeleton-box,
.glb-skeleton-box--empty:empty {
    --skeleton-beam: linear-gradient(90deg,
            #FFFFFF00 0%,
            #FFFFFFB3 50%,
            #FFFFFF00 100%);
    width: var(--skeleton-width, 100px);
    min-height: var(--skeleton-height, 100px);
    background-color: #EEE;
    background-image: var(--skeleton-beam);
    background-size: 95% 100%;
    background-repeat: no-repeat;
    background-position: -2500% 0;
    animation: bg-skeleton-box 1s linear infinite;
}

@keyframes bg-skeleton-box {
    to {
        background-position: 2500% 0;
    }
}

.banner_betting_banderole {
    padding: 0 !important;
    height: 50px;
    display: none;
}


.utf-8-with-bom-fix {
    background-color: white
}

.gui-text-section-title {
    font-size: 24px;
    font-family: ProximaNova, "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    color: #333;
    letter-spacing: -0.04em;
    text-transform: uppercase
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: opensans-light;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: opensans-regular;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: opensans-semibold;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: opensans-bold;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold
}

@font-face {
    font-family: "proximanova-bold";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-light";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-regular";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-light";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: ProximaNova;
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: ProximaNova;
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold
}

.row {
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto
}

.row::before,
.row::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1
}

.row::after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row .row {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-left: auto;
    margin-right: auto
}

.column,
.columns {
    width: 100%;
    float: left;
    padding-left: .75rem;
    padding-right: .75rem
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.column.row.row,
.row.row.columns {
    float: none
}

.row .column.row.row,
.row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.small-1 {
    width: 4.16667%
}

.small-push-1 {
    position: relative;
    left: 4.16667%
}

.small-pull-1 {
    position: relative;
    left: -4.16667%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    width: 8.33333%
}

.small-push-2 {
    position: relative;
    left: 8.33333%
}

.small-pull-2 {
    position: relative;
    left: -8.33333%
}

.small-offset-1 {
    margin-left: 4.16667%
}

.small-3 {
    width: 12.5%
}

.small-push-3 {
    position: relative;
    left: 12.5%
}

.small-pull-3 {
    position: relative;
    left: -12.5%
}

.small-offset-2 {
    margin-left: 8.33333%
}

.small-4 {
    width: 16.66667%
}

.small-push-4 {
    position: relative;
    left: 16.66667%
}

.small-pull-4 {
    position: relative;
    left: -16.66667%
}

.small-offset-3 {
    margin-left: 12.5%
}

.small-5 {
    width: 20.83333%
}

.small-push-5 {
    position: relative;
    left: 20.83333%
}

.small-pull-5 {
    position: relative;
    left: -20.83333%
}

.small-offset-4 {
    margin-left: 16.66667%
}

.small-6 {
    width: 25%
}

.small-push-6 {
    position: relative;
    left: 25%
}

.small-pull-6 {
    position: relative;
    left: -25%
}

.small-offset-5 {
    margin-left: 20.83333%
}

.small-7 {
    width: 29.16667%
}

.small-push-7 {
    position: relative;
    left: 29.16667%
}

.small-pull-7 {
    position: relative;
    left: -29.16667%
}

.small-offset-6 {
    margin-left: 25%
}

.small-8 {
    width: 33.33333%
}

.small-push-8 {
    position: relative;
    left: 33.33333%
}

.small-pull-8 {
    position: relative;
    left: -33.33333%
}

.small-offset-7 {
    margin-left: 29.16667%
}

.small-9 {
    width: 37.5%
}

.small-push-9 {
    position: relative;
    left: 37.5%
}

.small-pull-9 {
    position: relative;
    left: -37.5%
}

.small-offset-8 {
    margin-left: 33.33333%
}

.small-10 {
    width: 41.66667%
}

.small-push-10 {
    position: relative;
    left: 41.66667%
}

.small-pull-10 {
    position: relative;
    left: -41.66667%
}

.small-offset-9 {
    margin-left: 37.5%
}

.small-11 {
    width: 45.83333%
}

.small-push-11 {
    position: relative;
    left: 45.83333%
}

.small-pull-11 {
    position: relative;
    left: -45.83333%
}

.small-offset-10 {
    margin-left: 41.66667%
}

.small-12 {
    width: 50%
}

.small-push-12 {
    position: relative;
    left: 50%
}

.small-pull-12 {
    position: relative;
    left: -50%
}

.small-offset-11 {
    margin-left: 45.83333%
}

.small-13 {
    width: 54.16667%
}

.small-push-13 {
    position: relative;
    left: 54.16667%
}

.small-pull-13 {
    position: relative;
    left: -54.16667%
}

.small-offset-12 {
    margin-left: 50%
}

.small-14 {
    width: 58.33333%
}

.small-push-14 {
    position: relative;
    left: 58.33333%
}

.small-pull-14 {
    position: relative;
    left: -58.33333%
}

.small-offset-13 {
    margin-left: 54.16667%
}

.small-15 {
    width: 62.5%
}

.small-push-15 {
    position: relative;
    left: 62.5%
}

.small-pull-15 {
    position: relative;
    left: -62.5%
}

.small-offset-14 {
    margin-left: 58.33333%
}

.small-16 {
    width: 66.66667%
}

.small-push-16 {
    position: relative;
    left: 66.66667%
}

.small-pull-16 {
    position: relative;
    left: -66.66667%
}

.small-offset-15 {
    margin-left: 62.5%
}

.small-17 {
    width: 70.83333%
}

.small-push-17 {
    position: relative;
    left: 70.83333%
}

.small-pull-17 {
    position: relative;
    left: -70.83333%
}

.small-offset-16 {
    margin-left: 66.66667%
}

.small-18 {
    width: 75%
}

.small-push-18 {
    position: relative;
    left: 75%
}

.small-pull-18 {
    position: relative;
    left: -75%
}

.small-offset-17 {
    margin-left: 70.83333%
}

.small-19 {
    width: 79.16667%
}

.small-push-19 {
    position: relative;
    left: 79.16667%
}

.small-pull-19 {
    position: relative;
    left: -79.16667%
}

.small-offset-18 {
    margin-left: 75%
}

.small-20 {
    width: 83.33333%
}

.small-push-20 {
    position: relative;
    left: 83.33333%
}

.small-pull-20 {
    position: relative;
    left: -83.33333%
}

.small-offset-19 {
    margin-left: 79.16667%
}

.small-21 {
    width: 87.5%
}

.small-push-21 {
    position: relative;
    left: 87.5%
}

.small-pull-21 {
    position: relative;
    left: -87.5%
}

.small-offset-20 {
    margin-left: 83.33333%
}

.small-22 {
    width: 91.66667%
}

.small-push-22 {
    position: relative;
    left: 91.66667%
}

.small-pull-22 {
    position: relative;
    left: -91.66667%
}

.small-offset-21 {
    margin-left: 87.5%
}

.small-23 {
    width: 95.83333%
}

.small-push-23 {
    position: relative;
    left: 95.83333%
}

.small-pull-23 {
    position: relative;
    left: -95.83333%
}

.small-offset-22 {
    margin-left: 91.66667%
}

.small-24 {
    width: 100%
}

.small-offset-23 {
    margin-left: 95.83333%
}

.small-up-1>.column,
.small-up-1>.columns {
    width: 100%;
    float: left
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,
.small-up-2>.columns {
    width: 50%;
    float: left
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1),
.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,
.small-up-3>.columns {
    width: 33.33333%;
    float: left
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,
.small-up-4>.columns {
    width: 25%;
    float: left
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,
.small-up-5>.columns {
    width: 20%;
    float: left
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,
.small-up-6>.columns {
    width: 16.66667%;
    float: left
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,
.small-up-7>.columns {
    width: 14.28571%;
    float: left
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,
.small-up-8>.columns {
    width: 12.5%;
    float: left
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.small-collapse .row {
    margin-left: 0;
    margin-right: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-left: .75rem;
    padding-right: .75rem
}

.small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left
}

@media screen and (min-width: 40em) {
    .medium-1 {
        width: 4.16667%
    }

    .medium-push-1 {
        position: relative;
        left: 4.16667%
    }

    .medium-pull-1 {
        position: relative;
        left: -4.16667%
    }

    .medium-offset-0 {
        margin-left: 0%
    }

    .medium-2 {
        width: 8.33333%
    }

    .medium-push-2 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-2 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-1 {
        margin-left: 4.16667%
    }

    .medium-3 {
        width: 12.5%
    }

    .medium-push-3 {
        position: relative;
        left: 12.5%
    }

    .medium-pull-3 {
        position: relative;
        left: -12.5%
    }

    .medium-offset-2 {
        margin-left: 8.33333%
    }

    .medium-4 {
        width: 16.66667%
    }

    .medium-push-4 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-4 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-3 {
        margin-left: 12.5%
    }

    .medium-5 {
        width: 20.83333%
    }

    .medium-push-5 {
        position: relative;
        left: 20.83333%
    }

    .medium-pull-5 {
        position: relative;
        left: -20.83333%
    }

    .medium-offset-4 {
        margin-left: 16.66667%
    }

    .medium-6 {
        width: 25%
    }

    .medium-push-6 {
        position: relative;
        left: 25%
    }

    .medium-pull-6 {
        position: relative;
        left: -25%
    }

    .medium-offset-5 {
        margin-left: 20.83333%
    }

    .medium-7 {
        width: 29.16667%
    }

    .medium-push-7 {
        position: relative;
        left: 29.16667%
    }

    .medium-pull-7 {
        position: relative;
        left: -29.16667%
    }

    .medium-offset-6 {
        margin-left: 25%
    }

    .medium-8 {
        width: 33.33333%
    }

    .medium-push-8 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-8 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-7 {
        margin-left: 29.16667%
    }

    .medium-9 {
        width: 37.5%
    }

    .medium-push-9 {
        position: relative;
        left: 37.5%
    }

    .medium-pull-9 {
        position: relative;
        left: -37.5%
    }

    .medium-offset-8 {
        margin-left: 33.33333%
    }

    .medium-10 {
        width: 41.66667%
    }

    .medium-push-10 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-10 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-9 {
        margin-left: 37.5%
    }

    .medium-11 {
        width: 45.83333%
    }

    .medium-push-11 {
        position: relative;
        left: 45.83333%
    }

    .medium-pull-11 {
        position: relative;
        left: -45.83333%
    }

    .medium-offset-10 {
        margin-left: 41.66667%
    }

    .medium-12 {
        width: 50%
    }

    .medium-push-12 {
        position: relative;
        left: 50%
    }

    .medium-pull-12 {
        position: relative;
        left: -50%
    }

    .medium-offset-11 {
        margin-left: 45.83333%
    }

    .medium-13 {
        width: 54.16667%
    }

    .medium-push-13 {
        position: relative;
        left: 54.16667%
    }

    .medium-pull-13 {
        position: relative;
        left: -54.16667%
    }

    .medium-offset-12 {
        margin-left: 50%
    }

    .medium-14 {
        width: 58.33333%
    }

    .medium-push-14 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-14 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-13 {
        margin-left: 54.16667%
    }

    .medium-15 {
        width: 62.5%
    }

    .medium-push-15 {
        position: relative;
        left: 62.5%
    }

    .medium-pull-15 {
        position: relative;
        left: -62.5%
    }

    .medium-offset-14 {
        margin-left: 58.33333%
    }

    .medium-16 {
        width: 66.66667%
    }

    .medium-push-16 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-16 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-15 {
        margin-left: 62.5%
    }

    .medium-17 {
        width: 70.83333%
    }

    .medium-push-17 {
        position: relative;
        left: 70.83333%
    }

    .medium-pull-17 {
        position: relative;
        left: -70.83333%
    }

    .medium-offset-16 {
        margin-left: 66.66667%
    }

    .medium-18 {
        width: 75%
    }

    .medium-push-18 {
        position: relative;
        left: 75%
    }

    .medium-pull-18 {
        position: relative;
        left: -75%
    }

    .medium-offset-17 {
        margin-left: 70.83333%
    }

    .medium-19 {
        width: 79.16667%
    }

    .medium-push-19 {
        position: relative;
        left: 79.16667%
    }

    .medium-pull-19 {
        position: relative;
        left: -79.16667%
    }

    .medium-offset-18 {
        margin-left: 75%
    }

    .medium-20 {
        width: 83.33333%
    }

    .medium-push-20 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-20 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-19 {
        margin-left: 79.16667%
    }

    .medium-21 {
        width: 87.5%
    }

    .medium-push-21 {
        position: relative;
        left: 87.5%
    }

    .medium-pull-21 {
        position: relative;
        left: -87.5%
    }

    .medium-offset-20 {
        margin-left: 83.33333%
    }

    .medium-22 {
        width: 91.66667%
    }

    .medium-push-22 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-22 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-21 {
        margin-left: 87.5%
    }

    .medium-23 {
        width: 95.83333%
    }

    .medium-push-23 {
        position: relative;
        left: 95.83333%
    }

    .medium-pull-23 {
        position: relative;
        left: -95.83333%
    }

    .medium-offset-22 {
        margin-left: 91.66667%
    }

    .medium-24 {
        width: 100%
    }

    .medium-offset-23 {
        margin-left: 95.83333%
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        width: 100%;
        float: left
    }

    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        width: 50%;
        float: left
    }

    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        width: 25%;
        float: left
    }

    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        width: 20%;
        float: left
    }

    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .medium-uncentered,
    .medium-push-0,
    .medium-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width: 60.0625em) {
    .large-1 {
        width: 4.16667%
    }

    .large-push-1 {
        position: relative;
        left: 4.16667%
    }

    .large-pull-1 {
        position: relative;
        left: -4.16667%
    }

    .large-offset-0 {
        margin-left: 0%
    }

    .large-2 {
        width: 8.33333%
    }

    .large-push-2 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-2 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-1 {
        margin-left: 4.16667%
    }

    .large-3 {
        width: 12.5%
    }

    .large-push-3 {
        position: relative;
        left: 12.5%
    }

    .large-pull-3 {
        position: relative;
        left: -12.5%
    }

    .large-offset-2 {
        margin-left: 8.33333%
    }

    .large-4 {
        width: 16.66667%
    }

    .large-push-4 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-4 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-3 {
        margin-left: 12.5%
    }

    .large-5 {
        width: 20.83333%
    }

    .large-push-5 {
        position: relative;
        left: 20.83333%
    }

    .large-pull-5 {
        position: relative;
        left: -20.83333%
    }

    .large-offset-4 {
        margin-left: 16.66667%
    }

    .large-6 {
        width: 25%
    }

    .large-push-6 {
        position: relative;
        left: 25%
    }

    .large-pull-6 {
        position: relative;
        left: -25%
    }

    .large-offset-5 {
        margin-left: 20.83333%
    }

    .large-7 {
        width: 29.16667%
    }

    .large-push-7 {
        position: relative;
        left: 29.16667%
    }

    .large-pull-7 {
        position: relative;
        left: -29.16667%
    }

    .large-offset-6 {
        margin-left: 25%
    }

    .large-8 {
        width: 33.33333%
    }

    .large-push-8 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-8 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-7 {
        margin-left: 29.16667%
    }

    .large-9 {
        width: 37.5%
    }

    .large-push-9 {
        position: relative;
        left: 37.5%
    }

    .large-pull-9 {
        position: relative;
        left: -37.5%
    }

    .large-offset-8 {
        margin-left: 33.33333%
    }

    .large-10 {
        width: 41.66667%
    }

    .large-push-10 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-10 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-9 {
        margin-left: 37.5%
    }

    .large-11 {
        width: 45.83333%
    }

    .large-push-11 {
        position: relative;
        left: 45.83333%
    }

    .large-pull-11 {
        position: relative;
        left: -45.83333%
    }

    .large-offset-10 {
        margin-left: 41.66667%
    }

    .large-12 {
        width: 50%
    }

    .large-push-12 {
        position: relative;
        left: 50%
    }

    .large-pull-12 {
        position: relative;
        left: -50%
    }

    .large-offset-11 {
        margin-left: 45.83333%
    }

    .large-13 {
        width: 54.16667%
    }

    .large-push-13 {
        position: relative;
        left: 54.16667%
    }

    .large-pull-13 {
        position: relative;
        left: -54.16667%
    }

    .large-offset-12 {
        margin-left: 50%
    }

    .large-14 {
        width: 58.33333%
    }

    .large-push-14 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-14 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-13 {
        margin-left: 54.16667%
    }

    .large-15 {
        width: 62.5%
    }

    .large-push-15 {
        position: relative;
        left: 62.5%
    }

    .large-pull-15 {
        position: relative;
        left: -62.5%
    }

    .large-offset-14 {
        margin-left: 58.33333%
    }

    .large-16 {
        width: 66.66667%
    }

    .large-push-16 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-16 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-15 {
        margin-left: 62.5%
    }

    .large-17 {
        width: 70.83333%
    }

    .large-push-17 {
        position: relative;
        left: 70.83333%
    }

    .large-pull-17 {
        position: relative;
        left: -70.83333%
    }

    .large-offset-16 {
        margin-left: 66.66667%
    }

    .large-18 {
        width: 75%
    }

    .large-push-18 {
        position: relative;
        left: 75%
    }

    .large-pull-18 {
        position: relative;
        left: -75%
    }

    .large-offset-17 {
        margin-left: 70.83333%
    }

    .large-19 {
        width: 79.16667%
    }

    .large-push-19 {
        position: relative;
        left: 79.16667%
    }

    .large-pull-19 {
        position: relative;
        left: -79.16667%
    }

    .large-offset-18 {
        margin-left: 75%
    }

    .large-20 {
        width: 83.33333%
    }

    .large-push-20 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-20 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-19 {
        margin-left: 79.16667%
    }

    .large-21 {
        width: 87.5%
    }

    .large-push-21 {
        position: relative;
        left: 87.5%
    }

    .large-pull-21 {
        position: relative;
        left: -87.5%
    }

    .large-offset-20 {
        margin-left: 83.33333%
    }

    .large-22 {
        width: 91.66667%
    }

    .large-push-22 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-22 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-21 {
        margin-left: 87.5%
    }

    .large-23 {
        width: 95.83333%
    }

    .large-push-23 {
        position: relative;
        left: 95.83333%
    }

    .large-pull-23 {
        position: relative;
        left: -95.83333%
    }

    .large-offset-22 {
        margin-left: 91.66667%
    }

    .large-24 {
        width: 100%
    }

    .large-offset-23 {
        margin-left: 95.83333%
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        width: 100%;
        float: left
    }

    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        width: 50%;
        float: left
    }

    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        width: 25%;
        float: left
    }

    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        width: 20%;
        float: left
    }

    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column,
    .large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .large-uncentered,
    .large-push-0,
    .large-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width: 85.4375em) {
    .xlarge-1 {
        width: 4.16667%
    }

    .xlarge-push-1 {
        position: relative;
        left: 4.16667%
    }

    .xlarge-pull-1 {
        position: relative;
        left: -4.16667%
    }

    .xlarge-offset-0 {
        margin-left: 0%
    }

    .xlarge-2 {
        width: 8.33333%
    }

    .xlarge-push-2 {
        position: relative;
        left: 8.33333%
    }

    .xlarge-pull-2 {
        position: relative;
        left: -8.33333%
    }

    .xlarge-offset-1 {
        margin-left: 4.16667%
    }

    .xlarge-3 {
        width: 12.5%
    }

    .xlarge-push-3 {
        position: relative;
        left: 12.5%
    }

    .xlarge-pull-3 {
        position: relative;
        left: -12.5%
    }

    .xlarge-offset-2 {
        margin-left: 8.33333%
    }

    .xlarge-4 {
        width: 16.66667%
    }

    .xlarge-push-4 {
        position: relative;
        left: 16.66667%
    }

    .xlarge-pull-4 {
        position: relative;
        left: -16.66667%
    }

    .xlarge-offset-3 {
        margin-left: 12.5%
    }

    .xlarge-5 {
        width: 20.83333%
    }

    .xlarge-push-5 {
        position: relative;
        left: 20.83333%
    }

    .xlarge-pull-5 {
        position: relative;
        left: -20.83333%
    }

    .xlarge-offset-4 {
        margin-left: 16.66667%
    }

    .xlarge-6 {
        width: 25%
    }

    .xlarge-push-6 {
        position: relative;
        left: 25%
    }

    .xlarge-pull-6 {
        position: relative;
        left: -25%
    }

    .xlarge-offset-5 {
        margin-left: 20.83333%
    }

    .xlarge-7 {
        width: 29.16667%
    }

    .xlarge-push-7 {
        position: relative;
        left: 29.16667%
    }

    .xlarge-pull-7 {
        position: relative;
        left: -29.16667%
    }

    .xlarge-offset-6 {
        margin-left: 25%
    }

    .xlarge-8 {
        width: 33.33333%
    }

    .xlarge-push-8 {
        position: relative;
        left: 33.33333%
    }

    .xlarge-pull-8 {
        position: relative;
        left: -33.33333%
    }

    .xlarge-offset-7 {
        margin-left: 29.16667%
    }

    .xlarge-9 {
        width: 37.5%
    }

    .xlarge-push-9 {
        position: relative;
        left: 37.5%
    }

    .xlarge-pull-9 {
        position: relative;
        left: -37.5%
    }

    .xlarge-offset-8 {
        margin-left: 33.33333%
    }

    .xlarge-10 {
        width: 41.66667%
    }

    .xlarge-push-10 {
        position: relative;
        left: 41.66667%
    }

    .xlarge-pull-10 {
        position: relative;
        left: -41.66667%
    }

    .xlarge-offset-9 {
        margin-left: 37.5%
    }

    .xlarge-11 {
        width: 45.83333%
    }

    .xlarge-push-11 {
        position: relative;
        left: 45.83333%
    }

    .xlarge-pull-11 {
        position: relative;
        left: -45.83333%
    }

    .xlarge-offset-10 {
        margin-left: 41.66667%
    }

    .xlarge-12 {
        width: 50%
    }

    .xlarge-push-12 {
        position: relative;
        left: 50%
    }

    .xlarge-pull-12 {
        position: relative;
        left: -50%
    }

    .xlarge-offset-11 {
        margin-left: 45.83333%
    }

    .xlarge-13 {
        width: 54.16667%
    }

    .xlarge-push-13 {
        position: relative;
        left: 54.16667%
    }

    .xlarge-pull-13 {
        position: relative;
        left: -54.16667%
    }

    .xlarge-offset-12 {
        margin-left: 50%
    }

    .xlarge-14 {
        width: 58.33333%
    }

    .xlarge-push-14 {
        position: relative;
        left: 58.33333%
    }

    .xlarge-pull-14 {
        position: relative;
        left: -58.33333%
    }

    .xlarge-offset-13 {
        margin-left: 54.16667%
    }

    .xlarge-15 {
        width: 62.5%
    }

    .xlarge-push-15 {
        position: relative;
        left: 62.5%
    }

    .xlarge-pull-15 {
        position: relative;
        left: -62.5%
    }

    .xlarge-offset-14 {
        margin-left: 58.33333%
    }

    .xlarge-16 {
        width: 66.66667%
    }

    .xlarge-push-16 {
        position: relative;
        left: 66.66667%
    }

    .xlarge-pull-16 {
        position: relative;
        left: -66.66667%
    }

    .xlarge-offset-15 {
        margin-left: 62.5%
    }

    .xlarge-17 {
        width: 70.83333%
    }

    .xlarge-push-17 {
        position: relative;
        left: 70.83333%
    }

    .xlarge-pull-17 {
        position: relative;
        left: -70.83333%
    }

    .xlarge-offset-16 {
        margin-left: 66.66667%
    }

    .xlarge-18 {
        width: 75%
    }

    .xlarge-push-18 {
        position: relative;
        left: 75%
    }

    .xlarge-pull-18 {
        position: relative;
        left: -75%
    }

    .xlarge-offset-17 {
        margin-left: 70.83333%
    }

    .xlarge-19 {
        width: 79.16667%
    }

    .xlarge-push-19 {
        position: relative;
        left: 79.16667%
    }

    .xlarge-pull-19 {
        position: relative;
        left: -79.16667%
    }

    .xlarge-offset-18 {
        margin-left: 75%
    }

    .xlarge-20 {
        width: 83.33333%
    }

    .xlarge-push-20 {
        position: relative;
        left: 83.33333%
    }

    .xlarge-pull-20 {
        position: relative;
        left: -83.33333%
    }

    .xlarge-offset-19 {
        margin-left: 79.16667%
    }

    .xlarge-21 {
        width: 87.5%
    }

    .xlarge-push-21 {
        position: relative;
        left: 87.5%
    }

    .xlarge-pull-21 {
        position: relative;
        left: -87.5%
    }

    .xlarge-offset-20 {
        margin-left: 83.33333%
    }

    .xlarge-22 {
        width: 91.66667%
    }

    .xlarge-push-22 {
        position: relative;
        left: 91.66667%
    }

    .xlarge-pull-22 {
        position: relative;
        left: -91.66667%
    }

    .xlarge-offset-21 {
        margin-left: 87.5%
    }

    .xlarge-23 {
        width: 95.83333%
    }

    .xlarge-push-23 {
        position: relative;
        left: 95.83333%
    }

    .xlarge-pull-23 {
        position: relative;
        left: -95.83333%
    }

    .xlarge-offset-22 {
        margin-left: 91.66667%
    }

    .xlarge-24 {
        width: 100%
    }

    .xlarge-offset-23 {
        margin-left: 95.83333%
    }

    .xlarge-up-1>.column,
    .xlarge-up-1>.columns {
        width: 100%;
        float: left
    }

    .xlarge-up-1>.column:nth-of-type(1n),
    .xlarge-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-1>.column:nth-of-type(1n+1),
    .xlarge-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .xlarge-up-1>.column:last-child,
    .xlarge-up-1>.columns:last-child {
        float: left
    }

    .xlarge-up-2>.column,
    .xlarge-up-2>.columns {
        width: 50%;
        float: left
    }

    .xlarge-up-2>.column:nth-of-type(1n),
    .xlarge-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-2>.column:nth-of-type(2n+1),
    .xlarge-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .xlarge-up-2>.column:last-child,
    .xlarge-up-2>.columns:last-child {
        float: left
    }

    .xlarge-up-3>.column,
    .xlarge-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .xlarge-up-3>.column:nth-of-type(1n),
    .xlarge-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-3>.column:nth-of-type(3n+1),
    .xlarge-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .xlarge-up-3>.column:last-child,
    .xlarge-up-3>.columns:last-child {
        float: left
    }

    .xlarge-up-4>.column,
    .xlarge-up-4>.columns {
        width: 25%;
        float: left
    }

    .xlarge-up-4>.column:nth-of-type(1n),
    .xlarge-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-4>.column:nth-of-type(4n+1),
    .xlarge-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .xlarge-up-4>.column:last-child,
    .xlarge-up-4>.columns:last-child {
        float: left
    }

    .xlarge-up-5>.column,
    .xlarge-up-5>.columns {
        width: 20%;
        float: left
    }

    .xlarge-up-5>.column:nth-of-type(1n),
    .xlarge-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-5>.column:nth-of-type(5n+1),
    .xlarge-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .xlarge-up-5>.column:last-child,
    .xlarge-up-5>.columns:last-child {
        float: left
    }

    .xlarge-up-6>.column,
    .xlarge-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .xlarge-up-6>.column:nth-of-type(1n),
    .xlarge-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-6>.column:nth-of-type(6n+1),
    .xlarge-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .xlarge-up-6>.column:last-child,
    .xlarge-up-6>.columns:last-child {
        float: left
    }

    .xlarge-up-7>.column,
    .xlarge-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .xlarge-up-7>.column:nth-of-type(1n),
    .xlarge-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-7>.column:nth-of-type(7n+1),
    .xlarge-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .xlarge-up-7>.column:last-child,
    .xlarge-up-7>.columns:last-child {
        float: left
    }

    .xlarge-up-8>.column,
    .xlarge-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .xlarge-up-8>.column:nth-of-type(1n),
    .xlarge-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-8>.column:nth-of-type(8n+1),
    .xlarge-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .xlarge-up-8>.column:last-child,
    .xlarge-up-8>.columns:last-child {
        float: left
    }

    .xlarge-collapse>.column,
    .xlarge-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .xlarge-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .xlarge-uncollapse>.column,
    .xlarge-uncollapse>.columns {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .xlarge-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .xlarge-uncentered,
    .xlarge-push-0,
    .xlarge-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width: 40em) and (max-width: 60em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em),
screen and (min-width: 60.0625em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media screen and (min-width: 60.0625em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 60em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width: 60.0625em) and (max-width: 85.375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 60em),
screen and (min-width: 85.4375em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width: 85.4375em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width: 85.375em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width: 85.4375em) and (max-width: 85.375em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 85.375em),
screen and (min-width: 85.4375em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.show-for-landscape,
.hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {

    .show-for-landscape,
    .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {

    .show-for-landscape,
    .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix::before,
.clearfix::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1
}

.clearfix::after {
    clear: both
}

.glb-grid .tabela-body {
    background-color: #FCFCFC
}

.lista-de-jogos--react .tabela__lista-jogos {
    width: auto
}

.lista-jogos {
    font-size: 16px;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    height: 90%
}

.lista-jogos__error {
    align-items: center;
    background-color: #f1f1f1;
    color: #333;
    display: flex;
    flex-direction: column;
    font-family: opensans;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 27px;
    padding: 64px 32px;
    text-align: center
}

.lista-jogos__error--titulo {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px
}

.lista-jogos__jogo {
    border-bottom: 1px solid #e3e3e3;
    display: block
}

@media screen and (min-width: 480px) and (max-width: 1000px) {
    .lista-jogos .equipes__sigla {
        display: none
    }

    .lista-jogos .equipes__nome {
        display: block
    }
}

.lista-jogos__navegacao {
    border-bottom: 1px solid silver;
    border-top: 1px solid #ddd;
    color: #111;
    display: flex;
    font-family: ProximaNova;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 2.4375em;
    text-align: center;
    text-transform: uppercase
}

.lista-jogos__navegacao--rodada {
    flex-grow: 2
}

.lista-jogos__navegacao--setas {
    color: #ccc;
    flex-grow: 1;
    text-align: left;
    font-size: 1.5em;
    height: 1.5em;
    fill: #ccc
}

.lista-jogos__navegacao--setas svg {
    height: .7em;
    stroke-width: 10px
}

.lista-jogos__navegacao--setas:last-of-type {
    text-align: right
}

.lista-jogos__navegacao--setas-ativa {
    cursor: pointer
}

.lista-jogos__navegacao--seta-esquerda svg {
    transform: rotate(180deg)
}

.loading {
    width: 100%;
    padding-top: 30px;
    text-align: center
}

.placar-jogo {
    height: 109px;
    padding-top: 24px;
    text-align: center
}

.placar-jogo .tabela-icone-versus {
    margin: 0 5px
}

.placar-jogo-sem-jogo {
    color: #666;
    font-family: opensans;
    font-weight: bold;
    font-size: 12px;
    line-height: 60px
}

.placar-jogo-link {
    display: block;
    margin-top: -5px
}

.placar-jogo-informacoes {
    color: #666;
    font-family: proximanova-bold;
    font-size: 11px;
    letter-spacing: -.3px;
    text-transform: uppercase
}

.mata-mata-conteudo .placar-jogo-informacoes {
    height: 13px
}

.placar-jogo-informacoes-local {
    font-family: proximanova-regular
}

.placar-jogo-equipes {
    color: #333;
    display: table;
    font-family: opensans;
    font-weight: lighter;
    font-size: 18px;
    padding: 5px 0 4px;
    width: 100%
}

.placar-jogo-equipes-item {
    display: table-cell;
    height: 40px;
    vertical-align: middle
}

.placar-jogo-equipes-item img,
.placar-jogo-equipes-item span {
    vertical-align: middle
}

.placar-jogo-equipes-perdedor {
    opacity: .5
}

.placar-jogo-equipes-placar {
    font-family: opensans-bold
}

.mata-mata-conteudo .placar-jogo-equipes {
    font-family: opensans;
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased
}

.placar-jogo-equipes-mandante {
    text-align: right
}

.placar-jogo-equipes-visitante {
    text-align: left
}

.placar-jogo-equipes-sigla,
.placar-jogo-equipes-nome {
    line-height: 20px;
    max-width: 68%
}

.placar-jogo-equipes-sigla {
    display: inline-block
}

.placar-jogo-equipes-nome {
    display: none
}

.placar-jogo-equipes-escudo-mandante,
.placar-jogo-equipes-escudo-visitante {
    height: 30px;
    width: 30px
}

.placar-jogo-equipes-escudo-mandante {
    margin-left: 8px
}

.placar-jogo-equipes-escudo-visitante {
    margin-right: 8px
}

.placar-jogo-equipes-placar-mandante,
.placar-jogo-equipes-placar-visitante {
    font-size: 21px
}

.placar-jogo-equipes-placar-separador {
    font-size: 16px
}

.placar-jogo-equipes-placar-penalties {
    font-size: 14px
}

.placar-jogo-complemento {
    font-family: ProximaNova;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase
}

.placar-jogo-placeholder {
    padding-top: 22px
}

.placar-jogo-placeholder .placar-jogo-equipes-item {
    width: 42%
}

.placar-jogo-placeholder .placar-jogo-equipes-placar {
    width: 8%
}

.placar-jogo-equipes-placeholder {
    font-family: opensans;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle
}

.placar-jogo-equipes-item-pre-classificado {
    display: block;
    padding-top: 3px
}

.placar-jogo-equipes-item-pre-classificado .placar-jogo-equipes-nome {
    display: inline-block
}

.jogo {
    height: 109px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center
}

.jogo__transmissao--link {
    text-decoration: none;
    width: 100%
}

.jogo__transmissao--text {
    font-family: opensans;
    font-size: 0.6875em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-transform: uppercase
}

.jogo__informacoes {
    color: #555;
    font-family: opensans;
    font-size: 0.6875em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.3px;
    text-transform: uppercase
}

.jogo__informacoes--local {
    font-family: opensans;
    font-weight: normal
}

.placar {
    align-items: center;
    color: #333;
    display: flex;
    height: 4em;
    justify-content: center
}

.placar__equipes {
    align-items: center;
    color: #333;
    display: flex;
    flex-grow: 1;
    font-family: opensans;
    font-size: 1.125em;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 100;
    height: 40px;
    line-height: 1em;
    vertical-align: middle;
    width: 35%
}

.placar__equipes--mandante {
    text-align: right;
    justify-content: flex-end
}

.placar__equipes--visitante {
    text-align: left;
    justify-content: flex-start
}

.equipes {
    font-family: opensans;
    font-weight: normal
}

.equipes__nome {
    display: none
}

.equipes__escudo {
    height: 30px;
    width: 30px
}

.equipes__escudo--mandante {
    margin-left: 8px
}

.equipes__escudo--visitante {
    margin-right: 8px
}

.placar-box {
    align-items: center;
    color: #111;
    display: flex;
    flex-grow: 2;
    height: 40px;
    justify-content: center;
    width: 30%
}

.placar-box__valor {
    font-size: 1.3125em;
    font-family: opensans;
    font-style: normal;
    font-weight: 700;
    vertical-align: middle
}

.placar-box__versus {
    display: flex;
    height: 8px;
    margin: 0 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 9px
}

.placar-box__penaltis {
    font-size: .7em
}

.placar-box__penaltis-mandante {
    margin-left: 5px
}

.placar-box__penaltis-visitante {
    margin-right: 5px
}

.jogador {
    display: flex;
    align-items: center;
    width: 100%;
    height: 78px
}

.jogador+.jogador {
    border-top: 1px solid #ddd
}

.jogador-nome {
    color: #333;
    font-size: 20px;
    letter-spacing: -1px
}

@media (--mobile-viewport) {
    .jogador-nome {
        font-size: 16px
    }
}

.jogador-foto {
    border-radius: 50%
}

.jogador-posicao {
    color: #999;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 3px
}

.jogador-info {
    margin-left: 20px
}

.jogador-gols {
    margin-left: auto;
    padding-right: 20px;
    color: #333;
    font-family: 'opensans-bold', arial, sans-serif;
    font-size: 26px
}

@media (--mobile-viewport) {
    .jogador-gols {
        font-size: 20px
    }
}

@custom-media --mobile-viewport (max-width: 38.75em);

.artilharia-wrapper {
    -webkit-font-smoothing: antialiased;
    font-family: 'proximanova-regular', arial, sans-serif;
    padding-top: 30px;
    padding-bottom: 30px
}

.artilharia-wrapper .artilharia-header-titulo {
    margin-bottom: 19px
}

.artilharia-wrapper .ranking-item-wrapper {
    border-bottom: 1px solid #DDD;
    display: flex;
    align-items: center
}

.artilharia-wrapper .ranking-item {
    width: 30px;
    color: #999;
    font-family: opensans, arial, sans-serif;
    font-size: 28px
}

@media (--mobile-viewport) {
    .artilharia-wrapper .ranking-item {
        font-size: 22px
    }
}

.artilharia-wrapper .jogador .jogador-foto {
    border-radius: 50px;
    background-color: #F1F1F1;
    display: block;
    height: 50px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: -999px;
    width: 50px
}

.artilharia-wrapper .jogador .jogador-foto img {
    display: block
}

.artilharia-wrapper .ranking-content {
    box-sizing: content-box;
    overflow: auto;
    height: 430px;
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 600px) {
    .artilharia-wrapper .ranking-content {
        height: 280px
    }
}

.artilharia-title {
    margin-bottom: 20px;
    color: #333;
    font-size: 26px;
    letter-spacing: -0.04em;
    text-transform: uppercase
}

.ranking-header {
    display: flex;
    align-items: center;
    height: 40px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
    color: #999;
    font-size: 11px;
    text-transform: uppercase
}

.ranking-headerGols {
    margin-left: auto;
    padding-right: 20px
}

@font-face {
    font-family: "gui-icon";
    src: url("https://s.glbimg.com/es/ge/static/live/gui/fonts/gui-icon.eot");
    src: url("https://s.glbimg.com/es/ge/static/live/gui/fonts/gui-icon.eot?#iefix") format("embedded-opentype"), url("https://s.glbimg.com/es/ge/static/live/gui/fonts/gui-icon.woff?c75b683cd67c") format("woff"), url("https://s.glbimg.com/es/ge/static/live/gui/fonts/gui-icon.ttf?c75b683cd67c") format("truetype"), url("https://s.glbimg.com/es/ge/static/live/gui/fonts/gui-icon.svg?#gui-icon") format("svg");
    font-weight: normal;
    font-style: normal
}

.gui-icon {
    font-family: "gui-icon";
    background-image: url("https://s.glbimg.com/es/ge/static/live/gui/fonts/gui-icon.svg?#gui-icon");
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gui-icon-close:before {
    content: "\f112"
}

.gui-icon-arrow-left-highlight::before {
    content: "\f104"
}

.gui-icon-arrow-right-highlight:before {
    content: "\f107"
}

.popin-regulamento-desabilita-scroll {
    overflow: hidden
}

.popin-regulamento {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateZ(0);
    z-index: 5000
}

.popin-regulamento-wrapper {
    height: 100%;
    position: relative
}

.popin-regulamento-conteudo {
    background-color: #fcfcfc;
    height: 100%;
    left: 0;
    padding: 35px 20px 0;
    position: absolute;
    top: 0
}

.popin-regulamento-fechar {
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 16px;
    top: 14px;
    padding: 8px
}

.popin-regulamento-fechar:hover {
    color: #000
}

.popin-regulamento-scroll-y-area {
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.popin-regulamento-titulo {
    font-family: proximanova-bold;
    font-size: 20px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.popin-regulamento-texto {
    color: #333;
    font-family: opensans;
    font-size: 15px;
    line-height: 25px
}

@media only screen and (min-width: 580px) {
    .popin-regulamento-conteudo {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        height: 350px;
        left: 50%;
        margin: -180px 0 0 -290px;
        padding: 46px 38px;
        top: 50%;
        width: 580px
    }
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: opensans;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: opensans-light;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: opensans-regular;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: opensans-semibold;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: opensans-bold;
    src: url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/opensans/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold
}

@font-face {
    font-family: "proximanova-bold";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-light";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-regular";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "proximanova-light";
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: ProximaNova;
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: ProximaNova;
    src: url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff2") format("woff2"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.woff") format("woff"), url("https://s3.glbimg.com/cdn/fonts/proximanova/bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold
}

.row {
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto
}

.row::before,
.row::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1
}

.row::after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row .row {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-left: auto;
    margin-right: auto
}

.column,
.columns {
    width: 100%;
    float: left;
    padding-left: .75rem;
    padding-right: .75rem
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.column.row.row,
.row.row.columns {
    float: none
}

.row .column.row.row,
.row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.small-1 {
    width: 4.16667%
}

.small-push-1 {
    position: relative;
    left: 4.16667%
}

.small-pull-1 {
    position: relative;
    left: -4.16667%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    width: 8.33333%
}

.small-push-2 {
    position: relative;
    left: 8.33333%
}

.small-pull-2 {
    position: relative;
    left: -8.33333%
}

.small-offset-1 {
    margin-left: 4.16667%
}

.small-3 {
    width: 12.5%
}

.small-push-3 {
    position: relative;
    left: 12.5%
}

.small-pull-3 {
    position: relative;
    left: -12.5%
}

.small-offset-2 {
    margin-left: 8.33333%
}

.small-4 {
    width: 16.66667%
}

.small-push-4 {
    position: relative;
    left: 16.66667%
}

.small-pull-4 {
    position: relative;
    left: -16.66667%
}

.small-offset-3 {
    margin-left: 12.5%
}

.small-5 {
    width: 20.83333%
}

.small-push-5 {
    position: relative;
    left: 20.83333%
}

.small-pull-5 {
    position: relative;
    left: -20.83333%
}

.small-offset-4 {
    margin-left: 16.66667%
}

.small-6 {
    width: 25%
}

.small-push-6 {
    position: relative;
    left: 25%
}

.small-pull-6 {
    position: relative;
    left: -25%
}

.small-offset-5 {
    margin-left: 20.83333%
}

.small-7 {
    width: 29.16667%
}

.small-push-7 {
    position: relative;
    left: 29.16667%
}

.small-pull-7 {
    position: relative;
    left: -29.16667%
}

.small-offset-6 {
    margin-left: 25%
}

.small-8 {
    width: 33.33333%
}

.small-push-8 {
    position: relative;
    left: 33.33333%
}

.small-pull-8 {
    position: relative;
    left: -33.33333%
}

.small-offset-7 {
    margin-left: 29.16667%
}

.small-9 {
    width: 37.5%
}

.small-push-9 {
    position: relative;
    left: 37.5%
}

.small-pull-9 {
    position: relative;
    left: -37.5%
}

.small-offset-8 {
    margin-left: 33.33333%
}

.small-10 {
    width: 41.66667%
}

.small-push-10 {
    position: relative;
    left: 41.66667%
}

.small-pull-10 {
    position: relative;
    left: -41.66667%
}

.small-offset-9 {
    margin-left: 37.5%
}

.small-11 {
    width: 45.83333%
}

.small-push-11 {
    position: relative;
    left: 45.83333%
}

.small-pull-11 {
    position: relative;
    left: -45.83333%
}

.small-offset-10 {
    margin-left: 41.66667%
}

.small-12 {
    width: 50%
}

.small-push-12 {
    position: relative;
    left: 50%
}

.small-pull-12 {
    position: relative;
    left: -50%
}

.small-offset-11 {
    margin-left: 45.83333%
}

.small-13 {
    width: 54.16667%
}

.small-push-13 {
    position: relative;
    left: 54.16667%
}

.small-pull-13 {
    position: relative;
    left: -54.16667%
}

.small-offset-12 {
    margin-left: 50%
}

.small-14 {
    width: 58.33333%
}

.small-push-14 {
    position: relative;
    left: 58.33333%
}

.small-pull-14 {
    position: relative;
    left: -58.33333%
}

.small-offset-13 {
    margin-left: 54.16667%
}

.small-15 {
    width: 62.5%
}

.small-push-15 {
    position: relative;
    left: 62.5%
}

.small-pull-15 {
    position: relative;
    left: -62.5%
}

.small-offset-14 {
    margin-left: 58.33333%
}

.small-16 {
    width: 66.66667%
}

.small-push-16 {
    position: relative;
    left: 66.66667%
}

.small-pull-16 {
    position: relative;
    left: -66.66667%
}

.small-offset-15 {
    margin-left: 62.5%
}

.small-17 {
    width: 70.83333%
}

.small-push-17 {
    position: relative;
    left: 70.83333%
}

.small-pull-17 {
    position: relative;
    left: -70.83333%
}

.small-offset-16 {
    margin-left: 66.66667%
}

.small-18 {
    width: 75%
}

.small-push-18 {
    position: relative;
    left: 75%
}

.small-pull-18 {
    position: relative;
    left: -75%
}

.small-offset-17 {
    margin-left: 70.83333%
}

.small-19 {
    width: 79.16667%
}

.small-push-19 {
    position: relative;
    left: 79.16667%
}

.small-pull-19 {
    position: relative;
    left: -79.16667%
}

.small-offset-18 {
    margin-left: 75%
}

.small-20 {
    width: 83.33333%
}

.small-push-20 {
    position: relative;
    left: 83.33333%
}

.small-pull-20 {
    position: relative;
    left: -83.33333%
}

.small-offset-19 {
    margin-left: 79.16667%
}

.small-21 {
    width: 87.5%
}

.small-push-21 {
    position: relative;
    left: 87.5%
}

.small-pull-21 {
    position: relative;
    left: -87.5%
}

.small-offset-20 {
    margin-left: 83.33333%
}

.small-22 {
    width: 91.66667%
}

.small-push-22 {
    position: relative;
    left: 91.66667%
}

.small-pull-22 {
    position: relative;
    left: -91.66667%
}

.small-offset-21 {
    margin-left: 87.5%
}

.small-23 {
    width: 95.83333%
}

.small-push-23 {
    position: relative;
    left: 95.83333%
}

.small-pull-23 {
    position: relative;
    left: -95.83333%
}

.small-offset-22 {
    margin-left: 91.66667%
}

.small-24 {
    width: 100%
}

.small-offset-23 {
    margin-left: 95.83333%
}

.small-up-1>.column,
.small-up-1>.columns {
    width: 100%;
    float: left
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,
.small-up-2>.columns {
    width: 50%;
    float: left
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1),
.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,
.small-up-3>.columns {
    width: 33.33333%;
    float: left
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,
.small-up-4>.columns {
    width: 25%;
    float: left
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,
.small-up-5>.columns {
    width: 20%;
    float: left
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,
.small-up-6>.columns {
    width: 16.66667%;
    float: left
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,
.small-up-7>.columns {
    width: 14.28571%;
    float: left
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,
.small-up-8>.columns {
    width: 12.5%;
    float: left
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.small-collapse .row {
    margin-left: 0;
    margin-right: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-left: .75rem;
    padding-right: .75rem
}

.small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left
}

@media screen and (min-width: 40em) {
    .medium-1 {
        width: 4.16667%
    }

    .medium-push-1 {
        position: relative;
        left: 4.16667%
    }

    .medium-pull-1 {
        position: relative;
        left: -4.16667%
    }

    .medium-offset-0 {
        margin-left: 0%
    }

    .medium-2 {
        width: 8.33333%
    }

    .medium-push-2 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-2 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-1 {
        margin-left: 4.16667%
    }

    .medium-3 {
        width: 12.5%
    }

    .medium-push-3 {
        position: relative;
        left: 12.5%
    }

    .medium-pull-3 {
        position: relative;
        left: -12.5%
    }

    .medium-offset-2 {
        margin-left: 8.33333%
    }

    .medium-4 {
        width: 16.66667%
    }

    .medium-push-4 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-4 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-3 {
        margin-left: 12.5%
    }

    .medium-5 {
        width: 20.83333%
    }

    .medium-push-5 {
        position: relative;
        left: 20.83333%
    }

    .medium-pull-5 {
        position: relative;
        left: -20.83333%
    }

    .medium-offset-4 {
        margin-left: 16.66667%
    }

    .medium-6 {
        width: 25%
    }

    .medium-push-6 {
        position: relative;
        left: 25%
    }

    .medium-pull-6 {
        position: relative;
        left: -25%
    }

    .medium-offset-5 {
        margin-left: 20.83333%
    }

    .medium-7 {
        width: 29.16667%
    }

    .medium-push-7 {
        position: relative;
        left: 29.16667%
    }

    .medium-pull-7 {
        position: relative;
        left: -29.16667%
    }

    .medium-offset-6 {
        margin-left: 25%
    }

    .medium-8 {
        width: 33.33333%
    }

    .medium-push-8 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-8 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-7 {
        margin-left: 29.16667%
    }

    .medium-9 {
        width: 37.5%
    }

    .medium-push-9 {
        position: relative;
        left: 37.5%
    }

    .medium-pull-9 {
        position: relative;
        left: -37.5%
    }

    .medium-offset-8 {
        margin-left: 33.33333%
    }

    .medium-10 {
        width: 41.66667%
    }

    .medium-push-10 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-10 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-9 {
        margin-left: 37.5%
    }

    .medium-11 {
        width: 45.83333%
    }

    .medium-push-11 {
        position: relative;
        left: 45.83333%
    }

    .medium-pull-11 {
        position: relative;
        left: -45.83333%
    }

    .medium-offset-10 {
        margin-left: 41.66667%
    }

    .medium-12 {
        width: 50%
    }

    .medium-push-12 {
        position: relative;
        left: 50%
    }

    .medium-pull-12 {
        position: relative;
        left: -50%
    }

    .medium-offset-11 {
        margin-left: 45.83333%
    }

    .medium-13 {
        width: 54.16667%
    }

    .medium-push-13 {
        position: relative;
        left: 54.16667%
    }

    .medium-pull-13 {
        position: relative;
        left: -54.16667%
    }

    .medium-offset-12 {
        margin-left: 50%
    }

    .medium-14 {
        width: 58.33333%
    }

    .medium-push-14 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-14 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-13 {
        margin-left: 54.16667%
    }

    .medium-15 {
        width: 62.5%
    }

    .medium-push-15 {
        position: relative;
        left: 62.5%
    }

    .medium-pull-15 {
        position: relative;
        left: -62.5%
    }

    .medium-offset-14 {
        margin-left: 58.33333%
    }

    .medium-16 {
        width: 66.66667%
    }

    .medium-push-16 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-16 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-15 {
        margin-left: 62.5%
    }

    .medium-17 {
        width: 70.83333%
    }

    .medium-push-17 {
        position: relative;
        left: 70.83333%
    }

    .medium-pull-17 {
        position: relative;
        left: -70.83333%
    }

    .medium-offset-16 {
        margin-left: 66.66667%
    }

    .medium-18 {
        width: 75%
    }

    .medium-push-18 {
        position: relative;
        left: 75%
    }

    .medium-pull-18 {
        position: relative;
        left: -75%
    }

    .medium-offset-17 {
        margin-left: 70.83333%
    }

    .medium-19 {
        width: 79.16667%
    }

    .medium-push-19 {
        position: relative;
        left: 79.16667%
    }

    .medium-pull-19 {
        position: relative;
        left: -79.16667%
    }

    .medium-offset-18 {
        margin-left: 75%
    }

    .medium-20 {
        width: 83.33333%
    }

    .medium-push-20 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-20 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-19 {
        margin-left: 79.16667%
    }

    .medium-21 {
        width: 87.5%
    }

    .medium-push-21 {
        position: relative;
        left: 87.5%
    }

    .medium-pull-21 {
        position: relative;
        left: -87.5%
    }

    .medium-offset-20 {
        margin-left: 83.33333%
    }

    .medium-22 {
        width: 91.66667%
    }

    .medium-push-22 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-22 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-21 {
        margin-left: 87.5%
    }

    .medium-23 {
        width: 95.83333%
    }

    .medium-push-23 {
        position: relative;
        left: 95.83333%
    }

    .medium-pull-23 {
        position: relative;
        left: -95.83333%
    }

    .medium-offset-22 {
        margin-left: 91.66667%
    }

    .medium-24 {
        width: 100%
    }

    .medium-offset-23 {
        margin-left: 95.83333%
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        width: 100%;
        float: left
    }

    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        width: 50%;
        float: left
    }

    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        width: 25%;
        float: left
    }

    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        width: 20%;
        float: left
    }

    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .medium-uncentered,
    .medium-push-0,
    .medium-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width: 60.0625em) {
    .large-1 {
        width: 4.16667%
    }

    .large-push-1 {
        position: relative;
        left: 4.16667%
    }

    .large-pull-1 {
        position: relative;
        left: -4.16667%
    }

    .large-offset-0 {
        margin-left: 0%
    }

    .large-2 {
        width: 8.33333%
    }

    .large-push-2 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-2 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-1 {
        margin-left: 4.16667%
    }

    .large-3 {
        width: 12.5%
    }

    .large-push-3 {
        position: relative;
        left: 12.5%
    }

    .large-pull-3 {
        position: relative;
        left: -12.5%
    }

    .large-offset-2 {
        margin-left: 8.33333%
    }

    .large-4 {
        width: 16.66667%
    }

    .large-push-4 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-4 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-3 {
        margin-left: 12.5%
    }

    .large-5 {
        width: 20.83333%
    }

    .large-push-5 {
        position: relative;
        left: 20.83333%
    }

    .large-pull-5 {
        position: relative;
        left: -20.83333%
    }

    .large-offset-4 {
        margin-left: 16.66667%
    }

    .large-6 {
        width: 25%
    }

    .large-push-6 {
        position: relative;
        left: 25%
    }

    .large-pull-6 {
        position: relative;
        left: -25%
    }

    .large-offset-5 {
        margin-left: 20.83333%
    }

    .large-7 {
        width: 29.16667%
    }

    .large-push-7 {
        position: relative;
        left: 29.16667%
    }

    .large-pull-7 {
        position: relative;
        left: -29.16667%
    }

    .large-offset-6 {
        margin-left: 25%
    }

    .large-8 {
        width: 33.33333%
    }

    .large-push-8 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-8 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-7 {
        margin-left: 29.16667%
    }

    .large-9 {
        width: 37.5%
    }

    .large-push-9 {
        position: relative;
        left: 37.5%
    }

    .large-pull-9 {
        position: relative;
        left: -37.5%
    }

    .large-offset-8 {
        margin-left: 33.33333%
    }

    .large-10 {
        width: 41.66667%
    }

    .large-push-10 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-10 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-9 {
        margin-left: 37.5%
    }

    .large-11 {
        width: 45.83333%
    }

    .large-push-11 {
        position: relative;
        left: 45.83333%
    }

    .large-pull-11 {
        position: relative;
        left: -45.83333%
    }

    .large-offset-10 {
        margin-left: 41.66667%
    }

    .large-12 {
        width: 50%
    }

    .large-push-12 {
        position: relative;
        left: 50%
    }

    .large-pull-12 {
        position: relative;
        left: -50%
    }

    .large-offset-11 {
        margin-left: 45.83333%
    }

    .large-13 {
        width: 54.16667%
    }

    .large-push-13 {
        position: relative;
        left: 54.16667%
    }

    .large-pull-13 {
        position: relative;
        left: -54.16667%
    }

    .large-offset-12 {
        margin-left: 50%
    }

    .large-14 {
        width: 58.33333%
    }

    .large-push-14 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-14 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-13 {
        margin-left: 54.16667%
    }

    .large-15 {
        width: 62.5%
    }

    .large-push-15 {
        position: relative;
        left: 62.5%
    }

    .large-pull-15 {
        position: relative;
        left: -62.5%
    }

    .large-offset-14 {
        margin-left: 58.33333%
    }

    .large-16 {
        width: 66.66667%
    }

    .large-push-16 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-16 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-15 {
        margin-left: 62.5%
    }

    .large-17 {
        width: 70.83333%
    }

    .large-push-17 {
        position: relative;
        left: 70.83333%
    }

    .large-pull-17 {
        position: relative;
        left: -70.83333%
    }

    .large-offset-16 {
        margin-left: 66.66667%
    }

    .large-18 {
        width: 75%
    }

    .large-push-18 {
        position: relative;
        left: 75%
    }

    .large-pull-18 {
        position: relative;
        left: -75%
    }

    .large-offset-17 {
        margin-left: 70.83333%
    }

    .large-19 {
        width: 79.16667%
    }

    .large-push-19 {
        position: relative;
        left: 79.16667%
    }

    .large-pull-19 {
        position: relative;
        left: -79.16667%
    }

    .large-offset-18 {
        margin-left: 75%
    }

    .large-20 {
        width: 83.33333%
    }

    .large-push-20 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-20 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-19 {
        margin-left: 79.16667%
    }

    .large-21 {
        width: 87.5%
    }

    .large-push-21 {
        position: relative;
        left: 87.5%
    }

    .large-pull-21 {
        position: relative;
        left: -87.5%
    }

    .large-offset-20 {
        margin-left: 83.33333%
    }

    .large-22 {
        width: 91.66667%
    }

    .large-push-22 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-22 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-21 {
        margin-left: 87.5%
    }

    .large-23 {
        width: 95.83333%
    }

    .large-push-23 {
        position: relative;
        left: 95.83333%
    }

    .large-pull-23 {
        position: relative;
        left: -95.83333%
    }

    .large-offset-22 {
        margin-left: 91.66667%
    }

    .large-24 {
        width: 100%
    }

    .large-offset-23 {
        margin-left: 95.83333%
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        width: 100%;
        float: left
    }

    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        width: 50%;
        float: left
    }

    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        width: 25%;
        float: left
    }

    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        width: 20%;
        float: left
    }

    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column,
    .large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .large-uncentered,
    .large-push-0,
    .large-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width: 85.4375em) {
    .xlarge-1 {
        width: 4.16667%
    }

    .xlarge-push-1 {
        position: relative;
        left: 4.16667%
    }

    .xlarge-pull-1 {
        position: relative;
        left: -4.16667%
    }

    .xlarge-offset-0 {
        margin-left: 0%
    }

    .xlarge-2 {
        width: 8.33333%
    }

    .xlarge-push-2 {
        position: relative;
        left: 8.33333%
    }

    .xlarge-pull-2 {
        position: relative;
        left: -8.33333%
    }

    .xlarge-offset-1 {
        margin-left: 4.16667%
    }

    .xlarge-3 {
        width: 12.5%
    }

    .xlarge-push-3 {
        position: relative;
        left: 12.5%
    }

    .xlarge-pull-3 {
        position: relative;
        left: -12.5%
    }

    .xlarge-offset-2 {
        margin-left: 8.33333%
    }

    .xlarge-4 {
        width: 16.66667%
    }

    .xlarge-push-4 {
        position: relative;
        left: 16.66667%
    }

    .xlarge-pull-4 {
        position: relative;
        left: -16.66667%
    }

    .xlarge-offset-3 {
        margin-left: 12.5%
    }

    .xlarge-5 {
        width: 20.83333%
    }

    .xlarge-push-5 {
        position: relative;
        left: 20.83333%
    }

    .xlarge-pull-5 {
        position: relative;
        left: -20.83333%
    }

    .xlarge-offset-4 {
        margin-left: 16.66667%
    }

    .xlarge-6 {
        width: 25%
    }

    .xlarge-push-6 {
        position: relative;
        left: 25%
    }

    .xlarge-pull-6 {
        position: relative;
        left: -25%
    }

    .xlarge-offset-5 {
        margin-left: 20.83333%
    }

    .xlarge-7 {
        width: 29.16667%
    }

    .xlarge-push-7 {
        position: relative;
        left: 29.16667%
    }

    .xlarge-pull-7 {
        position: relative;
        left: -29.16667%
    }

    .xlarge-offset-6 {
        margin-left: 25%
    }

    .xlarge-8 {
        width: 33.33333%
    }

    .xlarge-push-8 {
        position: relative;
        left: 33.33333%
    }

    .xlarge-pull-8 {
        position: relative;
        left: -33.33333%
    }

    .xlarge-offset-7 {
        margin-left: 29.16667%
    }

    .xlarge-9 {
        width: 37.5%
    }

    .xlarge-push-9 {
        position: relative;
        left: 37.5%
    }

    .xlarge-pull-9 {
        position: relative;
        left: -37.5%
    }

    .xlarge-offset-8 {
        margin-left: 33.33333%
    }

    .xlarge-10 {
        width: 41.66667%
    }

    .xlarge-push-10 {
        position: relative;
        left: 41.66667%
    }

    .xlarge-pull-10 {
        position: relative;
        left: -41.66667%
    }

    .xlarge-offset-9 {
        margin-left: 37.5%
    }

    .xlarge-11 {
        width: 45.83333%
    }

    .xlarge-push-11 {
        position: relative;
        left: 45.83333%
    }

    .xlarge-pull-11 {
        position: relative;
        left: -45.83333%
    }

    .xlarge-offset-10 {
        margin-left: 41.66667%
    }

    .xlarge-12 {
        width: 50%
    }

    .xlarge-push-12 {
        position: relative;
        left: 50%
    }

    .xlarge-pull-12 {
        position: relative;
        left: -50%
    }

    .xlarge-offset-11 {
        margin-left: 45.83333%
    }

    .xlarge-13 {
        width: 54.16667%
    }

    .xlarge-push-13 {
        position: relative;
        left: 54.16667%
    }

    .xlarge-pull-13 {
        position: relative;
        left: -54.16667%
    }

    .xlarge-offset-12 {
        margin-left: 50%
    }

    .xlarge-14 {
        width: 58.33333%
    }

    .xlarge-push-14 {
        position: relative;
        left: 58.33333%
    }

    .xlarge-pull-14 {
        position: relative;
        left: -58.33333%
    }

    .xlarge-offset-13 {
        margin-left: 54.16667%
    }

    .xlarge-15 {
        width: 62.5%
    }

    .xlarge-push-15 {
        position: relative;
        left: 62.5%
    }

    .xlarge-pull-15 {
        position: relative;
        left: -62.5%
    }

    .xlarge-offset-14 {
        margin-left: 58.33333%
    }

    .xlarge-16 {
        width: 66.66667%
    }

    .xlarge-push-16 {
        position: relative;
        left: 66.66667%
    }

    .xlarge-pull-16 {
        position: relative;
        left: -66.66667%
    }

    .xlarge-offset-15 {
        margin-left: 62.5%
    }

    .xlarge-17 {
        width: 70.83333%
    }

    .xlarge-push-17 {
        position: relative;
        left: 70.83333%
    }

    .xlarge-pull-17 {
        position: relative;
        left: -70.83333%
    }

    .xlarge-offset-16 {
        margin-left: 66.66667%
    }

    .xlarge-18 {
        width: 75%
    }

    .xlarge-push-18 {
        position: relative;
        left: 75%
    }

    .xlarge-pull-18 {
        position: relative;
        left: -75%
    }

    .xlarge-offset-17 {
        margin-left: 70.83333%
    }

    .xlarge-19 {
        width: 79.16667%
    }

    .xlarge-push-19 {
        position: relative;
        left: 79.16667%
    }

    .xlarge-pull-19 {
        position: relative;
        left: -79.16667%
    }

    .xlarge-offset-18 {
        margin-left: 75%
    }

    .xlarge-20 {
        width: 83.33333%
    }

    .xlarge-push-20 {
        position: relative;
        left: 83.33333%
    }

    .xlarge-pull-20 {
        position: relative;
        left: -83.33333%
    }

    .xlarge-offset-19 {
        margin-left: 79.16667%
    }

    .xlarge-21 {
        width: 87.5%
    }

    .xlarge-push-21 {
        position: relative;
        left: 87.5%
    }

    .xlarge-pull-21 {
        position: relative;
        left: -87.5%
    }

    .xlarge-offset-20 {
        margin-left: 83.33333%
    }

    .xlarge-22 {
        width: 91.66667%
    }

    .xlarge-push-22 {
        position: relative;
        left: 91.66667%
    }

    .xlarge-pull-22 {
        position: relative;
        left: -91.66667%
    }

    .xlarge-offset-21 {
        margin-left: 87.5%
    }

    .xlarge-23 {
        width: 95.83333%
    }

    .xlarge-push-23 {
        position: relative;
        left: 95.83333%
    }

    .xlarge-pull-23 {
        position: relative;
        left: -95.83333%
    }

    .xlarge-offset-22 {
        margin-left: 91.66667%
    }

    .xlarge-24 {
        width: 100%
    }

    .xlarge-offset-23 {
        margin-left: 95.83333%
    }

    .xlarge-up-1>.column,
    .xlarge-up-1>.columns {
        width: 100%;
        float: left
    }

    .xlarge-up-1>.column:nth-of-type(1n),
    .xlarge-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-1>.column:nth-of-type(1n+1),
    .xlarge-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .xlarge-up-1>.column:last-child,
    .xlarge-up-1>.columns:last-child {
        float: left
    }

    .xlarge-up-2>.column,
    .xlarge-up-2>.columns {
        width: 50%;
        float: left
    }

    .xlarge-up-2>.column:nth-of-type(1n),
    .xlarge-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-2>.column:nth-of-type(2n+1),
    .xlarge-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .xlarge-up-2>.column:last-child,
    .xlarge-up-2>.columns:last-child {
        float: left
    }

    .xlarge-up-3>.column,
    .xlarge-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .xlarge-up-3>.column:nth-of-type(1n),
    .xlarge-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-3>.column:nth-of-type(3n+1),
    .xlarge-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .xlarge-up-3>.column:last-child,
    .xlarge-up-3>.columns:last-child {
        float: left
    }

    .xlarge-up-4>.column,
    .xlarge-up-4>.columns {
        width: 25%;
        float: left
    }

    .xlarge-up-4>.column:nth-of-type(1n),
    .xlarge-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-4>.column:nth-of-type(4n+1),
    .xlarge-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .xlarge-up-4>.column:last-child,
    .xlarge-up-4>.columns:last-child {
        float: left
    }

    .xlarge-up-5>.column,
    .xlarge-up-5>.columns {
        width: 20%;
        float: left
    }

    .xlarge-up-5>.column:nth-of-type(1n),
    .xlarge-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-5>.column:nth-of-type(5n+1),
    .xlarge-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .xlarge-up-5>.column:last-child,
    .xlarge-up-5>.columns:last-child {
        float: left
    }

    .xlarge-up-6>.column,
    .xlarge-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .xlarge-up-6>.column:nth-of-type(1n),
    .xlarge-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-6>.column:nth-of-type(6n+1),
    .xlarge-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .xlarge-up-6>.column:last-child,
    .xlarge-up-6>.columns:last-child {
        float: left
    }

    .xlarge-up-7>.column,
    .xlarge-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .xlarge-up-7>.column:nth-of-type(1n),
    .xlarge-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-7>.column:nth-of-type(7n+1),
    .xlarge-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .xlarge-up-7>.column:last-child,
    .xlarge-up-7>.columns:last-child {
        float: left
    }

    .xlarge-up-8>.column,
    .xlarge-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .xlarge-up-8>.column:nth-of-type(1n),
    .xlarge-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-8>.column:nth-of-type(8n+1),
    .xlarge-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .xlarge-up-8>.column:last-child,
    .xlarge-up-8>.columns:last-child {
        float: left
    }

    .xlarge-collapse>.column,
    .xlarge-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .xlarge-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .xlarge-uncollapse>.column,
    .xlarge-uncollapse>.columns {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .xlarge-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .xlarge-uncentered,
    .xlarge-push-0,
    .xlarge-pull-0 {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width: 40em) and (max-width: 60em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em),
screen and (min-width: 60.0625em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media screen and (min-width: 60.0625em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 60em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width: 60.0625em) and (max-width: 85.375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 60em),
screen and (min-width: 85.4375em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width: 85.4375em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width: 85.375em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width: 85.4375em) and (max-width: 85.375em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 85.375em),
screen and (min-width: 85.4375em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.show-for-landscape,
.hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {

    .show-for-landscape,
    .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {

    .show-for-landscape,
    .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix::before,
.clearfix::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1
}

.clearfix::after {
    clear: both
}

#widget-classificacao .tabela-classificacao .label-fase-sem-classificacao {
    background: url("https://s3.glbimg.com/v1/AUTH_378ee63fe83141e69caddd838034e850/static/components/ico_bola_murcha.png") no-repeat 40% top;
    font-weight: lighter;
    height: 350px;
    padding-top: 150px;
    margin: 50px auto 0 auto;
    text-align: center;
    width: 250px
}

#widget-classificacao .tabela-classificacao .label-fase-sem-classificacao strong {
    font-family: 'proximanova-bold', arial, sans-serif;
    font-size: 18px;
    color: #333;
    display: block;
    margin: 10px 0 5px 0;
    text-transform: uppercase
}

#widget-classificacao .tabela-classificacao .label-fase-sem-classificacao span {
    color: #999;
    font-family: 'opensans-regular', arial, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    display: block;
    line-height: 18px;
    margin: 0 15px
}

@media screen and (max-width: 39.9375em) {
    #widget-classificacao .tabela-classificacao .label-fase-sem-classificacao strong {
        font-size: 16px
    }

    #widget-classificacao .tabela-classificacao .label-fase-sem-classificacao span {
        font-size: 14px
    }
}

.classificacao__pontos-corridos {
    display: flex
}

.classificacao__tabela--linha {
    text-align: center;
    border-right: 0px solid #999;
    border-bottom: solid 1px #ddd;
    height: 55px
}

@media screen and (max-width: 1356px) {
    .classificacao__tabela--linha {
        border-right: 1px solid #999
    }
}

.classificacao__equipes {
    letter-spacing: -1px;
    font-family: opensans;
    font-variant: normal;
    font-weight: normal
}

.classificacao__equipes--posicao {
    color: #999;
    text-align: left;
    letter-spacing: -2px;
    line-height: 22px
}

@media screen and (max-width: 570px) {
    .classificacao__equipes--posicao {
        font-size: 14px;
        padding-top: 3px
    }
}

.classificacao__equipes--time {
    text-align: left;
    vertical-align: middle;
    line-height: 22px
}

.classificacao__equipes--nome {
    display: block;
    overflow: hidden;
    word-break: inherit;
    text-overflow: ellipsis;
    max-width: 100%
}

@media screen and (max-width: 660px) {
    .classificacao__equipes--nome {
        display: none
    }
}

.classificacao__equipes--sigla {
    display: none
}

@media screen and (max-width: 660px) {
    .classificacao__equipes--sigla {
        display: inline-block;
        font-size: 15px
    }
}

.classificacao__equipes--variacao {
    color: #bebebe;
    font-size: 11px;
    padding: 3px 0 0 8px;
    text-align: start
}

.classificacao__icone {
    background-size: 17px 50px;
    background: url("https://s.glbimg.com/es/ge/static/live/widget_classificacao_responsivo/img/sprite-tabela-icones.svg?5dfb76dc3509") no-repeat left 1px;
    display: inline-block;
    height: 10px;
    background-position-y: 2px;
    margin-left: 6px;
    overflow: hidden;
    width: 8px
}

.classificacao__icone--neutra {
    background-image: none;
    background-color: #ccc;
    height: 7px;
    width: 7px
}

.classificacao__icone--negativa {
    background-position: right 2px
}

.classificacao__pontos {
    background-color: #fcfcfc;
    line-height: 14px;
    font-family: opensans
}

@media screen and (max-width: 660px) {
    .classificacao__pontos {
        padding-top: 4px
    }
}

.classificacao__pontos--ponto {
    font-weight: 700
}

.classificacao__pontos:nth-child(odd) {
    background-color: #f5f5f5
}

.classificacao__ultimos_jogos {
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    margin-left: 4px;
    overflow: hidden;
    width: 7px
}

.classificacao__ultimos_jogos--v {
    background-color: #51a81e
}

.classificacao__ultimos_jogos--e,
.classificacao__ultimos_jogos--neutra {
    background-color: #ccc
}

.classificacao__ultimos_jogos--d {
    background-color: #f00
}

.tabela__futebol,
.tabela__basquete {
    width: 65%
}

@media screen and (max-width: 1000px) {

    .tabela__futebol,
    .tabela__basquete {
        width: 100%
    }
}

.tabela__head {
    border-bottom: 1px solid #c0c0c0;
    border-right: 0 solid #999;
    border-top: 1px solid #ddd;
    color: #999;
    font-family: opensans;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    height: 40px;
    line-height: 10px;
    text-transform: uppercase
}

@media screen and (max-width: 1356px) {
    .tabela__head {
        border-right: 1px solid #999
    }
}

.tabela__head--classificacao {
    text-align: left;
    padding: 0 !important;
    flex-grow: 2;
    flex-basis: 50%;
    margin-right: 15px
}

.tabela__head--coluna {
    padding: 0 21px;
    white-space: nowrap;
    line-height: 10px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: -0.3px;
    font-size: 11px
}

.tabela__col--posicao {
    width: 25px
}

.tabela__col--variacao {
    width: 38px
}

.tabela__equipes {
    background-color: #fcfcfc;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 17px;
    min-width: 100px;
    width: 250px
}

@media screen and (max-width: 660px) {
    .tabela__equipes {
        width: 20%
    }
}

.tabela__pontos {
    font-size: 14px;
    width: calc(100% - 250px);
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    overflow-x: overlay
}

@media screen and (max-width: 660px) {
    .tabela__pontos {
        width: 80%
    }

    .tabela__pontos .tabela__head--coluna {
        width: 10%
    }
}

.tabela__pontos .tabela__head,
.tabela__pontos .classificacao__tabela--linha {
    border-right: none
}

.tabela__listao {
    padding-left: 32px;
    margin-left: 32px;
    border-left: 1px solid #ddd
}

.tabela__lista-jogos {
    flex-grow: 1;
    order: 2;
    width: 30%
}

@media screen and (max-width: 1000px) {
    .tabela__lista-jogos {
        order: 4;
        border: none !important;
        padding-left: 0;
        margin-left: 0;
        width: 100%;
        margin-bottom: 13px
    }
}

.faixa-classificacao {
    margin: 8px 0 36px;
    flex-grow: 3;
    order: 3;
    flex-basis: 100%;
    color: #999;
    font-size: 11px;
    font-family: opensans;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

@media screen and (max-width: 1000px) {
    .faixa-classificacao {
        font-size: 10px
    }
}

.faixa-classificacao__agrupador {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.faixa-classificacao__grupo {
    flex-wrap: nowrap;
    white-space: nowrap
}

.faixa-classificacao__label {
    line-height: 18px;
    margin-right: 20px;
    text-transform: lowercase
}

@media screen and (max-width: 1000px) {
    .faixa-classificacao__label {
        margin-right: 10px
    }
}

.faixa-classificacao__label--icone {
    height: 9px;
    margin-left: 0;
    margin-right: 1px;
    width: 9px
}

.faixa-classificacao__disclaimer {
    flex-basis: 100%;
    font-family: opensans;
    font-style: italic;
    margin-top: 12px
}

.faixa-classificacao .classificacao__icone {
    margin-left: 0
}

.regulamento {
    display: inline-block;
    box-sizing: border-box
}

.regulamento * {
    box-sizing: inherit
}

.regulamento__ver-regulamento {
    cursor: pointer;
    transition: color .35s;
    white-space: nowrap;
    font-family: opensans;
    line-height: 18px
}

.regulamento__ver-regulamento:hover {
    color: #48c30b
}

.regulamento__popin {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5000
}

.regulamento__wrapper {
    height: 100%;
    position: relative
}

.regulamento__conteudo {
    background-color: #fcfcfc;
    height: 100%;
    left: 0;
    padding: 35px 20px 0;
    position: absolute;
    top: 0
}

@media only screen and (min-width: 580px) {
    .regulamento__conteudo {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        height: 350px;
        left: 50%;
        margin: -180px 0 0 -290px;
        padding: 46px 38px;
        top: 50%;
        width: 580px
    }
}

.regulamento__fechar {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 14px;
    padding: 8px;
    width: 34px;
    height: 34px
}

.regulamento__fechar:hover {
    fill: #000
}

.regulamento__scroll-y-area {
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.regulamento__titulo {
    color: #000;
    font-family: proximanova-bold;
    font-size: 20px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    margin-top: 0px;
    text-transform: uppercase
}

.regulamento__texto {
    color: #333;
    font-family: opensans;
    font-size: 15px;
    line-height: 25px
}

* {
    -webkit-font-smoothing: antialiased
}

#classificacao__wrapper {
    align-items: flex-start;
    animation: fadeInFromNone 0.125s linear;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    margin-top: 41px;
    opacity: 1 !important
}

@media screen and (max-width: 640px) {
    #classificacao__wrapper {
        padding-top: 16px
    }
}

@media screen and (max-width: 1000px) {
    #classificacao__wrapper {
        margin-top: 5px;
        flex-direction: column
    }
}

.classificacao__header--titulo {
    color: #111;
    font-family: ProximaNova;
    font-size: 1.625em;
    font-weight: bold;
    letter-spacing: -0.04em;
    line-height: 1.75em;
    margin-bottom: 10px;
    text-transform: uppercase
}

.classificacao__futebol--mata-mata {
    width: 100%
}

@keyframes fadeInFromNone {
    0% {
        opacity: 0;
        height: 100vh;
        max-height: 100vh
    }

    1% {
        opacity: 0;
        height: 100vh
    }

    100% {
        opacity: 1;
        height: auto;
        max-height: auto
    }
}

.fase {
    width: 100%
}

.fase__error {
    background: url("https://s3.glbimg.com/v1/AUTH_378ee63fe83141e69caddd838034e850/static/components/ico_bola_murcha.png") no-repeat 40% top;
    height: 350px;
    margin: 50px auto 0 auto;
    padding-top: 150px;
    text-align: center;
    width: 250px
}

.fase__error--titulo {
    color: #333;
    display: block;
    font-family: ProximaNova;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    margin: 10px 0 5px 0;
    text-transform: uppercase
}

.fase__error--mensagem {
    color: #333;
    display: block;
    font-family: opensans;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    margin: 0 15px
}

.tabela {
    font-size: 16px
}

.tabela * {
    vertical-align: middle
}

.tabela__futebol {
    margin-bottom: 20px
}

.navegacao-fase+.tabela__futebol:first-of-type {
    margin-top: 20px
}

.tabela__futebol--listinhas {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 1000px) {
    .tabela__futebol--listinhas {
        flex-direction: column
    }
}

.tabela__futebol--listinhas header {
    flex-basis: 100%
}

.tabela__futebol--listinhas .tabela {
    flex-grow: 2;
    flex-basis: 60%;
    width: 60%
}

@media screen and (max-width: 1000px) {
    .tabela__futebol--listinhas .tabela {
        width: 100%;
        flex-basis: 100%
    }
}

.tabela__futebol--listao .tabela__pontos-corridos-grupado {
    margin-bottom: inherit
}

.tabela__futebol--listao .tabela__pontos-corridos-grupado:last-of-type {
    margin-bottom: unset
}

.tabela__futebol .faixa-classificacao {
    margin-bottom: 0px
}

.tabela__listinhas {
    border-left: 1px solid #ccc;
    flex-grow: 1;
    width: 30%;
    flex-basis: 30%
}

@media screen and (max-width: 1000px) {
    .tabela__listinhas {
        width: 100%
    }
}

@media screen and (min-width: 641px) {
    .navegacao-fase+.tabela__futebol+.tabela__lista-jogos {
        margin-top: 20px
    }
}

.lista-de-jogos--react .tabela__lista-jogos {
    width: auto
}

.lista-jogos {
    font-size: 16px;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    height: 90%
}

.lista-jogos__header--titulo {
    color: #111;
    font-family: ProximaNova;
    font-size: 1.625em;
    font-weight: bold;
    letter-spacing: -0.04em;
    line-height: 1.75em;
    margin-bottom: 10px;
    text-transform: uppercase
}

.lista-jogos__header--titulo-listinha {
    display: none;
    margin-top: 15px;
    margin-bottom: 5px
}

@media screen and (max-width: 1000px) {
    .lista-jogos__header--titulo-listinha {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .lista-jogos__header--titulo-listinha {
        display: block;
        font-size: 17px
    }
}

.lista-jogos__error {
    align-items: center;
    background-color: #f1f1f1;
    color: #333;
    display: flex;
    flex-direction: column;
    font-family: opensans;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 27px;
    padding: 64px 32px;
    text-align: center
}

.lista-jogos__error--titulo {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px
}

.lista-jogos__jogo {
    border-bottom: 1px solid #e3e3e3;
    display: block
}

@media screen and (min-width: 480px) and (max-width: 1000px) {
    .lista-jogos .equipes__sigla {
        display: none
    }

    .lista-jogos .equipes__nome {
        display: block
    }
}

.lista-jogos__navegacao {
    border-bottom: 1px solid silver;
    border-top: 1px solid #ddd;
    color: #111;
    display: flex;
    font-family: ProximaNova;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 2.4375em;
    text-align: center;
    text-transform: uppercase
}

.lista-jogos__navegacao--rodada {
    flex-grow: 2
}

.lista-jogos__navegacao--setas {
    color: #ccc;
    flex-grow: 1;
    text-align: left;
    font-size: 1.5em;
    height: 1.5em;
    fill: #ccc
}

.lista-jogos__navegacao--setas svg {
    height: .7em;
    stroke-width: 10px
}

.lista-jogos__navegacao--setas:last-of-type {
    text-align: right
}

.lista-jogos__navegacao--setas-ativa {
    cursor: pointer
}

.lista-jogos__navegacao--seta-esquerda svg {
    transform: rotate(180deg)
}

.loading {
    width: 100%;
    padding-top: 30px;
    text-align: center
}

.navegacao-fase {
    border-bottom: 1px solid silver;
    color: #111;
    display: flex;
    font-family: ProximaNova;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 2.4375em;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media screen and (max-width: 640px) {
    .navegacao-fase {
        font-size: 0.875em;
        line-height: 3em
    }
}

.navegacao-fase__fase {
    flex-grow: 2
}

.navegacao-fase__setas {
    color: #ccc;
    flex-grow: 1;
    text-align: left;
    font-size: 1.4em;
    fill: #ccc;
    align-self: center
}

.navegacao-fase__setas svg {
    height: .7em;
    stroke-width: 10px
}

.navegacao-fase__setas:last-of-type {
    text-align: right
}

.navegacao-fase__setas-ativa {
    cursor: pointer
}

.navegacao-fase__seta-esquerda svg {
    transform: rotate(180deg)
}

.classificacao__futebol--mata-mata {
    margin-top: 20px
}

.classificacao__futebol--mata-mata .mata-mata__chave {
    border-radius: 3px;
    border: 1px solid silver;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative
}

@media screen and (max-width: 640px) {
    .classificacao__futebol--mata-mata .mata-mata__chave {
        flex-direction: column;
        width: 98%
    }
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo {
    flex-grow: 1;
    max-width: 47%
}

@media screen and (max-width: 640px) {
    .classificacao__futebol--mata-mata .mata-mata__chave .jogo {
        max-width: 100%
    }
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo__sem-realizacao {
    color: #666;
    font-family: opensans;
    font-size: 12px;
    font-weight: bold
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo__sem-realizacao--text {
    padding-left: 21px;
    padding-right: 15px
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo__informacoes {
    margin: 0 auto;
    padding: 0 10px
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo.confronto .confronto__item {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo.confronto .placar-box {
    flex-grow: 1;
    width: 10%
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo.confronto .placar__equipes {
    padding: auto;
    width: 50%
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .classificacao__futebol--mata-mata .mata-mata__chave .jogo.confronto .placar__equipes {
        width: 30%
    }

    .classificacao__futebol--mata-mata .mata-mata__chave .jogo.confronto .placar__equipes:first-of-type {
        padding-left: 20px
    }

    .classificacao__futebol--mata-mata .mata-mata__chave .jogo.confronto .placar__equipes:last-of-type {
        padding-right: 20px
    }
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo.confronto .equipes__sigla:empty {
    display: none
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo.confronto .equipes__sigla:empty+.equipes__nome {
    display: block;
    font-family: opensans;
    font-size: 12px;
    font-weight: bold;
    line-height: 23px;
    max-height: 42px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo .equipes__sigla {
    display: none
}

@media screen and (max-width: 1000px) {
    .classificacao__futebol--mata-mata .mata-mata__chave .jogo .equipes__sigla {
        display: block
    }
}

.classificacao__futebol--mata-mata .mata-mata__chave .jogo .equipes__nome {
    display: block
}

@media screen and (max-width: 1000px) {
    .classificacao__futebol--mata-mata .mata-mata__chave .jogo .equipes__nome {
        display: none
    }
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--1 .jogo {
    max-width: 100%
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--1 .separador--centralizador {
    top: -10%
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--2 .separador {
    background-color: #ddd;
    width: 1px
}

@media screen and (max-width: 640px) {
    .classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--2 .separador {
        height: 1px;
        left: 0;
        position: relative;
        width: 100%
    }
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--2 .separador--centralizador {
    top: 43%
}

@media screen and (max-width: 640px) {
    .classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--2 .separador--centralizador {
        margin-top: -10px;
        top: 0
    }
}

@media screen and (max-width: 850px) {
    .classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 {
        flex-direction: column
    }
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .separador--centralizador {
    top: -10px
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .exibe_jogo--text {
    padding: 0 5px
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .jogo {
    max-width: 33%
}

@media screen and (min-width: 641px) {
    .classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .jogo {
        border-right: 1px solid #ddd
    }

    .classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .jogo:last-of-type {
        border-right: none
    }
}

@media screen and (max-width: 850px) {
    .classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .jogo {
        max-width: 100%;
        border-bottom: 1px solid #ddd
    }

    .classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .jogo:last-of-type {
        border-bottom: none
    }
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .equipes__nome {
    display: none
}

.classificacao__futebol--mata-mata .mata-mata__chave.chave__jogos--3 .equipes__sigla {
    display: block
}

.classificacao__futebol--mata-mata .mata-mata__secao {
    position: relative
}

.classificacao__futebol--mata-mata .mata-mata__secao--conector {
    border: 1px solid #ddd;
    border-left: none;
    height: 51.9%;
    left: 100%;
    position: absolute;
    right: -2%;
    top: 24.1%
}

@media screen and (min-width: 450px) and (max-width: 640px) {
    .classificacao__futebol--mata-mata .mata-mata__secao--conector {
        left: 98%;
        right: 0
    }
}

@media screen and (max-width: 449px) {
    .classificacao__futebol--mata-mata .mata-mata__secao--conector {
        left: 98%;
        right: -1%
    }
}

.classificacao__futebol--mata-mata .mata-mata__secao--linha-pos {
    background-color: #ddd;
    height: 1px;
    position: absolute;
    right: -100vw;
    top: 50%;
    width: 100vw
}

.classificacao__futebol--mata-mata .mata-mata__secao--linha-ant {
    background-color: #ddd;
    height: 1px;
    left: -50%;
    position: absolute;
    top: 49.6%;
    width: 50%
}

.classificacao__futebol--mata-mata .separador--centralizador {
    left: 50%;
    position: absolute
}

@media screen and (max-width: 640px) {
    .classificacao__futebol--mata-mata .separador--centralizador {
        top: 0
    }
}

.classificacao__futebol--mata-mata .separador--nome {
    background-color: #fcfcfc;
    border-radius: 9px;
    border: 1px solid #ddd;
    color: #999;
    display: inline-block;
    font-family: opensans;
    font-size: 11px;
    line-height: 18px;
    margin-left: -50%;
    padding: 0 14px;
    text-transform: lowercase;
    white-space: nowrap
}

.diretorio {
    font-size: 14px;
    letter-spacing: -0.2px;
    margin-top: 1.125rem;
    margin-bottom: 1rem;
    overflow: hidden
}

@media only screen and (max-width: 960px) {
    .diretorio {
        overflow: visible
    }
}

.diretorio__esquerda {
    float: left;
    width: 55%;
    height: 32px
}

@media only screen and (max-width: 960px) {
    .diretorio__esquerda {
        width: 100%;
        height: 100%
    }
}

.diretorio__direita {
    float: right;
    position: relative;
    width: 44.2%;
    height: 32px
}

@media only screen and (max-width: 960px) {
    .diretorio__direita {
        width: 100%;
        height: 100%
    }
}

.diretorio__logos {
    float: left;
    margin-bottom: 0.75rem;
    overflow: hidden
}

.diretorio__logos__logo {
    float: left;
    margin-right: 1rem
}

.diretorio__logos__logo a {
    display: block
}

.diretorio__links {
    align-items: center;
    display: flex;
    float: left;
    height: 100%;
    justify-content: center
}

.diretorio__links a {
    border-right: 1px currentColor solid;
    line-height: 10px;
    padding: 0 0.5rem 0 0.5rem;
    text-transform: lowercase
}

.diretorio__links a:last-child {
    border-right: none
}

.diretorio__links a:hover {
    color: inherit
}

@media only screen and (max-width: 960px) {
    .diretorio__links--break-line {
        clear: both;
        margin-bottom: 1.5rem
    }

    .diretorio__links--break-line a:first-child {
        padding: 0 0.5rem 0 0rem
    }
}

.diretorio__audience {
    align-items: center;
    display: flex;
    float: right;
    height: 100%;
    justify-content: center
}

@media only screen and (max-width: 960px) {
    .diretorio__audience {
        clear: both;
        float: left
    }
}

.diretorio__sponsored {
    float: left
}

@media only screen and (max-width: 960px) {
    .diretorio__sponsored {
        margin-bottom: 1rem
    }
}

.diretorio__sponsored a {
    overflow: hidden;
    display: block;
    height: 32px
}

.diretorio__sponsored a:hover {
    color: inherit
}

@media only screen and (max-width: 960px) {
    .diretorio__sponsored a {
        height: 100%
    }
}

.diretorio__sponsored span {
    display: block;
    float: left
}

.diretorio__sponsored p {
    float: left;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-left: 0.5rem
}

@media only screen and (max-width: 960px) {
    .diretorio__sponsored p {
        clear: both;
        float: none;
        padding-left: 0
    }
}

.footer {
    font-family: opensans, sans-serif;
    -webkit-font-smoothing: antialiased
}

.footer.amp {
    padding-left: .75rem;
    padding-right: .75rem
}

.footer.amp .footer__list {
    display: none
}

.footer.amp .footer__service-list {
    display: none
}

.footer a {
    color: currentColor;
    font-weight: normal;
    text-decoration: none
}

.footer__product {
    padding: 12px 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.footer__product a {
    font-weight: bold
}

.footer__product-logo {
    float: left;
    font-weight: bold;
    font-size: 1rem;
    margin-right: 8px
}

.footer__service {
    padding: 13px 0;
    line-height: 0.8rem;
    clear: both
}

.footer__service-list-item {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 0.75rem;
    padding: 0 5px 0 7px
}

.footer__service-list-item:first-child {
    border-left: 0;
    padding-left: 0
}

.footer__service-list-item:last-child {
    padding-right: 0
}

.footer__service-list-item a:hover {
    color: inherit
}

.footer__copyright {
    font-size: 0.75rem
}

@media only screen and (max-width: 639px) {
    .footer__copyright {
        font-size: 0.68rem
    }
}

.footer__list {
    padding-top: 2px
}

.footer__list-item {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 11px
}

.footer__list-item,
.footer__service-list-item,
.footer__copyright {
    float: left
}

.footer__product,
.footer__service {
    overflow: hidden
}

.footer__audience,
.footer__service-list {
    float: right
}

@media only screen and (min-width: 961px) {

    .footer__audience,
    .footer__service-list {
        display: block
    }
}

.footer__list-item,
.footer__audience {
    font-size: 0.75rem;
    font-weight: bold
}

@media only screen and (max-width: 960px) {

    .footer li,
    .footer .footer__audience {
        display: none
    }

    .footer .footer__product {
        border: none;
        padding-bottom: 0
    }

    .footer .footer__service {
        padding: 6px 0 16px
    }
    
}