.icon {
    background-size: contain;
    background: transparent url(files/icons/msg_commentary.svg) center no-repeat;
    display: inline-block;
    height: 14px;
    position: relative;
    top: 3px;
    width: 24px
}

._goals_regular {
    background-image: url(files/icons/msg_goal.svg)
}

._goals_penalty {
    background-image: url(files/icons/msg_penaltygoal.svg)
}

._goals_own_goal {
    background-image: url(files/icons/msg_goalown.svg)
}

._cards_yellow {
    background-image: url(files/icons/msg_yellowcard.svg)
}

._cards_red {
    background-image: url(files/icons/msg_redcard.svg)
}

._player_in {
    background-image: url(files/icons/msg_playerin.svg)
}

._player_out {
    background-image: url(files/icons/msg_playerout.svg)
}

._penalties {
    background-image: url(files/icons/msg_penalty.svg)
}

._shotsontarget {
    background-image: url(files/icons/msg_shotontarget.svg)
}

._shotsofftarget {
    background-image: url(files/icons/msg_shotofftarget.svg)
}

._shotswoodwork {
    background-image: url(files/icons/msg_shotwoodwork.svg)
}

._freekicks {
    background-image: url(files/icons/msg_freekick.svg)
}

._corners {
    background-image: url(files/icons/msg_corner.svg)
}

._throwins {
    background-image: url(files/icons/msg_throwin.svg)
}

._goalkick {
    background-image: url(files/icons/msg_goalkick.svg)
}

._danger {
    background-image: url(files/icons/stats_danger.svg)
}

._possession {
    background-image: url(files/icons/stats_posession.svg)
}

.btmarket__header {
    color: #fff;
    height: 39px;
    display: table;
    width: 100%;
    margin-bottom: 1px;
    position: relative
}

.btmarket__header h2 {
    font-weight: 400;
    line-height: 14px;
    padding: 0 .66667em;
    display: table-cell;
    vertical-align: middle;
    float: none;
    font-size: 13px
}

.btmarket__header .enhanced-title {
    padding-left: 32px !important
}

.btmarket__header .enhanced-title i {
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZhZmYwNSIgZD0iTTIwLjEgMjAuNTM2bC00LjQ1OC01LjAyOGMtMi45NzYgNi4zNC0wLjI5OCAxMy42NjQtMC4yOTggMTMuNjY0LTExLjIwNC02LjY2OC00LjEtMTguMDQwLTQuMS0xOC4wNDBsLTMuMjc4LTMuMTdjNC4wNDAtMC43NjYgMTQuNzU2LTMuODI2IDE0Ljc1Ni0zLjgyNmwtMi42MjIgMTYuMzk2ek0xNi0wLjAwNGMtOC44MzYgMC0xNiA3LjE2NC0xNiAxNnM3LjE2NCAxNiAxNiAxNmM4LjgzNiAwIDE2LTcuMTY0IDE2LTE2cy03LjE2NC0xNi0xNi0xNnoiLz48L3N2Zz4=) no-repeat;
    position: absolute;
    top: 11px;
    left: 8px;
    width: 1rem;
    height: 1rem
}

.icons,
[class*=" icon-"],
[class^=icon-] {
    line-height: 1
}

.icons:before,
[class*=" icon-"]:before,
[class^=icon-]:before {
    background-size: cover;
    display: inline-block
}

.betbutton.active.-add .icons:before,
.icon-tick:before {
    content: " ";
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NCAzMiI+PHBhdGggZmlsbD0iI2ZhZmYwNSIgZD0iTTQzLjE2NiAxLjU0NmwtMC43MTQtMC43MTRjLTAuNTU2LTAuNTU0LTEuMjMtMC44MzItMi4wMjItMC44MzJzLTEuNDY2IDAuMjc4LTIuMDIwIDAuODMybC0yMi40MSAyMi40MS0xMC40MDgtMTAuNDFjLTAuNTU2LTAuNTU0LTEuMjMtMC44MzItMi4wMjItMC44MzItMC43OTQgMC0xLjQ2OCAwLjI3OC0yLjAyNCAwLjgzNGwtMC43MTQgMC43MTRjLTAuNTU0IDAuNTU2LTAuODMyIDEuMjMtMC44MzIgMi4wMjJzMC4yNzggMS40NjYgMC44MzIgMi4wMjBsMTIuMDAyIDEyLjg2NCAwLjcxNCAwLjcxNGMwLjU1NiAwLjU1NCAxLjIzIDAuODMyIDIuMDIyIDAuODMyczEuNDY2LTAuMjc4IDIuMDIwLTAuODMybDI1LjU3OC0yNS41NzZjMC41NTQtMC41NTYgMC44MzItMS4yMjggMC44MzItMi4wMjJzLTAuMjc4LTEuNDY4LTAuODM0LTIuMDI0eiIvPjwvc3ZnPg==) no-repeat;
    width: 1rem;
    height: .813rem
}

.betbutton.-remove .icons:before,
.icon-x:before {
    content: " ";
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjZmFmZjA1IiBkPSJNMTEuNSAyLjVMMTAuNSAxLjUgNi41IDUuNSAyLjUgMS41IDEuNSAyLjUgNS41IDYuNSAxLjUgMTAuNSAyLjUgMTEuNSA2LjUgNy41IDEwLjUgMTEuNSAxMS41IDEwLjUgNy41IDYuNXoiLz48L3N2Zz4K) no-repeat;
    width: .813rem;
    height: .813rem
}

span.icon-enhanced-odds:before {
    content: " ";
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzAwMTQzQyIgZD0iTTIwLjEgMjAuNTM2bC00LjQ1OC01LjAyOGMtMi45NzYgNi4zNC0wLjI5OCAxMy42NjQtMC4yOTggMTMuNjY0LTExLjIwNC02LjY2OC00LjEtMTguMDQwLTQuMS0xOC4wNDBsLTMuMjc4LTMuMTdjNC4wNDAtMC43NjYgMTQuNzU2LTMuODI2IDE0Ljc1Ni0zLjgyNmwtMi42MjIgMTYuMzk2ek0xNi0wLjAwNGMtOC44MzYgMC0xNiA3LjE2NC0xNiAxNnM3LjE2NCAxNiAxNiAxNmM4LjgzNiAwIDE2LTcuMTY0IDE2LTE2cy03LjE2NC0xNi0xNi0xNnoiLz48L3N2Zz4=) no-repeat;
    width: .813rem;
    height: .813rem
}

