@charset "UTF-8";
/*
Theme Name: Khô mực TV
Author: Jackson Chaw
Version: 1.0
Text Domain: khomuctv
*/
@font-face {
  font-family: 'SVN-Outer Sans';
  src: url("/wp-content/themes/livestream/assets/fonts/SVN-OuterSans-Bold.ttf");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: 'SVN-Outer Sans';
  src: url("/wp-content/themes/livestream/assets/fonts/SVN-OuterSans-Regular.ttf");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'SVN-Outer Sans';
  src: url("/wp-content/themes/livestream/assets/fonts/SVN-OuterSans-Light.ttf");
  font-style: normal;
  font-weight: 300;
}

body {
  font-family: 'Roboto', sans-serif;
  background: #0C0D1A;
  margin: 0;
  font-size: 0.875rem;
  color: #FFF;
}

body.page-template-worldcup {
  background: #63112A url("/wp-content/themes/livestream/assets/images/bg-body-wc.png") no-repeat center 0;
  background-size: 100% auto;
  background-attachment: fixed;
}

iframe {
  display: block;
  margin: 0 auto;
  border-width: 0 !important;
}

h1,
.h1 {
  font-size: 1.5rem !important;
}

h2,
.h2 {
  font-size: 1.375rem !important;
}

h3,
.h3 {
  font-size: 1.25rem !important;
}

h4,
.h4 {
  font-size: 1.125rem !important;
}

h5,
.h5 {
  font-size: 1rem !important;
}

h6,
.h6 {
  font-size: 0.875rem !important;
}

a {
  color: #FC3635;
}

a:hover {
  color: #b72427;
}

.right-0 {
  right: 0 !important;
}

a:hover, button:hover {
  transition: all .3s ease;
}

p {
  margin-bottom: 0.8rem;
}

.text-accent {
  color: #FC3635;
}

.page-template-worldcup .text-accent {
  color: #E32052;
}

.flex-2 {
  flex: 2;
}

.text-black {
  color: #000;
}

.text-light-1 {
  color: #4C586F !important;
}

.bg-accent {
  background-color: #E72F33;
}

button.bg-accent:hover,
a.bg-accent:hover {
  background-color: #b72427;
}

.page-template-worldcup .bg-accent {
  background-color: #E32052 !important;
}

.page-template-worldcup a.bg-accent:focus, .page-template-worldcup a.bg-accent:hover {
  background-color: #c91846 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.bg-white {
  background: #FFF;
}

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

.bg-blue-1 {
  background: #1976D2;
}

.bg-blue-2 {
  background: #1849CA;
}

.fs-55 {
  font-size: 3.438rem;
}

.fs-40 {
  font-size: 2.5rem;
}

.fs-35 {
  font-size: 2.188rem;
}

.fs-30 {
  font-size: 1.875rem;
}

.fs-28 {
  font-size: 1.75rem;
}

.fs-27 {
  font-size: 1.688rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-15 {
  font-size: .9375rem;
}

.fs-14 {
  font-size: .875rem;
}

.fs-13 {
  font-size: .8125rem;
}

.fs-12 {
  font-size: 12px;
}

.fs-11 {
  font-size: 0.688rem;
}

.fs-10 {
  font-size: .625rem;
}

.fs-5px {
  font-size: .3125rem;
}

.w-16 {
  width: 16%;
}

.w-20 {
  width: 20%;
}

.w-42 {
  width: 42%;
}

@media (max-width: 767px) {
  .fs-sm-12 {
    font-size: 12px;
  }
  .fs-sm-14 {
    font-size: .875rem;
  }
  .fs-sm-16 {
    font-size: 1rem;
  }
  .fs-sm-24 {
    font-size: 1.5rem;
  }
}

.rounded-1 {
  border-radius: .25rem;
}

.rouned-2 {
  border-radius: .5rem;
}

.flex-1 {
  flex: 1;
}

.flex-1-5 {
  flex: 1.5;
}

.ms-6 {
  margin-left: 4rem;
}

.font-svn-outer {
  font-family: 'SVN-Outer Sans';
}

/** ===== header ===== */
.app-navigation {
  background: #191B34;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  border-bottom: solid 3px #FC3635;
  top: 0px;
  z-index: 1000;
  position: sticky;
}

header .logo {
  height: 40px;
  object-fit: contain;
}

.menu-wrapper {
  margin-left: .125rem;
  margin-right: .125rem;
}

#header-menu > .menu-item-has-children > a span {
  display: flex;
  align-items: center;
}

#header-menu > .menu-item-has-children > a span::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  margin-left: .25rem;
}

#header-menu .menu-item a {
  display: block;
  font-size: 1rem;
  color: #F0F0F0;
  text-decoration: none;
  white-space: nowrap;
  padding: .73rem 1rem;
  margin-top: 8px;
}

#header-menu .menu-item a:hover {
  color: #fc3635;
}

#header-menu .menu-item.menu-item-has-children {
  position: relative;
}

.personal-menu {
  position: absolute;
  right: 0;
  top: 40px;
  background: #FC3635;
  width: 200px !important;
}

.personal-menu a:hover, button:hover {
  opacity: .7;
}

#authenticated:hover .personal-menu {
  display: flex !important;
}
#logout {
  outline: none !important;
  text-align: left;
}

#header-menu .menu-item.menu-item-has-children:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 25px;
  right: calc(50% - 90px);
  background-image: url("data:image/svg+xml,%3Csvg fill='red' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

#header-menu > .current-menu-item > a:hover {
  color: #fff !important;
}

#header-menu > .current-menu-parent {
  color: white !important;
}

#header-menu > .current-menu-parent:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 4px;
  background-color: #FF0000;
  top: 39px;
  left: 0;
  right: 0;
}

#header-menu > .menu-item:hover .sub-menu {
  display: block;
}

#header-menu .sub-menu {
  flex-direction: column;
  padding: 0;
}

#header-menu .sub-menu .menu-item a {
  color: rgba(255, 255, 255, 0.5);
  font-size: .75rem;
}

header .search-box {
  position: relative;
  border-radius: 1.25rem;
  background: #6e839836;
  padding: 0 .75rem;
  cursor: pointer;
}

@media(min-width: 1400px){
  .menu-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media(min-width: 1600px){
  .menu-wrapper {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media(max-width: 1023px){
  #userAuth{
    margin-right: 1rem;
  }
}

@media(max-width: 768px){
  #userAuth{
    margin-right: .5rem;
  }
}

@media(max-width: 1568px) {
  .btn-register {
    display: none !important;
  }
}

@media(max-width: 1524px){
  .btn-login {
    margin: 0 !important;
  }
}

@media(max-width: 1400px){
  #header-menu .menu-item a {
    padding: .73rem .5rem;
  }
}

@media(max-width: 1275px){
  #header-menu .menu-item a {
    font-size: .8125rem !important;
  }
}

.page-template-worldcup header .search-box {
  background: rgba(246, 220, 227, 0.21);
}

