@font-face {
  font-family: "Stafford";
  src: url(../fonts/SFUStaffordBold.ttf);
}
@font-face {
  font-family: "Rockwell";
  src: url(../fonts/UTMRockwell.ttf);
}
header, footer, .clr, .cls, .clx, .clz, .spl, .spt, .splt, hr, .menu-bar::after, .fxt-line::after, .match::after, .news::after, .media::after, .show::after, .comment::after, .bar > li::after, .lst > li::after, .bar::after, .lst::after, .box::after, .clfix::after, .cont-wrap::after, .cont-view::after, .flex::after, .row::after, .col::after, section::after, .menu-bar::before, .fxt-line::before, .match::before, .news::before, .media::before, .show::before, .comment::before, .bar > li::before, .lst > li::before, .bar::before, .lst::before, .box::before, .clfix::before, .cont-wrap::before, .cont-view::before, .flex::before, .row::before, .col::before, section::before {
  display: table;
  float: none;
  margin: 0;
  padding: 0;
  clear: both;
  width: 100%;
}

.menu-bar, .fxt-line, .match, .news, .media, .show, .comment, .bar > li, .lst > li, .bar, .lst, .box, .clfix, .cont-wrap, .cont-view, .flex, .row, .col, section {
  display: block;
  margin: 0;
  padding: 0;
}
.menu-bar::after, .fxt-line::after, .match::after, .news::after, .media::after, .show::after, .comment::after, .bar > li::after, .lst > li::after, .bar::after, .lst::after, .box::after, .clfix::after, .cont-wrap::after, .cont-view::after, .flex::after, .row::after, .col::after, section::after, .menu-bar::before, .fxt-line::before, .match::before, .news::before, .media::before, .show::before, .comment::before, .bar > li::before, .lst > li::before, .bar::before, .lst::before, .box::before, .clfix::before, .cont-wrap::before, .cont-view::before, .flex::before, .row::before, .col::before, section::before {
  content: "";
}

table.horizon tbody tr, .tbl.horizon tbody tr, canvas {
  display: inline-block;
}

table, div, img, figure, nav, audio, video, body {
  margin: 0;
  padding: 0;
}

.home-fixture .cup-lst .lst, .slider .go-nav li, .slider .sliding, .percent .pct-bar, .badge, .avatar {
  overflow: hidden;
}

.multi-media .show .play-btn .play-ico, .menu-bar .srch-lnk .lnk-ico::before, .slider .go-nav li, .slider .go-bck, .slider .go-nxt, .comment .info span::before, .capt-cover .more-lnk, .badge.live::before, .badge.live::after, .avatar {
  border-radius: 50%;
}

.home-fixture .cup-lst .more-lnk::before, .talk-lst .lst .ico > ::before, .home-slide .xcap::before, .menu-bar .srch-lnk .lnk-ico::before, .menu-bar .menu-lnk .lnk-ico > ::before, .scroller::before, .slider .go-bck::before, .slider .go-nxt::before, .capt-cover .more-lnk::before, .badge.live::before, .home-fixture .cup-lst .more-lnk::after, .talk-lst .lst .ico > ::after, .home-slide .xcap::after, .menu-bar .srch-lnk .lnk-ico::after, .menu-bar .menu-lnk .lnk-ico > ::after, .scroller::after, .slider .go-bck::after, .slider .go-nxt::after, .capt-cover .more-lnk::after, .badge.live::after {
  content: "";
  display: block;
}

* {
  box-sizing: border-box;
  letter-spacing: 0;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  -webkit-overflow-scrolling: touch;
}

*, *:invalid {
  box-shadow: none;
  outline: none;
}

html {
  height: 100%;
  width: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  color: #28262c;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 100%;
  overflow-x: hidden;
  line-height: 1.2;
  height: 100%;
  width: 100%;
}