.betbutton[data-odds-change=simple-down],
.betbutton[data-odds-change=simple-up],
.wh-animated {
    animation-fill-mode: both;
    animation-duration: 1s
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.betbutton[data-odds-change=simple-down],
.betbutton[data-odds-change=simple-up],
.wh-animated--flash {
    animation-name: flash
}

.btn {
    display: inline-block;
    border: 0;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    transition: background .25s ease-out;
    padding: .9em .5em;
    margin-bottom: 1rem;
    font-size: .9rem;
    border-radius: 4px;
    width: auto;
    background: #184b74;
    color: #fff;
    height: 2rem
}

.betbutton {
    background: #d7e3ff;
    color: #00143c;
    font-size: 11px;
    margin-bottom: 0;
    padding: .9em .125em;
    position: relative;
    width: 100%;
    outline: 0;
    font-family: inherit
}

.betbutton:hover {
    background: #adc9ff;
    color: #00143c
}

.betbutton__icon-left {
    position: absolute;
    left: .5rem
}

.betbutton__enhanced {
    background: #faff05;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 75%;
    -moz-flex: 0 1 75%;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%
}

.betbutton__enhanced>.selectiondetails:after {
    color: #222
}

.betbutton__enhanced.-remove>.selectiondetails:after,
.betbutton__enhanced.active>.selectiondetails:after {
    color: #faff05
}

.betbutton__enhanced.-add>:not(.icons),
.betbutton__enhanced.-remove>:not(.icons) {
    display: none !important
}

.betbutton__enhanced .icon-enhanced-odds {
    position: absolute;
    left: .66667rem;
    top: .65rem
}

.betbutton__enhanced:hover {
    background: #ebf000
}

.betbutton--primary {
    color: #00143c;
    background: #4b9ada
}

.betbutton--primary:hover {
    color: #00143c;
    background: #4b9ada
}

.betbutton--secondary {
    color: #00143c;
    background: #0047d5
}

.betbutton--secondary:hover {
    color: #00143c;
    background: #0047d5
}

.betbutton--success {
    color: #00143c;
    background: #a0d69f
}

.betbutton--success:hover {
    color: #00143c;
    background: #a0d69f
}

.betbutton--warning {
    color: #00143c;
    background: #ecc59d
}

.betbutton--warning:hover {
    color: #00143c;
    background: #ecc59d
}

.betbutton--error {
    color: #00143c;
    background: #f99
}

.betbutton--error:hover {
    color: #00143c;
    background: #f99
}

.betbutton--enhanced {
    background: #faff05
}

.betbutton--enhanced:hover {
    background: #ebf000
}

.betbutton.active:hover {
    background: #00143c;
    color: #faff05
}

.betbutton.active.-add {
    background: #00143c;
    color: #faff05;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.betbutton.active.-add .icons {
    color: #faff05 !important
}

.betbutton.active.-add .betbutton__odds {
    display: none
}

.betbutton.active.-add:before {
    content: ''
}

.betbutton.active.-add:after {
    content: ''
}

.betbutton.active.-selectionadded {
    background: #00143c;
    color: #faff05;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.betbutton.-remove {
    background: #00143c;
    color: #faff05;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.betbutton.-remove .betbutton__odds {
    display: none
}

.betbutton.-remove .icons {
    color: #faff05 !important
}

.betbutton.-remove:after {
    content: ''
}

.betbutton--goal {
    background: #d7e3ff;
    color: red !important;
    opacity: 1
}

.betbutton--goal:before {
    content: attr(data-goal-name)
}

.betbutton--goal .betbutton__odds {
    display: none
}

.betbutton--loading {
    background: #248cb3 !important;
    outline: 0;
    pointer-events: none;
    cursor: default
}

.betbutton--loading:before {
    content: '';
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-right-color: #fff;
    border-top-color: #fff;
    border-bottom-color: #fff;
    animation: spin 1s infinite linear;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px)
}