header .search-box .input {
  font-family: 'Roboto', sans-serif;
  background-color: transparent;
  outline: none;
  color: #fff;
}

header .search-box .input::-webkit-input-placeholder {
  color: #ffffff4d;
}

header .search-box .input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff4d;
}

header .search-box .input::placeholder {
  color: #ffffff4d;
}

header .search-box .search-icon {
  color: #ffffff4d;
}

.page-template-worldcup header .search-box .input::-webkit-input-placeholder {
  color: #63112A;
}

.page-template-worldcup header .search-box .input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #63112A;
}

.page-template-worldcup header .search-box .input::placeholder {
  color: #63112A;
}

@media screen and (min-width: 992px) {
  .fs-lg-20 {
    font-size: 1.25rem !important;
  }
  .fs-lg-30 {
    font-size: 1.875rem !important;
  }
  #header-menu .sub-menu {
    display: none;
    position: absolute;
    background: #FC3635;
    left: 0;
    right: 0;
    list-style-type: none;
  }
  #header-menu > .current-menu-item:not(.menu-item-5705) a {
    background: #FC3635;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }
  .page-template-worldcup #header-menu .sub-menu {
    background: #E32052;
  }
  #header-menu .sub-menu a {
    color: #fff !important;
    text-align: center;
  }
  #header-menu .menu-item.menu-item-has-children:after {
    display: none;
  }
  .countdown-wrapper .countdown .num:after {
    height: 2px !important;
  }
  .page-template-worldcup footer:before {
    content: '';
    background-image: url("/wp-content/themes/livestream/assets/images/bg-footer-wc-1.png");
    position: absolute;
    top: 0;
    left: 0;
    width: 524px;
    height: 344px;
    pointer-events: none;
  }
  .menu-item-5705 {
    overflow: hidden;
    text-indent: -200px;
    width: 132px;
    margin: 0 .5rem;
    background: url("/wp-content/themes/livestream/assets/images/ic-ttwc.svg?ver=1") no-repeat center !important;
    background-size: 132px auto !important;
  }
  .category-page .hot-news-item:nth-child(2) {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  .list-hot-news .hot-news-item:nth-child(2) {
    padding-top: 0;
    border-top: none;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #header-menu .menu-item a {
    padding: 0.5rem 0.7rem;
  }
  .player-wrapper__tabs-wrapper__tabs .ui-tabs-anchor {
    font-size: 12px !important;
  }
  .player-wrapper__tabs-wrapper {
    width: 387px !important;
  }
}

@media screen and (min-width: 1200px) {
  .list-hot-news .hot-news-item:nth-child(3) {
    padding-top: 0;
    border-top: 0;
  }
}

@media screen and (min-width: 1400px) {
  .countdown-wrapper .countdown .num {
    font-size: 60px !important;
    width: 135px !important;
    height: 85px !important;
    line-height: 1.4 !important;
  }
  .countdown-wrapper .countdown .word {
    font-size: 18px !important;
    width: 135px !important;
    height: 47px !important;
  }
}

@media screen and (max-width: 991px) {
  header .search-box {
    flex: 1;
    margin: 0 .5em;
  }
  #header-menu {
    display: none !important;
    flex-direction: column !important;
    position: absolute;
    top: 3.625rem;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100vh - 40px);
    margin: 0 !important;
    flex: unset !important;
    width: 100%;
    padding: 0;
    z-index: 5;
    background: #191B34 !important;
    overflow-y: auto;
  }
  #header-menu.open {
    display: flex !important;
  }
  #header-menu .menu-item a {
    text-align: center;
    font-size: 1rem;
    padding: 1rem;
  }
  #header-menu .current-menu-item:after {
    display: none;
  }
  #header-menu > .current-menu-item {
    background: transparent !important;
  }
  #header-menu > .current-menu-item > a {
    color: #FC3635 !important;
  }
  .close-ad-btn {
    width: 18px !important;
    height: 18px !important;
    font-size: 10px;
  }
  .search-box {
    display: none !important;
  }
}

.toggle-menu-button {
  display: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.toggle-menu-button .icon {
  position: relative;
  width: 40px;
  height: 21px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.toggle-menu-button .icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 30px;
  background: #FC3635;
  opacity: 1;
  left: 3px;
  border-radius: .25rem;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.toggle-menu-button .icon span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.toggle-menu-button .icon span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.toggle-menu-button .icon span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.toggle-menu-button .icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 2px;
}

.toggle-menu-button .icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.toggle-menu-button .icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 2px;
}

@media (max-width: 991px) {
  .app-navigation .toggle-menu-button {
    display: flex !important;
  }
}

/** Footer */
footer {
  background: #0C0D1A;
  border-top: solid 3px #FC3635;
}

.page-template-worldcup footer {
  position: relative;
  background: transparent linear-gradient(270deg, #A20E36 0%, #3B0113 100%) 0 0 no-repeat padding-box;
  border-top-color: #E32052;
}

.page-template-worldcup footer:after {
  content: '';
  background-image: url("/wp-content/themes/livestream/assets/images/bg-footer-wc-2.png");
  position: absolute;
  top: 0;
  right: 0;
  width: 544px;
  height: 318px;
  pointer-events: none;
}

footer .logo-wrapper {
  border-bottom: solid 1px #FC3635;
}

.page-template-worldcup footer .logo-wrapper {
  border-bottom-color: #E32052;
}

.footer__logo {
  height: 60px;
  width: auto;
  object-fit: contain;
}

.footer__contact-link {
  color: #fff;
}

.footer__contact-link:hover {
  color: #c5c5c5;
}

.footer__social-link,
.footer__social-link:hover {
  color: #FC3635;
}

.page-template-worldcup .footer__social-link,
.page-template-worldcup .footer__social-link:hover {
  color: #E32052;
}

.footer__license {
  color: #ffffff80;
}

/** ===== Player ===== */
.Player {
  flex: 2.5;
  display: flex;
  flex-direction: column;
}

.LiveVideo {
  z-index: 100;
}

.Player .player_16_9 {
  width: 100% !important;
  position: relative !important;
  padding-bottom: 56.25% !important;
}

.SkipAdsButton {
  position: absolute !important;
  right: 0 !important;
  bottom: 40px;
  background: rgba(0, 0, 0, 0.5) !important;
  border: solid 1px rgba(255, 255, 255, 0.5);
  font-size: 0.875rem !important;
  color: rgba(255, 255, 255, 0.5) !important;
  z-index: 300;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-right: 0 !important;
}

.PlayerSettingIcon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
}
.PlayerSettingIcon i{
  font-size: 1.125rem;
  transition: 0.5s;
}
.PlayerSettingIcon .current {
  font-size: 8px;
  font-weight: bold;
  padding: 1px 2px;
}
.PlayerSettingIcon .resolutions {
  width: 90px;
}

.PlayerSettingIcon .resolutions span {
  background: rgba(0, 0, 0, 0.5);
  padding: .25rem 0rem;
  font-size: 1rem;
}