a {
  background-color: transparent;
  color: #28262c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

a.inread {
  color: #2196f3;
  text-decoration: underline;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  display: block;
  margin: 0;
  padding: 0 0 0 1.5em;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

div, details, header, footer, main, menu, nav, section {
  display: block;
}

div, img, figure, nav, audio, video {
  border: none;
}

em, i {
  font-style: italic;
}

ol, ul {
  display: block;
  margin: 0 0 1rem 1.5rem;
  padding: 0;
}

li {
  display: list-item;
  margin: 0 0 0.25rem;
  padding: 0;
}

ul {
  list-style: square;
}

figure {
  display: block;
  margin: 0;
  overflow: hidden;
}
figure img, figure audio, figure video {
  display: block;
  margin: 0 auto;
  height: auto;
  width: auto;
  max-width: 100%;
}

figcaption {
  color: #5f5f5f;
  display: block;
  margin: 0;
  padding: 0 10px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.25em;
  text-align: center;
}
figcaption + img {
  padding-top: 10px;
}

header, footer, main {
  width: 100%;
}

h1, h2, h3, h4, h5, h6, p {
  display: block;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2rem;
  font-weight: bold;
}

h2 {
  font-size: 1.75rem;
  font-weight: bold;
}

h3 {
  font-size: 1.5rem;
  font-weight: bold;
}

h4 {
  font-size: 1.25rem;
  font-weight: bold;
}

h5 {
  font-size: 1.125rem;
  font-weight: bold;
}

h6 {
  font-size: 1rem;
  font-weight: bold;
}

a h1, a h2, a h3, a h4, a h5, a h6, a p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
}

hr {
  box-shadow: none;
  border: none;
  background-color: #7a7a7a;
  overflow: hidden;
  height: 1px;
}

small, sub, sup {
  font-size: 75%;
  font-weight: 300;
}

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

summary {
  display: list-item;
}

template, [hidden] {
  display: block;
  margin: none;
}

form, fieldset, legend {
  display: block;
}

fieldset {
  border: solid 1px #eaeaea;
  margin: 0 0 0.5em 0;
  padding: 0.5em;
}

legend {
  font-size: 0.9em;
  line-height: 1.6em;
  margin: 0 0 0 1.5em;
  padding: 0 0.5em;
  max-width: 90%;
  white-space: normal;
}

label {
  display: block;
  float: 0 0.5em;
  margin: inline-block;
  padding: 0;
  font-size: 90%;
  line-height: 1.1em;
}

button, input, optgroup, option, select, textarea {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6em;
  overflow: visible;
}

button, input, select, textarea {
  background-color: #fff;
  border: solid 1px #5f5f5f;
  color: #5f5f5f;
  display: inline-block;
  margin: 0;
  padding: 0.2em 0.5em;
  outline: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
button:focus, input:focus, select:focus, textarea:focus {
  border-color: #28262c;
  color: #28262c;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner {
  border: none;
  padding: 0;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 2em;
}

textarea {
  overflow: auto;
  resize: none;
  min-height: 2.4em;
}

[type=date], [type=datetime], [type=month], [type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

[type=password] {
  -webkit-text-security: circle !important;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button;
}

::placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
  font-size: 90%;
  font-weight: 300;
}

.disabled, [disabled], [readonly] {
  background-color: #eaeaea !important;
  border-color: #5f5f5f !important;
  color: #5f5f5f !important;
  cursor: default;
  pointer-events: none;
}

.invalid, input:invalid, select:invalid, textarea:invalid {
  background-color: colorpl(alert, wht) !important;
  border-color: colorpl(alert, drk) !important;
  color: colorpl(alert, drk) !important;
}

.valid input, .valid select, .valid textarea {
  background-color: colorpl(score, wht) !important;
  border-color: colorpl(score, drk) !important;
  color: colorpl(score, drk) !important;
}

progress {
  display: block;
  margin: 0.5rem;
  padding: 0;
}

progress {
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  caption-side: top;
  vertical-align: middle;
}

table, thead, tbody, tr {
  border: none;
}

thead, tbody, tr, th, td {
  border-color: inherit;
}

th, td {
  border: solid 1px #7a7a7a;
  margin: 0;
  padding: 2px;
  text-align: left;
}

thead th {
  text-align: center;
}

section {
  background: #fff;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  scroll-margin-top: 90px;
}

.clr, .cls, .clx, .clz, .spl, .spt, .splt {
  background: transparent;
}

.clr {
  height: 0;
}

.cls {
  height: 5px;
}

.clx {
  height: 10px;
}

.clz {
  height: 20px;
}

.spl, .spt, .splt {
  border-bottom: solid 1px #eaeaea;
}

.spl {
  height: 5px;
  margin-bottom: 5px;
}

.spt {
  height: 10px;
  margin-bottom: 10px;
}

.splt {
  height: 20px;
  margin-bottom: 20px;
}

.bar > li > a, .lst > li > a {
  display: block;
}

.bar:not(.flex) > li {
  float: left;
}

.bar.flex, .lst.flex {
  display: flex;
  flex-flow: row wrap;
}

.nav {
  display: flex;
  margin: 0;
  padding: 0;
  flex-flow: row nowrap;
  list-style: none;
}
.nav > li {
  display: block;
  flex: 0 0 auto;
}

.no-ani {
  animation: unset !important;
  transition: none !important;
}

.no-trans {
  transition: none !important;
}

.no-bdr {
  border: none !important;
}

.no-padd {
  margin: 0 !important;
  padding: 0 !important;
}

.no-shad {
  box-shadow: none !important;
}

.no-over {
  overflow: hidden !important;
}

.reps {
  display: block;
  max-width: 100%;
}

.pos-fix {
  position: fixed;
}

.pos-abs {
  position: absolute;
}

.pos-sta {
  position: static;
}

.pos-stk {
  position: sticky;
}

@media only screen and (max-width: 1023.9px) {
  body {
    font-size: 16px;
  }
  footer {
    background: #fff;
    position: relative;
    z-index: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .clz {
    height: 30px;
  }
  a:active, a:focus, a:hover, button:active, button:focus, button:hover, input:active, input:focus, input:hover, select:active, select:focus, select:hover, textarea:active, textarea:focus, textarea:hover {
    box-shadow: none;
    outline: none;
  }
  a:active, a:focus, a:hover {
    color: #ed1c24 !important;
  }
  button:active, button:focus, button:hover, input:active, input:focus, input:hover, select:active, select:focus, select:hover, textarea:active, textarea:focus, textarea:hover {
    border-color: #28262c;
    color: #28262c;
  }
}
.ft-lg {
  font-size: fontsz(large) !important;
}

.ft-sm {
  font-size: fontsz(small) !important;
}

.xcap {
  display: block;
  font-family: "Stafford", serif;
  font-size: 0.875rem;
}
.xcap.lead {
  font-size: 1.25rem;
  line-height: 32px;
  height: 32px;
  margin: 20px 0;
}

.all-cap, .xcap {
  text-transform: uppercase;
}

.ft-base {
  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
}

.ft-read {
  font-family: "Noto Serif", "Times New Roman", Times, Georgia, serif !important;
}

.ft-lgt {
  font-weight: fontwei(lgt) !important;
}

.ft-nom {
  font-weight: normal !important;
}

.ft-med {
  font-weight: fontwei(med) !important;
}

.ft-bold {
  font-weight: bold !important;
}

.ft-blk {
  font-weight: fontwei(blk) !important;
}

.tx-lft {
  text-align: left !important;
}

.tx-rgt {
  text-align: right !important;
}

.tx-cen {
  text-align: center !important;
}

.tx-jst {
  text-align: justify !important;
}

.tx-ovr {
  text-decoration: overline;
}

.tx-und {
  text-decoration: underline;
}

.hide {
  display: none !important;
}

.show {
  display: inherit !important;
}

.lft {
  float: left !important;
}

.mid {
  margin: auto !important;
}

.rgt {
  float: right !important;
}

.inlr {
  display: inline-block;
}

.quote-box {
  border-left: solid 1px #ed1c24;
  background-color: #eaeaea;
  color: #5f5f5f;
  display: block;
  float: 1rem 2rem;
  margin: block;
  padding: 0 3rem;
  font-size: 90%;
  font-weight: 300;
  line-height: 1.1em;
}
.quote-box .title {
  font-weight: bold;
  text-transform: uppercase;
}

.resp, .resp img {
  display: block;
  float: 0;
  margin: block;
  padding: 0;
  max-width: 100%;
  height: auto;
}
.resp .fill, .resp img .fill {
  overflow: hidden;
  width: 100%;
}

.rbox {
  box-sizing: content-box;
  display: block;
  float: 0 0 56.25% 0;
  margin: block;
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 0 !important;
}
.rbox.r34 {
  padding-bottom: 75%;
}
.rbox.r1016 {
  padding-bottom: 62.5%;
}
.rbox.r43 {
  padding-bottom: 133.33%;
}
.rbox > * {
  display: none;
}
.rbox > *:first-child {
  display: block;
  float: 0;
  margin: block;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.bg-blk {
  background: #000;
}

.bg-trans-blk {
  background: rgba(0, 0, 0, 0.75);
}

.bg-wht {
  background: #fff;
}

.bg-trans-wht {
  background: rgba(255, 255, 255, 0.75);
}

.bg-none {
  background: none !important;
}

.bdr-none {
  border: none !important;
}

.bf-none::before, .bf-none::after {
  display: none !important;
}

.tx-blk {
  color: #000;
}

.tx-wht {
  color: #fff;
}

.bg-base {
  background-color: #7a7a7a;
}

.bdr-base {
  border: solid 1px #7a7a7a;
}

.tx-base {
  color: #7a7a7a;
}

.bg-base-drk {
  background-color: #5f5f5f;
}

.bdr-base-drk {
  border: solid 1px #5f5f5f;
}

.tx-base-drk {
  color: #5f5f5f;
}

.bg-base-lgt {
  background-color: #eaeaea;
}

.bdr-base-lgt {
  border: solid 1px #eaeaea;
}

.tx-base-lgt {
  color: #eaeaea;
}

.bg-base-blk {
  background-color: #28262c;
}

.bdr-base-blk {
  border: solid 1px #28262c;
}

.tx-base-blk {
  color: #28262c;
}

.bg-base-wht {
  background-color: #f5f5f5;
}

.bdr-base-wht {
  border: solid 1px #f5f5f5;
}

.tx-base-wht {
  color: #f5f5f5;
}

.bg-prime {
  background-color: #ed1c24;
}

.bdr-prime {
  border: solid 1px #ed1c24;
}

.tx-prime {
  color: #ed1c24;
}

.bg-prime-drk {
  background-color: #971217;
}

.bdr-prime-drk {
  border: solid 1px #971217;
}

.tx-prime-drk {
  color: #971217;
}

.bg-prime-lgt {
  background-color: #fac1c3;
}

.bdr-prime-lgt {
  border: solid 1px #fac1c3;
}

.tx-prime-lgt {
  color: #fac1c3;
}

.bg-prime-blk {
  background-color: #570b0e;
}

.bdr-prime-blk {
  border: solid 1px #570b0e;
}

.tx-prime-blk {
  color: #570b0e;
}

.bg-prime-wht {
  background-color: #fdeaeb;
}

.bdr-prime-wht {
  border: solid 1px #fdeaeb;
}

.tx-prime-wht {
  color: #fdeaeb;
}

.bg-media {
  background-color: #2196f3;
}

.bdr-media {
  border: solid 1px #2196f3;
}

.tx-media {
  color: #2196f3;
}

.bg-media-drk {
  background-color: #1565c0;
}

.bdr-media-drk {
  border: solid 1px #1565c0;
}

.tx-media-drk {
  color: #1565c0;
}

.bg-media-lgt {
  background-color: #bbdefb;
}

.bdr-media-lgt {
  border: solid 1px #bbdefb;
}

.tx-media-lgt {
  color: #bbdefb;
}

.bg-media-blk {
  background-color: #0d47a1;
}

.bdr-media-blk {
  border: solid 1px #0d47a1;
}

.tx-media-blk {
  color: #0d47a1;
}

.bg-media-wht {
  background-color: #e3f2fd;
}

.bdr-media-wht {
  border: solid 1px #e3f2fd;
}

.tx-media-wht {
  color: #e3f2fd;
}

.bg-radio {
  background-color: #6e25b0;
}

.bdr-radio {
  border: solid 1px #6e25b0;
}

.tx-radio {
  color: #6e25b0;
}

.bg-radio-drk {
  background-color: #541d86;
}

.bdr-radio-drk {
  border: solid 1px #541d86;
}

.tx-radio-drk {
  color: #541d86;
}

.bg-radio-lgt {
  background-color: #bfa6d7;
}

.bdr-radio-lgt {
  border: solid 1px #bfa6d7;
}

.tx-radio-lgt {
  color: #bfa6d7;
}

.bg-radio-blk {
  background-color: #3a145c;
}

.bdr-radio-blk {
  border: solid 1px #3a145c;
}

.tx-radio-blk {
  color: #3a145c;
}

.bg-radio-wht {
  background-color: #efe8f5;
}

.bdr-radio-wht {
  border: solid 1px #efe8f5;
}

.tx-radio-wht {
  color: #efe8f5;
}

.bg-score {
  background-color: #4caf50;
}

.bdr-score {
  border: solid 1px #4caf50;
}

.tx-score {
  color: #4caf50;
}

.bg-score-drk {
  background-color: #2e7d32;
}

.bdr-score-drk {
  border: solid 1px #2e7d32;
}

.tx-score-drk {
  color: #2e7d32;
}

.bg-score-lgt {
  background-color: #c8e6c9;
}

.bdr-score-lgt {
  border: solid 1px #c8e6c9;
}

.tx-score-lgt {
  color: #c8e6c9;
}

.bg-score-blk {
  background-color: #1b5e20;
}

.bdr-score-blk {
  border: solid 1px #1b5e20;
}

.tx-score-blk {
  color: #1b5e20;
}

.bg-score-wht {
  background-color: #e8f5e9;
}

.bdr-score-wht {
  border: solid 1px #e8f5e9;
}

.tx-score-wht {
  color: #e8f5e9;
}

.bg-alert {
  background-color: #fdd835;
}

.bdr-alert {
  border: solid 1px #fdd835;
}

.tx-alert {
  color: #fdd835;
}

.bg-alert-drk {
  background-color: #f9a825;
}

.bdr-alert-drk {
  border: solid 1px #f9a825;
}

.tx-alert-drk {
  color: #f9a825;
}

.bg-alert-lgt {
  background-color: #fff9c4;
}

.bdr-alert-lgt {
  border: solid 1px #fff9c4;
}

.tx-alert-lgt {
  color: #fff9c4;
}

.bg-alert-blk {
  background-color: #7a3f0b;
}

.bdr-alert-blk {
  border: solid 1px #7a3f0b;
}

.tx-alert-blk {
  color: #7a3f0b;
}

.bg-alert-wht {
  background-color: #fffde7;
}

.bdr-alert-wht {
  border: solid 1px #fffde7;
}

.tx-alert-wht {
  color: #fffde7;
}

.col {
  padding-left: 10px;
  padding-right: 10px;
}

.cont-wrap {
  margin: 0 auto;
  padding: 0;
  max-width: 1296px;
  min-width: 320px;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
}
.row.flex {
  display: flex;
  flex-flow: row wrap;
}

.col {
  float: left;
  min-height: 1px;
  width: auto;
}
.row.flex .col {
  float: none;
  flex: 0 0 auto;
}

@media only screen and (max-width: 1023.9px) {
  .hide-m {
    display: none !important;
  }
  .lft-m {
    float: left !important;
  }
  .mid-m {
    margin: auto !important;
  }
  .rgt-m {
    float: right !important;
  }
}
.m1 {
  width: 8.33%;
}

.m2 {
  width: 16.66%;
}

.m3 {
  width: 25%;
}

.m4 {
  width: 33.33%;
}

.m5 {
  width: 41.66%;
}

.m6 {
  width: 50%;
}

.m7 {
  width: 58.33%;
}

.m8 {
  width: 66.66%;
}

.m9 {
  width: 75%;
}

.m10 {
  width: 83.33%;
}

.m11 {
  width: 91.66%;
}

.m12 {
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .hide-w {
    display: none !important;
  }
  .lft-w {
    float: left !important;
  }
  .mid-w {
    margin: auto !important;
  }
  .rgt-w {
    float: right !important;
  }
  .w1 {
    width: 8.33%;
  }
  .w2 {
    width: 16.66%;
  }
  .w3 {
    width: 25%;
  }
  .w4 {
    width: 33.33%;
  }
  .w5 {
    width: 41.66%;
  }
  .w6 {
    width: 50%;
  }
  .w7 {
    width: 58.33%;
  }
  .w8 {
    width: 66.66%;
  }
  .w9 {
    width: 75%;
  }
  .w10 {
    width: 83.33%;
  }
  .w11 {
    width: 91.66%;
  }
  .w12 {
    width: 100%;
  }
}
table.tbl, .tbl table {
  border: solid 1px #eaeaea;
  width: 100%;
}

.tbl caption {
  display: block;
  float: 0;
  margin: block;
  padding: 0;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  text-transform: uppercase;
}
.tbl th, .tbl td, .tbl tr {
  border-color: #eaeaea;
}
.tbl th, .tbl td {
  border-width: 0 0 0 1px;
  padding: 3px;
}
.tbl th {
  font-weight: bold;
}
.tbl thead th {
  background-color: #f5f5f5;
  border-color: #7a7a7a;
  color: #7a7a7a;
  font-size: 75%;
  font-weight: normal;
  text-transform: uppercase;
}

table.cellfocus, .tbl.cellfocus {
  border-collapse: separate;
}
table.horizon tr, table.horizon th, table.horizon td, table .flat tr, table .flat th, table .flat td, table.flat tr, table.flat th, table.flat td, .tbl.horizon tr, .tbl.horizon th, .tbl.horizon td, .tbl .flat tr, .tbl .flat th, .tbl .flat td, .tbl.flat tr, .tbl.flat th, .tbl.flat td {
  border-width: 0;
}
table.horizon, .tbl.horizon {
  display: block;
  position: relative;
}
table.horizon thead, table.horizon tbody, table.horizon tr, table.horizon th, table.horizon td, .tbl.horizon thead, .tbl.horizon tbody, .tbl.horizon tr, .tbl.horizon th, .tbl.horizon td {
  display: block;
}
table.horizon th, table.horizon td, .tbl.horizon th, .tbl.horizon td {
  min-height: 2em;
}
table.horizon thead, .tbl.horizon thead {
  background-color: #eaeaea;
  border-width: 0;
  float: left;
}
table.horizon thead th, .tbl.horizon thead th {
  font-size: inherit;
  line-height: inherit;
  text-align: right;
}
table.horizon tbody, .tbl.horizon tbody {
  position: relative;
  overflow-x: auto;
  width: auto;
  white-space: nowrap;
}
table.horizon tbody tr, .tbl.horizon tbody tr {
  border-left-width: 1px;
}
table .flat tr, table.flat tr, .tbl .flat tr, .tbl.flat tr {
  border-bottom-width: 1px;
}
table .striped th, table .striped td, table.striped th, table.striped td, .tbl .striped th, .tbl .striped td, .tbl.striped th, .tbl.striped td {
  border-color: #eaeaea;
}
table .striped th:first-child, table .striped td:first-child, table.striped th:first-child, table.striped td:first-child, .tbl .striped th:first-child, .tbl .striped td:first-child, .tbl.striped th:first-child, .tbl.striped td:first-child {
  border-left-width: 0;
}
table .striped > tr:nth-child(2n), table .striped tbody tr:nth-child(2n), table.striped > tr:nth-child(2n), table.striped tbody tr:nth-child(2n), .tbl .striped > tr:nth-child(2n), .tbl .striped tbody tr:nth-child(2n), .tbl.striped > tr:nth-child(2n), .tbl.striped tbody tr:nth-child(2n) {
  background-color: #f5f5f5;
}
table .striped thead, table.striped thead, .tbl .striped thead, .tbl.striped thead {
  border-bottom-width: 1px;
}
table .separator th, table .separator td, .tbl .separator th, .tbl .separator td {
  border-bottom-width: 1px;
  padding: 0;
  height: 0;
}
table .blk, .tbl .blk {
  background-color: #5f5f5f;
  border-color: #28262c;
  color: #f5f5f5;
}
table .drk, .tbl .drk {
  background-color: #eaeaea;
  border-color: #7a7a7a;
  color: #28262c;
}
table .lgt, .tbl .lgt {
  background-color: #f5f5f5;
  border-color: #eaeaea;
  color: #7a7a7a;
}
table.prime, .tbl.prime {
  background-color: transparent;
  border-color: #fac1c3;
  color: #971217;
}
table.prime .hovable > tr:hover, table.prime .hovable tbody tr:hover, table.prime.hovable > tr:hover, table.prime.hovable tbody tr:hover, .tbl.prime .hovable > tr:hover, .tbl.prime .hovable tbody tr:hover, .tbl.prime.hovable > tr:hover, .tbl.prime.hovable tbody tr:hover {
  background-color: #fac1c3;
}
table.prime .striped > tr:nth-child(2n), table.prime .striped tbody tr:nth-child(2n), table.prime.striped > tr:nth-child(2n), table.prime.striped tbody tr:nth-child(2n), .tbl.prime .striped > tr:nth-child(2n), .tbl.prime .striped tbody tr:nth-child(2n), .tbl.prime.striped > tr:nth-child(2n), .tbl.prime.striped tbody tr:nth-child(2n) {
  background-color: #fac1c3;
}
table .prime-blk, table.prime .blk, .tbl .prime-blk, .tbl.prime .blk {
  background-color: #971217;
  border-color: #570b0e;
  color: #fdeaeb;
}
table .prime-drk, table.prime .drk, .tbl .prime-drk, .tbl.prime .drk {
  background-color: #fac1c3;
  border-color: #ed1c24;
  color: #570b0e;
}
table .prime-lgt, table.prime .lgt, .tbl .prime-lgt, .tbl.prime .lgt {
  background-color: #fdeaeb;
  border-color: #fac1c3;
  color: #971217;
}
table.media, .tbl.media {
  background-color: transparent;
  border-color: #bbdefb;
  color: #1565c0;
}
table.media .hovable > tr:hover, table.media .hovable tbody tr:hover, table.media.hovable > tr:hover, table.media.hovable tbody tr:hover, .tbl.media .hovable > tr:hover, .tbl.media .hovable tbody tr:hover, .tbl.media.hovable > tr:hover, .tbl.media.hovable tbody tr:hover {
  background-color: #bbdefb;
}
table.media .striped > tr:nth-child(2n), table.media .striped tbody tr:nth-child(2n), table.media.striped > tr:nth-child(2n), table.media.striped tbody tr:nth-child(2n), .tbl.media .striped > tr:nth-child(2n), .tbl.media .striped tbody tr:nth-child(2n), .tbl.media.striped > tr:nth-child(2n), .tbl.media.striped tbody tr:nth-child(2n) {
  background-color: #bbdefb;
}
table .media-blk, table.media .blk, .tbl .media-blk, .tbl.media .blk {
  background-color: #1565c0;
  border-color: #0d47a1;
  color: #e3f2fd;
}
table .media-drk, table.media .drk, .tbl .media-drk, .tbl.media .drk {
  background-color: #bbdefb;
  border-color: #2196f3;
  color: #0d47a1;
}
table .media-lgt, table.media .lgt, .tbl .media-lgt, .tbl.media .lgt {
  background-color: #e3f2fd;
  border-color: #bbdefb;
  color: #1565c0;
}
table.radio, .tbl.radio {
  background-color: transparent;
  border-color: #bfa6d7;
  color: #541d86;
}
table.radio .hovable > tr:hover, table.radio .hovable tbody tr:hover, table.radio.hovable > tr:hover, table.radio.hovable tbody tr:hover, .tbl.radio .hovable > tr:hover, .tbl.radio .hovable tbody tr:hover, .tbl.radio.hovable > tr:hover, .tbl.radio.hovable tbody tr:hover {
  background-color: #bfa6d7;
}
table.radio .striped > tr:nth-child(2n), table.radio .striped tbody tr:nth-child(2n), table.radio.striped > tr:nth-child(2n), table.radio.striped tbody tr:nth-child(2n), .tbl.radio .striped > tr:nth-child(2n), .tbl.radio .striped tbody tr:nth-child(2n), .tbl.radio.striped > tr:nth-child(2n), .tbl.radio.striped tbody tr:nth-child(2n) {
  background-color: #bfa6d7;
}
table .radio-blk, table.radio .blk, .tbl .radio-blk, .tbl.radio .blk {
  background-color: #541d86;
  border-color: #3a145c;
  color: #efe8f5;
}
table .radio-drk, table.radio .drk, .tbl .radio-drk, .tbl.radio .drk {
  background-color: #bfa6d7;
  border-color: #6e25b0;
  color: #3a145c;
}
table .radio-lgt, table.radio .lgt, .tbl .radio-lgt, .tbl.radio .lgt {
  background-color: #efe8f5;
  border-color: #bfa6d7;
  color: #541d86;
}
table.score, .tbl.score {
  background-color: transparent;
  border-color: #c8e6c9;
  color: #2e7d32;
}
table.score .hovable > tr:hover, table.score .hovable tbody tr:hover, table.score.hovable > tr:hover, table.score.hovable tbody tr:hover, .tbl.score .hovable > tr:hover, .tbl.score .hovable tbody tr:hover, .tbl.score.hovable > tr:hover, .tbl.score.hovable tbody tr:hover {
  background-color: #c8e6c9;
}
table.score .striped > tr:nth-child(2n), table.score .striped tbody tr:nth-child(2n), table.score.striped > tr:nth-child(2n), table.score.striped tbody tr:nth-child(2n), .tbl.score .striped > tr:nth-child(2n), .tbl.score .striped tbody tr:nth-child(2n), .tbl.score.striped > tr:nth-child(2n), .tbl.score.striped tbody tr:nth-child(2n) {
  background-color: #c8e6c9;
}
table .score-blk, table.score .blk, .tbl .score-blk, .tbl.score .blk {
  background-color: #2e7d32;
  border-color: #1b5e20;
  color: #e8f5e9;
}
table .score-drk, table.score .drk, .tbl .score-drk, .tbl.score .drk {
  background-color: #c8e6c9;
  border-color: #4caf50;
  color: #1b5e20;
}
table .score-lgt, table.score .lgt, .tbl .score-lgt, .tbl.score .lgt {
  background-color: #e8f5e9;
  border-color: #c8e6c9;
  color: #2e7d32;
}
table.alert, .tbl.alert {
  background-color: transparent;
  border-color: #fff9c4;
  color: #f9a825;
}
table.alert .hovable > tr:hover, table.alert .hovable tbody tr:hover, table.alert.hovable > tr:hover, table.alert.hovable tbody tr:hover, .tbl.alert .hovable > tr:hover, .tbl.alert .hovable tbody tr:hover, .tbl.alert.hovable > tr:hover, .tbl.alert.hovable tbody tr:hover {
  background-color: #fff9c4;
}
table.alert .striped > tr:nth-child(2n), table.alert .striped tbody tr:nth-child(2n), table.alert.striped > tr:nth-child(2n), table.alert.striped tbody tr:nth-child(2n), .tbl.alert .striped > tr:nth-child(2n), .tbl.alert .striped tbody tr:nth-child(2n), .tbl.alert.striped > tr:nth-child(2n), .tbl.alert.striped tbody tr:nth-child(2n) {
  background-color: #fff9c4;
}
table .alert-blk, table.alert .blk, .tbl .alert-blk, .tbl.alert .blk {
  background-color: #f9a825;
  border-color: #7a3f0b;
  color: #fffde7;
}
table .alert-drk, table.alert .drk, .tbl .alert-drk, .tbl.alert .drk {
  background-color: #fff9c4;
  border-color: #fdd835;
  color: #7a3f0b;
}
table .alert-lgt, table.alert .lgt, .tbl .alert-lgt, .tbl.alert .lgt {
  background-color: #fffde7;
  border-color: #fff9c4;
  color: #f9a825;
}

.tbl-strip th, .tbl-strip td {
  border-top: none;
  border-left: none;
  border-right: none;
}

.tbl-extra th, .tbl-extra td {
  border: none;
  padding: 5px 3px 10px;
}
.tbl-extra th {
  color: rgba(0, 0, 0, 0.5);
  padding-right: 17px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.cellfocus td:active, table.cellfocus td:focus, table.cellfocus td:hover, .tbl.cellfocus td:active, .tbl.cellfocus td:focus, .tbl.cellfocus td:hover {
  border: solid 1px #ed1c24;
  display: block;
}
table .hovable > tr:active, table .hovable > tr:focus, table .hovable > tr:hover, table .hovable tbody tr:active, table .hovable tbody tr:focus, table .hovable tbody tr:hover, table.hovable > tr:active, table.hovable > tr:focus, table.hovable > tr:hover, table.hovable tbody tr:active, table.hovable tbody tr:focus, table.hovable tbody tr:hover, .tbl .hovable > tr:active, .tbl .hovable > tr:focus, .tbl .hovable > tr:hover, .tbl .hovable tbody tr:active, .tbl .hovable tbody tr:focus, .tbl .hovable tbody tr:hover, .tbl.hovable > tr:active, .tbl.hovable > tr:focus, .tbl.hovable > tr:hover, .tbl.hovable tbody tr:active, .tbl.hovable tbody tr:focus, .tbl.hovable tbody tr:hover {
  background-color: #f5f5f5;
}
table .hovable > tr:active .lgt, table .hovable > tr:focus .lgt, table .hovable > tr:hover .lgt, table .hovable tbody tr:active .lgt, table .hovable tbody tr:focus .lgt, table .hovable tbody tr:hover .lgt, table.hovable > tr:active .lgt, table.hovable > tr:focus .lgt, table.hovable > tr:hover .lgt, table.hovable tbody tr:active .lgt, table.hovable tbody tr:focus .lgt, table.hovable tbody tr:hover .lgt, .tbl .hovable > tr:active .lgt, .tbl .hovable > tr:focus .lgt, .tbl .hovable > tr:hover .lgt, .tbl .hovable tbody tr:active .lgt, .tbl .hovable tbody tr:focus .lgt, .tbl .hovable tbody tr:hover .lgt, .tbl.hovable > tr:active .lgt, .tbl.hovable > tr:focus .lgt, .tbl.hovable > tr:hover .lgt, .tbl.hovable tbody tr:active .lgt, .tbl.hovable tbody tr:focus .lgt, .tbl.hovable tbody tr:hover .lgt {
  background-color: #eaeaea;
}
table .hovable > tr:active .drk, table .hovable > tr:focus .drk, table .hovable > tr:hover .drk, table .hovable tbody tr:active .drk, table .hovable tbody tr:focus .drk, table .hovable tbody tr:hover .drk, table.hovable > tr:active .drk, table.hovable > tr:focus .drk, table.hovable > tr:hover .drk, table.hovable tbody tr:active .drk, table.hovable tbody tr:focus .drk, table.hovable tbody tr:hover .drk, .tbl .hovable > tr:active .drk, .tbl .hovable > tr:focus .drk, .tbl .hovable > tr:hover .drk, .tbl .hovable tbody tr:active .drk, .tbl .hovable tbody tr:focus .drk, .tbl .hovable tbody tr:hover .drk, .tbl.hovable > tr:active .drk, .tbl.hovable > tr:focus .drk, .tbl.hovable > tr:hover .drk, .tbl.hovable tbody tr:active .drk, .tbl.hovable tbody tr:focus .drk, .tbl.hovable tbody tr:hover .drk {
  background-color: #7a7a7a;
}
table .hovable > tr:active .blk, table .hovable > tr:focus .blk, table .hovable > tr:hover .blk, table .hovable tbody tr:active .blk, table .hovable tbody tr:focus .blk, table .hovable tbody tr:hover .blk, table.hovable > tr:active .blk, table.hovable > tr:focus .blk, table.hovable > tr:hover .blk, table.hovable tbody tr:active .blk, table.hovable tbody tr:focus .blk, table.hovable tbody tr:hover .blk, .tbl .hovable > tr:active .blk, .tbl .hovable > tr:focus .blk, .tbl .hovable > tr:hover .blk, .tbl .hovable tbody tr:active .blk, .tbl .hovable tbody tr:focus .blk, .tbl .hovable tbody tr:hover .blk, .tbl.hovable > tr:active .blk, .tbl.hovable > tr:focus .blk, .tbl.hovable > tr:hover .blk, .tbl.hovable tbody tr:active .blk, .tbl.hovable tbody tr:focus .blk, .tbl.hovable tbody tr:hover .blk {
  background-color: #28262c;
}

@keyframes live-wave {
  0%, 60% {
    transform: scale(100%);
  }
  35% {
    transform: scale(125%);
  }
}
.play-ico {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyNSAzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy45NTk2MSAzMy4zNzk4TDIzLjU3MzYgMTguNjc5OEMyNC43MDc2IDE3LjgzOTggMjQuNzA3NiAxNi4xNTk4IDIzLjU3MzYgMTUuMzE5OEwzLjk1OTYxIDAuNjE5ODQ4QzIuNTczNjEgLTAuNDMwMTUyIDAuNTk5NjA5IDAuNTc3ODQ4IDAuNTk5NjA5IDIuMjk5ODVWMzEuNjk5OEMwLjU5OTYwOSAzMy40MjE4IDIuNTczNjEgMzQuNDI5OCAzLjk1OTYxIDMzLjM3OThaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==) left 55% top 50% no-repeat;
}

.comm-ico, .news .comm-cnt, .media .comm-cnt, .show .comm-cnt, .comment .comm-cnt {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0iIzdBN0E3QSI+PHBhdGggZD0iTTcuMyw3LjVINC43QzQuNCw3LjUsNC4yLDcuNyw0LjIsOGMwLDAuMywwLjIsMC41LDAuNSwwLjVoMi43YzAuMywwLDAuNS0wLjIsMC41LTAuNUM3LjgsNy43LDcuNiw3LjUsNy4zLDcuNXoiLz48cGF0aCBkPSJNMTAsNC44SDQuN2MtMC4zLDAtMC41LDAuMi0wLjUsMC41czAuMiwwLjUsMC41LDAuNUgxMGMwLjMsMCwwLjUtMC4yLDAuNS0wLjVTMTAuMyw0LjgsMTAsNC44eiIvPjxwYXRoIGQ9Ik0xNS4xLDUuMWMtMC4xLTAuNy0wLjItMS4zLTAuNC0xLjhjLTAuNC0wLjgtMS4xLTEuNS0yLTJjLTAuNS0wLjMtMS4xLTAuNC0xLjgtMC40Yy0wLjctMC4xLTEuNS0wLjEtMi42LTAuMWgwSDcuM2gwIGMtMC45LDAtMS42LDAtMi4yLDBDNC41LDAuOSw0LDEsMy42LDEuMmMtMS4xLDAuNS0yLDEuMy0yLjQsMi40QzEsNC4xLDAuOSw0LjUsMC45LDUuMWMwLDAuNiwwLDEuMywwLDIuMnYwdjBjMCwwLjksMCwxLjYsMCwyLjIgYzAsMC42LDAuMSwxLjEsMC4zLDEuNWMwLjUsMS4xLDEuMywyLDIuNCwyLjRjMC40LDAuMiwwLjksMC4zLDEuNSwwLjNjMC42LDAsMS4zLDAsMi4yLDBoMEgxMGMwLjgsMCwxLjYsMC4yLDIuMiwwLjYgYzEuMywwLjgsMi45LTAuMiwyLjktMS43di01djBDMTUuMiw2LjYsMTUuMiw1LjgsMTUuMSw1LjF6IE0xNC4yLDEyLjhjMCwwLjctMC44LDEuMi0xLjQsMC44Yy0wLjgtMC41LTEuOC0wLjgtMi43LTAuOEg3LjMgYy0wLjksMC0xLjYsMC0yLjIsMGMtMC41LDAtMC45LTAuMS0xLjItMC4yYy0wLjktMC40LTEuNS0xLTEuOS0xLjlDMiwxMC40LDEuOSwxMCwxLjksOS41YzAtMC41LDAtMS4yLDAtMi4yczAtMS42LDAtMi4yIEMxLjksNC42LDIsNC4zLDIuMSw0YzAuNC0wLjksMS0xLjUsMS45LTEuOUM0LjMsMiw0LjYsMS45LDUuMiwxLjljMC41LDAsMS4yLDAsMi4yLDBoMC45YzEuMSwwLDEuOSwwLDIuNiwwLjEgYzAuNiwwLjEsMS4xLDAuMiwxLjQsMC4zYzAuNywwLjMsMS4yLDAuOSwxLjUsMS41YzAuMiwwLjMsMC4zLDAuOCwwLjMsMS40YzAuMSwwLjYsMC4xLDEuNSwwLjEsMi42VjEyLjh6Ii8+PC9zdmc+) center no-repeat;
}

.like-ico, .comment .actions .like-cnt {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuMzI2MSAxLjAwMDQ4QzExLjIwMjYgMC45ODQyMjUgMTAuMTMzNSAxLjM2ODM0IDkuNDE1OTggMi40NDQ1MUM5LjMyMzI1IDIuNTgzNjEgOS4xNjcxNCAyLjY2NzE1IDguOTk5OTYgMi42NjcxNUM4LjgzMjc5IDIuNjY3MTUgOC42NzY2OCAyLjU4MzYxIDguNTgzOTQgMi40NDQ1MUM3Ljg2OTQ5IDEuMzcyODkgNi43ODEyMyAxLjAwMDUzIDUuNjY2NjMgMS4wMDA1M0MzLjQxNTQ0IDEuMDAwNTMgMS4xNjY2MyAyLjg4NjUgMS4xNjY2MyA1LjUwMDM1QzEuMTY2NjMgOC4yMDI0MSAyLjkxMTQ4IDEwLjU3NjggNC44NTQxOSAxMi4zMTVDNS44MTY1NiAxMy4xNzYgNi44MDQ3OSAxMy44NiA3LjU5OTUyIDE0LjMyNjdDNy45OTcwOSAxNC41NjAyIDguMzQwODcgMTQuNzM2MSA4LjYwMzk5IDE0Ljg1MTlDOC43MzU5NiAxNC45MSA4Ljg0MTc5IDE0Ljk1MDMgOC45MjAyMSAxNC45NzUyQzguOTYwMzQgMTQuOTg3OSA4Ljk4NjEyIDE0Ljk5NDIgOC45OTk5NiAxNC45OTczQzkuMDEzOCAxNC45OTQyIDkuMDM5NTkgMTQuOTg3OSA5LjA3OTcyIDE0Ljk3NTJDOS4xNTgxNCAxNC45NTAzIDkuMjYzOTYgMTQuOTEgOS4zOTU5MyAxNC44NTE5QzkuNjU5MDUgMTQuNzM2MSAxMC4wMDI4IDE0LjU2MDIgMTAuNDAwNCAxNC4zMjY3QzExLjE5NTEgMTMuODYgMTIuMTgzNCAxMy4xNzYgMTMuMTQ1NyAxMi4zMTVDMTUuMDg4NCAxMC41NzY4IDE2LjgzMzMgOC4yMDI0MSAxNi44MzMzIDUuNTAwMzVDMTYuODMzMyAyLjg5MjMzIDE0LjU4OTQgMS4wMzMyMyAxMi4zMjYxIDEuMDAwNDhaTTguOTk5MDUgMS4zNTcyQzkuOTIzNTEgMC4zNDI3NDkgMTEuMTUyMyAtMC4wMTY2MDc0IDEyLjM0MDUgMC4wMDA1ODU0ODRDMTUuMDc3MiAwLjA0MDE4MyAxNy44MzMzIDIuMjc1MjcgMTcuODMzMyA1LjUwMDM1QzE3LjgzMzMgOC42MzE0NiAxNS44MjgxIDExLjI1NjkgMTMuODEyNSAxMy4wNjAyQzEyLjc5NTcgMTMuOTcgMTEuNzUyNyAxNC42OTIyIDEwLjkwNjggMTUuMTg5QzEwLjQ4NDEgMTUuNDM3MyAxMC4xMDUyIDE1LjYzMjQgOS43OTg2NiAxNS43NjcyQzkuNjQ1NzkgMTUuODM0NSA5LjUwNTA0IDE1Ljg4OTQgOS4zODIwNCAxNS45Mjg0QzkuMjcxNjIgMTUuOTYzNCA5LjEzMjU4IDE2IDguOTk5OTYgMTZDOC44NjczNCAxNiA4LjcyODMgMTUuOTYzNCA4LjYxNzg5IDE1LjkyODRDOC40OTQ4OSAxNS44ODk0IDguMzU0MTMgMTUuODM0NSA4LjIwMTI3IDE1Ljc2NzJDNy44OTQ3MyAxNS42MzI0IDcuNTE1ODYgMTUuNDM3MyA3LjA5MzExIDE1LjE4OUM2LjI0NzIyIDE0LjY5MjIgNS4yMDQxOSAxMy45NyA0LjE4NzQxIDEzLjA2MDJDMi4xNzE3OCAxMS4yNTY5IDAuMTY2NjI2IDguNjMxNDYgMC4xNjY2MjYgNS41MDAzNUMwLjE2NjYyNiAyLjI4MTEgMi45MTc4MSAwLjAwMDUzNDA0NSA1LjY2NjYzIDAuMDAwNTM0MDQ1QzYuODI1MzggMC4wMDA1MzQwNDUgOC4wNjgyNCAwLjM0NDE1IDguOTk5MDUgMS4zNTcyWiIgZmlsbD0iIzdBN0E3QSIvPjwvc3ZnPg==) center no-repeat;
}

.share-ico, .comment .actions .share-cnt {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTggMTAuNEwxMC41MzMgNFY4LjMwMkM2LjUgOC4zMDIgMiA5Ljg2NyAyIDE2LjhDNC4xIDEzLjQgNy4zMzMgMTIuNTMzIDEwLjUzMyAxMi41MzNWMTYuOEwxOCAxMC40WiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjN0E3QTdBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) center no-repeat;
}

.link-ico, .comment .actions .link-cnt {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zNDc5IDEyLjY1MUwxMi42NTEyIDcuMzQ3NjYiIHN0cm9rZT0iIzdBN0E3QSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTExLjMyNTIgMTMuOTc3NEw5LjExNTUyIDE2LjE4NzFDOC40MTIyNiAxNi44OTAzIDcuNDU4NDMgMTcuMjg1NCA2LjQ2Mzg3IDE3LjI4NTRDNS40NjkzMSAxNy4yODU0IDQuNTE1NDggMTYuODkwMyAzLjgxMjIyIDE2LjE4NzFDMy4xMDg5NiAxNS40ODM4IDIuNzEzODcgMTQuNTMgMi43MTM4NyAxMy41MzU0QzIuNzEzODcgMTIuNTQwOSAzLjEwODk2IDExLjU4NyAzLjgxMjIyIDEwLjg4MzhMNi4wMjE5MiA4LjY3NDA3IiBzdHJva2U9IiM3QTdBN0EiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMy45NzczIDExLjMyNTNMMTYuMTg3IDkuMTE1NTVDMTYuODkgOC40MTIyNSAxNy4yODQ5IDcuNDU4NDkgMTcuMjg0OSA2LjQ2NDAzQzE3LjI4NDggNS40Njk1OCAxNi44ODk3IDQuNTE1ODkgMTYuMTg2NSAzLjgxMjcxQzE1LjQ4MzMgMy4xMDk1MiAxNC41Mjk2IDIuNzE0NDQgMTMuNTM1MiAyLjcxNDM2QzEyLjU0MDcgMi43MTQyNyAxMS41ODcgMy4xMDkxOSAxMC44ODM3IDMuODEyMjVMOC42NzM5NSA2LjAyMTk2IiBzdHJva2U9IiM3QTdBN0EiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) center no-repeat;
}