.betbutton--loading>* {
    visibility: hidden !important
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.betbutton.betbutton[data-odds-change=simple-up] {
    background: #a0d69f;
    color: #00143c
}

.betbutton.betbutton[data-odds-change=simple-down] {
    background: #f99;
    color: #00143c
}

.betbutton[data-status="S"],
[data-status="S"] .betbutton {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.betbutton[data-status="S"].-selectionadded,
[data-status="S"] .betbutton.-selectionadded {
    color: #00143c
}

.selectionhandicap {
    text-align: left;
    vertical-align: middle;
    font-weight: 400
}

.selectionhandicap:before {
    max-width: none
}

.selectionhandicap:empty {
    display: none
}

.btmarket {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    font-size: 12px;
    padding: .125rem 0;
    margin-left: -.25rem;
    margin-right: -.25rem
}

@media only screen and (max-width:768px) {
    .btmarket--show-for-medium {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important
    }
}

.btmarket--align-center {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: center;
    -ms-flex-align: start;
    align-items: center
}

.btmarket--paddedv {
    padding-bottom: 4px
}

.btmarket__wrapper {
    background-color: #fff;
    padding: .25rem .5rem
}

.btmarket__content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: center;
    -ms-flex-align: start;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: start;
    justify-content: space-between;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 .25rem;
    position: relative;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 45%;
    -moz-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%
}

@media only screen and (max-width:479px) {
    .btmarket__content {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.btmarket__content .selectionhandicap {
    padding-left: 8px
}

.btmarket__content--time-icons {
    margin-bottom: -4px;
    min-height: .875rem
}

.btmarket__content--flex-start {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btmarket__content i {
    margin: 0 4px;
    line-height: 14px
}

.btmarket__content-list {
    width: 100%
}

.btmarket__content-marginr {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 50px)
}

.btmarket__content-marginrs {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 25px)
}

.btmarket__actions {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: space-around;
    -ms-flex-pack: start;
    justify-content: space-around;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btmarket__actions--vertical {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.btmarket__actions--center {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: center;
    -ms-flex-pack: start;
    justify-content: center
}

.btmarket__content-data {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: start;
    justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: center;
    -ms-flex-align: start;
    align-items: center
}

.btmarket__selection {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: start;
    justify-content: space-between;
    padding: .125rem .25rem;
    position: relative;
    text-align: center;
    width: 100%
}

.btmarket__selection .btmarket__name {
    line-height: 1.25
}

@media only screen and (max-width:768px) {
    .btmarket__selection--medium-horizontal {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }
}

.btmarket__selection--vertical {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.btmarket__selection--horizontal {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

.btmarket__selection--align-flex-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.btmarket__selection--shrink {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1;
    -moz-flex: 0 1;
    -ms-flex: 0 1;
    flex: 0 1
}

@media only screen and (max-width:766px) {
    .btmarket__selection--size1of1-sm {
        -webkit-flex-basis: 100% !important;
        -moz-flex-basis: 100% !important;
        flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important
    }
}

@media only screen and (max-width:768px) {
    .btmarket__selection--size1of10-md {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 10% !important;
        -moz-flex: 0 1 10% !important;
        -ms-flex: 0 1 10% !important;
        flex: 0 1 10% !important
    }
}

.btmarket__selection-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 100%;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.btmarket__selection-wrapper--vertical {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.btmarket__selection-wrapper--vertical .btmarket__selection {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btmarket__blurb {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 100%;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    background: #eee;
    border-top: 1px solid #e4e4e4;
    color: #474747;
    margin: .125rem -4px;
    padding: .25rem;
    text-align: center
}

.btmarket__name {
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.btmarket__name--handicap {
    position: absolute;
    top: -10px;
    width: 100%;
    text-align: center;
    left: 0
}

.btmarket__name--disabled {
    color: #666
}

.btmarket__name--align-left {
    text-align: left
}

.btmarket__name--expand {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    padding: .5rem 0
}

.btmarket__name .eventStartTime {
    margin-right: 4px
}

.btmarket__link-name {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.btmarket__link-name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    line-height: 1.25
}

.btmarket__time {
    padding-top: .125em;
    padding-bottom: .125em
}

.btmarket__live {
    padding-top: .125em;
    padding-bottom: .125em;
    margin-right: 4px
}

.btmarket__livescore {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.btmarket__livescore-wrapper {
    margin-left: .5rem;
    position: relative
}

.btmarket__livescore-label {
    color: #666;
    position: absolute;
    text-align: center;
    top: -16px;
    width: 100%
}

.btmarket__livescore-item--event {
    color: red
}

.btmarket__more-bets {
    color: #222;
    font-size: 10px;
    margin-top: -8px
}

.btmarket__more-bets i {
    font-weight: 400;
    font-size: 8px
}

.btmarket--double-result .btmarket__selection-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.btmarket--double-result .btmarket__selection {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 100%;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.btmarket--double-result .btmarket__selection .btmarket__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

@media only screen and (max-width:768px) {
    .btmarket--double-result .btmarket__selection-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .btmarket--double-result .btmarket__selection {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0;
        -moz-flex: 0;
        -ms-flex: 0;
        flex: 0
    }
}

.btmarket--customised-1col .btmarket__content {
    -webkit-flex-basis: 70%;
    -moz-flex-basis: 70%;
    flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    max-width: 70%
}

.btmarket--customised-1col .btmarket__actions {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%
}

.btmarket--customised-1col .btmarket__actions--no-expand {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0
}

.btmarket--customised-1col .btmarket__selection {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: center;
    -ms-flex-align: start;
    align-items: center
}

.btmarket--customised-1col .btmarket__selection .btmarket__name {
    -webkit-flex-basis: 70%;
    -moz-flex-basis: 70%;
    flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    text-align: left;
    padding: 0 .5em 0 0;
    font-size: 10px
}

.btmarket--customised-1col .btmarket__selection .betbutton {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.btmarket--customised-1col .btmarket__link-name span:first-child {
    overflow: inherit;
    text-overflow: initial;
    white-space: initial;
    width: 100%;
    line-height: initial;
    overflow: hidden;
    position: relative;
    line-height: 1.25em;
    max-height: 3.75em;
    text-align: left;
    margin-right: -.75em;
    padding-right: 1em
}

.btmarket--customised-1col .btmarket__link-name span:first-child:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0
}

.btmarket--customised-1col .btmarket__link-name span:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: .2em;
    background: #fff
}

.btmarket--customised-2col .btmarket__selection {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    max-width: 50%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: start;
    align-self: flex-end
}

.btmarket--customised-2col .btmarket__link-name span:first-child {
    overflow: inherit;
    text-overflow: initial;
    white-space: initial;
    width: 100%;
    line-height: initial;
    overflow: hidden;
    position: relative;
    line-height: 1.25em;
    max-height: 3.75em;
    text-align: left;
    margin-right: -.75em;
    padding-right: 1em
}

.btmarket--customised-2col .btmarket__link-name span:first-child:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0
}

.btmarket--customised-2col .btmarket__link-name span:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: .2em;
    background: #fff
}

.btmarket--customised-3col .btmarket__selection {
    -webkit-flex-basis: 33.3333%;
    -moz-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
    max-width: 33.3333%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: start;
    align-self: flex-end
}

.btmarket--customised-3col .btmarket__link-name span:first-child {
    overflow: inherit;
    text-overflow: initial;
    white-space: initial;
    width: 100%;
    line-height: initial;
    overflow: hidden;
    position: relative;
    line-height: 1.25em;
    max-height: 3.75em;
    text-align: left;
    margin-right: -.75em;
    padding-right: 1em
}

.btmarket--customised-3col .btmarket__link-name span:first-child:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0
}

.btmarket--customised-3col .btmarket__link-name span:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: .2em;
    background: #fff
}

.btmarket--goalscorer {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%
}

@media only screen and (max-width:768px) {
    .btmarket--goalscorer {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%
    }

    .btmarket--goalscorer:nth-child(2n) .btmarket--goalscorer-wrapper {
        border-left: 1px dotted #ddd
    }

    .btmarket--goalscorer:last-child {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        flex-grow: 0;
        -ms-flex-positive: 0;
        margin: 0 auto
    }
}

.btmarket--goalscorer-wrapper {
    padding: .5rem
}

.btmarket--goalscorer-wrapper .btmarket .btmarket__actions .btmarket__selection {
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.btmarket--goalscorer-wrapper .btmarket .btmarket__actions .btmarket__selection .betbutton {
    width: 100px
}

.hide-selections>div:nth-child(n+7) {
    display: none
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,
div,
html,
li,
p,
ul {
    margin: 0;
    padding: 0
}

body>svg {
    display: none
}

button:focus {
    outline: 0
}

.hidden {
    display: none !important
}

.invisible {
    visibility: hidden
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width:640px) {
    .noMobile {
        display: none !important
    }
}

@media only screen and (max-width:640px) {
    .showMobile {
        display: inline !important
    }
}

@media only screen and (min-width:641px) {
    .showMobile {
        display: none !important
    }
}

@media only screen and (max-width:640px) {
    .mobile {
        display: inline !important
    }
}

@media only screen and (min-width:641px) {
    .mobile {
        display: none !important
    }
}

.tableWrapper {
    display: table;
    width: 100%
}

.tableRowWrapper {
    display: table-row
}

.tableCellMiddle {
    display: table-cell;
    white-space: nowrap
}

.browsehappy {
    background-color: #fff;
    padding: 20px 60px 20px 20px;
    z-index: 900000;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px
}

body {
    background-color: #00143c
}

#bse,
#progressBar,
#scoreboard {
    font: 13px Verdana, "WH Hoxton Web", Helvetica, "Helvetica Neue", sans-serif
}

#progressBar,
#scoreboard {
    color: #fff
}

#progressBar .wh-preloader--center {
    margin: .3em auto
}

#progressBar .wh-preloader {
    border: 5px solid #fff;
    height: 30px;
    width: 30px;
    -webkit-animation: rotate .7s infinite linear;
    animation: rotate .7s infinite linear;
    border-radius: 50%;
    border-right-color: transparent
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.jw-display-icon-next,
.jw-display-icon-rewind {
    display: none !important
}

::-webkit-scrollbar {
    width: .4em;
    height: .4em
}

::-webkit-scrollbar-thumb {
    background: #708090
}

::-webkit-scrollbar-track {
    background: #b8c0c8
}

#scoreboard {
    scrollbar-face-color: #708090;
    scrollbar-track-color: #b8c0c8
}

.animationOut {
    opacity: 0;
    transition: opacity .5s linear
}

.animationIn {
    opacity: 1;
    transition: opacity .5s linear
}

@keyframes animationOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes animationOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animationOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animationIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes animationIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes animationIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@font-face {
    font-family: "WH Sans W01 Bold Condensed";
src: url(files/fonts/whWebFont/WHSansW01BoldCondensed.eot%3F);
src: url(files/fonts/whWebFont/WHSansW01BoldCondensed.eot%3F) format("eot"), url(files/fonts/whWebFont/WHSansW01BoldCondensed.woff2) format("woff2"), url(files/fonts/whWebFont/WHSansW01BoldCondensed.woff) format("woff"), url(files/fonts/whWebFont/WHSansW01BoldCondensed.ttf) format("truetype"), url(files/fonts/whWebFont/WHSansW01BoldCondensed.svg) format("svg")
}

@font-face {
    font-family: 'WH Hoxton Web';
src: url(files/fonts/whHoxtonWebRegularFont/WHHoxtonWeb-Regular.eot);
src: url(files/fonts/whHoxtonWebRegularFont/WHHoxtonWeb-Regular.eot%3F) format("embedded-opentype"), url(files/fonts/whHoxtonWebRegularFont/WHHoxtonWeb-Regular.woff2) format("woff2"), url(files/fonts/whHoxtonWebRegularFont/WHHoxtonWeb-Regular.woff) format("woff"), url(files/fonts/whHoxtonWebRegularFont/WHHoxtonWeb-Regular.ttf) format("truetype"), url(files/fonts/whHoxtonWebRegularFont/WHHoxtonWeb-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'WH Hoxton Web';
src: url(files/fonts/whHoxtonWebBoldFont/WHHoxtonWeb-Bold.eot);
src: url(files/fonts/whHoxtonWebBoldFont/WHHoxtonWeb-Bold.eot%3F) format("embedded-opentype"), url(files/fonts/whHoxtonWebBoldFont/WHHoxtonWeb-Bold.woff2) format("woff2"), url(files/fonts/whHoxtonWebBoldFont/WHHoxtonWeb-Bold.woff) format("woff"), url(files/fonts/whHoxtonWebBoldFont/WHHoxtonWeb-Bold.ttf) format("truetype"), url(files/fonts/whHoxtonWebBoldFont/WHHoxtonWeb-Bold.svg) format("svg");
    font-weight: 700;
    font-style: normal
}

#topContainer {
    background-color: #00143c;
    height: 74px;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0
}

@media only screen and (max-width:768px) {
    #topContainer {
        border-bottom: 1px solid #1a2c50
    }
}

#topContainer .tableWrapper:nth-child(2) {
    margin-top: 10px
}

.mainScoreBox {
    height: 25px;
    width: 61px
}

.mainScoreBox .topScore {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 100%;
    font-size: 19px;
    text-align: center;
    background-color: #faff05;
    color: #000
}

.competitorA,
.competitorB {
    width: 40vw;
    vertical-align: middle;
    overflow: hidden
}

@media only screen and (max-width:640px) {

    .competitorA,
    .competitorB {
        max-width: 40vw
    }
}

.competitorA {
    text-align: right;
    padding-right: 8px
}

.competitorB {
    text-align: left;
    padding-left: 8px
}

.teamNameWrapperA,
.teamNameWrapperB {
    line-height: 1.4em;
    padding: 0 4px
}

.teamNameWrapperA {
    border-right: 4px solid #fff
}

.teamNameWrapperB {
    border-left: 4px solid #0af
}

.teamName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

@media only screen and (max-width:320px) {
    .teamName {
        font: 12px Arial, Helvetica, "Helvetica Neue", sans-serif
    }
}

.timelineWrapper {
    height: 28px
}

.timeline {
    font-size: 9px;
    position: relative
}

.timeline__bar {
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 120
}

.timeline__bar ul {
    line-height: 5px;
    border-left: 1px solid #fff;
    position: absolute;
    width: 100%;
    display: table;
    height: 5px
}

.timeline__bar ul li {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 6px;
    position: absolute;
    height: 3px;
    left: 0;
    display: block;
    line-height: 13px;
    text-align: center;
    text-indent: -14px;
    width: 15px
}

.timeline__bar_container {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: rgba(255, 255, 255, .15);
    height: 10px;
    position: relative
}

.timeline__bar_container .statsLine {
    border-right: 2px solid #faff05;
    height: 18px;
    padding: 4px 0;
    position: absolute;
    top: -4px;
    left: 0;
    -webkit-box-shadow: 0 2px 5px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 2px 5px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 2px 5px -6px rgba(0, 0, 0, .75)
}

.timeline__bar_container .statsLine>span:first-child,
.timeline__bar_container .statsLine>span:last-child {
    -webkit-transition: all .8s;
    transition: all .8s;
    display: block;
    height: 5px
}

.timeline__bar_container .statsLine>span:first-child {
    background-color: #fff
}

.timeline__bar_container .statsLine>span:last-child {
    background-color: #0af
}

.timeline__cards,
.timeline__goals {
    position: absolute;
    width: 100%;
    z-index: 110;
    bottom: 0
}

.timeline__cards .icon,
.timeline__goals .icon {
    position: absolute
}

.timeline__cards_away,
.timeline__cards_home,
.timeline__goals_away,
.timeline__goals_home {
    position: relative
}

.timeline__cards_home,
.timeline__goals_home {
    bottom: 31px
}

.timeline__cards_away,
.timeline__goals_away {
    bottom: 17px
}

.timeline__goals {
    z-index: 130
}

.timeline__injurytime {
    font-size: 12px
}

.timeline__injurytime .team__away,
.timeline__injurytime .team__home {
    position: absolute;
    z-index: 500
}

.timeline__injurytime .team__away:after,
.timeline__injurytime .team__away:before,
.timeline__injurytime .team__home:after,
.timeline__injurytime .team__home:before {
    content: '';
    position: absolute;
    border-style: solid;
    width: 0
}

.timeline__injurytime .team__away:after,
.timeline__injurytime .team__home:after {
    border-color: #0f314c transparent
}

.timeline__injurytime .team__away:before,
.timeline__injurytime .team__home:before {
    border-color: #fff transparent
}

.timeline__injurytime .team__away._45,
.timeline__injurytime .team__home._45 {
    left: calc(50% - 80px);
    width: 160px;
    text-align: center
}

.timeline__injurytime .team__away._90,
.timeline__injurytime .team__home._90 {
    right: 0
}

.timeline__injurytime .team__away._105:after,
.timeline__injurytime .team__away._105:before,
.timeline__injurytime .team__away._45:after,
.timeline__injurytime .team__away._45:before,
.timeline__injurytime .team__home._105:after,
.timeline__injurytime .team__home._105:before,
.timeline__injurytime .team__home._45:after,
.timeline__injurytime .team__home._45:before {
    left: 75px
}

.timeline__injurytime .team__home {
    top: -15px
}

.timeline__injurytime .team__home:after {
    border-width: 5px 5px 0;
    bottom: -3px
}

.timeline__injurytime .team__home:before {
    border-width: 5px 5px 0;
    bottom: -5px
}

.timeline__injurytime .team__home._90:before {
    border-width: 5px 0 0 10px;
    bottom: -5px;
    right: 0
}

.timeline__injurytime .team__home._90:after {
    border-width: 5px 0 0 10px;
    bottom: -3px;
    right: 1px
}

.timeline__injurytime .team__home._90 .team__home_container {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.timeline__injurytime .team__away {
    top: 24px
}

.timeline__injurytime .team__away:after {
    border-width: 0 5px 5px;
    bottom: 15px
}

.timeline__injurytime .team__away:before {
    border-width: 0 5px 5px;
    bottom: 17px
}

.timeline__injurytime .team__away._90:before {
    border-width: 0 0 5px 10px;
    bottom: 17px;
    right: 0
}

.timeline__injurytime .team__away._90:after {
    border-width: 0 0 5px 10px;
    bottom: 15px;
    right: 1px
}

.timeline__injurytime .team__away._90 .team__away_container {
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.timeline__injurytime .team__away_container,
.timeline__injurytime .team__home_container {
    display: inline-block;
    position: relative;
    height: 17px;
    padding: 0 2px 0 1px;
    background: rgba(15, 49, 76, .65);
    border: 1px solid #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.timeline__injurytime .icon {
    width: 10px;
    height: 10px;
    top: 1px
}

.extended-time .timeline__injurytime ._45 {
    left: calc(37.5% - 80px);
    width: 160px;
    text-align: center
}

.extended-time .timeline__injurytime ._90 {
    left: calc(75% - 80px);
    width: 160px;
    text-align: center
}

.extended-time .timeline__injurytime ._90 .team__away_container,
.extended-time .timeline__injurytime ._90 .team__home_container {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.extended-time .timeline__injurytime ._105 {
    left: calc(87.5% - 80px);
    width: 160px;
    text-align: center
}

.extended-time .timeline__injurytime ._120 {
    right: 0
}

.extended-time .timeline__injurytime .team__home._120:before,
.extended-time .timeline__injurytime .team__home._90:before {
    bottom: -5px
}

.extended-time .timeline__injurytime .team__home._120:after,
.extended-time .timeline__injurytime .team__home._90:after {
    bottom: -3px
}

.extended-time .timeline__injurytime .team__home._90:before,
.extended-time .timeline__injurytime .team__home._90after {
    left: 75px
}

.extended-time .timeline__injurytime .team__home._90:before {
    border-width: 5px 5px 0
}

.extended-time .timeline__injurytime .team__home._90:after {
    border-width: 5px 5px 0;
    right: 75px
}

.extended-time .timeline__injurytime .team__home._120:before {
    border-width: 5px 0 0 10px;
    right: 0
}

.extended-time .timeline__injurytime .team__home._120:after {
    border-width: 5px 0 0 10px;
    right: 1px
}

.extended-time .timeline__injurytime .team__home._120 .team__home_container {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.extended-time .timeline__injurytime .team__away._120:before,
.extended-time .timeline__injurytime .team__away._90:before {
    bottom: 17px
}

.extended-time .timeline__injurytime .team__away._120:after,
.extended-time .timeline__injurytime .team__away._90:after {
    bottom: 15px
}

.extended-time .timeline__injurytime .team__away._90:after,
.extended-time .timeline__injurytime .team__away._90:before {
    left: 75px
}

.extended-time .timeline__injurytime .team__away._90:before {
    border-width: 0 5px 5px
}

.extended-time .timeline__injurytime .team__away._90:after {
    border-width: 0 5px 5px
}

.extended-time .timeline__injurytime .team__away._120:before {
    border-width: 0 0 5px 10px;
    right: 0
}

.extended-time .timeline__injurytime .team__away._120:after {
    border-width: 0 0 5px 10px;
    right: 1px
}

.extended-time .timeline__injurytime .team__away._120 .team__away_container {
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.loading-animation {
    -webkit-filter: blur(0);
    -webkit-animation: fadein linear 1s
}

@-webkit-keyframes fadein {
    0% {
        -webkit-filter: blur(8px)
    }

    100% {
        -webkit-filter: blur(0)
    }
}

.startup {
    -webkit-filter: blur(8px)
}

.scoreboardWrapper {
    background-color: #00143c;
    width: 100%;
    min-height: 317px;
    z-index: 0;
    margin-bottom: 1px;
    position: relative
}

@media only screen and (min-width:320px) and (max-width:359px) {
    .scoreboardWrapper {
        min-height: 280px !important
    }
}

.lineUpsWrapper,
.statsWrapper {
    vertical-align: middle;
    width: 2vw
}

#container {
    width: 100%;
    height: 0;
    position: relative;
    z-index: 400
}

@media only screen and (max-width:640px) {
    #container.container-expanded {
        height: auto !important;
        overflow: hidden
    }
}

.lineups-container,
.tab-pane {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s
}

.lineups-container.active,
.tab-pane.active {
    display: block
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.box_court {
    background: url(files/football_background.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    min-width: 320px;
    max-height: 317px;
    width: 58vw;
    position: absolute;
    top: 0;
    z-index: 1
}

@media only screen and (max-width:768px) {
    .box_court {
        width: 100%
    }
}

.box_court .animation_wrapper {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 40px;
    position: absolute;
    width: 485px;
    height: 210px
}

.box_court .animation_wrapper img {
    bottom: 8px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 430px;
    width: 84%;
    border: 0;
    z-index: 0
}

@media only screen and (min-width:320px) and (max-width:374px) {
    .box_court .animation_wrapper img {
        bottom: 4px
    }
}

.box_court .animation_wrapper img[data-holder=period] {
    width: 85vw;
    height: 9.5em;
    background: center no-repeat
}

@media only screen and (min-width:375px) and (max-width:414px) {
    .box_court .animation_wrapper img[data-holder=period] {
        height: 7.5em
    }
}

@media only screen and (min-width:320px) and (max-width:374px) {
    .box_court .animation_wrapper img[data-holder=period] {
        height: 6.5em
    }
}

.box_court .animation_wrapper img.half_time,
.box_court .animation_wrapper img.stop_game {
    background-image: url(files/animations/half_time.svg)
}

.box_court .animation_wrapper img.extra_time_not_started {
    background-image: url(files/animations/extra_time_not_started.svg)
}

.box_court .animation_wrapper img.extra_time_second_half {
    background-image: url(files/animations/extra_time_second_half.svg)
}

.box_court .animation_wrapper img.extra_time_half_time {
    background-image: url(files/animations/extra_time_half_time.svg)
}

.box_court .animation_wrapper img.penalty_shootout_not_started {
    background-image: url(files/animations/penalties_not_started.svg)
}

.box_court .animation_wrapper svg {
    position: absolute;
    bottom: -4px;
    z-index: 2;
    display: block
}

@media only screen and (max-width:320px) {
    .box_court .animation_wrapper {
        bottom: 40px;
        height: 195px
    }
}

@media only screen and (max-width:479px) {
    .box_court .animation_wrapper {
        width: 100%
    }
}

.box_court .animation_wrapper .animations-msgBox {
    height: 84px;
    margin-bottom: 25px
}

@media only screen and (max-width:320px) {
    .box_court .animation_wrapper .animations-msgBox {
        height: 65px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:359px) {
    .box_court .animation_wrapper .animations-msgBox .main-msgBox {
        top: 30px
    }

    .box_court .animation_wrapper .animations-msgBox .secondary-msgBox {
        top: 98px
    }
}

.scoreboardWrapper.collapsed {
    height: 112px;
    min-height: 112px
}

.collapsed #court {
    height: 112px
}

.collapsed #court .tab-pane {
    display: none
}

@media only screen and (max-width:640px) {
    .streamingWrapper {
        height: 100%;
        width: 100%
    }
}

.main-msgBox,
.penalties-msgBox,
.secondary-msgBox {
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: 0 4px 12px 0 rgba(34, 34, 34, .75);
    -moz-box-shadow: 0 4px 12px 0 rgba(34, 34, 34, .75);
    box-shadow: 0 4px 12px 0 rgba(34, 34, 34, .75);
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0
}

.main-msgBox {
    width: 75%;
    height: 50px;
    border-radius: 6px;
    background-color: #00143c;
    border: 1px solid #122853;
    color: #faff05;
    margin: 18px auto 0 auto;
    top: 0;
    z-index: 2;
    text-transform: uppercase;
    font-size: 26px;
    padding-top: 2px
}

@media only screen and (max-width:320px) {
    .main-msgBox {
        width: 71%;
        height: 40px;
        margin: 35px auto 0;
        font-size: 24px;
        top: 15px
    }
}

.main-msgBox.flash>span {
    animation: flash 1.4s linear infinite
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.main-msgBox .marquee {
    margin: 0 auto;
    white-space: nowrap;
    box-sizing: border-box
}

.main-msgBox span.marquee {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 3s linear infinite;
    -webkit-animation: marquee 3s .1s linear infinite
}

.main-msgBox span.marquee:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

@keyframes marquee {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-100%, 0)
    }
}

.secondary-msgBox {
    background-color: #00143c;
    color: #96a3c4;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid #122853;
    border-top: 0;
    height: 34px;
    left: 0;
    margin: auto;
    right: 0;
    top: 68px;
    width: 66%;
    z-index: 2
}

.secondary-msgBox span {
    opacity: .7;
    line-height: 2.3em
}

@media only screen and (max-width:320px) {
    .secondary-msgBox {
        top: 90px;
        height: 24px
    }

    .secondary-msgBox span {
        line-height: 1.5em
    }
}

.checkWidth {
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 34px
}

@media only screen and (max-width:320px) {
    .checkWidth {
        width: 90%;
        height: 40px;
        margin: 35px auto 0;
        font-size: 24px
    }
}

.penalties-msgBox {
    width: 83%;
    min-height: 30px;
    border: 4px solid #a7a9ac;
    border-radius: 6px;
    background-color: #222;
    margin: 0 auto;
    display: table;
    top: 100px;
    z-index: 1
}

@media only screen and (max-width:320px) {
    .penalties-msgBox {
        width: 97%
    }
}

@media only screen and (min-width:427px) and (max-width:640px) {
    .penalties-msgBox {
        width: 70%
    }
}

@media only screen and (max-width:374px) {
    .penalties-msgBox {
        top: 106px;
        width: 79%
    }
}

@media only screen and (max-width:359px) {
    .penalties-msgBox {
        top: 106px;
        width: 93%
    }
}

.penalties-msgBox .penalties-away,
.penalties-msgBox .penalties-home,
.penalties-msgBox .penalties-score {
    display: table-cell;
    vertical-align: middle
}

.penalties-msgBox .penalties-away,
.penalties-msgBox .penalties-home {
    text-align: center;
    width: 37.5%;
    padding: 10px 8px 5px 8px
}

@media only screen and (max-width:640px) {

    .penalties-msgBox .penalties-away,
    .penalties-msgBox .penalties-home {
        padding: 8px 8px 5px
    }
}

.penalties-msgBox .penalties-away ul,
.penalties-msgBox .penalties-home ul {
    list-style: none;
    max-height: 80px;
    overflow: hidden
}

.penalties-msgBox .penalties-away ul>li,
.penalties-msgBox .penalties-home ul>li {
    display: inline-block;
    padding: 0 3px
}

@media only screen and (max-width:640px) {

    .penalties-msgBox .penalties-away ul>li,
    .penalties-msgBox .penalties-home ul>li {
        padding: 0 1px
    }
}

@media only screen and (min-width:359px) and (max-width:374px) {

    .penalties-msgBox .penalties-away ul>li,
    .penalties-msgBox .penalties-home ul>li {
        padding: 0
    }
}

.penalties-msgBox .penalties-away ul>li span,
.penalties-msgBox .penalties-home ul>li span {
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    width: 15px;
    height: 15px;
    margin: 1px
}

@media only screen and (max-width:320px) {

    .penalties-msgBox .penalties-away ul>li span,
    .penalties-msgBox .penalties-home ul>li span {
        width: 8px;
        height: 8px;
        margin: 2px
    }
}

.penalties-msgBox .penalties-away ul>li span.green,
.penalties-msgBox .penalties-home ul>li span.green {
    background-color: green
}

.penalties-msgBox .penalties-away ul>li span.red,
.penalties-msgBox .penalties-home ul>li span.red {
    background-color: red
}

.penalties-msgBox .penalties-score {
    background-color: #faff05;
    color: #00143c;
    font-size: 1.3em
}

.statisticsWrapper {
    width: 42vw;
    padding-top: 72px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

@media only screen and (max-width:768px) {
    .statisticsWrapper {
        display: none;
        width: 100%;
        position: inherit
    }
}

.collapsed .statisticsWrapper {
    display: none
}

.box_statistics {
    background-color: #00143c;
    width: 100%;
    vertical-align: top
}

.box_statistics ul {
    display: inline-table;
    height: 100%;
    width: 100%;
    list-style-type: none;
    padding: 0 8px
}

@media only screen and (max-width:768px) {
    .box_statistics ul {
        padding: 0 6px 0 2px
    }
}

.box_statistics ul.extended li {
    width: 15.88%;
    margin: 0 2%
}

.box_statistics ul.extended li:nth-child(5) {
    margin-right: 0
}

@media only screen and (max-width:640px) {
    .box_statistics ul.extended li {
        width: 16%
    }
}

.box_statistics li {
    color: #96a3c4;
    cursor: pointer;
    display: table-cell;
    height: 33px;
    text-align: center;
    vertical-align: middle;
    width: 20%
}

@media only screen and (max-width:768px) {
    .box_statistics li {
        height: 21px
    }
}

.box_statistics li.current {
    color: #faff05;
    border-bottom: 1px solid #faff05;
    border-radius: 0
}

.box_statistics li.inactive {
    color: #66728a;
    cursor: auto
}

.box_statistics #stats_wrapper {
    padding: 6px 6px 8px 8px;
    font-size: 12px
}

@media only screen and (max-width:768px) {
    .box_statistics #stats_wrapper {
        overflow-y: auto;
        padding: 0 0 2px 2px;
        font-size: 11px
    }
}

.box_statistics #stats_wrapper>div {
    width: 49.34%;
    height: 39px;
    margin: 1px;
    float: left;
    padding: 2px;
    background-color: #0d2046
}

@media only screen and (max-width:768px) {
    .box_statistics #stats_wrapper>div {
        height: 34px
    }
}

.box_statistics #stats_wrapper>div .away,
.box_statistics #stats_wrapper>div .home {
    display: table-cell;
    width: 35%
}

.box_statistics #stats_wrapper>div .home {
    text-align: right
}