.vjs-error .vjs-control-bar {
  display: flex !important;
}

.PlayerSettingIcon:hover i {
  transform: rotate(-40deg);
}
.PlayerSettingIcon:hover .resolutions{
  display: flex !important;
  bottom: 30px;
}
.PlayerSettingIcon .resolutions span:hover {
  background-color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
}

.vjs-subs-caps-button {
  display: none !important;
}

@media (max-width: 767px) {
  .SkipAdsButton {
    bottom: 30px;
  }
}

.SkipAdsButton:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.9) !important;
  border: solid 1px white;
  color: #FFF !important;
}

#liveVideoPlayer {
  z-index: 100;
}

.Ancho {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.Ancho1 {
  padding-top: calc(100vw * 9 / 16);
}

.vjs-control-bar {
  z-index: 1999;
}

.vjs-texttrack-settings {
  display: none;
}

/** ===== Load More Button ===== */
.btn-load-more {
  font-size: 16px;
}

.btn-load-more:hover,
.btn-load-more:focus {
  background-color: #b72427;
}

.btn-load-more:hover .btn-load-more__icon,
.btn-load-more:focus .btn-load-more__icon,
.btn-load-more:active .btn-load-more__icon {
  -webkit-animation-name: hvr-move-down;
  animation-name: hvr-move-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.btn-load-more__icon {
  height: 1rem;
  width: auto;
}

/** ======================================= Home Page ======================================= */
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.slick-arrow img {
  height: 40px;
  width: auto;
}

.slick-arrow.previous {
  left: -30px;
}

.slick-arrow.next {
  right: -30px;
}

.main-carousel-wrapper .slick-dots {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.main-carousel-wrapper .slick-dots li {
  position: relative;
  display: inline-block;
}

.main-carousel-wrapper .slick-dots li.slick-active button {
  background-color: #FC3635;
}

.main-carousel-wrapper .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 5px;
  cursor: pointer;
  outline: none;
  border: solid 1px #FC3635;
  border-radius: 50%;
  margin: 0 .4rem;
  background-color: transparent;
}

@media (max-width: 767px) {
  .owl-carousel .owl-prev {
    left: 0;
    height: 30px;
    top: calc(50% - 15px);
  }
  .owl-carousel .owl-next {
    right: 0;
    height: 30px;
    top: calc(50% - 15px);
  }
  .owl-carousel .owl-dot {
    width: .75rem !important;
    height: .75rem !important;
  }
}

@media (max-width: 320px) {
  .app-navigation .search-box {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .app-navigation .search-box .input {
    max-width: 70px !important;
  }
}

.button-more-scroll-left {
  z-index: 2;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent;
}

.button-more-scroll-left img {
  width: auto;
  height: 30px;
}

.button-more-scroll-right {
  z-index: 2;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent;
  margin-left: .5rem !important;
}

.button-more-scroll-right img {
  width: auto;
  height: 30px;
}

/** Home Scheduled Match */
.item-live-now-match {
  width: 220px !important;
}

.item-live-now-match__excerpt {
  height: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  box-sizing: border-box;
}

.item-live-now-match__header {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
  background-size: cover;
  height: 130px;
  box-sizing: border-box;
}

.item-live-now-match__header__avatar {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  object-fit: contain;
}

.item-live-now-match__footer {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.item-live-now-match__league-icon {
  width: auto;
  height: 40px;
  object-fit: contain;
}

.item-live-now-match__team-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 50%;
}

/** Home Hot Match */
.list-hot-match-wrapper::-webkit-scrollbar {
  display: none;
}

.item-hot-match {
  width: 220px !important;
}

.item-hot-match__header {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
  height: 150px;
  background-image: url("/wp-content/themes/livestream/assets/images/bg-item-live-now.svg");
}

.item-hot-match__footer {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.item-hot-match__league-icon {
  width: auto;
  height: 40px;
  object-fit: contain;
}

.item-hot-match__team-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 50%;
}

/** Home Result Match */
.item-result-match {
  width: 220px !important;
}

.item-result-match__header {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
  height: 150px;
  background-image: url("/wp-content/themes/livestream/assets/images/bg-item-live-now.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.item-result-match__footer {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.item-result-match__league-icon {
  width: auto;
  height: 40px;
  object-fit: contain;
}

.item-result-match__team-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 50%;
}

/** Home Hot News */
.list-hot-news .hot-news-item {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid rgba(110, 131, 152, 0.3);
}

.list-hot-news .hot-news-item:nth-child(1) {
  padding-top: 0;
  border-top: none;
}

.hot-news-item__thumbnail {
  border-radius: 4px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.hot-news-item__title {
  text-decoration: none !important;
}

.hot-news-item__title:hover {
  color: #c5c5c5 !important;
}

.section-header-divider {
  background: #FC3635;
  height: 3px;
  flex: 1;
  align-self: flex-end;
  margin-bottom: .8rem;
  margin-left: .75rem;
}

.page-template-worldcup .section-header-divider {
  background: #FFF;
}

.section-header-divider-more {
  background: #FC3635;
  height: 3px;
}

/** Home Content */
.home-content .divider {
  height: 1px;
  background: #707070;
}

.page-template-worldcup .home-content .divider {
  background: #E32052;
}

.home-content__sidebar {
  width: 300px;
  color: #ffffffcc;
}

.home-content__text {
  color: #ffffffcc;
}

.page-template-worldcup .home-content__text {
  color: #F6DCE3;
}

.home-content__sidebar__content {
  background: #1A1F30;
}

.home-content__sidebar__content > p {
  border-left: solid 3px #FC3635;
  padding-left: .25rem;
}

.home-content__sidebar__content ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 2rem;
}

.home-content__sidebar__content li::marker {
  display: none !important;
}

.home-content__sidebar__content li {
  position: relative;
  list-style-position: outside;
}

.home-content__sidebar__content li:first-child {
  counter-reset: index;
}

.home-content__sidebar__content li::before {
  content: counter(index);
  counter-increment: index;
  background: #fff;
  left: -2rem;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  color: #000;
  font-size: inherit;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (max-width: 991px) {
  .home-content img {
    max-width: 100% !important;
    object-fit: contain;
  }
  .home-content .wp-caption {
    width: 100% !important;
  }
  .home-content__sidebar {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .list-hot-news {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 1340px) {
  .main-ads .left-ads {
    display: none;
  }
  .main-ads .right-ads {
    display: none;
  }
}

/** Breadcrumb */
.rank-math-breadcrumb {
  margin: 1rem 0;
}

.rank-math-breadcrumb > p > a:first-child {
  background: #191B34;
  color: #FFFFFF;
  padding: .5rem 1rem;
  text-decoration: none;
  border-radius: .25rem;
  text-transform: uppercase;
  margin-right: 0.8rem;
}

.rank-math-breadcrumb > p > a:first-child::before {
  content: url("/wp-content/themes/livestream/assets/images/ic-back.svg");
  margin-right: .25rem;
}

.rank-math-breadcrumb > p > a:nth-child(3) {
  background: transparent;
  color: #FFFFFF;
  text-decoration: none;
}

.rank-math-breadcrumb .last {
  color: #ffffff80;
}

.rank-math-breadcrumb .separator {
  margin-left: .5rem;
  margin-right: .5rem;
}

.rank-math-breadcrumb > p > a:first-child + .separator {
  display: none;
}

.single-page .relate-content {
  border: solid 1px #1A1F30;
  border-radius: .25rem;
}

.relate-content__thumbnail {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.relate-content__header {
  border-bottom: solid 1px #1A1F30;
}

/** Main Sidebar */
.main-sidebar {
  width: 300px;
}

.single-sidebar-wrapper {
  width: 300px;
}

@media (max-width: 991px) {
  .main-sidebar {
    width: 100% !important;
  }
  .single-sidebar-wrapper {
    width: 100% !important;
  }
}

/** Search Page */
.search-page .list-post {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 10px 10px;
}

.item-search-match {
  width: 200px;
}

@media (max-width: 767px) {
  .search-page .list-post {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .item-search-match {
    width: 100%;
  }
}

/** Category Page */
.category-page .hot-news-item {
  padding-top: 22px;
  margin-top: 22px;
  border-top: 1px solid rgba(110, 131, 152, 0.3);
}

.category-page .hot-news-item:nth-child(1) {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

.category-page .top-hot-news {
  padding: 24px;
  border-radius: 12px;
  background-color: #1A1F30;
}

.category-page .top-hot-news .post-datetime {
  font-size: 16px;
}

.category-page .top-hot-news .hot-news-item__title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.category-page .top-hot-news .nav-link {
  font-size: 18px;
  padding: 0 5px 8px;
  text-transform: uppercase;
  color: #fff;
}

.category-page .top-hot-news .nav-link.active {
  position: relative;
  color: #FC3635;
  font-weight: bold;
}

.category-page .top-hot-news .nav-link.active:after {
  display: block;
  content: '';
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  height: 2px;
  background-color: #FC3635;
}

.category-page .slick-slider {
  margin: 0 -12px;
}

.category-page .slick-arrow {
  position: absolute;
  top: -52px;
}

.category-page .slick-item {
  padding: 0 12px;
}

.category-page .slick-arrow img {
  width: 40px;
}

.category-page .slick-arrow.previous {
  left: unset;
  right: 45px;
  transform: none;
}

.category-page .slick-arrow.next {
  left: unset;
  right: 0;
  transform: none;
}

.post-datetime {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}

.post-info {
  padding: 0 15px 0 12px;
}

/** Single Page */
.single-page .content-wrapper {
  border: solid 2px #1A1F30;
  border-radius: .5rem;
}

.single-page .time {
  color: #ffffff80;
  margin-bottom: 1rem;
}

.single-page .main-sidebar {
  margin: 0 !important;
}

@media (max-width: 991px) {
  .single-page .wp-caption {
    width: 100% !important;
    height: auto !important;
  }
  .single-page .wp-caption img {
    width: 100% !important;
    object-fit: contain;
    height: auto !important;
  }
}

/** Player Wrapper */
.player-wrapper {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.player-wrapper .sub-container {
  background: #1A1F30;
}

.player-wrapper__tabs-wrapper {
  width: 400px;
}

.ui-tabs .ui-tabs-nav li {
  height: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.player-wrapper__tabs-wrapper__tabs .ui-tabs-anchor {
  font-family: 'SVN-Outer Sans';
  font-weight: 500 !important;
  padding: 0 .75rem !important;
  font-size: 12px;
}

@media(max-width: 767px){
  .player-wrapper__tabs-wrapper__tabs .ui-tabs-anchor {
    padding: 0 .5rem !important;
  }
}

@media(max-width: 575px){
  .player-wrapper__tabs-wrapper__tabs .ui-tabs-anchor {
    padding: 0 .35rem !important;
  }
}

@media(max-width: 400px){
  .player-wrapper__tabs-wrapper__tabs .ui-tabs-anchor {
    padding: 0 .25rem !important;
  }
}


.player-wrapper__tabs-wrapper__tabs .tab_headers {
  border-bottom: solid 1px #fc363530;
  height: 40px;
}

.player-wrapper__tabs-wrapper__tabs .tablinks {
  box-sizing: border-box !important;
  display: flex;
  align-items: center;
}

.player-wrapper__tabs-wrapper__tabs .tablinks.active {
  color: #FC3635 !important;
  font-weight: 700 !important;
  position: relative;
}

.player-wrapper__tabs-wrapper__tabs .tablinks.hightlight-text {
  color: #ebdb34;
  font-weight: bold;
}

.player-wrapper__tabs-wrapper__tabs .tablinks.active:after {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  height: 2px;
  background-color: #FC3635;
}

.player-wrapper__tabs-wrapper__tabs__list-tabs {
  border-bottom: solid 1px #fc363530 !important;
}

.player-wrapper__tabs-wrapper__tabs .odds {
  border-bottom: solid 1px #fc363530;
}

.player-wrapper__tabs-wrapper__tabs .odds a {
  background-image: linear-gradient(183deg, #03A7E1, #0079A2);
}

.player-wrapper__tabs-wrapper__tabs .odds span {
  background: #303251;
}

.player-wrapper__tabs-wrapper__tabs .ui-tabs-panel {
  height: 100%;
}

.player-wrapper__tabs-wrapper__tabs iframe {
  height: 100% !important;
  width: 100% !important;
}

.player-wrapper__tabs-wrapper__tabs #tabs-soi-keo {
  overflow-y: auto;
}

.player-wrapper__team-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.player-wrapper .match-info {
  background-image: url("/wp-content/themes/livestream/assets/images/bg-match-detail.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.player-wrapper .match-info .live-icon {
  height: 1.375rem;
  width: auto;
  object-fit: contain;
}

@media(min-width: 920px) {
  .position-lg-absolute {
    position: absolute !important;
  }

  .position-lg-relative {
    position: relative !important;
  }
}

.player-wrapper .bg-overlay {
  border-radius: 15px;
  background-color: #111319b3;
  padding: 15px 0;
  width: 85%;
}

.link-match-general {
  background: #00efff;
}

.vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
}

.vjs-big-play-button span {
  display: none !important;
}

.finished-banner {
  background: #1A1F30 url("/wp-content/themes/livestream/assets/images/bg_finished_match.jpg?ver=1.0") no-repeat center center;
  background-size: cover;
  border-right: solid 1px #fc363530;
}

.vjs-big-play-button {
  width: 100px !important;
  height: 100px !important;
  background-image: url("/wp-content/themes/livestream/assets/images/ic-play.png") !important;
  background-repeat: no-repeat !important;
  border: none !important;
  background-size: contain !important;
  box-shadow: none !important;
  background-color: unset !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

@media (max-width: 767px) {
  .vjs-big-play-button {
    width: 60px !important;
    height: 60px !important;
  }
}

.pc-chat-banner-wrapper img {
  margin: 0 !important;
}

.odds-row {
  border-bottom: solid 1px #fc363530;
}

.odds-row .wrapper {
  padding: 4px 6px;
  background-color: #303251;
  border-radius: 4px;
}

.odds-row .wrapper .odds-name,
.odds-row .wrapper .odds-number {
  color: #fff;
}

.odds-row .logo-ads {
  display: inline-block;
  padding: 5px;
  background-color: #5193f9;
  height: 29px;
  width: 100%;
  border-radius: 4px;
}

.tiptoday-list {
  padding: 7px 10px;
  max-height: 425px;
  overflow-y: auto;
}

.tiptoday-list .tip-item {
  padding: 12px;
  border-radius: 4px;
  background-color: #101525;
  font-size: 13px;
  color: #9FAFBF;
  margin-bottom: 7px;
}

.tiptoday-list .tip-item .separator {
  width: 1px;
  height: 40px;
  background-color: #452331;
}

.tiptoday-list .tip-item .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 4px;
  border: 1px solid #FC3635;
}

.tiptoday-list .tip-item .name {
  font-size: 13px;
  color: #fff;
  font-weight: bold;
}

.tiptoday-list .btn-tip {
  background-color: #FC3635;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

.tiptoday-list .btn-tip:hover {
  background-color: #cc3130;
}

@media (max-width: 991px) {
  .player-wrapper__tabs-wrapper {
    width: 100% !important;
  }
  iframe {
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 767px) {
  .player-wrapper {
    background-image: none !important;
  }
  .player-wrapper .container {
    padding: 0 !important;
  }
  .mb-chat-banner-wrapper img {
    margin: 0 !important;
    width: 100%;
  }
}

/** Show the thao */
.showtt .player-chat-wrapper {
  background-repeat: no-repeat;
  background-position: center;
}

.showtt .content-wrapper {
  background: #0C0D1A;
}

.showtt .content-wrapper .odds-wrapper {
  width: 300px;
}

.showtt .content-wrapper .thumbnail {
  width: 10rem;
  height: auto;
  object-fit: cover;
  border-radius: .5rem;
  border: solid 1px #417AFF;
}

.showtt .content-wrapper .show-info-seperate {
  height: 1px;
  width: 100%;
  background: #ffffff1a;
}

.showtt .episode-item__thumbail {
  width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
  border-radius: .25rem;
  border: solid 1px #417AFF;
}

.showtt .list-show {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 10px 10px;
}

.showtt .list-episode {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 10px 10px;
}

.showtt .show-item__thumbail {
  width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
  border-radius: .25rem;
  border: solid 1px #417AFF;
}

.showtt .relate-post-item-item__thumbail {
  width: 120px;
  height: auto;
  object-fit: contain;
  border-radius: .25rem;
}

@media (max-width: 991px) {
  .showtt .player-chat-wrapper__chat-wrapper iframe {
    height: 450px !important;
  }
  .showtt .content-wrapper .odds-wrapper {
    width: 100%;
  }
  .showtt .content-wrapper .thumbnail {
    width: 5rem;
  }
  .showtt .list-show {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 5px 5px;
  }
  .showtt .list-episode {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 5px 5px;
  }
}

@media (max-width: 767px) {
  .d-mb-none {
    display: none !important;
  }
}

.pc-player-banner img {
  margin: 0 !important;
}

.ads-item ins img {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

@media (max-width: 767px) {
  .ads-item ins img {
    margin-top: .1rem;
    margin-bottom: .1rem;
  }
}

.catfish img {
  margin: 0 !important;
}

.ads-pc.catfish {
  position: fixed;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 101;
}

.ads-mb.catfish {
  position: fixed;
  bottom: 5px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 101;
}

.ads-mb.catfish > div {
  width: 100%;
}
.ads-mb.catfish img {
  width: 100%;
}

.close-ad-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  text-align: center;
  border: none;
  line-height: 1.8;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E72F33;
  color: #FFF;
  text-decoration: none;
}

@media (min-width: 768px) {
  .ads-pc {
    display: block;
    text-align: center;
  }
  .ads-mb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .ads-pc {
    display: none !important;
  }
  .ads-mb {
    display: block;
    text-align: center;
  }
}

#tabs-thong-ke {
  overflow-y: scroll;
}

/* width */
.tabcontent::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.tabcontent::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.31);
}

.tabcontent::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.67);
  border-radius: 3px;
}

.tabcontent:-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.67);
}

@media(max-width: 920px) {
  .tabs {
    height: 500px !important;
  }
  .tabcontent {
    height: 460px !important;
  }
}

.statistic-tabs {
  background: #1a1f30;
  color: #fff;
}

.statistic-tabs .tab-header {
  border-bottom: solid 1px #fc363530;
}

.statistic-tabs .tab-content {
  display: none;
  height: 100%;
  overflow: auto;
  padding-left: .5rem;
  padding-right: .5rem;
}

.tab-header__item {
  cursor: pointer;
}

.tab-header__item.active {
  box-sizing: border-box;
  font-weight: bold;
  border-bottom: solid 1px #FC3635 !important;
  color: #FC3635;
}

.statistic-tabs .tab-content.active {
  display: block;
}

.statistic-tabs .tab-content .match-time {
  font-size: 15px;
  color: #6E8398;
  margin-right: 1.5rem;
}

.h2h-league-logo {
  width: auto;
  height: 25px;
  object-fit: contain;
}

.row-info {
  border-bottom: solid 1px #fc363530 !important;
  border-left: solid 1px #fc363530 !important;
  border-right: solid 1px #fc363530 !important;
}

.row-info.first {
  border-top: solid 1px #fc363530 !important;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.row-info.last {
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.row-info .description-text {
  color: #aaa;
}

.event-row {
  border-bottom: solid 1px #162f4b;
}

.statium {
  background: #58741f;
}

.statium_team-logo {
  width: 1.875rem;
  height: auto;
  object-fit: contain;
}

.stadium-inner {
  border: 2px solid #96a772;
  position: relative;
  height: 708px;
}

.stadium-inner__center-line {
  border: 1px solid #96a772;
  position: absolute;
  top: calc(50% - 2px);
  width: 100%;
}

.stadium-inner__center-spot {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background-color: #96a772;
  left: calc(50% - 3px);
  top: calc(50% - 4px);
}

.stadium-inner__center-circle {
  position: absolute;
  height: 76px;
  border-radius: 9999px;
  border: 2px solid #96a772;
  left: calc(50% - 38px);
  top: calc(50% - 38px);
  width: 76px;
}

.stadium-inner__corners {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.stadium-inner__corner {
  border: 2px solid #96a772;
  border-radius: 9999px;
  height: 40px;
  position: absolute;
  width: 40px;
}

.stadium-inner__corner-tl {
  left: -20px;
  top: -20px;
}

.stadium-inner__corner-tr {
  left: calc(100% + -20px);
  top: -20px;
}

.stadium-inner__corner-br {
  bottom: -20px;
  right: -20px;
}

.stadium-inner__corner-bl {
  bottom: -20px;
  left: -20px;
}

.stadium-pen-area {
  z-index: 19;
  height: 10%;
  position: absolute;
  width: 50%;
  left: calc(50% - 25%);
  border: 2px solid #96a772;
}

.stadium-pen-area.top {
  top: -2px;
}

.stadium-pen-area.bottom {
  top: auto;
  border-top: 2px solid #96a772;
  bottom: -2px;
}

.stadium-inner_arch {
  position: absolute;
  left: calc(50% - 29px);
  border: 2px solid #96a772;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  width: 58px;
  height: 15px;
}

.stadium-inner_arch.top {
  top: 67px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.stadium-inner_arch.bottom {
  bottom: 67px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  top: auto;
  border-top-width: 2px;
}

.stadium-inner__goalbox {
  height: 2.4rem;
  position: absolute;
  width: 50%;
  left: calc(50% - 25%);
  border: 2px solid #96a772;
}

.stadium-inner__goalbox.top {
  top: -2px;
}

.stadium-inner__goalbox.bottom {
  top: auto;
  border-top: 2px solid #96a772;
  bottom: -2px;
}

.stadium-inner__rows {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
}

.stadium-inner__row {
  height: 20%;
  width: 100%;
}

.stadium-inner__row.odd {
  background: #6e883b;
}

.stadium-inner__team1 {
  display: flex;
  position: absolute;
  z-index: 20;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem;
  height: 50%;
  top: 0;
  left: 0;
}

.stadium-inner__team2 {
  top: 50%;
  display: flex;
  position: absolute;
  z-index: 20;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem;
  height: 50%;
}

.stadium-inner__player__photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: contain;
}

.stadium-inner__player {
  flex: 1;
}

.h2h-item {
  background: #101525;
  border-radius: .25rem;
}

.h2h__team-logo {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.tvc-link-ads-full {
  width: 100%;
  height: calc(100% - 30px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
}

.countdown-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.countdown-wrapper .countdown .num {
  position: relative;
  font-family: 'SVN-Outer Sans';
  font-weight: 700;
  font-size: 32px;
  width: 85px;
  height: 50px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #262c34;
}

.countdown-wrapper .countdown .num:before {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 6px;
  height: 6px;
  background-color: #fc3635;
  border-radius: 50%;
}

.countdown-wrapper .countdown .num:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #262c34;
  top: 50%;
  transform: translateY(-50%);
}

.countdown-wrapper .countdown .word {
  font-family: 'SVN-Outer Sans';
  position: relative;
  font-weight: 300;
  color: #5b5b62;
  font-size: 14px;
  width: 85px;
  height: 40px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #05050c;
  text-transform: uppercase;
  padding: 8px;
}

.countdown-wrapper .countdown .word:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 38px;
  height: 4px;
  background-color: #fc3635;
  transform: translateX(-50%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.wp-caption-text {
  font-style: italic;
  margin-top: 0.5rem;
}

#tabs-ti-le-keo {
  overflow-y: auto;
}

.odds-tab {
  background: #212830;
}

.bet__name {
  background: #384154;
}

.bet__link {
  background: #E72F33;
  color: #FFF;
  border-radius: .25rem;
  padding: .125rem .25rem;
  text-decoration: none;
}

.bet__row {
  border-bottom: solid 1px #384A63;
}

/* TT World Cup page */
.page-template-worldcup .app-navigation {
  background: transparent linear-gradient(270deg, #A20E36 0%, #1F000A 100%, #1C0009 100%) 0 0 no-repeat padding-box;
  border-bottom-color: #E32052;
}

.page-template-worldcup #header-menu > .current-menu-item {
  background: #E32052;
}

.page-template-worldcup #header-menu .menu-item a:hover {
  color: #E32052;
}

/** Ads Button In Player */
.player-ads-button:hover {
  color: #fff;
}

.player-ads-button .link {
  text-decoration: none;
  color: #fff;
  border-radius: 0.25rem;
  font-size: 1rem;
  display: block;
}

.player-ads-button .close-btn {
  position: absolute;
  width: 1rem;
  height: 1rem;
  color: #fc3635;
  border: solid 1px #fff;
  border-radius: 50%;
  top: 0;
  right: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  padding: 0 !important;
}

.player-ads-links-1 {
  /* bottom: 150px;
  right: 10px; */
  justify-content: flex-end;
}

.player-ads-links-2 {
  bottom: 50px;
  right: 10px;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .player-ads-button .link {
    /* padding: 0.125rem .25rem; */
    text-decoration: none;
    /* background: #fc3635; */
    color: #fff;
    border-radius: 0.25rem;
    font-size: .875rem;
  }
  .player-ads-button .close-btn {
    top: 0;
    right: 0;
  }
  .player-ads-links-1 {
    bottom: 70px;
    right: 0;
  }
  .player-ads-links-2 {
    bottom: 30px;
    right: 10px;
  }
}

/** Effects and animation */
.hover-effect-hvr-backward,
.hover-effect-hvr-forward {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hover-effect-hvr-backward:hover,
.hover-effect-hvr-backward:focus,
.hover-effect-hvr-backward:active {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

.hover-effect-hvr-forward:hover,
.hover-effect-hvr-forward:focus,
.hover-effect-hvr-forward:active {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.hover-effect-hvr-wobble-vertical {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.hover-effect-hvr-wobble-vertical:hover,
.hover-effect-hvr-wobble-vertical:focus,
.hover-effect-hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@keyframes hvr-move-down {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.w-48 {
  width: 48%;
}

.w-49 {
  width: 49%;
}

.ads-pc.middle-banner img {
  margin-top: 1rem;
}

.ads-mb.middle-banner img {
  margin-top: .5rem;
}

.btn-scroll-top {
  width: 2.5rem;
  height: 2.5rem;
  right: .75rem;
  bottom: 2rem;
  cursor: pointer;
  z-index: 10000;
}

.btn-scroll-top i {
  font-size: 2rem;
}

@media (max-width: 767px) {
  .btn-scroll-top {
    right: .5rem;
    bottom: .75rem;
  }
}

.commentator-section .commentator-title {
  position: relative;
  display: inline-block;
  padding: 5px 25px;
  background-color: #FC3635;
  color: #fff;
  font-weight: 500;
}

.commentator-section .commentator-title-deco {
  background-color: #fff;
  height: 7px;
}

.commentator-section .list-commentator {
  padding: 0 4px;
}

.commentator-section .list-commentator .slick-slide {
  padding: 0 20px;
}

.commentator-section .commentator {
  width: 150px !important;
}

.commentator-section .commentator-name {
  font-size: 18px;
}

.commentator-section .commentator img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  padding: 10px;
  border: 2px solid #FC3635;
  border-radius: 60px;
}

.commentator-section .commentator a {
  color: #fff;
}

.commentator-section .commentator a:hover, .commentator-section .commentator a:focus {
  color: #FC3635;
}

.commentator-avatar img {
  width: 157px;
  height: 157px;
  object-fit: cover;
  padding: 8px;
  border: 2px solid #FC3635;
  border-radius: 45px;
}

.commentator-calendar {
  background-color: #1A1F30;
  border-top: 1px solid #FC3635;
}

.commentator-calendar .slick-arrow img {
  height: 70px;
}

.commentator-calendar .slick-arrow.previous {
  left: 0;
}

.commentator-calendar .slick-arrow.next {
  right: 0;
}

.commentator-calendar .date {
  text-decoration: none;
  color: #fff;
}

.commentator-calendar .date:hover, .commentator-calendar .date:focus {
  color: #FC3635;
}

.btn-cuoc-ngay {
  font-size: 0.6rem;
  font-weight: 600;
}

.body-bet-now,
.head-bet-now {
  display: table-cell !important;
}

.body-bet-now .btn-keo-ngay {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  margin: 0;
}

.body-bet-now .btn-keo-ngay:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}

.iframe-odds-tab .search-form, .iframe-odds-tab .keo-ti-so {
  display: none;
}

@media (max-width: 767px) {
  .btn-cuoc-ngay {
    font-size: 0.3rem;
    padding: 2px 0 0;
    min-width: 35px;
  }
}

.left-balloon {
  left: 0;
}

.right-balloon {
  right: 0;
}

.balloon {
  bottom: 20px;
  z-index: 999;
}

.balloon .close-ad-btn {
  right: 0 !important;
  top: 0 !important;
}

@media (max-width: 1025px) {
  .balloon {
    display: none !important;
  }
}

@media (max-width: 1700px) {
  .modal-dialog {
    width: 500px !important;
    margin: 0 auto;
  }
}

@media (max-width: 1400px) {
  .modal-dialog {
    width: 400px !important;
    margin: 0 auto;
  }
}

@media (max-width: 992px) {
  .modal-dialog {
    width: 350px !important;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .balloon {
    display: none !important;
  }
  .modal-dialog {
    width: 300px !important;
    margin-left: auto;
    margin-right: auto;
  }

  .modal-dialog.hightlight {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }
}

.vjs-control-bar {
  background: transparent !important;
}

.intro-video {
  width: 600px !important;
  padding-top: 38% !important;
}

@media (max-width: 767px) {
  .intro-video {
    width: 100% !important;
    padding-top: 56.25% !important;
  }
}

.player-fw-banner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.player-fw-banner {
  width: 80%;
  max-width: 720px;
}

.player-fw-banner img {
  width: 100%;
  object-fit: contain;
  height: auto;
}

.player-fw-banner .close-btn {
  position: absolute;
  width: 1rem;
  height: 1rem;
  color: #fc3635;
  border: solid 1px #fff;
  border-radius: 50%;
  top: 0;
  right: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  padding: 0 !important;
}

.profile-icon:hover {
  opacity: .7;
}

@media (max-width: 767px) {
  .player-fw-banner-wrapper {
    bottom: 1.5rem;
    margin: 0 .5rem;
  }
}

.user-avatar {
  border-radius: 50%;
  padding: 5px;
  border: 1px solid #FC3635;
  width: 40px;
  height: 40px;
}

.user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.btn-auth-group .btn-outline-secondary {
  color: #859AAE;
  border-color: #859AAE;
}

.btn-auth-group .btn-outline-secondary:hover, .btn-auth-group .btn-outline-secondary:focus {
  color: #FFF;
}

.btn-auth-group .btn-danger {
  background-color: #FC3635;
}

.btn-auth-group .btn-danger:hover, .btn-auth-group .btn-danger:focus {
  color: #FFF;
  background-color: #B72427;
}

.auth-modal .modal-content {
  border-radius: 12px;
  background-color: #0E1724;
}

.auth-modal .modal-body {
  font-family: 'SVN-Outer Sans';
  padding: 30px 40px;
  background-color: #0E1724;
  border-radius: 12px;
}

.auth-modal .btn-social-login {
  background-color: #FFF;
  border-radius: 10px;
  font-size: 14px;
}

.auth-modal .btn-social-login:hover, .auth-modal .btn-social-login:focus {
  background-color: #dcdcdc;
}

.auth-modal .seperate-line {
  background-color: #6E8398;
  height: 2px;
}

.auth-modal .seperate-text {
  display: inline-block;
  color: #FFF;
  margin: 0 10px;
}

.auth-modal .form-label {
  color: #6E8398;
}

.auth-modal .form-control {
  background-color: transparent;
  border: 1px solid #FFF;
  border-radius: 12px;
  padding: 12px;
  color: #FFF;
}

.auth-modal .captcha-img {
  width: 40%;
  height: 50px;
  border-radius: 12px;
}

.page-template-worldcup table > :not(:first-child) {
  border-top: none;
}

.page-template-worldcup table th {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #B72148;
}

.page-template-worldcup table td {
  background-color: #FFFFFF;
}

.page-template-worldcup table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #F2F2F2;
}

.page-template-worldcup table .date-time td {
  background-color: #FFE8EF !important;
}

.page-template-worldcup table .date-time .text-gray {
  color: #3D485D;
}

.page-template-worldcup table .vs {
  display: block;
  border-radius: 2px;
  background-color: #CBCBCB;
  text-align: center;
  color: #4E4E4E;
  font-size: 16px;
}

.page-template-worldcup table .score {
  color: #A20E36;
  font-weight: bold;
}

.page-template-profile label {
  color: #DCE2E8;
}

.page-template-profile .avatar {
  border-radius: 50%;
  padding: 5px;
  border: 1px solid #FC3635;
  margin-right: 10px;
}

.page-template-profile .text-gray {
  color: #9EADBB;
}

.page-template-profile .nav-link {
  color: #FFF;
  padding: 10px;
  background-color: transparent;
  margin-bottom: 15px;
  font-size: 18px;
  border-radius: 8px;
}

.page-template-profile .nav-link:hover {
  color: #FC3635;
}

.page-template-profile .nav-pills .nav-link.active,
.page-template-profile .nav-pills .show > .nav-link {
  color: #FC3635;
  background-color: #152133;
}

.page-template-profile .edit-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #FFF;
  max-width: unset;
}

@media (min-width: 992px) {
  .page-template-profile .edit-avatar {
    width: 115px;
    height: 115px;
  }
}

.page-template-profile .wrapper {
  background-color: #1A1F30;
  border-radius: 12px;
}

.page-template-profile sup {
  color: #FC3635;
}

.page-template-profile input {
  color: #6E8398;
}

.page-template-profile input:focus {
  color: #6E8398;
}

.page-template-profile .form-text {
  font-family: 'Roboto', sans-serif;
  color: #3589EB;
}

.page-template-profile .icon-wrapper {
  width: 40px;
  margin-right: 10px;
}

.page-template-profile .upload-photo {
  cursor: pointer;
}

.page-template-profile .upload-photo circle {
  fill: #6e8398;
  transition: all .15s ease-in-out;
}

.page-template-profile .upload-photo:hover circle, .page-template-profile .upload-photo:focus circle {
  fill: #57657a;
}

.btn-playgame {
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 10000;
}

.btn-playgame img {
  width: 100px;
  height: auto;
}

.container.ads-mb.ads-item img {
  width: 100%;
}

.container.ads-mb .ads-item img {
  width: 100%;
}

.ads-mb.middle-banner img{
  width: 100%;
}

.none {
  display: none;
}

/** Scroll bar */

.scrollbar {
  position: absolute;
}

.left-scrollbar {
  top: 149px;
  left: 0;
}

.right-scrollbar {
  top: 149px;
  right: 0;
}

@media(max-width: 1100px) {
  .scrollbar {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 883px !important;
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 990px !important;
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1185px !important;
  }
}


.bookie {
  position: relative;
  border-radius: 8px;
  border: 2px solid #FC3635;
  background-color: #0E1724;
  box-shadow: 0 3px 6px #00000033;
}

.bookie-image {
  max-width: 187px;
  height: 117px;
  border-radius: 8px;
  object-fit: cover;
}

.bookie .rating-number {
  display: block;
  position: absolute;
  top: -30px;
  left: 18px;
  padding: 5px 15px;
  background-color: #FFE04B;
  border-radius: 4px;
  color: #000;
  font-weight: bold;
  font-size: 23px;
}

.bookie .separate-line {
  width: 1px;
  background-color: #6E8398;
  margin: 0;
}

.bookie .star-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFC107;
  font-size: 1.063rem;
}

.bookie .star-rating .fa {
  margin-right: 5px;
}

.bookie .total-rating {
  font-size: 1.625rem;
}

.bookie .rating-number {
  background-color: #FFC107;
}

.bookie .view-review {
  color: #6E8398;
}

.bookie .view-review:hover, .bookie .view-review:focus {
  color: #526272;
}

.bookie-info .content {
  border: 1px solid #FC3635;
  box-shadow: 0 3px 20px #0000001C;
  border-radius: 10px;
}

.bookie-info .separate-line {
  width: 1px;
  background-color: #6E8398;
  margin: 0;
}

.bookie-details .star-rating .fa {
  color: #FFC423;
}

.bookie-details .star-rating .total-rating {
  font-size: 20px;
}

.bookie-info .text-organ {
  color: #FFE710;
}

.bookie-details .review-content .nav-tabs {
  border-bottom-color: #6E8398 !important;
}

.bookie-details .review-content .nav-tabs .nav-link {
  background-color: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.66);
  padding: 0 20px 10px 0;
  font-size: 24px;
}

.bookie-details .review-content .nav-tabs .nav-link.active {
  color: #FFF;
  font-weight: bold;
}

.bookie-details .content-box {
  padding: 20px;
  border: 1px solid #FC3635;
  border-radius: 10px;
  min-height: 342px;
  margin-bottom: 1.2rem;
}

.bookie-details .content-box .title {
  padding-bottom: 10px;
  border-bottom: 1px solid #6E8398;
}

.bookie-details .content-box ul {
  list-style-type: none;
  margin: 1rem 0 0;
  padding: 0;
}

.bookie-details .content-box ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}

.bookie-details .content-box ul.bordered li {
  border-bottom: 1px solid #6E8398;
}

.bookie-details .content-box ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.bookie-details .page-content .title {
  font-size: 35px;
  font-weight: bold;
}

.bookie-details .page-content {
  font-size: 16px;
}

.bookie-details .author {
  padding: 20px;
  border: 1px solid #707070;
  border-radius: 8px;
  background-color: #0E1724;
}

.bookie-details .author-image img {
  width: 134px;
  height: 134px;
  object-fit: cover;
}

.bookie-details .author ul li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 10px;
}

.bookie-details .author ul li a:hover,
.bookie-details .author ul li a :focus {
  opacity: .9;
}

.bookies-widget {
  text-align: center;
}

.bookies-widget .bookie {
  padding: 20px;
  margin-bottom: 3rem;
}

.bookies-widget .star-rating {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #2F3D4E;
}

.hightlight-page .list-hightlight{
  width: 400px;
  background: #1A1F30;
}

.hightlight-page .item-hightlight:hover {
  opacity: .7;
}

.hightlight-page .item-hightlight video{
  width: 80px;
  height: 60px;
}

.hightlight-page .item-hightlight .description {
  color: #6E8398;
}

@media(max-width: 992px){
  .hightlight-page .list-hightlight{
    width: 100% !important;
  }
}

#tabs-hightlight .item-hightlight:hover {
  opacity: .7;
}

#tabs-hightlight .item-hightlight .thumbnail {
  width: 80px;
  height: 60px;
}

#tabs-hightlight .item-hightlight img{
  width: 80px;
  height: 60px;
  object-fit: cover;
  z-index: 1;
}
#tabs-hightlight .item-hightlight i {
  z-index: 2;
}

#tabs-hightlight .item-hightlight .description {
  color: #6E8398;
}

.app-modal {
  background: #090A14;
  border-radius: 2rem;
  border: solid 2px #FC3635;
}

.download-btn {
  background: #FC3635;
  color: #FFF;
  text-decoration: none !important;
  border-radius: .5rem;
}

.app-modal .app {
  background: #182434;
  border-radius: 1rem;
}

.app-modal .qr-wrapper {
  width: 130px;
  height: 130px;
}

.app-modal .qr-wrapper img {
  width: 100%;
  height: 100%;
}

@media(max-width: 767px){
  .modal-app {
    width: 95% !important;
  }

  .app-modal .qr-wrapper {
    width: 100px;
    height: 100px;
  }
}

#chat-login {
  width: 100%;
  height: 50px;
  background: #191B34;
}