.notify-ico, .notifier {
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzggMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM3LjQ2NzIgMTUuNDM1NkMzNi4zMjU4IDE1LjgwMTYgMzUuMTA5MSAxNS45OTkyIDMzLjg0NjIgMTUuOTk5MkMyNy4zMDM3IDE1Ljk5OTIgMjIgMTAuNjk1NSAyMiA0LjE1MzA3QzIyIDMuMTQwNTQgMjIuMTI3IDIuMTU3NjcgMjIuMzY2IDEuMjE5NTVDMjEuMjczNSAxLjAyNDI0IDIwLjE0ODcgMC45MjIzMDIgMTkgMC45MjIzMDJDOC41MDY1OSAwLjkyMjMwMiAwIDkuNDI4ODkgMCAxOS45MjIzQzAgMzAuNDE1NyA4LjUwNjU5IDM4LjkyMjMgMTkgMzguOTIyM0MyOS40OTM0IDM4LjkyMjMgMzggMzAuNDE1NyAzOCAxOS45MjIzQzM4IDE4LjM3NjcgMzcuODE1NCAxNi44NzQyIDM3LjQ2NzIgMTUuNDM1NloiIGZpbGw9IiMzQTQzNTciLz48cGF0aCBkPSJNMTIuNjY2MiAyNS41NDYxSDI0LjU1NzhDMjUuMzIzOCAyNS41NDYxIDI1Ljc5MjMgMjUuMTI5NiAyNS43OTIzIDI0LjUwNDlDMjUuNzkyMyAyMy43MTY2IDI1LjA3ODQgMjMuMDM5OSAyNC40MDkgMjIuNDAwM0MyMy44ODEgMjEuODg3MiAyMy43NjIgMjAuODE2MiAyMy42NjUzIDE5LjgyNzFDMjMuNTQ2MyAxNy4xMDUyIDIyLjc1MDYgMTUuMTg2NSAyMC44MjQ0IDE0LjQ5NDlDMjAuNTE5NSAxMy41MTMyIDE5LjcwODkgMTIuNzU0NiAxOC42MDgyIDEyLjc1NDZDMTcuNTE1IDEyLjc1NDYgMTYuNzA0NCAxMy41MTMyIDE2LjM5MjEgMTQuNDk0OUMxNC40NzMzIDE1LjE4NjUgMTMuNjcwMSAxNy4xMDUyIDEzLjU1ODYgMTkuODI3MUMxMy40NjE5IDIwLjgxNjIgMTMuMzM1NSAyMS44ODcyIDEyLjgxNDkgMjIuNDAwM0MxMi4xNDU2IDIzLjAzOTkgMTEuNDMxNiAyMy43MTY2IDExLjQzMTYgMjQuNTA0OUMxMS40MzE2IDI1LjEyOTYgMTEuOTAwMiAyNS41NDYxIDEyLjY2NjIgMjUuNTQ2MVpNMTguNjA4MiAyOC42MTAxQzE5LjkzMiAyOC42MTAxIDIwLjg5MTQgMjcuNjY1NiAyMC45ODgxIDI2LjU4NzNIMTYuMjM1OUMxNi4zMzI2IDI3LjY2NTYgMTcuMjkxOSAyOC42MTAxIDE4LjYwODIgMjguNjEwMVoiIGZpbGw9IndoaXRlIi8+PC9zdmc+) center no-repeat;
}