.box_statistics #stats_wrapper>div .away {
    text-align: left
}

.box_statistics #stats_wrapper>div .img {
    display: table-cell;
    width: 30%;
    height: 18px;
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat !important
}

.box_statistics #stats_wrapper>div .stat-wrapper {
    display: inline-table;
    width: 100%
}

.box_statistics #stats_wrapper>div .stat-label {
    clear: both;
    text-align: center;
    color: rgba(255, 255, 255, .5)
}

.box_statistics .stat-unavailable .stat-container {
    opacity: .3
}

.box_statistics .stat-unavailable .away,
.box_statistics .stat-unavailable .home {
    visibility: hidden
}

.box_statistics .stat-unavailable .away:before,
.box_statistics .stat-unavailable .home:after {
    content: "-";
    visibility: visible
}

#streamingWrapper {
    height: 210px !important
}

#streamingWrapper .playerError,
#streamingWrapper .streaming-player-error {
    display: table-cell;
    height: 195px;
    vertical-align: middle;
    padding: 20px;
    font-size: 1em;
    text-align: center;
    width: 100vw
}

@media only screen and (min-width:320px) and (max-width:374px) {

    #streamingWrapper .playerError,
    #streamingWrapper .streaming-player-error {
        height: 160px
    }
}

.box_streaming {
    padding-top: 72px;
    position: static;
    height: 320px;
    width: 356px;
    left: 0;
    right: 0;
    margin: auto
}