#chat-login:hover {
  color: #FC3635 !important;
}

.tab-ads {
  background: #3D99C6;
  border-radius: 2px;
  color: #FFF;
  text-decoration: none;
}

.text-yellow {
  color: #FFC423;
}

.tvc-brand-name {
  bottom: 40px !important;
  left: 10px !important;
  z-index: 300;
}

@media(max-width: 767px){
  .tvc-brand-name {
    bottom: 30px !important;
  }
}

.tvc-brand-name__top {
  background: rgb(255, 255, 255, .8);
  border-radius: .25rem;
  padding: .25rem;
}

.tvc-brand-name__top:hover {
  background: #FFF;
}

.tvc-brand-name__logo {
  width: 40px;
  height: 40px;
}

.tvc-brand-name__description {
  color: #585858;
}

.tvc-brand-name__link {
  border-radius: .25rem;
}

.tvc-brand-name__link:hover {
  background: rgb(0, 0, 0, .7) !important;
}

.tvc-brand-name__ads-url:hover {
  text-decoration: underline !important;
}

.bottom-player-ads {
  bottom: 30px;
  left: 0;
  right: 0;
  width: 100%;
}

.pc-chat-banner-wrapper img {
  width: 100% !important;
}

.btn-bet-image {
  height: 40px !important;
  width: auto !important;
  object-fit: contain;
}