.avatar {
  display: block;
  height: 40px;
  width: 40px;
}
.avatar img {
  display: block;
  margin: 0;
  padding: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}

.badge {
  background: rgba(237, 28, 36, 0.9);
  border-radius: 3px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 800;
  line-height: 21px;
  height: 21px;
  text-transform: uppercase;
}
.badge.live {
  background: rgba(253, 234, 235, 0.9);
  color: #ed1c24;
  padding-left: 25px;
  position: relative;
}
.badge.live::before, .badge.live::after {
  background-color: #ed1c24;
  height: 9px;
  width: 9px;
  margin: -4.5px;
  position: absolute;
  top: 50%;
  left: 12px;
}
.badge.live::after {
  height: 15px;
  width: 15px;
  margin: -7.5px;
  opacity: 0.25;
  animation: live-wave 1.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s infinite;
}

.capt-cover {
  display: block;
  line-height: 33px;
  height: 33px;
  margin: 20px 0;
  text-transform: uppercase;
}
.capt-cover, .capt-cover .caption {
  position: relative;
}
.capt-cover::before {
  background-color: #7a7a7a;
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  right: 30px;
  height: 1px;
  z-index: 0;
}
.capt-cover.no-more::before {
  right: 0;
}
.capt-cover.ex-nav::before {
  top: 27px;
}
.capt-cover .caption {
  background: #fff;
  display: inline-block;
  font-family: "Stafford", serif;
  font-size: 1.5rem;
  padding: 0 10px;
  z-index: 1;
}
.capt-cover .nav-lnk {
  float: right;
  font-size: 0.875rem;
  font-weight: normal;
  margin-top: 2px;
  margin-right: 36px;
  line-height: 24px;
  height: 24px;
}
.capt-cover .nav-lnk a {
  color: #7a7a7a;
  display: inline-block;
  padding: 0 3px;
}
.capt-cover .more-lnk {
  border: solid 1px #7a7a7a;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.capt-cover .more-lnk:empty::before, .capt-cover .more-lnk:empty::after, .capt-cover .more-lnk.arrow::before, .capt-cover .more-lnk.arrow::after {
  background-color: #ed1c24;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.capt-cover .more-lnk:empty::before {
  height: 12px;
  width: 1px;
}
.capt-cover .more-lnk:empty::after, .capt-cover .more-lnk.arrow::after {
  height: 1px;
  width: 12px;
}
.capt-cover .more-lnk.arrow::before {
  background: none !important;
  margin-top: -3px;
  border-top: solid 1px #ed1c24;
  border-right: solid 1px #ed1c24;
  height: 5px;
  width: 5px;
  transform: rotate(45deg);
}
.capt-cover .more-lnk:active, .capt-cover .more-lnk:focus, .capt-cover .more-lnk:hover {
  background-color: #ed1c24;
  border: solid 1px #ed1c24;
}
.capt-cover .more-lnk:active:empty::before, .capt-cover .more-lnk:active:empty::after, .capt-cover .more-lnk:active.arrow::after, .capt-cover .more-lnk:focus:empty::before, .capt-cover .more-lnk:focus:empty::after, .capt-cover .more-lnk:focus.arrow::after, .capt-cover .more-lnk:hover:empty::before, .capt-cover .more-lnk:hover:empty::after, .capt-cover .more-lnk:hover.arrow::after {
  background-color: #fff;
}
.capt-cover .more-lnk:active.arrow::before, .capt-cover .more-lnk:focus.arrow::before, .capt-cover .more-lnk:hover.arrow::before {
  border-color: #fff;
}
.capt-cover.xfile {
  line-height: 50px;
  height: 50px;
}
.capt-cover.xfile::before {
  top: 25px;
}
.capt-cover.xfile .caption {
  background: #fff url(../img/x-file.png) left center no-repeat;
  height: 50px;
  width: 120px;
}