.box_streaming iframe,
.box_streaming object,
.box_streaming video {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: auto;
    height: 210px
}

#box_commentaries {
    background-color: rgba(15, 49, 76, .3);
    height: 205px;
    overflow-y: scroll;
    font-size: 12px
}

#box_commentaries .title {
    display: none;
    position: fixed;
    width: 100%;
    height: 9vw;
    color: #fff;
    font-size: 4vw;
    position: fixed;
    width: 100%;
    z-index: 100
}

@media only screen and (max-width:640px) {
    #box_commentaries .title {
        display: block
    }
}

#box_commentaries .title span {
    display: inline-block;
    width: 100%;
    margin: 2%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#box_commentaries ul {
    list-style: none;
    padding: 0;
    height: 100%
}

#box_commentaries ul li {
    padding: 0 0 8px 10px;
    display: table;
    width: 100%
}

@media only screen and (max-width:640px) {
    #box_commentaries ul li {
        padding: 0 0 8px 8px
    }
}

#box_commentaries ul li span {
    display: inline-block
}

#box_commentaries ul li>span {
    vertical-align: middle
}

#box_commentaries ul li .time {
    font-size: 11.5px;
    width: 82px;
    text-align: right;
    float: left
}

@media only screen and (max-width:320px) {
    #box_commentaries ul li .time {
        font-size: 11px;
        width: 75
    }
}

#box_commentaries ul li .time .seconds {
    font-size: 10px
}

#box_commentaries ul li .comment_icon {
    width: 18px;
    height: 18px;
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 0 10px;
    float: left
}

#box_commentaries ul li .comment_data {
    float: left;
    max-width: 38vw
}

@media only screen and (max-width:640px) {
    #box_commentaries ul li .comment_data {
        font-size: 12px;
        max-width: 55vw
    }
}

@media only screen and (min-width:479px) and (max-width:768px) {
    #box_commentaries ul li .comment_data {
        max-width: 73vw
    }
}

#box_commentaries ul li .score {
    font-weight: 700
}

@media only screen and (max-width:640px) {
    #box_commentaries {
        border: none;
        height: auto;
        position: absolute;
        top: 74px;
        bottom: 40px;
        width: 100%
    }
}

#commentaries {
    padding-top: 72px
}

#bottomContainer {
    height: 40px !important;
    background-color: #00143c;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 100
}

#bottomContainer .clockWrapper {
    padding: 12px 8px;
    position: absolute;
    float: left
}

#bottomContainer ._arrow {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTQgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDAwMDAsIC0xMi4wMDAwMDApIj4KICAgICAgICAgICAgIDxwb2x5Z29uIGZpbGw9IiNhZGM5ZmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMTcuNTAwMDAwKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMTcuNTAwMDAwKSAiIHBvaW50cz0iMTMgMTIgMjcgMTIgMjAuMTY3MzI3IDIzIj48L3BvbHlnb24+CiAgICAgICAgIDwvZz4KICAgICA8L2c+CiA8L3N2Zz4=) center 55% no-repeat
}

#bottomContainer ._pitch {
    background: url(files/icons/icon_pitch.svg) center 55% no-repeat
}

#bottomContainer ._statistic {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTEgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDAwMDAwLCAtMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNhZGM5ZmUiIGQ9Ik0xNSwxOSBMMTgsMTkgTDE4LDIzIEwxNSwyMyBMMTUsMTkgWiBNMTksMTIgTDIyLDEyIEwyMiwyMyBMMTksMjMgTDE5LDEyIFogTTIzLDE2IEwyNiwxNiBMMjYsMjMgTDIzLDIzIEwyMywxNiBaIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center 55% no-repeat
}

#bottomContainer ._players {
    background: url(files/icons/icon_players.svg) center 70% no-repeat
}

#bottomContainer ._feed {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTYgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlBsYXkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAtMy4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IldhdGNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJUcmlhbmdsZSIgZmlsbD0iIzA4ZDIyOCIgZD0iTTEwLjIyMzIyMTEsNS42NTM1MDQ0OCBMNi4zMTA1NTU2NSw3LjQ3MDA5OTE2IEM2LjA2MDA5MjA0LDcuNTg2Mzg1ODQgNS43NjI3ODIxOSw3LjQ3NzYxMzk0IDUuNjQ2NDk1NTIsNy4yMjcxNTAzMyBDNS42MTU4Njc0NCw3LjE2MTE4MjE2IDUuNiw3LjA4OTMyNjIzIDUuNiw3LjAxNjU5NDY4IEw1LjYsMy4zODM0MDUzMiBDNS42LDMuMTA3MjYyOTUgNS44MjM4NTc2MywyLjg4MzQwNTMyIDYuMSwyLjg4MzQwNTMyIEM2LjE3MjczMTU1LDIuODgzNDA1MzIgNi4yNDQ1ODc0OSwyLjg5OTI3Mjc2IDYuMzEwNTU1NjUsMi45Mjk5MDA4NCBMMTAuMjIzMjIxMSw0Ljc0NjQ5NTUyIEMxMC40NzM2ODQ3LDQuODYyNzgyMTkgMTAuNTgyNDU2Niw1LjE2MDA5MjA0IDEwLjQ2NjE2OTksNS40MTA1NTU2NSBDMTAuNDE2NDI3Miw1LjUxNzY5Mzk3IDEwLjMzMDM1OTQsNS42MDM3NjE3IDEwLjIyMzIyMTEsNS42NTM1MDQ0OCBaIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSJub25lIiBzdHJva2U9IiMwOGQyMjgiIHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iOS40IiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center 35% no-repeat
}