.play-ico {
  background-size: auto 12px;
  display: block;
  height: 24px;
  width: 24px;
}

.play-btn {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
}

.news .thumb, .news .summ, .news .title, .news .info, .media .thumb, .media .summ, .media .title, .media .info, .show .thumb, .show .summ, .show .title, .show .info, .comment .thumb, .comment .summ, .comment .title, .comment .info {
  display: block;
}
.news .thumb, .media .thumb, .show .thumb, .comment .thumb {
  margin: 0;
  padding: 0;
}
.news .thumb img, .media .thumb img, .show .thumb img, .comment .thumb img {
  display: block;
  margin: 0;
  padding: 0;
  height: auto;
  width: 100%;
}
.news .summ, .media .summ, .show .summ, .comment .summ {
  color: #5f5f5f;
  font-size: 0.875rem;
  line-height: 1.5em;
}
.news .title, .media .title, .show .title, .comment .title {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.35em;
}
.news .info, .media .info, .show .info, .comment .info {
  color: #7a7a7a;
  line-height: 20px;
  font-size: 0.75rem;
  font-weight: normal;
  margin-top: 10px;
}
.news .info a, .media .info a, .show .info a, .comment .info a {
  color: #7a7a7a;
}
.news .comm-cnt, .media .comm-cnt, .show .comm-cnt, .comment .comm-cnt {
  background-position: left center;
  background-size: 16px;
  display: inline-block;
  margin: 0 8px;
  padding-left: 20px;
}
.news .avatar, .media .avatar, .show .avatar, .comment .avatar {
  float: right;
}
.news .author, .media .author, .show .author, .comment .author {
  display: inline-block;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.news .author .avatar, .media .author .avatar, .show .author .avatar, .comment .author .avatar {
  float: left;
  margin-right: 6px;
  height: 20px;
  width: 20px;
}

.media .thumb {
  position: relative;
}
.media .play-btn {
  background-color: #fff;
  color: #ed1c24;
  padding-right: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 24px;
  height: 24px;
}
.media .play-btn .play-ico {
  background-color: #ed1c24;
  float: left;
  margin-right: 8px;
}

.show, .show .thumb, .show .title, .show .info {
  display: block;
}
.show, .show .thumb {
  position: relative;
}
.show .thumb {
  display: block;
}
.show .thumb::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.show .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 0;
  width: 100%;
}
.show .badge, .show .title, .show .info {
  position: absolute;
  z-index: 3;
}
.show .badge {
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
  display: block;
  top: 20px;
  right: 10px;
}
.show .title, .show .info {
  background: transparent;
  left: 0;
  padding: 0 15px;
  width: 100%;
}
.show .title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5em;
  top: 60%;
}
.show .info {
  color: #fff;
  font-size: 0.875rem;
  line-height: 32px;
  height: 32px;
  text-align: right;
  bottom: 30px;
}
.show .info span {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
.show:active .title, .show:focus .title, .show:hover .title {
  color: #fff !important;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
}
.show .author {
  color: #fff;
  display: block;
  padding: 0 5px;
  float: left;
  text-transform: uppercase;
}
.show .avatar {
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
  float: left;
  margin-right: 5px;
  height: 32px;
  width: 32px;
}
.show.coming .thumb img {
  filter: grayscale(100%);
}
.show.coming .avatar {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
.show.coming .avatar + .avatar {
  margin-left: -5px;
  z-index: 1;
}

.comment {
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 10px;
}
.comment .info {
  display: block;
  font-size: 0.875rem;
  line-height: 32px;
  height: 32px;
}
.comment .info .member {
  color: #28262c;
  font-weight: bold;
}
.comment .info span {
  color: #7a7a7a;
  display: inline-block;
  padding-left: 16px;
}
.comment .info span::before {
  background-color: #7a7a7a;
  content: "";
  display: block;
  float: left;
  margin: 15px 6px 0 -10px;
  height: 3px;
  width: 3px;
}
.comment .avatar {
  float: left;
  margin-right: 10px;
  height: 32px;
  width: 32px;
}
.comment .title {
  margin: 10px 0;
}
.comment .actions a, .comment .actions button {
  border: none;
  display: inline-block;
  font-size: 0.75rem;
}
.comment .actions .act-lnk {
  float: left;
  margin-left: -10px;
}
.comment .actions .act-lnk a {
  color: #28262c;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0 10px;
}
.comment .actions .act-cnt {
  float: right;
}
.comment .actions .act-cnt a, .comment .actions .act-cnt button {
  color: #7a7a7a;
  padding: 0 5px 0 20px;
  opacity: 0.8;
}
.comment .actions .like-cnt {
  background-position: left center;
  background-size: auto 16px;
}
.comment .actions .share-cnt {
  background-position: left center;
  background-size: auto 16px;
}
.comment .actions .link-cnt {
  background-position: left center;
  background-size: auto 16px;
}

.view-more {
  display: block;
  text-align: center;
}
.view-more a {
  font-size: 0.875rem;
}
.view-more a, .view-more a::after {
  display: inline-block;
}
.view-more a::after {
  color: #ed1c24;
  content: "+";
  padding: 0 5px;
}

.match .home, .match .away, .match .score, .match .time {
  display: block;
  float: left;
  padding: 0 8px;
}
.match .home, .match .away {
  color: #7a7a7a;
}
.match .home img, .match .away img {
  display: block;
}
.match .score, .match .time {
  color: #28262c;
}
.match .home img {
  float: left;
}
.match .away img {
  float: right;
}

.news-lst .lst {
  margin: -15px 0;
}
.news-lst .lst li {
  padding: 15px 0;
}
.news-lst .title, .news-lst .xcap {
  margin: 10px 0;
}

.fixture .date {
  border-bottom: solid 1px #eaeaea;
  color: #7a7a7a;
  font-size: 0.875rem;
  text-align: center;
}
.fixture .match {
  text-align: center;
}
.fixture .match .home, .fixture .match .away {
  color: #7a7a7a;
  font-size: 0.875rem;
  width: 40%;
}
.fixture .match .home {
  text-align: right;
}
.fixture .match .away {
  text-align: left;
}
.fixture .match .score, .fixture .match .time {
  font-size: 1rem;
  font-weight: bold;
  width: 20%;
}
.fixture .match .score {
  color: #ed1c24;
}
.fixture .match .score span {
  border: solid 1px #fac1c3;
  display: inline-block;
  padding: 0 5px;
}
.fixture .match .time {
  color: #28262c;
}

.percent {
  display: flex;
  font-size: 0.75rem;
  flex-flow: row nowrap;
  line-height: 20px;
}
.percent b, .percent span, .percent .pct-bar, .percent .pct-bar > * {
  display: block;
}
.percent b, .percent span {
  padding: 0 5px;
}
.percent b {
  color: #ed1c24;
  text-transform: uppercase;
}
.percent .pct-bar, .percent .pct-bar > * {
  border-radius: 5px;
}
.percent .pct-bar {
  background-color: #eaeaea;
  margin: 5px 10px;
  height: 10px;
  width: 100%;
}
.percent .pct-bar > * {
  background-color: #ed1c24;
  height: 10px;
}
.percent.win b {
  color: #4caf50;
}
.percent.win .pct-bar > * {
  background-color: #4caf50;
}

.slider {
  position: relative;
}
.slider .sliding {
  display: flex;
  margin: 0;
  padding: 0;
  flex-flow: row nowrap;
  list-style: none !important;
  width: 100%;
}
.slider .sliding .sldit {
  display: block;
  flex: 0 0 auto;
  max-width: 100%;
}
.slider .go-bck, .slider .go-nxt {
  border: solid 1px #7a7a7a;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  height: 32px;
  width: 32px;
  transform: translate(0, -50%);
}
.slider .go-bck::before, .slider .go-bck::after, .slider .go-nxt::before, .slider .go-nxt::after {
  position: absolute;
  top: 50%;
  left: 50%;
}
.slider .go-bck::before, .slider .go-nxt::before {
  border-radius: 1px;
  background-color: #7a7a7a;
  height: 1px;
  width: 12px;
  transform: translate(-50%, -50%);
}
.slider .go-bck::after, .slider .go-nxt::after {
  border-top: solid 1px #7a7a7a;
  border-left: solid 1px #7a7a7a;
  margin-top: -3px;
  height: 5px;
  width: 5px;
}
.slider .go-bck:active, .slider .go-bck:focus, .slider .go-bck:hover, .slider .go-nxt:active, .slider .go-nxt:focus, .slider .go-nxt:hover {
  background-color: #ed1c24;
  border-color: #ed1c24;
}
.slider .go-bck:active::before, .slider .go-bck:focus::before, .slider .go-bck:hover::before, .slider .go-nxt:active::before, .slider .go-nxt:focus::before, .slider .go-nxt:hover::before {
  background-color: #fff;
}
.slider .go-bck:active::after, .slider .go-bck:focus::after, .slider .go-bck:hover::after, .slider .go-nxt:active::after, .slider .go-nxt:focus::after, .slider .go-nxt:hover::after {
  border-color: #fff;
}
.slider .go-bck {
  left: 0;
}
.slider .go-bck::after {
  margin-left: -2px;
  transform: rotate(-45deg) translate(-50%, -50%);
}
.slider .go-nxt {
  right: 0;
}
.slider .go-nxt::after {
  margin-left: -4px;
  transform: rotate(135deg) translate(-50%, -50%);
}
.slider .go-nav .nav {
  justify-content: center;
}
.slider .go-nav li {
  background-color: #7a7a7a;
  border-radius: 4px;
  display: block;
  margin: 6px 3px;
  height: 8px;
  width: 8px;
}
.slider .go-nav li.active {
  background-color: #ed1c24;
}
.slider .go-nav li:active, .slider .go-nav li:focus, .slider .go-nav li:hover {
  background-color: #ed1c24;
}

.scroller {
  overflow-y: auto;
  position: relative;
}
.scroller::before, .scroller::after {
  height: 10%;
  width: 100%;
  position: sticky;
  z-index: 2;
}
.scroller::before {
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  top: 0;
  margin-bottom: -9%;
}
.scroller::after {
  background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  margin-top: -9%;
}
.scroller:not(.scrolling)::before, .scroller.scrollend::after {
  display: none;
}

.floating {
  overflow: visible;
  height: 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.floating .cont-wrap {
  position: relative;
}

.notifier {
  display: block;
  position: absolute;
  top: -60px;
  right: 10px;
  height: 42px;
  width: 42px;
}
.notifier sup {
  border-radius: 1em;
  background-color: #ed1c24;
  color: #fff;
  padding: 0.15em 0.4em;
  font-size: 0.75rem;
  font-weight: 600;
  left: 27px;
  text-align: center;
}

.logo {
  background: url(../img/logo.png) center no-repeat;
  display: block;
  margin: 15px auto;
  width: 325px;
  height: 90px;
}

.nav-menu {
  display: block;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.menu-bar {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  height: 45px;
}
.menu-bar .cont-wrap {
  position: relative;
  padding: 0 40px;
}
.menu-bar a {
  padding: 0 10px;
  text-transform: uppercase;
}
.menu-bar a.active {
  color: #ed1c24;
}
.menu-bar .sepr {
  background-color: #7a7a7a;
  display: block;
  margin: 10px 0;
  padding: 0;
  height: 20px;
  width: 1px;
}
.menu-bar .menu-lnk, .menu-bar .srch-lnk {
  display: block;
  margin: 0;
  padding: 8px;
  position: absolute;
  top: 0;
}
.menu-bar .menu-lnk .lnk-ico, .menu-bar .srch-lnk .lnk-ico {
  display: block;
  margin: 0;
  padding: 0;
  height: 24px;
  width: 24px;
  position: relative;
}
.menu-bar .menu-lnk {
  left: 0;
}
.menu-bar .menu-lnk .lnk-ico {
  display: block;
  margin: 0;
  padding: 0;
  height: 24px;
  width: 24px;
  position: relative;
}
.menu-bar .menu-lnk .lnk-ico > * {
  display: block;
  margin: -1px 2px;
}
.menu-bar .menu-lnk .lnk-ico > *, .menu-bar .menu-lnk .lnk-ico > *::before, .menu-bar .menu-lnk .lnk-ico > *::after {
  background-color: #5f5f5f;
  border-radius: 1px;
  height: 2px;
  width: 12px;
  position: absolute;
  top: 50%;
  left: 0;
}
.menu-bar .menu-lnk .lnk-ico > *::before {
  margin-top: -8px;
  width: 20px;
}
.menu-bar .menu-lnk .lnk-ico > *::after {
  margin-top: 6px;
  width: 16px;
}
.menu-bar .menu-lnk:active .lnk-ico > *, .menu-bar .menu-lnk:active .lnk-ico > *::before, .menu-bar .menu-lnk:active .lnk-ico > *::after, .menu-bar .menu-lnk:focus .lnk-ico > *, .menu-bar .menu-lnk:focus .lnk-ico > *::before, .menu-bar .menu-lnk:focus .lnk-ico > *::after, .menu-bar .menu-lnk:hover .lnk-ico > *, .menu-bar .menu-lnk:hover .lnk-ico > *::before, .menu-bar .menu-lnk:hover .lnk-ico > *::after {
  background-color: #ed1c24;
}
.menu-bar .srch-lnk {
  right: 0;
}
.menu-bar .srch-lnk .lnk-ico::before {
  border: solid 2px #5f5f5f;
  height: 16px;
  width: 16px;
  position: absolute;
}
.menu-bar .srch-lnk .lnk-ico::after {
  background-color: #5f5f5f;
  border-radius: 1px;
  display: block;
  margin: -1px 2px;
  padding: 0;
  height: 2px;
  width: 7px;
  position: absolute;
  bottom: 4px;
  right: -1px;
  transform: rotate(45deg);
}
.menu-bar .srch-lnk:active .lnk-ico::before, .menu-bar .srch-lnk:focus .lnk-ico::before, .menu-bar .srch-lnk:hover .lnk-ico::before {
  border-color: #ed1c24;
}
.menu-bar .srch-lnk:active .lnk-ico::after, .menu-bar .srch-lnk:focus .lnk-ico::after, .menu-bar .srch-lnk:hover .lnk-ico::after {
  background-color: #ed1c24;
}

.fixt-line {
  background-color: #f5f5f5;
  border-top: solid 1px #7a7a7a;
  line-height: 20px;
  height: 45px;
}
.fixt-line ul {
  overflow-x: auto;
  padding-top: 10px;
  height: 45px;
  max-width: 100%;
}
.fixt-line li {
  border-left: solid 1px #7a7a7a;
  height: 20px;
}
.fixt-line li:first-child {
  border-left: none;
}
.fixt-line .match {
  font-size: 0.75rem;
}
.fixt-line .match img {
  height: 20px;
}
.fixt-line .match .home img {
  margin-right: 8px;
}
.fixt-line .match .away img {
  margin-left: 8px;
}

footer .cont-wrap {
  border-top: solid 1px #eaeaea;
  color: #5f5f5f;
  font-size: 0.875rem;
  padding-top: 50px;
}
footer .caption {
  display: block;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
}
footer .social-lnk {
  float: right;
}
footer .social-lnk li {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 28px;
  height: 28px;
  padding: 0 5px;
}
footer .social-lnk svg {
  fill: #7a7a7a;
  display: block;
  height: 28px;
  width: 28px;
}
footer .foot-menu {
  border-top: solid 1px #eaeaea;
  font-size: 0.75rem;
  line-height: 16px;
  margin-top: 20px;
  padding: 16px 0;
}
footer .foot-menu .bar {
  float: left;
}
footer .foot-menu .bar li {
  border-left: solid 1px #eaeaea;
  padding: 0 10px;
}
footer .foot-menu .bar li:first-child {
  border-left: none;
  padding-left: 0;
}
footer .foot-menu .bar a {
  color: #7a7a7a;
  font-weight: bold;
}
footer .foot-menu .copy-rgt {
  float: right;
  opacity: 0.5;
}

.head-scroll .sliding {
  margin: 20px -10px;
}
.head-scroll .sliding .sldit {
  display: flex;
  padding: 0 10px;
  width: 33.33%;
}
.head-scroll .sliding .sldit .news {
  display: block;
  height: 100%;
  width: 50%;
}
.head-scroll .sliding .sldit .news:last-child {
  padding-left: 15px;
}
.head-scroll .sliding .sldit .title {
  margin: 0 0 10px;
}

.home-slide .cap-sld, .home-slide .mda-sld {
  position: relative;
}
.home-slide .cap-sld li, .home-slide .mda-sld li {
  width: 100%;
}
.home-slide .cap-wrap {
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px #28262c;
  margin: -60px 20px 0 20px;
  padding: 20px;
  text-align: center;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.home-slide .news .title {
  font-size: 1.75rem;
  font-weight: 800;
}
.home-slide .xcap {
  color: #28262c;
  font-family: "Rockwell", serif;
  font-size: 0.875rem;
  display: block;
  margin: 30px auto;
  letter-spacing: 3px;
}
.home-slide .xcap::before, .home-slide .xcap::after {
  border-top: solid 1px #28262c;
  display: inline-block;
  margin: 0 10px;
  height: 0.5em;
  width: 11%;
  vertical-align: text-bottom;
}
.home-slide .go-nav li.active {
  width: 48px;
}

.scope-view {
  background-color: #f5f5f5;
  height: 100%;
  position: relative;
}
.scope-view .caption {
  background: url(../img/goc-nhin.png) left 15px top 25px no-repeat;
  display: block;
  height: 60px;
  overflow: hidden;
  text-indent: -1000px;
}
.scope-view .news .title {
  font-size: 1rem;
}
.scope-view .news .summ {
  margin: 10px 0;
}
.scope-view .news .info {
  margin-top: 15px;
}
.scope-view .news .author {
  display: block;
}
.scope-view .news .avatar {
  margin-left: 14px;
  height: 44px;
  width: 44px;
}
.scope-view .lst {
  overflow-y: auto;
  position: absolute;
  top: 65px;
  bottom: 20px;
  left: 0;
  right: 0;
}
.scope-view .lst li {
  border-top: solid 1px #eaeaea;
  padding: 15px;
}
.scope-view .lst li:first-child {
  border-top: none;
}
.scope-view .lst li:first-child .summ {
  margin-right: 90px;
}
.scope-view .lst li:first-child .avatar {
  margin-top: -40px;
  height: 80px;
  width: 80px;
}

.daily-best .bar {
  margin: 0 -15px;
}
.daily-best .bar li {
  padding: 0 15px;
  width: 33.33%;
}
.daily-best .news .info + .info {
  margin-top: 10px;
}

.talk-hot .caption {
  background: url(../img/hot-talk.png) left center no-repeat;
  display: block;
  overflow: hidden;
  height: 48px;
  margin: 12px 0 20px;
  text-indent: -1000px;
}
.talk-hot .show.coming, .talk-hot .show.coming .thumb, .talk-hot .show.coming .thumb img {
  height: 100%;
}
.talk-hot .show.coming .thumb {
  overflow: hidden;
}
.talk-hot .show.coming .thumb img {
  width: auto;
  max-width: auto;
}

.talk-lst .lst {
  margin: -15px 0 0;
}
.talk-lst .lst li {
  border-bottom: solid 1px #eaeaea;
  padding: 15px 0 15px 35px;
  position: relative;
}
.talk-lst .lst .author + .author {
  margin-left: 10px;
}
.talk-lst .lst .ico {
  display: block;
  margin: 0;
  padding: 0;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 20px;
  left: 0;
}
.talk-lst .lst .ico > * {
  display: block;
  margin: -1px 2px;
}
.talk-lst .lst .ico > *, .talk-lst .lst .ico > *::before, .talk-lst .lst .ico > *::after {
  background-color: #5f5f5f;
  border-radius: 1px;
  height: 2px;
  width: 9px;
  position: absolute;
  top: 50%;
  left: 0;
}
.talk-lst .lst .ico > *::before {
  margin-top: -6px;
  width: 15px;
}
.talk-lst .lst .ico > *::after {
  margin-top: 4px;
  width: 12px;
}

.home-story .story-fst .title {
  margin: 20px 0;
  font-size: 2rem;
  font-weight: 800;
}
.home-story .story-fst .summ {
  margin: 15px 0;
  color: #28262c;
  font-size: 1rem;
  font-weight: 400;
}
.home-story .story-more ul {
  margin: -20px 0;
}
.home-story .story-more ul li {
  border-top: solid 1px #eaeaea;
  margin-left: 10px;
  padding: 20px 0;
}
.home-story .story-more ul li:first-child {
  border-top: none;
}
.home-story .story-more .thumb {
  float: right;
  margin-left: 10px;
  padding-left: 10px;
  width: 60%;
}

.tip-hot {
  background: url(../img/tip-bg.png) center;
}

.tip-lst .caption {
  background: url(../img/tip-bg.png) center;
  color: #ed1c24;
  padding-left: 0;
}
.tip-lst .more-lnk {
  fill: #ed1c24;
  padding: 3px;
}
.tip-lst .more-lnk:active, .tip-lst .more-lnk:focus, .tip-lst .more-lnk:hover {
  fill: #fff;
}
.tip-lst .badge {
  margin-left: 10px;
}
.tip-lst .bar {
  margin: 0 -20px;
}
.tip-lst .bar li {
  padding: 0 25px;
  width: 50%;
}
.tip-lst .bar .news {
  border-top: solid 1px rgba(0, 0, 0, 0.15);
  padding: 15px 0;
}
.tip-lst .bar li:nth-child(1) .news, .tip-lst .bar li:nth-child(2) .news {
  border-top: none;
}

.tip-top .lst li {
  padding: 20px 0;
}
.tip-top .tipster .avatar {
  float: left;
  margin-right: 10px;
  height: 68px;
  width: 68px;
}
.tip-top .tipster .author {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 30px;
}

.multi-media .mda-wrap {
  background-color: #101F2A;
}
.multi-media .show .play-btn {
  color: #fff;
  font-family: "Rockwell", serif;
  font-size: 0.875rem;
  float: left;
  margin: 20px 20px 0 0;
}
.multi-media .show .play-btn, .multi-media .show .play-btn .play-ico {
  background-color: transparent;
}
.multi-media .show .play-btn .play-ico {
  background-size: auto 34px;
  border: solid 2px #fff;
  height: 84px;
  width: 84px;
}
.multi-media .show .title {
  font-size: 2.2125rem;
  font-weight: 800;
  padding: 0 30px;
  top: unset;
  bottom: 60px;
}
.multi-media .lst {
  margin: 10px 20px 10px 10px;
}
.multi-media .lst li {
  padding: 10px 0;
}
.multi-media .lst .media .thumb {
  float: left;
  margin-right: 20px;
  width: 45%;
}
.multi-media .lst .media .title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
}

.home-comments {
  height: 100%;
  position: relative;
}
.home-comments .view-more {
  margin-top: 30px;
}
.home-comments .lst li {
  margin: 10px 0;
  padding: 15px 20px;
}
.home-comments .lst li .info {
  margin-top: 0;
}
.home-comments .lst li .actions {
  margin-top: 10px;
}
.home-comments .comm-lst {
  position: absolute;
  top: 72px;
  bottom: 0;
  left: 0;
  right: 0;
}

.home-fixture .xcap {
  margin-bottom: 10px;
}
.home-fixture .xcap b {
  color: #ed1c24;
}
.home-fixture .match-lst {
  border: solid 1px #eaeaea;
  padding: 15px;
}
.home-fixture .cup-lst {
  border-bottom: solid 1px #28262c;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 30px;
  height: 40px;
  text-transform: uppercase;
}
.home-fixture .cup-lst .lst {
  height: 30px;
}
.home-fixture .cup-lst .more-lnk {
  border: none;
  background: none;
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  height: 32px;
  width: 32px;
  position: relative;
}
.home-fixture .cup-lst .more-lnk::before, .home-fixture .cup-lst .more-lnk::after {
  background-color: #ed1c24;
  height: 1px;
  width: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.home-fixture .cup-lst .more-lnk::before {
  margin-left: -7px;
  transform: rotate(45deg);
}
.home-fixture .cup-lst .more-lnk::after {
  margin-left: -1px;
  transform: rotate(-45deg);
}
.home-fixture .tab-lst {
  border-bottom: solid 1px #eaeaea;
  margin: 20px 0;
  height: 32px;
}
.home-fixture .tab-lst li {
  line-height: 30px;
  height: 31px;
  width: 50%;
  text-align: center;
}
.home-fixture .tab-lst li.active {
  border-bottom: solid 2px #28262c;
  margin-bottom: -2px;
  height: 32px;
}
.home-fixture .fixture .lst li {
  padding: 10px 0;
}
.home-fixture .view-more {
  border-top: solid 1px #eaeaea;
  padding: 10px 0;
}
.home-fixture .view-more a {
  color: #ed1c24;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.home-cats .news .title {
  font-size: 1rem;
}
.home-cats .news .thumb + .title {
  font-size: 1.125rem;
}
.home-cats .lst {
  margin: 0;
}
.home-cats .lst li {
  border-bottom: solid 1px #eaeaea;
  padding: 5px;
}

.must-reads .news {
  padding: 20px 5px;
}
.must-reads .news .xcap {
  margin: 10px 0;
}
.must-reads .view-more a {
  border: solid 1px #7a7a7a;
  color: #7a7a7a;
  line-height: 36px;
  height: 36px;
  padding: 0 20px;
  text-transform: uppercase;
}
.must-reads .view-more a::after {
  display: none;
}
.must-reads .view-more a:active, .must-reads .view-more a:focus, .must-reads .view-more a:hover {
  background-color: #ed1c24;
  border-color: #ed1c24;
  color: #fff !important;
}/*# sourceMappingURL=style.css.map */