#bottomContainer ._commentary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTQgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMuMDAwMDAwLCAtMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNhZGM5ZmUiIGQ9Ik0xNy4wMzI3ODAxLDIwLjUwMjIxMTUgTDE0Ljk3NjEwNDMsMjIuNDkwNjI2NyBMMTQuNjkwOTIyNSwxOS4zODA1MzgyIEMxMy42MzkzNzksMTguNTk3MDkwMSAxMywxNy41NjI2MDkxIDEzLDE2LjQyODU3MTQgQzEzLDEzLjk4MjczOSAxNS45NzQxMDg0LDEyIDE5LjY0Mjg1NzEsMTIgQzIzLjMxMTYwNTgsMTIgMjYuMjg1NzE0MywxMy45ODI3MzkgMjYuMjg1NzE0MywxNi40Mjg1NzE0IEMyNi4yODU3MTQzLDE4Ljg3NDQwMzkgMjMuMzExNjA1OCwyMC44NTcxNDI5IDE5LjY0Mjg1NzEsMjAuODU3MTQyOSBDMTguNzE2MjgyNywyMC44NTcxNDI5IDE3LjgzNDAxNjUsMjAuNzMwNjcyMSAxNy4wMzI3ODAxLDIwLjUwMjIxMTUgWiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center 60% no-repeat
}

#bottomContainer .nav-bar {
    background-color: #0d2046;
    line-height: 39px;
    text-align: right
}

#bottomContainer .nav-bar li {
    display: inline;
    padding: 10px 10px 12px 10px;
    cursor: pointer;
    text-align: center
}

#bottomContainer .nav-bar li.active {
    background-color: rgba(0, 0, 0, .3)
}

#bottomContainer .nav-bar li.active ._arrow,
#bottomContainer .nav-bar li.active ._commentary,
#bottomContainer .nav-bar li.active ._feed,
#bottomContainer .nav-bar li.active ._pitch,
#bottomContainer .nav-bar li.active ._players,
#bottomContainer .nav-bar li.active ._statistic {
    opacity: 1
}

#bottomContainer .nav-bar li a {
    transition: .3s
}

#bottomContainer .nav-bar li a._arrow,
#bottomContainer .nav-bar li a._commentary,
#bottomContainer .nav-bar li a._feed,
#bottomContainer .nav-bar li a._pitch,
#bottomContainer .nav-bar li a._players,
#bottomContainer .nav-bar li a._statistic {
    padding: 10px;
    opacity: .6
}

#bottomContainer .nav-bar li a._commentary:hover,
#bottomContainer .nav-bar li a._feed:hover,
#bottomContainer .nav-bar li a._pitch:hover,
#bottomContainer .nav-bar li a._players:hover,
#bottomContainer .nav-bar li a._statistic:hover {
    opacity: 1
}

#bottomContainer .nav-bar li a span {
    font-size: 10px;
    color: #adc9fe;
    position: relative;
    top: 9px
}

#bottomContainer .nav-bar li#toggleStreaming {
    padding-left: 4px;
    padding-right: 5px
}

#bottomContainer .nav-bar #toggleArrow,
#bottomContainer .nav-bar #toggleStatistic {
    display: none
}

@media only screen and (max-width:768px) {

    #bottomContainer .nav-bar #toggleArrow,
    #bottomContainer .nav-bar #toggleStatistic {
        display: inline
    }
}

#bottomContainer .nav-bar li ._feed {
    padding-left: 0 !important;
    padding-right: 0 !important
}

#bottomContainer .nav-bar li+li {
    border-left: 1px solid #2e4068
}

#bottomContainer .nav-bar li:first-child {
    border-left: 1px solid #2e4068
}

#bottomContainer .nav-bar li:last-child {
    border-right: 1px solid #2e4068
}

@media only screen and (max-width:640px) {
    #bottomContainer .nav-bar li:last-child {
        border-right: none
    }
}

.collapsed #toggleArrow ._arrow {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTQgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDAwMDAsIC0xMi4wMDAwMDApIj4KICAgICAgICAgICAgIDxwb2x5Z29uIGZpbGw9IiNhZGM5ZmUiIHBvaW50cz0iMTMgMTIgMjcgMTIgMjAuMTY3MzI3IDIzIj48L3BvbHlnb24+CiAgICAgICAgIDwvZz4KICAgICA8L2c+CiA8L3N2Zz4=) center 55% no-repeat
}

@media only screen and (max-width:640px) {

    #box_goals .teams,
    #box_lineups .teams {
        margin-top: 22vw
    }
}

@media only screen and (max-width:640px) {

    #box_goals .team_picker_wrapper,
    #box_lineups .team_picker_wrapper {
        padding-top: 10vw;
        position: fixed;
        top: 5px;
        left: 5px;
        right: 5px;
        background-color: #fff
    }
}

#box_goals .team_picker,
#box_lineups .team_picker {
    display: none;
    z-index: 100
}

@media only screen and (max-width:640px) {

    #box_goals .team_picker,
    #box_lineups .team_picker {
        border-radius: 2vw;
        display: block;
        border: 3px solid #2297cd;
        overflow: hidden;
        word-break: break-all;
        font-size: 0
    }

    #box_goals .team_picker div,
    #box_lineups .team_picker div {
        display: inline-block;
        vertical-align: middle;
        padding: 2vw;
        font-size: 4vw;
        text-align: center;
        width: 50%;
        color: #b6d6ea;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    #box_goals .team_picker div.current,
    #box_lineups .team_picker div.current {
        background-color: #2297cd;
        color: #fff;
        cursor: not-allowed
    }
}

#box_goals .competitorA,
#box_lineups .competitorA {
    border-right: 1px solid #0af
}

@media only screen and (max-width:640px) {

    #box_goals .competitorA,
    #box_lineups .competitorA {
        border-right: none
    }
}

#box_goals .competitorA,
#box_goals .competitorB,
#box_lineups .competitorA,
#box_lineups .competitorB {
    padding: 0 15px;
    float: left;
    width: 50%
}

@media only screen and (max-width:640px) {

    #box_goals .competitorA,
    #box_goals .competitorB,
    #box_lineups .competitorA,
    #box_lineups .competitorB {
        display: none;
        padding: 0;
        width: 100%;
        float: none;
        top: 65px;
        bottom: 0
    }

    #box_goals .competitorA h3,
    #box_goals .competitorB h3,
    #box_lineups .competitorA h3,
    #box_lineups .competitorB h3 {
        display: none
    }

    #box_goals .competitorA h4,
    #box_goals .competitorB h4,
    #box_lineups .competitorA h4,
    #box_lineups .competitorB h4 {
        padding-left: 15px
    }

    #box_goals .competitorA ul,
    #box_goals .competitorB ul,
    #box_lineups .competitorA ul,
    #box_lineups .competitorB ul {
        height: auto
    }
}

@media only screen and (max-width:640px) {

    #box_goals .competitorA.current,
    #box_goals .competitorB.current,
    #box_lineups .competitorA.current,
    #box_lineups .competitorB.current {
        display: block
    }
}

#box_goals .team_formation,
#box_lineups .team_formation {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    font-size: 20px;
    padding: 5px 45px;
    margin: 0 0 15px 0
}

@media only screen and (max-width:640px) {

    #box_goals .team_formation,
    #box_lineups .team_formation {
        padding: 10px 45px
    }
}

#box_goals .team_name,
#box_lineups .team_name {
    color: #0af;
    display: inline-block;
    font-size: 16px;
    padding-left: 10px;
    padding-bottom: 10px
}

@media only screen and (max-width:640px) {

    #box_goals .team_name,
    #box_lineups .team_name {
        display: none
    }
}

#box_goals ul,
#box_lineups ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 26px
}

#box_goals ul .player_number,
#box_lineups ul .player_number {
    color: #0af;
    text-align: right;
    display: inline-block;
    width: 35px;
    padding-right: 10px
}

@media only screen and (max-width:640px) {

    #box_goals ul,
    #box_lineups ul {
        padding: 0 15px;
        font-size: 3vw;
        display: inline-block;
        line-height: 3vw
    }

    #box_goals ul li,
    #box_lineups ul li {
        margin: 2.5vw 0 0 0
    }

    #box_goals ul li span,
    #box_lineups ul li span {
        vertical-align: middle;
        height: 3vw;
        display: inline-block;
        margin: 0
    }

    #box_goals ul li .additional span,
    #box_lineups ul li .additional span {
        width: 3vw;
        margin: 0 .6vw 0 1vw
    }

    #box_goals ul li .player_number,
    #box_lineups ul li .player_number {
        width: 9vw;
        padding-right: 2vw
    }
}

#box_goals .competitorA .team_formation,
#box_lineups .competitorA .team_formation {
    background-color: #fff;
    color: #000
}

#box_goals .competitorB .team_formation,
#box_lineups .competitorB .team_formation {
    background-color: #0af;
    color: #fff
}

#box_goals h3,
#box_goals h4,
#box_lineups h3,
#box_lineups h4 {
    color: #0af
}

#box_goals.lineups,
#box_lineups.lineups {
    display: block
}

#box_goals .lineup span,
#box_lineups .lineup span {
    display: inline-block;
    margin: 0 2px;
    vertical-align: middle;
    background-position: center top;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

@media only screen and (max-width:640px) {

    #box_goals .lineup span,
    #box_lineups .lineup span {
        width: 2.5vw;
        height: 2.5vw
    }
}

.container-box,
.team-box {
    float: left;
    width: 100%
}

.team-box {
    width: 50%;
    height: 100%;
    padding: 16px 0 16px 16px
}

.team-box p {
    margin: 0 0 5px;
    color: #faff05
}

.team-box ul {
    list-style-type: none
}

.team-box ul li {
    line-height: 1.8;
    clear: both
}

.box-col1,
.box-col2 {
    font-size: 12px;
    float: left;
    overflow-wrap: break-word
}

.players_away span,
.players_home span,
.substitutes_away span,
.substitutes_home span {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.players_away .box-col1,
.players_home .box-col1,
.substitutes_away .box-col1,
.substitutes_home .box-col1 {
    display: inline-table
}

.players_away .box-col1 span:first-child,
.players_home .box-col1 span:first-child,
.substitutes_away .box-col1 span:first-child,
.substitutes_home .box-col1 span:first-child {
    display: table-cell;
    width: 2em
}

.players_away .box-col2 span,
.players_home .box-col2 span,
.substitutes_away .box-col2 span,
.substitutes_home .box-col2 span {
    margin-left: 3px
}

.goals_away .box-col1,
.goals_home .box-col1 {
    text-align: left
}

.goals_away .box-col1 .icon,
.goals_home .box-col1 .icon {
    width: 18px
}

.goals_away .box-col2 span:first-child,
.goals_home .box-col2 span:first-child {
    text-align: right;
    width: 2em
}

.goals_away .box-col2 span:last-child,
.goals_home .box-col2 span:last-child {
    text-align: left;
    margin-left: 8px
}

.goals_away .box-col1 span:first-child,
.goals_away .box-col2 span:first-child,
.goals_home .box-col1 span:first-child,
.goals_home .box-col2 span:first-child {
    display: table-cell
}

.text-mute {
    color: #fff;
    opacity: .7
}

.lineups-container,
.stats-container {
    display: none;
    position: inherit;
    z-index: 100;
    color: #fff;
    padding-top: 72px;
    min-width: 320px;
    max-height: 317px;
    width: 58vw
}

@media only screen and (max-width:768px) {

    .lineups-container,
    .stats-container {
        width: 100%
    }
}

.lineups-container #tabs,
.stats-container #tabs {
    height: 168px
}

@media only screen and (max-width:768px) {

    .lineups-container #tabs,
    .stats-container #tabs {
        height: 180px
    }
}

.collapsed .lineups-container {
    display: none
}

.open {
    display: block
}

.tabs {
    margin: 22px auto 0;
    position: relative
}

span.anchor {
    position: fixed;
    display: none
}

.c-tabs-nav {
    display: inline-table;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 33px;
    width: 100%
}

@media only screen and (max-width:768px) {
    .c-tabs-nav {
        height: 21px
    }
}

.c-tabs-nav__link {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    color: #96a3c4;
    background-color: #00143c;
    text-align: center;
    text-decoration: none
}

.c-tabs-nav__link:last-child {
    margin-right: 0
}

.c-tabs-nav__link.active {
    color: #faff05;
    background-color: #0d2046;
    border-bottom: 1px solid #faff05
}

.c-tabs-nav__link i,
.c-tabs-nav__link span {
    margin: 0;
    padding: 0;
    line-height: 1
}

.c-tabs-nav__link i {
    font-size: 13px
}

.c-tabs-nav__link span {
    display: block;
    font-size: 13px
}

.c-tab__content {
    padding-bottom: 35px;
    min-height: 212px
}

.c-tab__content>p {
    padding: 5px 16px
}

.c-tab {
    overflow-y: auto;
    display: none;
    background-color: transparent;
    height: 100%
}

.c-tab.active {
    display: block
}

.c-tabs.no-js .c-tabs-nav {
    display: none
}

.c-tabs.no-js .c-tab {
    display: block;
    margin-bottom: 1.5rem
}

.c-tabs.no-js .c-tab:last-child {
    margin-bottom: 0
}

.label {
    display: inline-block;
    padding: 0 .6em .4em 0;
    font-size: 85%;
    font-weight: 700;
    line-height: .85;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #222
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #090909
}

.label-primary {
    background-color: #004271
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #00243e
}

.label-secondary {
    background-color: rgba(255, 255, 255, .1)
}

.label-secondary[href]:focus,
.label-secondary[href]:hover {
    background-color: rgba(230, 230, 230, .1)
}

#errorMessage {
    height: 70px;
    width: 100%;
    background-color: #00143c;
    color: #fff;
    font-size: 1em;
    position: fixed;
    top: 120px;
    display: inline-table;
    padding: 5px;
    overflow: hidden;
    font: 16px Arial, Helvetica, "Helvetica Neue", sans-serif;
    z-index: 1
}

#errorMessage div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

@media only screen and (max-width:320px) {
    #errorMessage {
        top: 100px;
        font-size: .8em
    }
}

.msie .animation_wrapper svg {
    bottom: -2.9rem
}

@media only screen and (max-width:320px) {
    .msie .animation_wrapper svg {
        bottom: -3.7rem
    }
}

.msie .animation_wrapper .penalties-msgBox {
    left: 8.5%
}

@media only screen and (max-width:640px) {
    .msie .animation_wrapper .penalties-msgBox {
        left: 15%
    }
}

@media only screen and (max-width:374px) {
    .msie .animation_wrapper .penalties-msgBox {
        left: 10%
    }
}

.icon {
    background-size: contain;
    background: transparent url(files/icons/msg_commentary.svg) center no-repeat;
    display: inline-block;
    height: 14px;
    position: relative;
    top: 3px;
    width: 24px
}

._goals_regular {
    background-image: url(files/icons/msg_goal.svg)
}

._goals_penalty {
    background-image: url(files/icons/msg_penaltygoal.svg)
}

._goals_own_goal {
    background-image: url(files/icons/msg_goalown.svg)
}

._cards_yellow {
    background-image: url(files/icons/msg_yellowcard.svg)
}

._cards_red {
    background-image: url(files/icons/msg_redcard.svg)
}

._player_in {
    background-image: url(files/icons/msg_playerin.svg)
}

._player_out {
    background-image: url(files/icons/msg_playerout.svg)
}

._penalties {
    background-image: url(files/icons/msg_penalty.svg)
}

._shotsontarget {
    background-image: url(files/icons/msg_shotontarget.svg)
}

._shotsofftarget {
    background-image: url(files/icons/msg_shotofftarget.svg)
}

._shotswoodwork {
    background-image: url(files/icons/msg_shotwoodwork.svg)
}

._freekicks {
    background-image: url(files/icons/msg_freekick.svg)
}

._corners {
    background-image: url(files/icons/msg_corner.svg)
}

._throwins {
    background-image: url(files/icons/msg_throwin.svg)
}

._goalkick {
    background-image: url(files/icons/msg_goalkick.svg)
}

._danger {
    background-image: url(files/icons/stats_danger.svg)
}

._possession {
    background-image: url(files/icons/stats_posession.svg)
}