@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:ital@1&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";

/* Premium Global Styles */
:root {
    --iscl-pink: #CF3364;
    --iscl-blue: #22126B;
    --iscl-purple: #731F73;
    --iscl-dark: #0F112C;
    --iscl-light: #F8F9FA;
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-dark: rgba(15, 17, 44, 0.7);
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    --premium-gradient: linear-gradient(135deg, var(--iscl-blue) 0%, var(--iscl-purple) 100%);
}

.premium-card {
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: var(--card-shadow);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
}

.premium-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
}

.text-gradient {
    background: var(--premium-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/* Sections Spacing */
.section-padding {
    padding: 80px 0;
}

@media (max-width: 768px) {
    .section-padding {
        padding: 50px 0;
    }
}

.widget-header {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.widget-header__title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: clamp(1.5rem, 3vw, 2.5rem) !important;
    color: var(--iscl-blue);
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    letter-spacing: 1px;
}

/* White title for dark/blue backgrounds */
.bg-blue .widget-header__title,
.bg-dark .widget-header__title,
.hero-premium-section .widget-header__title,
.widget-header__title.text-white {
    color: #ffffff !important;
}

/* Fix for visibility of titles on policy pages */
.team-logo-wrap .widget-header__title {
    color: var(--iscl-blue) !important;
}

.widget-header__title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 5px;
    background: linear-gradient(to right, var(--iscl-blue), var(--iscl-purple));
    border-radius: 10px;
}

/* Glassmorphism Effect */
.glass-effect {
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border);
}

/* Premium Card Hover */
.premium-hover {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.premium-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset "UTF-8";

.slick-loading .slick-list {
    background: #fff url(ajax-loader.0b80f665935ef7de.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(slick.25572f22d77029da.eot);
    src: url(slick.25572f22d77029da.eot?#iefix) format("embedded-opentype"), url(slick.653a4cbba6e1a2b3.woff) format("woff"), url(slick.6aa1ee46202fac6e.ttf) format("truetype"), url(slick.f895cfdf693e6229.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "\2190"
}

[dir=rtl] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "\2192"
}

[dir=rtl] .slick-next:before {
    content: "\2190"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

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

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
    filter: drop-shadow(0 0 .25em #fff)
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101"
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10b"
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10c"
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
    content: "\f116"
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f119"
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f11b"
}

.vjs-icon-replay-5,
.video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-5:before,
.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
    content: "\f11c"
}

.vjs-icon-replay-10,
.video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-10:before,
.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
    content: "\f11d"
}

.vjs-icon-replay-30,
.video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-30:before,
.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
    content: "\f11e"
}

.vjs-icon-forward-5,
.video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-5:before,
.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
    content: "\f11f"
}

.vjs-icon-forward-10,
.video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-10:before,
.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
    content: "\f120"
}

.vjs-icon-forward-30,
.video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-30:before,
.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
    content: "\f121"
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f122"
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f127"
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f128"
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f12e"
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
    bottom: 0;
    font-size: 1.4em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: #73859f80;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
    outline: .0625em solid white;
    box-shadow: none
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: #73859f80
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
    fill: #000
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: #2b333fb3
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
    width: 12em
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white
}

.video-js *:not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
    outline: .0625em solid white
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
    display: none
}

@supports not (inset: 10px) {
    .video-js .vjs-text-track-display>div {
        inset: 0
    }
}

.vjs-playback-rate>.vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-x-small .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
    display: none
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-title-bar {
    background: rgba(0, 0, 0, .9);
    background: linear-gradient(180deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .7) 60%, rgba(0, 0, 0, 0) 100%);
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity .1s;
    padding: .666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vjs-title-bar-title,
.vjs-title-bar-description {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none
}

.video-js *:focus:not(:focus-visible) {
    outline: none
}

.vjs-svg-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    fill: currentColor;
    height: 1.8em;
    width: 1.8em
}

.vjs-svg-icon:before {
    content: none !important
}

.vjs-control:focus .vjs-svg-icon,
.vjs-svg-icon:hover {
    filter: drop-shadow(0 0 .25em #fff)
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10a"
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
    content: "\f10b"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
    content: "\f10c"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-downloading {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-downloading:before {
    content: "\f10f"
}

.vjs-icon-file-download {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download:before {
    content: "\f110"
}

.vjs-icon-file-download-done {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download-done:before {
    content: "\f111"
}

.vjs-icon-file-download-off {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download-off:before {
    content: "\f112"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f113"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f114"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f115"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f116"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f117"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f118"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
    content: "\f119"
}

.vjs-icon-repeat {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-repeat:before {
    content: "\f11a"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
    content: "\f11b"
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,
.vjs-icon-replay-5 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,
.vjs-icon-replay-5:before {
    content: "\f11c"
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,
.vjs-icon-replay-10 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,
.vjs-icon-replay-10:before {
    content: "\f11d"
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,
.vjs-icon-replay-30 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,
.vjs-icon-replay-30:before {
    content: "\f11e"
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,
.vjs-icon-forward-5 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,
.vjs-icon-forward-5:before {
    content: "\f11f"
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,
.vjs-icon-forward-10 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,
.vjs-icon-forward-10:before {
    content: "\f120"
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,
.vjs-icon-forward-30 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,
.vjs-icon-forward-30:before {
    content: "\f121"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
    content: "\f122"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f123"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f124"
}

.vjs-icon-shuffle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-shuffle:before {
    content: "\f125"
}

.vjs-icon-cast {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cast:before {
    content: "\f126"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
    content: "\f127"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
    content: "\f128"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f129"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f12a"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f12b"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f12c"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f12d"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
    content: "\f12e"
}

.video-js {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: 0
}

.video-js *,
.video-js :after,
.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-1-1,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none
}

body.vjs-full-window,
body.vjs-pip-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    inset: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
    display: block
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-pip-container .vjs-pip-text {
    position: absolute;
    bottom: 10%;
    font-size: 2em;
    background-color: #000000b3;
    padding: .5em;
    text-align: center;
    width: 100%
}

.vjs-layout-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text {
    bottom: 0;
    font-size: 1.4em
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin-top: -.81666em;
    margin-left: -1.5em;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: #2b333fb3;
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-button .vjs-svg-icon {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
    transform: translate(-50%, -50%)
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: #73859f80;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
    outline: .0625em solid #fff;
    box-shadow: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: #73859f80
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon {
    fill: #000
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: 0 0
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: #2b333fb3
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
    left: unset;
    right: 1em
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: #2b333fb3;
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: #2b333fb3
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
    gap: 1px
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
    display: flex !important
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.vjs-button>.vjs-svg-icon {
    display: inline-block
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js :not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    line-height: .35em;
    z-index: 1
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
    content: none !important
}

.vjs-play-progress .vjs-svg-icon {
    position: absolute;
    top: -.35em;
    right: -.4em;
    width: .9em;
    height: .9em;
    pointer-events: none;
    line-height: .15em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-progress-control:hover .vjs-mouse-display,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: #000c
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: #73859f80
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
    outline: .0625em solid #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em;
    z-index: 1
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
    content: none
}

.vjs-volume-level .vjs-svg-icon {
    position: absolute;
    width: .9em;
    height: .9em;
    pointer-events: none;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    line-height: .35em;
    right: -.5em
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
    right: -.3em;
    transform: translateY(-50%)
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
    top: -.55em;
    transform: translate(-50%)
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: #2b333fb3
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: #000c
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
    height: 100%
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
    display: block
}

.vjs-poster img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
    line-height: 0
}

.vjs-seek-to-live-control .vjs-svg-icon {
    width: 1em;
    height: 1em;
    pointer-events: none;
    fill: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
    fill: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
    display: flex
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    inset: 0 0 3em;
    pointer-events: none
}

.vjs-error .vjs-text-track-display {
    display: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
    text-align: center !important;
    width: 80% !important
}

@supports not (inset: 10px) {
    .video-js .vjs-text-track-display>div {
        inset: 0
    }
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .85;
    text-align: left;
    border: .6em solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-error .vjs-loading-spinner {
    display: none
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
    width: 1.5em;
    height: 1.5em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10c";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f12e";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: #2b333fbf;
    color: #fff;
    height: 70%
}

.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
    height: 80%
}

.vjs-error .vjs-text-track-settings {
    display: none
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-text-track-settings select {
    font-size: inherit
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 10px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
    padding: 0 .6em .8em
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    font-weight: 700;
    font-size: 1.2em
}

.vjs-text-track-settings .vjs-label {
    margin: 0 .5em .5em 0
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: #2b333fbf
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

.vjs-title-bar {
    background: rgba(0, 0, 0, .9);
    background: linear-gradient(180deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .7) 60%, rgba(0, 0, 0, 0) 100%);
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity .1s;
    padding: .666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vjs-error .vjs-title-bar {
    display: none
}

.vjs-title-bar-description,
.vjs-title-bar-title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vjs-title-bar-title {
    font-weight: 700;
    margin-bottom: .333em
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
    opacity: 0;
    transition: opacity 1s
}

.video-js .vjs-skip-forward-5,
.video-js .vjs-skip-forward-10,
.video-js .vjs-skip-forward-30,
.video-js .vjs-skip-backward-5,
.video-js .vjs-skip-backward-10,
.video-js .vjs-skip-backward-30 {
    cursor: pointer
}

.video-js .vjs-transient-button {
    position: absolute;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #32323280;
    cursor: pointer;
    opacity: 1;
    transition: opacity 1s
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
    display: none
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
    opacity: 0
}

.video-js .vjs-transient-button span {
    padding: 0 .5em
}

.video-js .vjs-transient-button.vjs-left {
    left: 1em
}

.video-js .vjs-transient-button.vjs-right {
    right: 1em
}

.video-js .vjs-transient-button.vjs-top {
    top: 1em
}

.video-js .vjs-transient-button.vjs-near-top {
    top: 4em
}

.video-js .vjs-transient-button.vjs-bottom {
    bottom: 4em
}

.video-js .vjs-transient-button:hover {
    background-color: #323232e6
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
    outline: 0
}

.video-js :focus:not(:focus-visible) {
    outline: 0
}

/*! Typo */
:root {
    --pri-color-purple: #22126B;
    --sec-color-purple: #22126B;
    --pri-color-pink: #CF3364;
    --grad-purple: linear-gradient(0deg, #22126B, #22126B);
    --text-primar: #F2C01F;
    --text-secondary: #300030;
    --light-bg: #381F73;
    --medium-bg: #381F73;
    --dark-bg: #32176A
}

::selection {
    color: #fff;
    background-color: #005fa3;
    text-shadow: none
}

::-moz-selection {
    color: #fff;
    background-color: #005fa3;
    text-shadow: none
}

body {
    font-family: Roboto, sans-serif
}

.bg-light {
    background-color: var(--sec-color-purple)
}

.bg-dark {
    background-color: var(--pri-color-purple)
}

.st-head-wrapper {
    background: var(--sec-color-purple)
}

.st-mob-menu {
    background-color: var(--sec-color-purple)
}

.st-mob-menu .site-nav-wrap a,
.menuicon {
    color: #fff
}

.st-mob-menu .site-nav-wrap>li>ul>li {
    background: #00000026
}

.nav__toggle.active .menuicon {
    color: red
}

.nav__toggle.active .menuicon {
    color: #fff
}

#hero .slick-dots li button:before {
    background-color: #fff
}

#hero .slick-dots li.slick-active button:before {
    background: #e7326b
}

.bannerSlider:after {
    /*background: linear-gradient(180deg,rgba(63,4,112,0) 0%,var(--pri-color-purple) 90%)*/
}

.st-bf-card-wrapper {
    background: var(--pri-color-purple)
}

.team-153.team-card-box {
    /*background-image: linear-gradient(130deg,#EC2834,#840204)*/
}

.team-154.team-card-box {
    background-image: linear-gradient(131deg, #DCC094, #CBA368)
}

.team-155.team-card-box {
    background-image: linear-gradient(130deg, #54415D, #0C0A55)
}

.team-156.team-card-box {
    background-image: linear-gradient(130deg, #00417E, #105FDE)
}

.team-157.team-card-box {
    background-image: linear-gradient(130deg, #008594, #33BFAB)
}

.team-158.team-card-box {
    background-image: linear-gradient(130deg, #FFC53E, #F19327)
}

.team-159.team-card-box {
    background-image: linear-gradient(139deg, #FAED00, #FFAB12)
}

.team-160.team-card-box {
    background-image: linear-gradient(130deg, #D3146E, #A31E81)
}

.team-ply-wrap {
    background-image: linear-gradient(#241546, #5834AC)
}

.team-head {
    background: #19093E
}

.st-mc-pg-header {
    background-color: var(--pri-color-pink)
}

.ih-pt-tab-bg {
    background: #fff
}

.st-pt-card-wrappper {
    background: #fff;
    padding-block: 4rem
}

.st-pt-card-wrappper .widget-header h2 {
    color: var(--text-secondary)
}

table.ih-td-tab th {
    background: var(--sec-color-purple)
}

table.ih-td-tab tbody tr:nth-child(even) {
    background-color: #f5f4f4
}

#smcpl-stabox-right .xl-2 p {
    background: #300030 !important
}

.st-copy {
    background: var(--sec-color-purple)
}

.st-tp-card-wrappper {
    background: var(--grad-purple)
}

.st-book-card-wrappper {
    background-color: #fff
}

.st-md-card-wrappper {
    background-color: var(--pri-color-purple)
}

.st-teams-wrap .st-mc-pg-header .wrapper {
    color: var(--text-secondary)
}

.ply-more-btn .ply-more-btn__link a {
    background: var(--sec-color-purple)
}

.rs-cmd {
    color: var(--pri-color-purple)
}

.rs-title span {
    color: #fff
}

.rs-count .rs-count__num {
    color: #480838
}

.st-teams-wrap {
    background-color: #fff
}

body {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mgload {
    transition: transform 1s ease-in, opacity .3s;
    opacity: 0
}

.mgload.lazyload {
    opacity: 1
}

svg:not(:root) {
    overflow: hidden
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

*,
:after,
:before {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

:active,
:focus {
    outline: 0
}

[data-preload] {
    display: none
}

.ready[data-preload] {
    display: block
}

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent
}

ol,
ul {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none
}

a img {
    border: 0;
    background: none
}

img {
    vertical-align: middle
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

a img {
    border: none
}

abbr,
acronym {
    border-bottom-width: 0
}

.visuallyHidden,
.accessibility {
    position: absolute !important;
    top: -500px;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

h1 {
    font-size: 3.5rem
}

h2 {
    font-size: 3.2rem
}

h3 {
    font-size: 2.8rem
}

h4 {
    font-size: 2.6rem
}

h5 {
    font-size: 2.4rem
}

h6 {
    font-size: 2.2rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    line-height: 1
}

.h-web {
    display: none
}

.wrapper {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    padding: 0 1.6rem
}

.col,
.cols {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    float: left
}

.alignL {
    text-align: left !important
}

.alignR {
    text-align: right !important
}

.alignC {
    text-align: center !important
}

.alignJ {
    text-align: justify !important
}

.no-border {
    border: 0 !important
}

.d-flex {
    display: flex !important
}

.align-items-center {
    align-items: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-center {
    justify-content: center !important
}

.noPadB {
    padding-bottom: 0 !important
}

.noMargin {
    margin: 0 !important
}

.bg-dark,
.bg-light,
.bg-dark-patten,
.bg-light-patten {
    padding-block: 4rem
}

.bg-patten {
    position: relative;
    z-index: 1;
    overflow: hidden
}

#mediaGrid-page {
    background-color: #fff;
    position: relative;
    z-index: 1
}

.bg-patten:after,
.bg-patten:before,
#mediaGrid-page:after,
#mediaGrid-page:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(pattern-inner-content.37c3f1c48704764e.png);
    background-repeat: repeat-y;
    background-size: 340px;
    z-index: -1;
    opacity: .3
}

.matchCenter.stats-widget:after,
.matchCenter.stats-widget:before,
.smscorecardwidget:after,
.smscorecardwidget:before,
#scorecardWrapper:after,
#scorecardWrapper:before,
#scorecardWrapper.team-bg:after,
#scorecardWrapper.team-bg:before,
.team-ply-wrap:after,
.team-ply-wrap:before,
#mediaGrid-page:after,
#mediaGrid-page:before,
.team-logo-wrap:after,
.team-logo-wrap:before,
.st-cnt-wrap:before,
.st-cnt-wrap:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(pattern-inner-content.37c3f1c48704764e.png);
    background-size: 340px;
    background-repeat: repeat-y;
    z-index: -1;
    opacity: .3
}

.matchCenter.stats-widget:after,
.matchCenter.stats-widget:before,
.team-ply-wrap:after,
.team-ply-wrap:before,
#scorecardWrapper.team-bg:after,
#scorecardWrapper.team-bg:before {
    background-image: url(pattern-inner-content-bw.0f3e70bcb4dd1f34.png);
    opacity: .2
}

.bg-patten:before,
.smscorecardwidget:before,
#mediaGrid-page:before,
.matchCenter.stats-widget:before,
#scorecardWrapper:before,
.team-ply-wrap:before,
.team-logo-wrap:before,
#scorecardWrapper.team-bg:before,
.st-cnt-wrap:before {
    background-position: left -12rem center;
    animation: slideInLeft 1s cubic-bezier(.65, .05, .36, 1) 1s both
}

.bg-patten:after,
.smscorecardwidget:after,
#mediaGrid-page:after,
.matchCenter.stats-widget:after,
#scorecardWrapper:after,
.team-ply-wrap:after,
.team-logo-wrap:after,
#scorecardWrapper.team-bg:after,
.st-cnt-wrap:after {
    background-position: right -12rem center;
    animation: slideInRight 1s cubic-bezier(.65, .05, .36, 1) 1s both
}

.widget-header,
.section__title {
    position: relative;
    margin-bottom: 2rem
}

.widget-header__title,
.title-heading-center,
.st-teams-wrap .st-mc-pg-header {
    color: #fff;
    display: inline-block;
    font-family: var(--font-family-1);
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-transform: capitalize
}

.viewHightLights {
    overflow: hidden
}

.cd-popup-container {
    margin: 9rem auto !important
}

.cd-popup.active .cd-popup-container {
    transform: translateY(115px) !important;
    -webkit-transform: translateY(115px) !important
}

.st-ticket-wrapper {
    padding-block: 1rem;
    margin: 0 auto;
    text-align: center;
    background-color: #300030
}

.st-head-wrapper {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    font-family: Bebas Neue, sans-serif;
    z-index: 3
}

.st-head-wrapper:before,
.st-head-wrapper:after {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    z-index: -1
}

.st-head-wrapper:before {
    background-image: url(header-pattern-left.d564ec1dc62551db.png);
    background-size: contain;
    background-position: left center
}

.st-head-wrapper:after {
    background-image: url(header-pattern-right.64f8ffb96da4e52e.png);
    background-size: contain;
    background-position: right center
}

.st-head-wrapper .team-card {
    margin: 0
}

.adv-hide {
    opacity: 0
}

.tk-icon-wrap {
    position: relative;
    z-index: 9;
    display: none
}

.tk-icon-wrap a {
    position: absolute;
    left: -3rem;
    right: 0;
    bottom: 0;
    top: -1rem;
    z-index: 4;
    animation-name: slideInDown;
    animation-duration: .5s;
    animation-delay: 1s;
    animation-fill-mode: both
}

.tnpl-banner {
    background: #22126B;
    box-shadow: 0 3px 12px #00000073;
    border-bottom: 1px solid #22126B;
    position: relative
}

.tnpl-banner:after,
.tnpl-banner:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(ticket-pattern.58be95437ee4de63.png);
    background-repeat: no-repeat;
    background-size: 700px;
    opacity: .2 !important;
    animation-name: slideInDown;
    animation-duration: .8s;
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tnpl-banner:before {
    background-position: left center
}

.tnpl-banner:after {
    background-position: right center
}

.st-banner-web {
    position: relative;
    margin: 0 auto;
    padding-block: 2px;
    text-align: center;
    z-index: 2;
    animation-name: slideInDown;
    animation-duration: .8s;
    animation-delay: 1.1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.st-ticket-banner a {
    display: inline-block;
    place-content: center
}

.st-ticket-banner a img {
    width: 520px
}

.st-ticket-banner a img,
.st-anim-banner-web a img {
    border-radius: 8px;
    transition: all .3s ease-in-out
}

.st-anim-banner-web {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 9;
    background: #F2C01F;
    box-shadow: 0 3px 12px #00000073;
    border-bottom: 1px solid #ffe38b
}

.st-anim-banner-web a {
    display: inline-block;
    margin-block: 2px 0
}

.st-anim-banner-web.adv-anim-reverse {
    animation-name: fadeOutUp;
    animation-duration: .5s;
    animation-fill-mode: both
}

.st-anim-banner-web.adv-anim {
    display: block;
    top: 75px;
    animation-name: fadeInDown;
    animation-duration: .5s;
    animation-fill-mode: both;
    background-color: #22126B
}

.st-anim-banner-web.adv-anim a img {
    width: 320px
}

.st-banner-mob,
.st-anim-banner-mob,
.st-anim-banner-mob.adv-anim-reverse {
    display: none
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleZ(1)
    }
}

.site-logo {
    padding-block: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.site-logo a {
    display: block;
    top: 0
}

.site-logo img {
    width: 100%;
    max-width: 85px;
    transition: max-width .4s ease-in-out
}

nav.st-header-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    animation: .8s ease-in-out headLoading
}

nav.st-header-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex
}

nav.st-header-menu ul li {
    position: relative;
    padding: 2rem 1rem;
    margin-inline: .1rem;
    transition: padding .4s ease-in-out
}

nav.st-header-menu ul li a {
    text-decoration: none;
    color: #fff;
    letter-spacing: .5px;
    font-size: 22px;
    line-height: 22px;
    transition: font-size .4s ease-in-out;
    font-family: Bebas Neue;
    border-bottom: 4px solid rgba(255, 255, 255, 0)
}

nav.st-header-menu ul li a svg {
    margin-left: 5px;
    transition: all .3s ease-in-out
}

nav.st-header-menu ul li a.active,
nav.st-header-menu ul li a:hover {
    color: #fff;
    border-bottom: 4px solid #fff
}

nav.st-header-menu ul li ul.mm-dropdown {
    display: none;
    position: absolute;
    top: 70px;
    left: auto;
    right: 0;
    animation: fadeIn .3s ease-in-out;
    overflow: hidden
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

nav.st-header-menu ul li:hover ul {
    display: block
}

nav.st-header-menu ul.mm-dropdown {
    border-radius: 6px;
    background: #ffffff;
    min-width: 160px;
    width: 100%;
    z-index: 1;
    padding: 1px
}

nav.st-header-menu ul.mm-dropdown li {
    margin: 0;
    padding: 0;
    overflow: hidden
}

nav.st-header-menu ul.mm-dropdown li:not(:last-child) {
    border-bottom: .4px solid #d2d2d2
}

nav.st-header-menu ul.mm-dropdown li a {
    font-size: 20px;
    color: var(--text-secondary);
    padding: 0;
    width: 100%;
    display: block;
    padding-block: 12px;
    padding-inline: 10px;
    border-radius: 5px;
    border: 0
}

nav.st-header-menu ul.mm-dropdown li a:hover,
ul.mm-dropdown li a:focus {
    background: #22126B;
    color: #fff
}

.st-head-wrapper.sticky {
    position: fixed;
    transition: all .4s ease-in-out;
    z-index: 9
}

.st-head-wrapper.sticky .site-logo img {
    width: 100%;
    max-width: 60px
}

.st-head-wrapper.sticky nav.st-header-menu ul li {
    padding: 1rem
}

.st-head-wrapper.sticky nav.st-header-menu ul li li {
    padding: 0
}

.st-head-wrapper.sticky nav.st-header-menu ul li ul.mm-dropdown {
    top: 55px
}

.st-head-wrapper.sticky nav.st-header-menu ul li a {
    font-size: 20px
}

.st-head-wrapper.sticky .site-logo:after {
    background-size: 55% auto;
    background-position: center left 91px
}

.st-mob-menu {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    transform: translate(110%);
    box-shadow: -10px 0 20px -10px #0006;
    transition: .3s ease-in-out;
    z-index: 99
}

.menu-open .st-mob-menu {
    transform: translate(0)
}

.st-mob-menu .st-mob-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 5rem 12px 150px;
    height: calc(100vh - 52px)
}

.st-mob-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

.st-mob-menu .site-nav-wrap a {
    padding: 16px 20px;
    display: block;
    position: relative;
    letter-spacing: .5px;
    font-family: Bebas Neue;
    text-decoration: none
}

.st-mob-menu .site-nav-wrap li {
    position: relative;
    display: block
}

.st-mob-menu .site-nav-wrap>li {
    display: block;
    position: relative;
    float: left;
    width: 100%
}

.st-mob-menu .site-nav-wrap>li>a {
    padding-left: 0;
    font-size: 20px;
    border-bottom: 1px solid #ffffff21;
    text-transform: capitalize;
    font-family: Bebas Neue;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.st-mob-menu .site-nav-wrap>li>ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.st-mob-menu .site-nav-wrap>li>ul>li {
    display: block
}

.menuicon {
    display: block;
    cursor: pointer;
    transform: rotate(0);
    transition: .3s cubic-bezier(.165, .84, .44, 1)
}

.menuicon__bar,
.menuicon__circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round
}

.menuicon__bar {
    transform: rotate(0);
    transform-origin: 50% 50%;
    transition: transform .25s ease-in-out
}

.navi {
    display: none
}

.nav__toggle.active {
    float: right;
    position: relative;
    z-index: 9999
}

.nav__toggle.active .menuicon {
    transform: rotate(180deg)
}

.nav__toggle.active .menuicon__bar:nth-child(1),
.nav__toggle.active .menuicon__bar:nth-child(4) {
    opacity: 0
}

.nav__toggle.active .menuicon__bar:nth-child(2) {
    transform: rotate(45deg)
}

.nav__toggle.active .menuicon__bar:nth-child(3) {
    transform: rotate(-45deg)
}

.collapse {
    display: none;
    transition: all .3s ease-in-out
}

.collapse.active {
    display: block
}

#hero .slick-dots {
    bottom: 0
}

#hero .slick-dots li {
    vertical-align: middle;
    margin: 0
}

#hero .slick-dots li,
#hero .slick-dots li button,
#hero .slick-dots li button:before {
    width: 50px;
    height: 4px;
    content: "";
    transition: all .3s ease-in-out
}

#hero .slick-dots li.slick-active,
#hero .slick-dots li.slick-active button,
#hero .slick-dots li.slick-active button:before {
    height: 8px
}

#hero .slick-dots li.slick-active button:before {
    opacity: 1
}

#hero .slick-prev,
#hero .slick-next {
    height: 40px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center
}

#hero .slick-next {
    background-image: url(arrow-right.879032ec9ffcd484.svg)
}

#hero .slick-prev {
    background-image: url(arrow-left.c19c3835db3ecd80.svg)
}

#hero .slick-arrow:before,
#hero .slick-arrow:after {
    content: ""
}

.bannerSlider {
    height: calc(100vh - 180px);
    position: relative
}

.bannerSlider:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0
}

.bannerSlider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.hero-wrapper {
    overflow: hidden;
    margin: 0 !important
}

.hero-wrapper .caption {
    max-width: 1200px;
    width: 100%;
    padding: 0 1.6rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4rem;
    font-family: Bebas Neue;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 52px;
    color: #fff;
    text-shadow: 0 3px 8px rgba(0, 0, 0, .6);
    transition: all .3s ease-in-out;
    z-index: 1;
    text-align: center
}

.hero-wrapper .caption:hover {
    color: var(--text-primar)
}

.hero-wrapper .slick-prev {
    z-index: 1;
    left: 30px
}

.hero-wrapper .slick-next {
    z-index: 1;
    right: 30px
}

.hero-wrapper .slick-prev:before,
.hero-wrapper .slick-next:before {
    font-size: 40px
}

.st-adv-wrappper {
    padding-bottom: 0
}

.st-adv-wrappper img {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    transition: all .3s ease-in-out
}

.st-rs-card-wrappper,
.st-md-card-wrappper,
.st-stats-card-wrappper,
.st-pt-card-wrappper,
.st-tp-card-wrappper {
    display: block;
    overflow: hidden;
    clear: both
}

.st-md-card-wrappper:before,
.st-rs-card-wrappper:before,
.st-tp-card-wrappper:before,
.st-md-card-wrappper:after,
.st-rs-card-wrappper:after,
.st-tp-card-wrappper:after,
.st-bf-card-wrapper:after,
.st-bf-card-wrapper:before,
.st-teams-wrap:after,
.st-teams-wrap:before {
    background-image: url(pattern-content.841945b7671f4c7a.png)
}

.st-md-card-wrappper:before,
.st-md-card-wrappper:after,
.st-rs-card-wrappper:before,
.st-rs-card-wrappper:after,
.st-tp-card-wrappper:before,
.st-tp-card-wrappper:after,
.st-bf-card-wrapper:after,
.st-bf-card-wrapper:before,
.st-teams-wrap:after,
.st-teams-wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .2
}

.st-bf-card-wrapper {
    padding-block: 4rem;
    position: relative;
    z-index: 1
}

.st-bf-card-wrapper:after,
.st-bf-card-wrapper:before {
    background-size: 150px;
    background-repeat: repeat-y
}

.st-bf-card-wrapper:after {
    background-position: right -2rem top -106px
}

.st-bf-card-wrapper:before {
    background-position: left -2rem top -106px
}

.st-stats-card-wrappper {
    padding-block-end: 3rem
}

.st-rs-card-wrappper {
    position: relative;
    z-index: 1
}

.st-rs-card-wrappper:before {
    background-size: 150px;
    background-position: left -2rem center;
    background-repeat: repeat-y
}

.st-rs-card-wrappper:after {
    background-size: 150px;
    background-position: right -2rem center;
    background-repeat: repeat-y
}

.st-md-card-wrappper {
    position: relative;
    padding-block: 4rem;
    z-index: 1;
    overflow: hidden
}

.st-md-card-wrappper .mediaContainer {
    margin-block-end: 3rem
}

.st-md-card-wrappper .mediaContainer .wrapper {
    padding: 0
}

.st-md-card-wrappper:before {
    background-size: 350px;
    background-position: left -10rem top -36rem
}

.st-md-card-wrappper:after {
    background-size: 350px;
    background-position: right -10rem top -36rem
}

.st-md-card-wrappper .widget-header {
    display: flex;
    align-items: baseline
}

.st-md-card-wrappper .widget-header .see-more {
    position: unset;
    margin-left: 20px
}

.st-tp-card-wrappper {
    position: relative;
    padding-block: 4rem;
    z-index: 1
}

.st-tp-card-wrappper:before {
    background-size: 150px;
    background-position: left -1rem center
}

.st-tp-card-wrappper:after {
    background-size: 150px;
    background-position: right -1rem center
}

.ih-pt-tab-bg {
    background: #fff;
    border-radius: 14px;
    box-shadow: none;
    overflow: hidden
}

table.ih-td-tab {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    border-collapse: collapse;
    caption-side: bottom;
    text-align: center
}

table.ih-td-tab,
table.ih-td-tab td,
table.ih-td-tab th {
    border: 0 solid #000;
    padding: 10px;
    vertical-align: middle
}

table.ih-td-tab th {
    border-bottom: none;
    padding: 15px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px
}

tr.ih-td-bg {
    background-color: #ef4123;
    padding: 20px;
    color: #fff;
    font-weight: 500
}

td.ih-t-color {
    color: #19398a;
    font-weight: 600
}

.ih-pt-cont,
.points-table-page th,
table.ih-td-tab td {
    color: #241546;
    font-style: normal
}

.ih-pt-cont,
table.ih-td-tab td {
    font-family: Roboto, sans-serif;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px;
    text-transform: capitalize
}

.ih-pt-ic {
    width: 100%;
    float: left;
    display: flex;
    align-items: center
}

.ih-pt-ic .ih-pt-cont {
    text-align: left
}

.ih-pt-img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ih-pt-img img {
    width: 30px
}

.ih-bg .ih-pcard-sec,
.ih-pt-fb {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center
}

.perform_ele {
    display: flex;
    align-items: center;
    justify-content: center
}

.rf {
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #8d8787;
    background: #8d8787;
    margin: 0 3px;
    border-radius: 50%;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center
}

.rf.W,
.rf.L,
.rf.N {
    font-weight: 400;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border-radius: inherit
}

.rf.W {
    background-image: url(hex-w.6b0d3857d0800ddd.png)
}

.rf.L {
    background-image: url(hex-l.3131f361754c76a2.png)
}

.rf.N {
    background-image: url(hex-n.61aefce07f0127bb.png)
}

td.ih-pt-fb-w {
    width: 10%
}

.team-153,
.team-154,
.team-155,
.team-156,
.team-157,
.team-158,
.team-159,
.team-160 {
    cursor: pointer;
    width: 265px;
    height: 325px
}

.team-card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-block: 2rem
}

.team-card img {
    position: relative;
    width: calc(100% - 120px);
    transition: all .3s ease-in-out;
    z-index: 0
}

.team-card-box {
    width: 220px;
    height: 321px;
    background: #fff;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
}

.team-card-box:hover {
    transform: translateY(-5px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11),
        0 24px 46px rgba(0, 0, 0, 0.2);
}

.team-card-box .overlay {
    width: 130px;
    position: absolute;
    height: 130px;
    border-radius: 50%;
    background: var(--team-bg-color, #ffd861);
    top: 70px;
    left: 50px;
    z-index: 0;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.team-card-box:hover .overlay {
    transform: scale(5) translateZ(0);
    background: var(--team-bg-hover, #e6c04f);
    /* Darker shade */
}

.team-card-box .circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--team-bg-color, #ffd861);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

.team-card-box:hover .circle {
    border-color: rgba(255, 255, 255, 0.5);
    background: var(--team-bg-hover, #e6c04f);
}

.team-card-box .circle:after {
    content: "";
    width: 118px;
    height: 118px;
    display: block;
    position: absolute;
    background: var(--team-bg-color, #ffd861);
    border-radius: 50%;
    top: 7px;
    left: 7px;
    transition: opacity 0.3s ease-out;
}

.team-card-box:hover .circle:after {
    background: rgba(255, 255, 255, 0.2);
}

.team-card-box .circle img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    z-index: 10;
    transform: translateZ(0);
    position: relative;
}

.team-card-box p {
    font-size: 17px;
    color: #4C5656;
    margin-top: 30px;
    z-index: 10;
    transition: all 0.3s ease-out;
    font-weight: 600;
    text-align: center;
    padding: 0 15px;
}

.team-card-box:hover p {
    color: #fff;
}


.team-card-box i {
    font-size: 13px;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    margin-top: 2rem
}

.team-153:after,
.team-154:after,
.team-155:after,
.team-156:after,
.team-157:after,
.team-158:after,
.team-159:after,
.team-160:after {
    display: none;
    justify-content: center;
    align-items: center;
    width: 265px;
    height: 325px;
    content: "";
    position: absolute;
    inset: 0;
    background-size: 320px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5
}

.team-ply-wrap {
    position: relative;
    z-index: 0
}

.team-head {
    padding-block: 1.5rem;
    margin-bottom: 2rem
}

.team-head .wrapper {
    display: flex;
    align-items: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .05em;
    color: #fff
}

.team-head .wrapper img {
    width: 90px;
    margin-right: 1rem
}

.st-partner-wrapper {
    padding-block: 2rem;
    background: #f8f8f8;
    clear: both
}

.st-partner-area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
    margin: 0 0rem 3.2rem;
    width: 100%
}

.st-partner-area_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-inline: 1rem
}

.st-partner-area_title {
    margin-block: 0 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: .1em;
    color: #480838
}

.st-partner-area_list {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 1rem
}

.st-partner-area_list.str-pt,
.st-partner-area_list.ofc-pat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.st-partner-area_list li img {
    width: 130px
}

.st-partner-area_list li.tp-prt img {
    width: 160px
}

.st-partner-area_list li.kh img {
    width: 110px
}

.st-partner-area_list.str-pt li:nth-child(1) img {
    width: 80px
}

.st-partner-area .st-partner-area_info:not(:last-child),
.st-partner-area_two .st-partner-area_info:not(:last-child),
.st-partner-area_three .st-partner-area_info:not(:last-child) {
    border-right: 1px solid rgba(217, 217, 217, .75);
    padding-inline: 1rem;
    margin: 0
}

.st-partner-area_three {
    margin-bottom: 0
}

.st-ap-card-wrappper {
    display: block;
    clear: both;
    padding: 0
}

.st-ap-card-wrappper .wrapper {
    position: relative
}

.st-ap-card-wrappper .wrapper:after {
    content: "";
    position: absolute;
    inset: -85px 4% 0 0;
    background-image: url(../images/partners/Partners-1753256969.png);
    background-repeat: no-repeat;
    background-position: right;
    z-index: 1
}

.playstore-text {
    position: relative;
    color: #fff;
    width: 60%;
    padding-block: 4rem;
    z-index: 8
}

.playstore-text h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-transform: capitalize;
    margin-block-end: 1.6rem
}

.playstore-text .playstore-text-text {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-family: Roboto;
    margin-block-end: 1rem
}

.playstore-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 1
}

.st-foot-wrapper {
    padding-block: 2rem 2rem;
    clear: both;
    border-top: 1px solid #ffffff21
}

.st-foot-menu {
    text-align: left;
    float: left;
    width: 30%;
    font-family: Roboto, sans-serif;
    color: #fff
}

.st-foot-menu .st-foot-head {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    margin: 0 0 15px;
    text-transform: capitalize
}

.st-foot-menu .st-foot-menu-list {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize
}

.st-foot-menu .st-foot-menu-list a {
    color: #fff;
    padding-block: 8px;
    display: inline-block;
    transition: all .3s ease-in-out;
    text-decoration: none
}

.st-foot-menu .st-foot-menu-list a:hover {
    color: var(--text-primar)
}

.st-copy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff
}

.card-title,
.policySecTitle {
    font-family: Bebas Neue, sans-serif;
    font-weight: 400;
    margin-block-end: 1rem;
    font-size: 22px;
    line-height: 24px
}

.card-text,
.policyP {
    margin-block-end: 1rem;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: Roboto, sans-serif
}

.st-cnt-wrap {
    background-color: #fff;
    padding-block: 2.6rem;
    min-height: 800px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.st-mc-pg-header {
    padding-block: 1.5rem;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .05em;
    clear: both;
    overflow: hidden
}

.team-logo-wrap {
    position: relative;
    overflow: hidden
}

.st-teams-wrap {
    display: block;
    padding-block: 4rem;
    position: relative;
    z-index: 0
}

.st-teams-wrap .st-mc-pg-header {
    background-color: transparent !important;
    padding: 0;
    width: 100%
}

.st-teams-wrap:after {
    background-position: right -2rem center
}

.st-teams-wrap:before {
    background-position: left -2rem center
}

.st-teams-wrap .team-card {
    margin-block-end: 0 !important
}

.st-teams-wrap .team-logo-wrap:before,
.st-teams-wrap .team-logo-wrap:after {
    display: none
}

.cd-popup-container:not(.fullview) .mcDetails {
    position: absolute !important
}

.SMResultSliderWidget .slick-prev,
.SMResultSliderWidget .slick-next,
.newsSlider .slick-prev,
.newsSlider .slick-next,
.videoSlider .slick-prev,
.videoSlider .slick-next {
    border-radius: 2px
}

.newsSlider .slick-prev,
.newsSlider .slick-next,
.videoSlider .slick-prev,
.videoSlider .slick-next {
    top: -80px
}

#smcpl-stabox-right .xl-2 p {
    background-color: #6a3ad9 !important
}

.team-153:after,
.team-154:after,
.team-155:after,
.team-156:after,
.team-157:after,
.team-158:after,
.team-159:after,
.team-160:after {
    animation: zoomIn .5s ease-in-out 1s both
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.st-book-card-wrappper {
    padding-block: 4rem
}

.book-card {
    height: 130px;
    background-color: #f2c01f;
    position: relative;
    border: 1px solid #F2C01F;
    border-radius: 8px
}

.book-card-inner {
    height: 130px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding-inline: 1rem
}

.book-card-inner:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(shap-circle.2dd8e3e01b65fc4f.png);
    background-repeat: no-repeat;
    background-position: center right -70px;
    background-size: 540px
}

.book-card-inner:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(shap-circle.2dd8e3e01b65fc4f.png);
    background-repeat: no-repeat;
    background-position: center left -134px;
    background-size: 410px
}

.book-thy img {
    width: 320px;
    position: absolute;
    top: -34px
}

.book-logo {
    display: flex;
    align-items: center;
    gap: 1rem
}

.book-logo img {
    width: 110px
}

.book-logo .book-txt-big {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: Column;
    font-family: Bebas Neue;
    color: #32176a;
    font-size: calc(40px + (80 - 40) * (100vw - 1280px) / (3840 - 1280));
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px
}

.book-logo .book-txt-big span {
    font-family: Roboto;
    font-size: calc(10px + (20 - 10) * (100vw - 1280px) / (3840 - 1280));
    font-weight: 500;
    letter-spacing: normal;
    background: #fff;
    padding: 3px 6px 2px;
    border-radius: 32px;
    line-height: 14px
}

.book-thy,
.book-logo,
.book-txt {
    flex-basis: 50%;
    z-index: 1
}

.book-txt {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.book-txt a {
    display: inline-block;
    padding: 10px 2rem;
    border-radius: 8px;
    background: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 4px 15px #0003;
    z-index: 0;
    transition: all .3s ease-in-out
}

.book-txt a:hover,
.book-txt a:focus {
    background: linear-gradient(-90deg, #381F73 .22%, #6A3AD9 50.04%);
    color: #fff
}

.st-content-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 3rem
}

.st-cnt-wrap .cont p {
    font-size: 16px;
    line-height: 22px;
    font-family: Roboto, sans-serif;
    font-weight: 400
}

.fw-bold {
    font-size: 18px;
    font-weight: 700
}

@media (max-width: 1450px) {
    .tk-icon-wrap a {
        left: -5rem
    }

    .tk-icon-wrap a img {
        width: 140px
    }

    .st-head-wrapper .wrapper {
        max-width: 1360px
    }

    .st-partner-area_list li img {
        width: 110px
    }

    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area_three .st-partner-area_info:not(:last-child) {
        padding-inline: 1.6rem
    }

    .st-head-wrapper:before {
        background-position: left -40px center
    }

    .st-head-wrapper:after {
        background-position: right -40px center
    }
}

@media only screen and (max-width: 1366px) {
    nav.st-header-menu ul li a {
        font-size: 20px
    }

    .st-tp-card-wrappper,
    .st-pt-card-wrappper {
        padding-block: 3rem
    }

    .st-foot-wrapper {
        padding-block: 2.4rem
    }

    .st-foot-menu .st-foot-menu-list {
        font-size: 14px;
        line-height: 16px
    }

    .st-copy {
        font-size: 12px;
        line-height: 12px
    }

    .matchCenter.stats-widget:after,
    .matchCenter.stats-widget:before,
    .smscorecardwidget:after,
    .smscorecardwidget:before,
    #scorecardWrapper:after,
    #scorecardWrapper:before,
    #scorecardWrapper.team-bg:after,
    #scorecardWrapper.team-bg:before,
    .team-ply-wrap:after,
    .team-ply-wrap:before,
    #mediaGrid-page:after,
    #mediaGrid-page:before,
    .team-logo-wrap:after,
    .team-logo-wrap:before {
        background-size: 240px
    }

    .smscorecardwidget:before,
    .matchCenter.stats-widget:before,
    .team-logo-wrap:before,
    #mediaGrid-page:before,
    #scorecardWrapper:before {
        background-position: left -9rem center
    }

    .smscorecardwidget:after,
    .matchCenter.stats-widget:after,
    .team-logo-wrap:after,
    #mediaGrid-page:after,
    #scorecardWrapper:after {
        background-position: right -9rem center
    }
}

@media only screen and (max-width: 1280px) {
    .tk-icon-wrap a {
        left: -1rem
    }

    .st-head-wrapper .wrapper {
        max-width: 1200px
    }
}

@media (max-width: 64.0525em) {
    nav.st-header-menu ul li {
        margin-inline: 0
    }

    nav.st-header-menu ul li a {
        font-size: 18px
    }

    .st-head-wrapper:before {
        background-position: left -60px center
    }

    .st-head-wrapper:after {
        background-position: right -60px center
    }
}

@media only screen and (max-width: 990px) {
    nav.st-header-menu ul {
        display: none
    }

    .navi {
        display: block
    }
}

@media (max-width: 840px) {
    .tk-icon-wrap a {
        left: 0;
        top: 0
    }

    .tk-icon-wrap a img {
        width: 110px
    }

    .st-ap-card-wrappper .wrapper:after {
        display: none
    }

    .playstore-text {
        width: 100%;
        text-align: center
    }

    .playstore-icon {
        justify-content: center
    }

    .team-card {
        gap: 10px;
        transition: all .3s ease-in-out;
        justify-content: center;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))
    }

    .team-card .team-card-box img {
        width: 120px
    }

    .team-card a.team-card-box {
        width: auto;
        height: 180px;
        border-radius: 10px;
        transition: all .3s ease-in-out
    }

    .team-card-box i {
        display: block;
    }

    .smscorecardwidget.matchCenter:before {
        background-size: 160px;
        background-position: left -5rem center
    }

    .smscorecardwidget.matchCenter:after {
        background-size: 160px;
        background-position: right -5rem center
    }
}

@media (max-width: 768px) {
    #hero .slick-dots {
        bottom: 1rem
    }

    .wrapper {
        padding: 0 1rem
    }

    .st-adv-wrappper img {
        width: 100%
    }

    .widget-header,
    .section__title {
        margin-bottom: 1.6rem
    }

    .st-md-card-wrappper .widget-header {
        justify-content: space-between
    }

    .widget-header__title,
    .title-heading-center,
    .st-teams-wrap .wrapper {
        font-size: 22px;
        line-height: 22px
    }

    .st-teams-wrap .wrapper .team-card {
        margin-block: 1rem
    }

    .topPerformersWrap .performersList .imgBlk {
        margin-block: 4rem 0
    }

    .topPerformersWrap .widget-header {
        justify-content: center;
        text-align: center
    }

    .st-partner-wrapper .wrapper {
        display: block;
        clear: both;
        overflow: hidden
    }

    .st-partner-area {
        width: auto;
        margin: 0 0rem 2rem
    }

    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area_three .st-partner-area_info:not(:last-child) {
        margin-block-end: 1rem
    }

    .st-teams-wrap:before,
    .st-teams-wrap:after {
        background-size: 200px
    }

    .st-md-card-wrappper:after,
    .st-md-card-wrappper:before {
        background-size: 210px
    }

    .st-md-card-wrappper:before,
    .st-tp-card-wrappper:before {
        background-position: left -10rem center
    }

    .st-md-card-wrappper:after,
    .st-tp-card-wrappper:after {
        background-position: right -10rem center
    }

    .st-rs-card-wrappper:after,
    .st-rs-card-wrappper:before,
    .st-bf-card-wrapper:after,
    .st-bf-card-wrapper:before,
    .st-tp-card-wrappper:after,
    .st-tp-card-wrappper:before {
        background-size: 70px
    }

    .st-tp-card-wrappper:after,
    .st-tp-card-wrappper:before {
        background-repeat: repeat-y
    }

    .st-foot-wrapper .wrapper {
        flex-direction: column
    }

    .st-foot-menu .st-foot-head {
        font-size: 16px;
        margin: 0 0 6px
    }

    .st-foot-menu .st-foot-menu-list {
        font-size: 13px
    }

    .st-foot-menu .st-foot-menu-list a {
        padding: 5px 0
    }

    .st-foot-menu {
        width: 100%
    }

    .st-foot-menu:not(:last-child) {
        margin-block-end: 1rem
    }

    .playstore-text {
        padding-block: 3rem
    }

    .playstore-text h1 {
        font-size: 22px;
        line-height: 26px;
        margin-block-end: 1rem
    }

    .playstore-text .playstore-text-text {
        font-size: 16px;
        line-height: 20px
    }

    .playlistShareIcon {
        display: none !important
    }

    .cd-popup-container .cd-popup-close {
        top: 15px !important;
        right: 10px !important
    }

    .matchCenter.stats-widget:after,
    .matchCenter.stats-widget:before,
    #mediaGrid-page:after,
    #mediaGrid-page:before {
        width: 180px;
        background-size: 150px
    }

    .book-card {
        overflow: hidden;
        border-radius: 10px
    }

    .book-card,
    .book-card-inner {
        height: 400px
    }

    .book-card-inner {
        flex-direction: column;
        padding-block: 1rem
    }

    .book-card-inner:before {
        background-position: center top -156px;
        background-size: 450px
    }

    .book-card-inner:after {
        display: none
    }

    .book-logo {
        flex-direction: column;
        gap: .5rem
    }

    .book-logo img {
        width: 90px
    }

    .book-logo .book-txt-big {
        font-size: 50px
    }

    .book-logo .book-txt-big span {
        font-size: 13px
    }

    .book-thy img {
        width: 320px;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -64px;
        margin: 0 auto
    }

    .book-txt a {
        background: linear-gradient(-90deg, #381F73 .22%, #6A3AD9 50.04%);
        color: #fff
    }
}

@media (max-width: 40em) {
    .st-head-wrapper:before {
        background-position: left -45px center
    }

    .st-head-wrapper:after {
        background-position: right -45px center
    }

    .matchCenter.stats-widget:after,
    .matchCenter.stats-widget:before {
        width: 200px;
        background-size: 100px
    }

    .bg-patten:before,
    .matchCenter.stats-widget:before,
    #scorecardWrapper:before,
    #scorecardWrapper.team-bg:before {
        background-position: left -3rem center
    }

    .bg-patten:after,
    .matchCenter.stats-widget:after,
    #scorecardWrapper:after,
    #scorecardWrapper.team-bg:after {
        background-position: right -3rem center
    }

    #scorecardWrapper:before,
    #scorecardWrapper:after,
    #scorecardWrapper.team-bg:after,
    #scorecardWrapper.team-bg:before {
        background-size: 100px
    }

    .st-cnt-wrap:before,
    .st-cnt-wrap:after {
        display: none
    }

    .hero-wrapper .caption {
        bottom: 3rem;
        font-size: 28px;
        line-height: 32px
    }

    .h-mob,
    .st-anim-banner-web.h-mob.adv-anim {
        display: none
    }

    .h-web {
        display: block !important
    }

    .site-logo img {
        width: 60px
    }

    .site-logo:after {
        background-size: 50% auto;
        background-position: center left 100px
    }

    .liveResInnrBlock,
    .st-tp-card-wrappper,
    .st-pt-card-wrappper,
    .st-stats-card-wrappper,
    .st-foot-wrapper {
        padding-block: 2rem
    }

    .st-rs-card-wrappper {
        padding: 0
    }

    .st-md-card-wrappper,
    .st-partner-wrapper {
        padding-block: 2rem 0
    }

    .st-md-card-wrappper .mediaContainer {
        margin-block-end: 0
    }

    .st-partner-area {
        margin: 0 0rem 1rem
    }

    .st-adv-wrappper {
        display: none
    }

    .tk-icon {
        width: 90px
    }

    .st-ticket-wrapper {
        padding: 0;
        display: none
    }

    .st-ticket-text {
        overflow: hidden;
        width: 100%;
        padding: 10px 5px;
        background: #22126B;
        color: #fff;
        letter-spacing: .2em;
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
        font-family: Bebas Neue
    }

    .marquee_text {
        white-space: nowrap;
        animation: marquee 20s linear infinite
    }

    .marquee_text a {
        color: #ffd13f
    }

    .tnpl-banner .wrapper {
        padding: 0
    }

    .st-banner-web,
    .st-anim-banner-mob {
        display: none
    }

    .tk-icon-wrap a {
        left: -1rem;
        top: 0
    }

    .st-banner-mob {
        display: block;
        position: relative;
        display: none;
        animation-name: fadeInDown;
        animation-duration: .5s;
        animation-delay: 1s;
        animation-fill-mode: both;
        z-index: 2
    }

    .st-banner-mob a {
        display: flex;
        place-content: center
    }

    .st-banner-mob .st-ticket-banner img,
    .st-anim-banner-mob a img {
        padding: 0
    }

    .st-anim-banner-mob {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        z-index: 9;
        background: #22126B;
        box-shadow: 0 3px 12px #00000073
    }

    .st-anim-banner-mob a {
        display: flex;
        place-content: center;
        margin: 2px
    }

    .st-anim-banner-mob a img {
        padding: 0
    }

    .st-anim-banner-mob.adv-anim-reverse {
        animation-name: fadeOutUp;
        animation-duration: .5s;
        animation-fill-mode: both
    }

    .st-anim-banner-mob.adv-anim {
        display: block;
        top: 73px;
        animation-name: fadeInDown;
        animation-duration: .5s;
        animation-fill-mode: both
    }

    .topPerformersWrap .performersList .imgBlk {
        margin-block: 2.6rem 0 !important
    }

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

        to {
            transform: translate(-100%)
        }
    }

    table.ih-td-tab {
        max-width: -moz-fit-content;
        max-width: fit-content;
        overflow-x: scroll;
        white-space: nowrap;
        display: block;
        padding: 0
    }

    .st-partner-area_info {
        margin-bottom: 10px
    }

    .st-partner-area_list.str-pt {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .topPerformersWrap .performersList .imgBlk {
        overflow: hidden;
        height: 220px
    }

    .topPerformersWrap .performersList .imgBlk .ply-img {
        top: 0;
        left: 5px;
        bottom: -30px;
        height: calc(100% + 30px);
        align-items: flex-end
    }

    .topPerformersWrap .performersList .imgBlk .ply-img img {
        height: 100%;
        width: auto;
        max-width: none;
        object-fit: contain;
        object-position: bottom;
        margin-top: 0
    }

    .st-partner-area {
        gap: 1rem
    }

    .st-partner-area .st-partner-area_info,
    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area_three .st-partner-area_info:not(:last-child) {
        border-right: 0
    }

    .st-partner-area .st-partner-area_info,
    .st-partner-area_two .st-partner-area_info,
    .st-partner-area_three .st-partner-area_info {
        border-right: 0 !important;
        border-bottom: 1px solid #ccc;
        padding-bottom: 1rem;
        padding-inline: .5rem
    }

    #mediaGrid-page:after,
    #mediaGrid-page:before,
    .team-logo-wrap:before,
    .team-logo-wrap:after {
        display: none
    }

    .st-content-wrap {
        display: flex;
        flex-direction: column
    }

    .st-cnt-wrap {
        padding-block: 1.6rem
    }

    .st-cnt-wrap .cont p {
        font-size: 14px;
        line-height: 20px
    }

    .team-card {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))
    }

    .team-card a.team-card-box {
        height: 110px
    }

    .team-card .team-card-box img {
        width: 80px
    }

    .st-teams-wrap,
    .st-book-card-wrappper {
        padding-block: 2rem
    }
}

@media (max-width: 540px) {
    .tk-icon-wrap a img {
        width: 95px
    }

    .st-ticket-banner a img,
    .st-anim-banner-web a img {
        width: 90%
    }

    .bg-dark,
    .bg-light,
    .bg-dark-patten,
    .bg-light-patten {
        padding-block: 2rem
    }

    .topPerformersWrap .performersList .playerDetWrap {
        display: flex;
        flex-direction: column;
        align-items: end
    }

    .topPerformersWrap .performersList .imgBlk .ply-img img {
        width: 165px;
        margin-top: 5px
    }

    .topPerformersWrap .performersList .imgBlk .ply-img {
        left: 30px;
        top: -30px;
        bottom: 0
    }

    .playstore-text h1 {
        font-size: 20px;
        line-height: 24px;
        margin-block-end: 1rem
    }

    .playstore-text .playstore-text-text {
        font-size: 14px;
        line-height: 18px
    }

    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area_three .st-partner-area_info:not(:last-child) {
        padding-inline: 1rem
    }

    .st-partner-area_info {
        width: 100%;
        margin-inline: 0
    }

    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area .st-partner-area_info {
        margin-bottom: 0
    }

    .st-bf-card-wrapper {
        padding-block: 1rem
    }

    .liveResInnrBlock {
        padding-block: 2rem
    }
}

@media (max-width: 24.99em) {
    .hero-wrapper .caption {
        font-size: 36px;
        line-height: 42px
    }

    .st-foot-wrapper {
        padding-block: 1rem
    }

    .topPerformersWrap .performersList .imgBlk .ply-img {
        left: 30px;
        top: -30px;
        bottom: 0
    }
}

@media (max-width: 340px) {
    .tk-icon-wrap a img {
        width: 66px
    }

    .tk-icon-wrap a {
        left: 0rem;
        top: -4px
    }
}

.smscorecardwidget.posStatic {
    position: static !important
}

.player-profile-loading {
    opacity: .7;
    pointer-events: none;
    position: relative
}

.player-profile-loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite
}

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

    to {
        transform: rotate(360deg)
    }
}

.player-profile-error {
    color: #e74c3c;
    background-color: #fadbd8;
    border: 1px solid #e74c3c;
    border-radius: 4px;
    padding: 2px 4px
}

[appPlayerProfile] {
    transition: all .2s ease
}

[appPlayerProfile]:hover {
    background-color: #3498db1a;
    border-radius: 4px
}

[appPlayerProfile]:active {
    transform: scale(.98)
}

@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:ital@1&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset "UTF-8";

.slick-loading .slick-list {
    background: #fff url(ajax-loader.0b80f665935ef7de.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(slick.25572f22d77029da.eot);
    src: url(slick.25572f22d77029da.eot?#iefix) format("embedded-opentype"), url(slick.653a4cbba6e1a2b3.woff) format("woff"), url(slick.6aa1ee46202fac6e.ttf) format("truetype"), url(slick.f895cfdf693e6229.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "\2190"
}

[dir=rtl] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "\2192"
}

[dir=rtl] .slick-next:before {
    content: "\2190"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

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

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
    filter: drop-shadow(0 0 .25em #fff)
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101"
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10b"
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10c"
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
    content: "\f116"
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f119"
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f11b"
}

.vjs-icon-replay-5,
.video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-5:before,
.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
    content: "\f11c"
}

.vjs-icon-replay-10,
.video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-10:before,
.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
    content: "\f11d"
}

.vjs-icon-replay-30,
.video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-30:before,
.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
    content: "\f11e"
}

.vjs-icon-forward-5,
.video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-5:before,
.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
    content: "\f11f"
}

.vjs-icon-forward-10,
.video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-10:before,
.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
    content: "\f120"
}

.vjs-icon-forward-30,
.video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-30:before,
.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
    content: "\f121"
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f122"
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f127"
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f128"
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f12e"
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
    bottom: 0;
    font-size: 1.4em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: #73859f80;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
    outline: .0625em solid white;
    box-shadow: none
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: #73859f80
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
    fill: #000
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: #2b333fb3
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
    width: 12em
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white
}

.video-js *:not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
    outline: .0625em solid white
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
    display: none
}

@supports not (inset: 10px) {
    .video-js .vjs-text-track-display>div {
        inset: 0
    }
}

.vjs-playback-rate>.vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-x-small .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
    display: none
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-title-bar {
    background: rgba(0, 0, 0, .9);
    background: linear-gradient(180deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .7) 60%, rgba(0, 0, 0, 0) 100%);
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity .1s;
    padding: .666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vjs-title-bar-title,
.vjs-title-bar-description {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none
}

.video-js *:focus:not(:focus-visible) {
    outline: none
}

.vjs-svg-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    fill: currentColor;
    height: 1.8em;
    width: 1.8em
}

.vjs-svg-icon:before {
    content: none !important
}

.vjs-control:focus .vjs-svg-icon,
.vjs-svg-icon:hover {
    filter: drop-shadow(0 0 .25em #fff)
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10a"
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
    content: "\f10b"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
    content: "\f10c"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-downloading {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-downloading:before {
    content: "\f10f"
}

.vjs-icon-file-download {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download:before {
    content: "\f110"
}

.vjs-icon-file-download-done {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download-done:before {
    content: "\f111"
}

.vjs-icon-file-download-off {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download-off:before {
    content: "\f112"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f113"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f114"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f115"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f116"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f117"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f118"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
    content: "\f119"
}

.vjs-icon-repeat {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-repeat:before {
    content: "\f11a"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
    content: "\f11b"
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,
.vjs-icon-replay-5 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,
.vjs-icon-replay-5:before {
    content: "\f11c"
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,
.vjs-icon-replay-10 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,
.vjs-icon-replay-10:before {
    content: "\f11d"
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,
.vjs-icon-replay-30 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,
.vjs-icon-replay-30:before {
    content: "\f11e"
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,
.vjs-icon-forward-5 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,
.vjs-icon-forward-5:before {
    content: "\f11f"
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,
.vjs-icon-forward-10 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,
.vjs-icon-forward-10:before {
    content: "\f120"
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,
.vjs-icon-forward-30 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,
.vjs-icon-forward-30:before {
    content: "\f121"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
    content: "\f122"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f123"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f124"
}

.vjs-icon-shuffle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-shuffle:before {
    content: "\f125"
}

.vjs-icon-cast {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cast:before {
    content: "\f126"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
    content: "\f127"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
    content: "\f128"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f129"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f12a"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f12b"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f12c"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f12d"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
    content: "\f12e"
}

.video-js {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: 0
}

.video-js *,
.video-js :after,
.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-1-1,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none
}

body.vjs-full-window,
body.vjs-pip-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    inset: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
    display: block
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-pip-container .vjs-pip-text {
    position: absolute;
    bottom: 10%;
    font-size: 2em;
    background-color: #000000b3;
    padding: .5em;
    text-align: center;
    width: 100%
}

.vjs-layout-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text {
    bottom: 0;
    font-size: 1.4em
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin-top: -.81666em;
    margin-left: -1.5em;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: #2b333fb3;
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-button .vjs-svg-icon {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
    transform: translate(-50%, -50%)
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: #73859f80;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
    outline: .0625em solid #fff;
    box-shadow: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: #73859f80
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon {
    fill: #000
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: 0 0
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: #2b333fb3
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
    left: unset;
    right: 1em
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: #2b333fb3;
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: #2b333fb3
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
    gap: 1px
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
    display: flex !important
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.vjs-button>.vjs-svg-icon {
    display: inline-block
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js :not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    line-height: .35em;
    z-index: 1
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
    content: none !important
}

.vjs-play-progress .vjs-svg-icon {
    position: absolute;
    top: -.35em;
    right: -.4em;
    width: .9em;
    height: .9em;
    pointer-events: none;
    line-height: .15em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-progress-control:hover .vjs-mouse-display,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: #000c
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: #73859f80
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
    outline: .0625em solid #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em;
    z-index: 1
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
    content: none
}

.vjs-volume-level .vjs-svg-icon {
    position: absolute;
    width: .9em;
    height: .9em;
    pointer-events: none;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    line-height: .35em;
    right: -.5em
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
    right: -.3em;
    transform: translateY(-50%)
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
    top: -.55em;
    transform: translate(-50%)
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: #2b333fb3
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: #000c
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
    height: 100%
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
    display: block
}

.vjs-poster img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
    line-height: 0
}

.vjs-seek-to-live-control .vjs-svg-icon {
    width: 1em;
    height: 1em;
    pointer-events: none;
    fill: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
    fill: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
    display: flex
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    inset: 0 0 3em;
    pointer-events: none
}

.vjs-error .vjs-text-track-display {
    display: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
    text-align: center !important;
    width: 80% !important
}

@supports not (inset: 10px) {
    .video-js .vjs-text-track-display>div {
        inset: 0
    }
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .85;
    text-align: left;
    border: .6em solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-error .vjs-loading-spinner {
    display: none
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
    width: 1.5em;
    height: 1.5em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10c";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f12e";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: #2b333fbf;
    color: #fff;
    height: 70%
}

.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
    height: 80%
}

.vjs-error .vjs-text-track-settings {
    display: none
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-text-track-settings select {
    font-size: inherit
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 10px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
    padding: 0 .6em .8em
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    font-weight: 700;
    font-size: 1.2em
}

.vjs-text-track-settings .vjs-label {
    margin: 0 .5em .5em 0
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: #2b333fbf
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

.vjs-title-bar {
    background: rgba(0, 0, 0, .9);
    background: linear-gradient(180deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .7) 60%, rgba(0, 0, 0, 0) 100%);
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity .1s;
    padding: .666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vjs-error .vjs-title-bar {
    display: none
}

.vjs-title-bar-description,
.vjs-title-bar-title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vjs-title-bar-title {
    font-weight: 700;
    margin-bottom: .333em
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
    opacity: 0;
    transition: opacity 1s
}

.video-js .vjs-skip-forward-5,
.video-js .vjs-skip-forward-10,
.video-js .vjs-skip-forward-30,
.video-js .vjs-skip-backward-5,
.video-js .vjs-skip-backward-10,
.video-js .vjs-skip-backward-30 {
    cursor: pointer
}

.video-js .vjs-transient-button {
    position: absolute;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #32323280;
    cursor: pointer;
    opacity: 1;
    transition: opacity 1s
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
    display: none
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
    opacity: 0
}

.video-js .vjs-transient-button span {
    padding: 0 .5em
}

.video-js .vjs-transient-button.vjs-left {
    left: 1em
}

.video-js .vjs-transient-button.vjs-right {
    right: 1em
}

.video-js .vjs-transient-button.vjs-top {
    top: 1em
}

.video-js .vjs-transient-button.vjs-near-top {
    top: 4em
}

.video-js .vjs-transient-button.vjs-bottom {
    bottom: 4em
}

.video-js .vjs-transient-button:hover {
    background-color: #323232e6
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
    outline: 0
}

.video-js :focus:not(:focus-visible) {
    outline: 0
}

/*! Typo */
:root {
    --pri-color-purple: #22126B;
    --sec-color-purple: #22126B;
    --pri-color-pink: #CF3364;
    --grad-purple: linear-gradient(0deg, #22126B, #22126B);
    --text-primar: #F2C01F;
    --text-secondary: #300030;
    --light-bg: #381F73;
    --medium-bg: #381F73;
    --dark-bg: #32176A
}

::selection {
    color: #fff;
    background-color: #005fa3;
    text-shadow: none
}

::-moz-selection {
    color: #fff;
    background-color: #005fa3;
    text-shadow: none
}

body {
    font-family: Roboto, sans-serif
}

.bg-light {
    background-color: var(--sec-color-purple)
}

.bg-dark {
    background-color: var(--pri-color-purple)
}

.st-head-wrapper {
    background: var(--sec-color-purple)
}

.st-mob-menu {
    background-color: var(--sec-color-purple)
}

.st-mob-menu .site-nav-wrap a,
.menuicon {
    color: #fff
}

.st-mob-menu .site-nav-wrap>li>ul>li {
    background: #00000026
}

.nav__toggle.active .menuicon {
    color: red
}

.nav__toggle.active .menuicon {
    color: #fff
}

#hero .slick-dots li button:before {
    background-color: #fff
}

#hero .slick-dots li.slick-active button:before {
    background: #e7326b
}

.bannerSlider:after {
    /*background: linear-gradient(180deg,rgba(63,4,112,0) 0%,var(--pri-color-purple) 90%)*/
}

.st-bf-card-wrapper {
    background: var(--pri-color-purple)
}

.team-153.team-card-box {
    /*background-image: linear-gradient(130deg,#EC2834,#840204)*/
}

.team-154.team-card-box {
    background-image: linear-gradient(131deg, #DCC094, #CBA368)
}

.team-155.team-card-box {
    background-image: linear-gradient(130deg, #54415D, #0C0A55)
}

.team-156.team-card-box {
    background-image: linear-gradient(130deg, #00417E, #105FDE)
}

.team-157.team-card-box {
    background-image: linear-gradient(130deg, #008594, #33BFAB)
}

.team-158.team-card-box {
    background-image: linear-gradient(130deg, #FFC53E, #F19327)
}

.team-159.team-card-box {
    background-image: linear-gradient(139deg, #FAED00, #FFAB12)
}

.team-160.team-card-box {
    background-image: linear-gradient(130deg, #D3146E, #A31E81)
}

.team-ply-wrap {
    background-image: linear-gradient(#241546, #5834AC)
}

.team-head {
    background: #19093E
}

.st-mc-pg-header {
    background-color: var(--pri-color-pink)
}

.ih-pt-tab-bg {
    background: #fff
}

.st-pt-card-wrappper {
    background: #fff;
    padding-block: 4rem
}

.st-pt-card-wrappper .widget-header h2 {
    color: var(--text-secondary)
}

table.ih-td-tab th {
    background: var(--sec-color-purple)
}

table.ih-td-tab tbody tr:nth-child(even) {
    background-color: #f5f4f4
}

#smcpl-stabox-right .xl-2 p {
    background: #300030 !important
}

.st-copy {
    background: var(--sec-color-purple)
}

.st-tp-card-wrappper {
    background: var(--grad-purple)
}

.st-book-card-wrappper {
    background-color: #fff
}

.st-md-card-wrappper {
    background-color: var(--pri-color-purple)
}

.st-teams-wrap .st-mc-pg-header .wrapper {
    color: var(--text-secondary)
}

.ply-more-btn .ply-more-btn__link a {
    background: var(--sec-color-purple)
}

.rs-cmd {
    color: var(--pri-color-purple)
}

.rs-title span {
    color: #fff
}

.rs-count .rs-count__num {
    color: #480838
}

.st-teams-wrap {
    background-color: #fff
}

body {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mgload {
    transition: transform 1s ease-in, opacity .3s;
    opacity: 0
}

.mgload.lazyload {
    opacity: 1
}

svg:not(:root) {
    overflow: hidden
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

*,
:after,
:before {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

:active,
:focus {
    outline: 0
}

[data-preload] {
    display: none
}

.ready[data-preload] {
    display: block
}

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent
}

ol,
ul {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none
}

a img {
    border: 0;
    background: none
}

img {
    vertical-align: middle
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

a img {
    border: none
}

abbr,
acronym {
    border-bottom-width: 0
}

.visuallyHidden,
.accessibility {
    position: absolute !important;
    top: -500px;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

h1 {
    font-size: 3.5rem
}

h2 {
    font-size: 3.2rem
}

h3 {
    font-size: 2.8rem
}

h4 {
    font-size: 2.6rem
}

h5 {
    font-size: 2.4rem
}

h6 {
    font-size: 2.2rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    line-height: 1
}

.h-web {
    display: none
}

.wrapper {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    padding: 0 1.6rem
}

.col,
.cols {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    float: left
}

.alignL {
    text-align: left !important
}

.alignR {
    text-align: right !important
}

.alignC {
    text-align: center !important
}

.alignJ {
    text-align: justify !important
}

.no-border {
    border: 0 !important
}

.d-flex {
    display: flex !important
}

.align-items-center {
    align-items: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-center {
    justify-content: center !important
}

.noPadB {
    padding-bottom: 0 !important
}

.noMargin {
    margin: 0 !important
}

.bg-dark,
.bg-light,
.bg-dark-patten,
.bg-light-patten {
    padding-block: 4rem
}

.bg-patten {
    position: relative;
    z-index: 1;
    overflow: hidden
}

#mediaGrid-page {
    background-color: #fff;
    position: relative;
    z-index: 1
}

.bg-patten:after,
.bg-patten:before,
#mediaGrid-page:after,
#mediaGrid-page:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(pattern-inner-content.37c3f1c48704764e.png);
    background-repeat: repeat-y;
    background-size: 340px;
    z-index: -1;
    opacity: .3
}

.matchCenter.stats-widget:after,
.matchCenter.stats-widget:before,
.smscorecardwidget:after,
.smscorecardwidget:before,
#scorecardWrapper:after,
#scorecardWrapper:before,
#scorecardWrapper.team-bg:after,
#scorecardWrapper.team-bg:before,
.team-ply-wrap:after,
.team-ply-wrap:before,
#mediaGrid-page:after,
#mediaGrid-page:before,
.team-logo-wrap:after,
.team-logo-wrap:before,
.st-cnt-wrap:before,
.st-cnt-wrap:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(pattern-inner-content.37c3f1c48704764e.png);
    background-size: 340px;
    background-repeat: repeat-y;
    z-index: -1;
    opacity: .3
}

.matchCenter.stats-widget:after,
.matchCenter.stats-widget:before,
.team-ply-wrap:after,
.team-ply-wrap:before,
#scorecardWrapper.team-bg:after,
#scorecardWrapper.team-bg:before {
    background-image: url(pattern-inner-content-bw.0f3e70bcb4dd1f34.png);
    opacity: .2
}

.bg-patten:before,
.smscorecardwidget:before,
#mediaGrid-page:before,
.matchCenter.stats-widget:before,
#scorecardWrapper:before,
.team-ply-wrap:before,
.team-logo-wrap:before,
#scorecardWrapper.team-bg:before,
.st-cnt-wrap:before {
    background-position: left -12rem center;
    animation: slideInLeft 1s cubic-bezier(.65, .05, .36, 1) 1s both
}

.bg-patten:after,
.smscorecardwidget:after,
#mediaGrid-page:after,
.matchCenter.stats-widget:after,
#scorecardWrapper:after,
.team-ply-wrap:after,
.team-logo-wrap:after,
#scorecardWrapper.team-bg:after,
.st-cnt-wrap:after {
    background-position: right -12rem center;
    animation: slideInRight 1s cubic-bezier(.65, .05, .36, 1) 1s both
}

.widget-header,
.section__title {
    position: relative;
    margin-bottom: 2rem
}

.widget-header__title,
.title-heading-center,
.st-teams-wrap .st-mc-pg-header {
    color: #fff;
    display: inline-block;
    font-family: var(--font-family-1);
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-transform: capitalize
}

.viewHightLights {
    overflow: hidden
}

.cd-popup-container {
    margin: 9rem auto !important
}

.cd-popup.active .cd-popup-container {
    transform: translateY(115px) !important;
    -webkit-transform: translateY(115px) !important
}

.st-ticket-wrapper {
    padding-block: 1rem;
    margin: 0 auto;
    text-align: center;
    background-color: #300030
}

.st-head-wrapper {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    font-family: Bebas Neue, sans-serif;
    z-index: 3
}

.st-head-wrapper:before,
.st-head-wrapper:after {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    z-index: -1
}

.st-head-wrapper:before {
    background-image: url(header-pattern-left.d564ec1dc62551db.png);
    background-size: contain;
    background-position: left center
}

.st-head-wrapper:after {
    background-image: url(header-pattern-right.64f8ffb96da4e52e.png);
    background-size: contain;
    background-position: right center
}

.st-head-wrapper .team-card {
    margin: 0
}

.adv-hide {
    opacity: 0
}

.tk-icon-wrap {
    position: relative;
    z-index: 9;
    display: none
}

.tk-icon-wrap a {
    position: absolute;
    left: -3rem;
    right: 0;
    bottom: 0;
    top: -1rem;
    z-index: 4;
    animation-name: slideInDown;
    animation-duration: .5s;
    animation-delay: 1s;
    animation-fill-mode: both
}

.tnpl-banner {
    background: #22126B;
    box-shadow: 0 3px 12px #00000073;
    border-bottom: 1px solid #22126B;
    position: relative
}

.tnpl-banner:after,
.tnpl-banner:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(ticket-pattern.58be95437ee4de63.png);
    background-repeat: no-repeat;
    background-size: 700px;
    opacity: .2 !important;
    animation-name: slideInDown;
    animation-duration: .8s;
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tnpl-banner:before {
    background-position: left center
}

.tnpl-banner:after {
    background-position: right center
}

.st-banner-web {
    position: relative;
    margin: 0 auto;
    padding-block: 2px;
    text-align: center;
    z-index: 2;
    animation-name: slideInDown;
    animation-duration: .8s;
    animation-delay: 1.1s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.st-ticket-banner a {
    display: inline-block;
    place-content: center
}

.st-ticket-banner a img {
    width: 520px
}

.st-ticket-banner a img,
.st-anim-banner-web a img {
    border-radius: 8px;
    transition: all .3s ease-in-out
}

.st-anim-banner-web {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 9;
    background: #F2C01F;
    box-shadow: 0 3px 12px #00000073;
    border-bottom: 1px solid #ffe38b
}

.st-anim-banner-web a {
    display: inline-block;
    margin-block: 2px 0
}

.st-anim-banner-web.adv-anim-reverse {
    animation-name: fadeOutUp;
    animation-duration: .5s;
    animation-fill-mode: both
}

.st-anim-banner-web.adv-anim {
    display: block;
    top: 75px;
    animation-name: fadeInDown;
    animation-duration: .5s;
    animation-fill-mode: both;
    background-color: #22126B
}

.st-anim-banner-web.adv-anim a img {
    width: 320px
}

.st-banner-mob,
.st-anim-banner-mob,
.st-anim-banner-mob.adv-anim-reverse {
    display: none
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleZ(1)
    }
}

.site-logo {
    padding-block: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.site-logo a {
    display: block;
    top: 0
}

.site-logo img {
    width: 100%;
    max-width: 85px;
    transition: max-width .4s ease-in-out
}

nav.st-header-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    animation: .8s ease-in-out headLoading
}

nav.st-header-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex
}

nav.st-header-menu ul li {
    position: relative;
    padding: 2rem 1rem;
    margin-inline: .1rem;
    transition: padding .4s ease-in-out
}

nav.st-header-menu ul li a {
    text-decoration: none;
    color: #fff;
    letter-spacing: .5px;
    font-size: 22px;
    line-height: 22px;
    transition: font-size .4s ease-in-out;
    font-family: Bebas Neue;
    border-bottom: 4px solid rgba(255, 255, 255, 0)
}

nav.st-header-menu ul li a svg {
    margin-left: 5px;
    transition: all .3s ease-in-out
}

nav.st-header-menu ul li a.active,
nav.st-header-menu ul li a:hover {
    color: #fff;
    border-bottom: 4px solid #fff
}

nav.st-header-menu ul li ul.mm-dropdown {
    display: none;
    position: absolute;
    top: 70px;
    left: auto;
    right: 0;
    animation: fadeIn .3s ease-in-out;
    overflow: hidden
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

nav.st-header-menu ul li:hover ul {
    display: block
}

nav.st-header-menu ul.mm-dropdown {
    border-radius: 6px;
    background: #ffffff;
    min-width: 160px;
    width: 100%;
    z-index: 1;
    padding: 1px
}

nav.st-header-menu ul.mm-dropdown li {
    margin: 0;
    padding: 0;
    overflow: hidden
}

nav.st-header-menu ul.mm-dropdown li:not(:last-child) {
    border-bottom: .4px solid #d2d2d2
}

nav.st-header-menu ul.mm-dropdown li a {
    font-size: 20px;
    color: var(--text-secondary);
    padding: 0;
    width: 100%;
    display: block;
    padding-block: 12px;
    padding-inline: 10px;
    border-radius: 5px;
    border: 0
}

nav.st-header-menu ul.mm-dropdown li a:hover,
ul.mm-dropdown li a:focus {
    background: #22126B;
    color: #fff
}

.st-head-wrapper.sticky {
    position: fixed;
    transition: all .4s ease-in-out;
    z-index: 9
}

.st-head-wrapper.sticky .site-logo img {
    width: 100%;
    max-width: 60px
}

.st-head-wrapper.sticky nav.st-header-menu ul li {
    padding: 1rem
}

.st-head-wrapper.sticky nav.st-header-menu ul li li {
    padding: 0
}

.st-head-wrapper.sticky nav.st-header-menu ul li ul.mm-dropdown {
    top: 55px
}

.st-head-wrapper.sticky nav.st-header-menu ul li a {
    font-size: 20px
}

.st-head-wrapper.sticky .site-logo:after {
    background-size: 55% auto;
    background-position: center left 91px
}

.st-mob-menu {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    transform: translate(110%);
    box-shadow: -10px 0 20px -10px #0006;
    transition: .3s ease-in-out;
    z-index: 99
}

.menu-open .st-mob-menu {
    transform: translate(0)
}

.st-mob-menu .st-mob-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 5rem 12px 150px;
    height: calc(100vh - 52px)
}

.st-mob-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

.st-mob-menu .site-nav-wrap a {
    padding: 16px 20px;
    display: block;
    position: relative;
    letter-spacing: .5px;
    font-family: Bebas Neue;
    text-decoration: none
}

.st-mob-menu .site-nav-wrap li {
    position: relative;
    display: block
}

.st-mob-menu .site-nav-wrap>li {
    display: block;
    position: relative;
    float: left;
    width: 100%
}

.st-mob-menu .site-nav-wrap>li>a {
    padding-left: 0;
    font-size: 20px;
    border-bottom: 1px solid #ffffff21;
    text-transform: capitalize;
    font-family: Bebas Neue;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.st-mob-menu .site-nav-wrap>li>ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.st-mob-menu .site-nav-wrap>li>ul>li {
    display: block
}

.menuicon {
    display: block;
    cursor: pointer;
    transform: rotate(0);
    transition: .3s cubic-bezier(.165, .84, .44, 1)
}

.menuicon__bar,
.menuicon__circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round
}

.menuicon__bar {
    transform: rotate(0);
    transform-origin: 50% 50%;
    transition: transform .25s ease-in-out
}

.navi {
    display: none
}

.nav__toggle.active {
    float: right;
    position: relative;
    z-index: 9999
}

.nav__toggle.active .menuicon {
    transform: rotate(180deg)
}

.nav__toggle.active .menuicon__bar:nth-child(1),
.nav__toggle.active .menuicon__bar:nth-child(4) {
    opacity: 0
}

.nav__toggle.active .menuicon__bar:nth-child(2) {
    transform: rotate(45deg)
}

.nav__toggle.active .menuicon__bar:nth-child(3) {
    transform: rotate(-45deg)
}

.collapse {
    display: none;
    transition: all .3s ease-in-out
}

.collapse.active {
    display: block
}

#hero .slick-dots {
    bottom: 0
}

#hero .slick-dots li {
    vertical-align: middle;
    margin: 0
}

#hero .slick-dots li,
#hero .slick-dots li button,
#hero .slick-dots li button:before {
    width: 50px;
    height: 4px;
    content: "";
    transition: all .3s ease-in-out
}

#hero .slick-dots li.slick-active,
#hero .slick-dots li.slick-active button,
#hero .slick-dots li.slick-active button:before {
    height: 8px
}

#hero .slick-dots li.slick-active button:before {
    opacity: 1
}

#hero .slick-prev,
#hero .slick-next {
    height: 40px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center
}

#hero .slick-next {
    background-image: url(arrow-right.879032ec9ffcd484.svg)
}

#hero .slick-prev {
    background-image: url(arrow-left.c19c3835db3ecd80.svg)
}

#hero .slick-arrow:before,
#hero .slick-arrow:after {
    content: ""
}

.bannerSlider {
    height: calc(100vh - 180px);
    position: relative
}

.bannerSlider:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0
}

.bannerSlider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.hero-wrapper {
    overflow: hidden;
    margin: 0 !important
}

.hero-wrapper .caption {
    max-width: 1200px;
    width: 100%;
    padding: 0 1.6rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4rem;
    font-family: Bebas Neue;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 52px;
    color: #fff;
    text-shadow: 0 3px 8px rgba(0, 0, 0, .6);
    transition: all .3s ease-in-out;
    z-index: 1;
    text-align: center
}

.hero-wrapper .caption:hover {
    color: var(--text-primar)
}

.hero-wrapper .slick-prev {
    z-index: 1;
    left: 30px
}

.hero-wrapper .slick-next {
    z-index: 1;
    right: 30px
}

.hero-wrapper .slick-prev:before,
.hero-wrapper .slick-next:before {
    font-size: 40px
}

.st-adv-wrappper {
    padding-bottom: 0
}

.st-adv-wrappper img {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    transition: all .3s ease-in-out
}

.st-rs-card-wrappper,
.st-md-card-wrappper,
.st-stats-card-wrappper,
.st-pt-card-wrappper,
.st-tp-card-wrappper {
    display: block;
    overflow: hidden;
    clear: both
}

.st-md-card-wrappper:before,
.st-rs-card-wrappper:before,
.st-tp-card-wrappper:before,
.st-md-card-wrappper:after,
.st-rs-card-wrappper:after,
.st-tp-card-wrappper:after,
.st-bf-card-wrapper:after,
.st-bf-card-wrapper:before,
.st-teams-wrap:after,
.st-teams-wrap:before {
    background-image: url(pattern-content.841945b7671f4c7a.png)
}

.st-md-card-wrappper:before,
.st-md-card-wrappper:after,
.st-rs-card-wrappper:before,
.st-rs-card-wrappper:after,
.st-tp-card-wrappper:before,
.st-tp-card-wrappper:after,
.st-bf-card-wrapper:after,
.st-bf-card-wrapper:before,
.st-teams-wrap:after,
.st-teams-wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .2
}

.st-bf-card-wrapper {
    padding-block: 4rem;
    position: relative;
    z-index: 1
}

.st-bf-card-wrapper:after,
.st-bf-card-wrapper:before {
    background-size: 150px;
    background-repeat: repeat-y
}

.st-bf-card-wrapper:after {
    background-position: right -2rem top -106px
}

.st-bf-card-wrapper:before {
    background-position: left -2rem top -106px
}

.st-stats-card-wrappper {
    padding-block-end: 3rem
}

.st-rs-card-wrappper {
    position: relative;
    z-index: 1
}

.st-rs-card-wrappper:before {
    background-size: 150px;
    background-position: left -2rem center;
    background-repeat: repeat-y
}

.st-rs-card-wrappper:after {
    background-size: 150px;
    background-position: right -2rem center;
    background-repeat: repeat-y
}

.st-md-card-wrappper {
    position: relative;
    padding-block: 4rem;
    z-index: 1;
    overflow: hidden
}

.st-md-card-wrappper .mediaContainer {
    margin-block-end: 3rem
}

.st-md-card-wrappper .mediaContainer .wrapper {
    padding: 0
}

.st-md-card-wrappper:before {
    background-size: 350px;
    background-position: left -10rem top -36rem
}

.st-md-card-wrappper:after {
    background-size: 350px;
    background-position: right -10rem top -36rem
}

.st-md-card-wrappper .widget-header {
    display: flex;
    align-items: baseline
}

.st-md-card-wrappper .widget-header .see-more {
    position: unset;
    margin-left: 20px
}

.st-tp-card-wrappper {
    position: relative;
    padding-block: 4rem;
    z-index: 1
}

.st-tp-card-wrappper:before {
    background-size: 150px;
    background-position: left -1rem center
}

.st-tp-card-wrappper:after {
    background-size: 150px;
    background-position: right -1rem center
}

.ih-pt-tab-bg {
    background: #fff;
    border-radius: 14px;
    box-shadow: none;
    overflow: hidden
}

table.ih-td-tab {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    border-collapse: collapse;
    caption-side: bottom;
    text-align: center
}

table.ih-td-tab,
table.ih-td-tab td,
table.ih-td-tab th {
    border: 0 solid #000;
    padding: 10px;
    vertical-align: middle
}

table.ih-td-tab th {
    border-bottom: none;
    padding: 15px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px
}

tr.ih-td-bg {
    background-color: #ef4123;
    padding: 20px;
    color: #fff;
    font-weight: 500
}

td.ih-t-color {
    color: #19398a;
    font-weight: 600
}

.ih-pt-cont,
.points-table-page th,
table.ih-td-tab td {
    color: #241546;
    font-style: normal
}

.ih-pt-cont,
table.ih-td-tab td {
    font-family: Roboto, sans-serif;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px;
    text-transform: capitalize
}

.ih-pt-ic {
    width: 100%;
    float: left;
    display: flex;
    align-items: center
}

.ih-pt-ic .ih-pt-cont {
    text-align: left
}

.ih-pt-img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ih-pt-img img {
    width: 30px
}

.ih-bg .ih-pcard-sec,
.ih-pt-fb {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center
}

.perform_ele {
    display: flex;
    align-items: center;
    justify-content: center
}

.rf {
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #8d8787;
    background: #8d8787;
    margin: 0 3px;
    border-radius: 50%;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center
}

.rf.W,
.rf.L,
.rf.N {
    font-weight: 400;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    width: 26px;
    height: 30px;
    background-color: transparent;
    border-radius: inherit
}

.rf.W {
    background-image: url(hex-w.6b0d3857d0800ddd.png)
}

.rf.L {
    background-image: url(hex-l.3131f361754c76a2.png)
}

.rf.N {
    background-image: url(hex-n.61aefce07f0127bb.png)
}

td.ih-pt-fb-w {
    width: 10%
}

.team-153,
.team-154,
.team-155,
.team-156,
.team-157,
.team-158,
.team-159,
.team-160 {
    cursor: pointer;
    width: 265px;
    height: 325px
}

.team-card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-block: 2rem
}

.team-card img {
    position: relative;
    width: calc(100% - 120px);
    transition: all .3s ease-in-out;
    z-index: 0
}

.team-card-box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 265px;
    height: 325px;
    text-decoration: none;
    box-shadow: #0006 0 1px 3px, #0000004d 0 3px 9px -8px, #0003 0 -3px inset
}

.team-card-box i {
    font-size: 13px;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    margin-top: 2rem
}

.team-153:after,
.team-154:after,
.team-155:after,
.team-156:after,
.team-157:after,
.team-158:after,
.team-159:after,
.team-160:after {
    display: none;
    justify-content: center;
    align-items: center;
    width: 265px;
    height: 325px;
    content: "";
    position: absolute;
    inset: 0;
    background-size: 320px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5
}

.team-ply-wrap {
    position: relative;
    z-index: 0
}

.team-head {
    padding-block: 1.5rem;
    margin-bottom: 2rem
}

.team-head .wrapper {
    display: flex;
    align-items: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .05em;
    color: #fff
}

.team-head .wrapper img {
    width: 90px;
    margin-right: 1rem
}

.st-partner-wrapper {
    padding-block: 2rem;
    background: #f8f8f8;
    clear: both
}

.st-partner-area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
    margin: 0 0rem 3.2rem;
    width: 100%
}

.st-partner-area_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-inline: 1rem
}

.st-partner-area_title {
    margin-block: 0 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: .1em;
    color: #480838
}

.st-partner-area_list {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 1rem
}

.st-partner-area_list.str-pt,
.st-partner-area_list.ofc-pat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.st-partner-area_list li img {
    width: 130px
}

.st-partner-area_list li.tp-prt img {
    width: 160px
}

.st-partner-area_list li.kh img {
    width: 110px
}

.st-partner-area_list.str-pt li:nth-child(1) img {
    width: 80px
}

.st-partner-area .st-partner-area_info:not(:last-child),
.st-partner-area_two .st-partner-area_info:not(:last-child),
.st-partner-area_three .st-partner-area_info:not(:last-child) {
    border-right: 1px solid rgba(217, 217, 217, .75);
    padding-inline: 1rem;
    margin: 0
}

.st-partner-area_three {
    margin-bottom: 0
}

.st-ap-card-wrappper {
    display: block;
    clear: both;
    padding: 0
}

.st-ap-card-wrappper .wrapper {
    position: relative
}

.st-ap-card-wrappper .wrapper:after {
    content: "";
    position: absolute;
    inset: -85px 4% 0 0;
    background-image: url(../images/hand-holding.8c05dc2fdd6ff417.png);
    background-repeat: no-repeat;
    background-position: right;
    z-index: 1
}

.playstore-text {
    position: relative;
    color: #fff;
    width: 60%;
    padding-block: 4rem;
    z-index: 8
}

.playstore-text h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-transform: capitalize;
    margin-block-end: 1.6rem
}

.playstore-text .playstore-text-text {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-family: Roboto;
    margin-block-end: 1rem
}

.playstore-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 1
}

.st-foot-wrapper {
    padding-block: 2rem 2rem;
    clear: both;
    border-top: 1px solid #ffffff21
}

.st-foot-menu {
    text-align: left;
    float: left;
    width: 30%;
    font-family: Roboto, sans-serif;
    color: #fff
}

.st-foot-menu .st-foot-head {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    margin: 0 0 15px;
    text-transform: capitalize
}

.st-foot-menu .st-foot-menu-list {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize
}

.st-foot-menu .st-foot-menu-list a {
    color: #fff;
    padding-block: 8px;
    display: inline-block;
    transition: all .3s ease-in-out;
    text-decoration: none
}

.st-foot-menu .st-foot-menu-list a:hover {
    color: var(--text-primar)
}

.st-copy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff
}

.card-title,
.policySecTitle {
    font-family: Bebas Neue, sans-serif;
    font-weight: 400;
    margin-block-end: 1rem;
    font-size: 22px;
    line-height: 24px
}

.card-text,
.policyP {
    margin-block-end: 1rem;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: Roboto, sans-serif
}

.st-cnt-wrap {
    background-color: #fff;
    padding-block: 2.6rem;
    min-height: 800px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.st-mc-pg-header {
    padding-block: 1.5rem;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .05em;
    clear: both;
    overflow: hidden
}

.team-logo-wrap {
    position: relative;
    overflow: hidden
}

.st-teams-wrap {
    display: block;
    padding-block: 4rem;
    position: relative;
    z-index: 0
}

.st-teams-wrap .st-mc-pg-header {
    background-color: transparent !important;
    padding: 0;
    width: 100%
}

.st-teams-wrap:after {
    background-position: right -2rem center
}

.st-teams-wrap:before {
    background-position: left -2rem center
}

.st-teams-wrap .team-card {
    margin-block-end: 0 !important
}

.st-teams-wrap .team-logo-wrap:before,
.st-teams-wrap .team-logo-wrap:after {
    display: none
}

.cd-popup-container:not(.fullview) .mcDetails {
    position: absolute !important
}

.SMResultSliderWidget .slick-prev,
.SMResultSliderWidget .slick-next,
.newsSlider .slick-prev,
.newsSlider .slick-next,
.videoSlider .slick-prev,
.videoSlider .slick-next {
    border-radius: 2px
}

.newsSlider .slick-prev,
.newsSlider .slick-next,
.videoSlider .slick-prev,
.videoSlider .slick-next {
    top: -80px
}

#smcpl-stabox-right .xl-2 p {
    background-color: #6a3ad9 !important
}

.team-153:after,
.team-154:after,
.team-155:after,
.team-156:after,
.team-157:after,
.team-158:after,
.team-159:after,
.team-160:after {
    animation: zoomIn .5s ease-in-out 1s both
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.st-book-card-wrappper {
    padding-block: 4rem
}

.book-card {
    height: 130px;
    background-color: #f2c01f;
    position: relative;
    border: 1px solid #F2C01F;
    border-radius: 8px
}

.book-card-inner {
    height: 130px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding-inline: 1rem
}

.book-card-inner:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(shap-circle.2dd8e3e01b65fc4f.png);
    background-repeat: no-repeat;
    background-position: center right -70px;
    background-size: 540px
}

.book-card-inner:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(shap-circle.2dd8e3e01b65fc4f.png);
    background-repeat: no-repeat;
    background-position: center left -134px;
    background-size: 410px
}

.book-thy img {
    width: 320px;
    position: absolute;
    top: -34px
}

.book-logo {
    display: flex;
    align-items: center;
    gap: 1rem
}

.book-logo img {
    width: 110px
}

.book-logo .book-txt-big {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: Column;
    font-family: Bebas Neue;
    color: #32176a;
    font-size: calc(40px + (80 - 40) * (100vw - 1280px) / (3840 - 1280));
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px
}

.book-logo .book-txt-big span {
    font-family: Roboto;
    font-size: calc(10px + (20 - 10) * (100vw - 1280px) / (3840 - 1280));
    font-weight: 500;
    letter-spacing: normal;
    background: #fff;
    padding: 3px 6px 2px;
    border-radius: 32px;
    line-height: 14px
}

.book-thy,
.book-logo,
.book-txt {
    flex-basis: 50%;
    z-index: 1
}

.book-txt {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.book-txt a {
    display: inline-block;
    padding: 10px 2rem;
    border-radius: 8px;
    background: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 4px 15px #0003;
    z-index: 0;
    transition: all .3s ease-in-out
}

.book-txt a:hover,
.book-txt a:focus {
    background: linear-gradient(-90deg, #381F73 .22%, #6A3AD9 50.04%);
    color: #fff
}

.st-content-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 3rem
}

.st-cnt-wrap .cont p {
    font-size: 16px;
    line-height: 22px;
    font-family: Roboto, sans-serif;
    font-weight: 400
}

.fw-bold {
    font-size: 18px;
    font-weight: 700
}

@media (max-width: 1450px) {
    .tk-icon-wrap a {
        left: -5rem
    }

    .tk-icon-wrap a img {
        width: 140px
    }

    .st-head-wrapper .wrapper {
        max-width: 1360px
    }

    .st-partner-area_list li img {
        width: 110px
    }

    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area_three .st-partner-area_info:not(:last-child) {
        padding-inline: 1.6rem
    }

    .st-head-wrapper:before {
        background-position: left -40px center
    }

    .st-head-wrapper:after {
        background-position: right -40px center
    }
}

@media only screen and (max-width: 1366px) {
    nav.st-header-menu ul li a {
        font-size: 20px
    }

    .st-tp-card-wrappper,
    .st-pt-card-wrappper {
        padding-block: 3rem
    }

    .st-foot-wrapper {
        padding-block: 2.4rem
    }

    .st-foot-menu .st-foot-menu-list {
        font-size: 14px;
        line-height: 16px
    }

    .st-copy {
        font-size: 12px;
        line-height: 12px
    }

    .matchCenter.stats-widget:after,
    .matchCenter.stats-widget:before,
    .smscorecardwidget:after,
    .smscorecardwidget:before,
    #scorecardWrapper:after,
    #scorecardWrapper:before,
    #scorecardWrapper.team-bg:after,
    #scorecardWrapper.team-bg:before,
    .team-ply-wrap:after,
    .team-ply-wrap:before,
    #mediaGrid-page:after,
    #mediaGrid-page:before,
    .team-logo-wrap:after,
    .team-logo-wrap:before {
        background-size: 240px
    }

    .smscorecardwidget:before,
    .matchCenter.stats-widget:before,
    .team-logo-wrap:before,
    #mediaGrid-page:before,
    #scorecardWrapper:before {
        background-position: left -9rem center
    }

    .smscorecardwidget:after,
    .matchCenter.stats-widget:after,
    .team-logo-wrap:after,
    #mediaGrid-page:after,
    #scorecardWrapper:after {
        background-position: right -9rem center
    }
}

@media only screen and (max-width: 1280px) {
    .tk-icon-wrap a {
        left: -1rem
    }

    .st-head-wrapper .wrapper {
        max-width: 1200px
    }
}

@media (max-width: 64.0525em) {
    nav.st-header-menu ul li {
        margin-inline: 0
    }

    nav.st-header-menu ul li a {
        font-size: 18px
    }

    .st-head-wrapper:before {
        background-position: left -60px center
    }

    .st-head-wrapper:after {
        background-position: right -60px center
    }
}

@media only screen and (max-width: 990px) {
    nav.st-header-menu ul {
        display: none
    }

    .navi {
        display: block
    }
}

@media (max-width: 840px) {
    .tk-icon-wrap a {
        left: 0;
        top: 0
    }

    .tk-icon-wrap a img {
        width: 110px
    }

    .st-ap-card-wrappper .wrapper:after {
        display: none
    }

    .playstore-text {
        width: 100%;
        text-align: center
    }

    .playstore-icon {
        justify-content: center
    }

    .team-card {
        gap: 10px;
        transition: all .3s ease-in-out;
        justify-content: center;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))
    }

    .team-card .team-card-box img {
        width: 120px
    }

    .team-card a.team-card-box {
        width: auto;
        height: 180px;
        border-radius: 10px;
        transition: all .3s ease-in-out
    }

    .team-card-box i {
        display: block;
    }

    .smscorecardwidget.matchCenter:before {
        background-size: 160px;
        background-position: left -5rem center
    }

    .smscorecardwidget.matchCenter:after {
        background-size: 160px;
        background-position: right -5rem center
    }
}

@media (max-width: 768px) {
    #hero .slick-dots {
        bottom: 1rem
    }

    .wrapper {
        padding: 0 1rem
    }

    .st-adv-wrappper img {
        width: 100%
    }

    .widget-header,
    .section__title {
        margin-bottom: 1.6rem
    }

    .st-md-card-wrappper .widget-header {
        justify-content: space-between
    }

    .widget-header__title,
    .title-heading-center,
    .st-teams-wrap .wrapper {
        font-size: 22px;
        line-height: 22px
    }

    .st-teams-wrap .wrapper .team-card {
        margin-block: 1rem
    }

    .topPerformersWrap .performersList .imgBlk {
        margin-block: 4rem 0
    }

    .st-partner-wrapper .wrapper {
        display: block;
        clear: both;
        overflow: hidden
    }

    .st-partner-area {
        width: auto;
        margin: 0 0rem 2rem
    }

    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area_three .st-partner-area_info:not(:last-child) {
        margin-block-end: 1rem
    }

    .st-teams-wrap:before,
    .st-teams-wrap:after {
        background-size: 200px
    }

    .st-md-card-wrappper:after,
    .st-md-card-wrappper:before {
        background-size: 210px
    }

    .st-md-card-wrappper:before,
    .st-tp-card-wrappper:before {
        background-position: left -10rem center
    }

    .st-md-card-wrappper:after,
    .st-tp-card-wrappper:after {
        background-position: right -10rem center
    }

    .st-rs-card-wrappper:after,
    .st-rs-card-wrappper:before,
    .st-bf-card-wrapper:after,
    .st-bf-card-wrapper:before,
    .st-tp-card-wrappper:after,
    .st-tp-card-wrappper:before {
        background-size: 70px
    }

    .st-tp-card-wrappper:after,
    .st-tp-card-wrappper:before {
        background-repeat: repeat-y
    }

    .st-foot-wrapper .wrapper {
        flex-direction: column
    }

    .st-foot-menu .st-foot-head {
        font-size: 16px;
        margin: 0 0 6px
    }

    .st-foot-menu .st-foot-menu-list {
        font-size: 13px
    }

    .st-foot-menu .st-foot-menu-list a {
        padding: 5px 0
    }

    .st-foot-menu {
        width: 100%
    }

    .st-foot-menu:not(:last-child) {
        margin-block-end: 1rem
    }

    .playstore-text {
        padding-block: 3rem
    }

    .playstore-text h1 {
        font-size: 22px;
        line-height: 26px;
        margin-block-end: 1rem
    }

    .playstore-text .playstore-text-text {
        font-size: 16px;
        line-height: 20px
    }

    .playlistShareIcon {
        display: none !important
    }

    .cd-popup-container .cd-popup-close {
        top: 15px !important;
        right: 10px !important
    }

    .matchCenter.stats-widget:after,
    .matchCenter.stats-widget:before,
    #mediaGrid-page:after,
    #mediaGrid-page:before {
        width: 180px;
        background-size: 150px
    }

    .book-card {
        overflow: hidden;
        border-radius: 10px
    }

    .book-card,
    .book-card-inner {
        height: 400px
    }

    .book-card-inner {
        flex-direction: column;
        padding-block: 1rem
    }

    .book-card-inner:before {
        background-position: center top -156px;
        background-size: 450px
    }

    .book-card-inner:after {
        display: none
    }

    .book-logo {
        flex-direction: column;
        gap: .5rem
    }

    .book-logo img {
        width: 90px
    }

    .book-logo .book-txt-big {
        font-size: 50px
    }

    .book-logo .book-txt-big span {
        font-size: 13px
    }

    .book-thy img {
        width: 320px;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -64px;
        margin: 0 auto
    }

    .book-txt a {
        background: linear-gradient(-90deg, #381F73 .22%, #6A3AD9 50.04%);
        color: #fff
    }
}

@media (max-width: 40em) {
    .st-head-wrapper:before {
        background-position: left -45px center
    }

    .st-head-wrapper:after {
        background-position: right -45px center
    }

    .matchCenter.stats-widget:after,
    .matchCenter.stats-widget:before {
        width: 200px;
        background-size: 100px
    }

    .bg-patten:before,
    .matchCenter.stats-widget:before,
    #scorecardWrapper:before,
    #scorecardWrapper.team-bg:before {
        background-position: left -3rem center
    }

    .bg-patten:after,
    .matchCenter.stats-widget:after,
    #scorecardWrapper:after,
    #scorecardWrapper.team-bg:after {
        background-position: right -3rem center
    }

    #scorecardWrapper:before,
    #scorecardWrapper:after,
    #scorecardWrapper.team-bg:after,
    #scorecardWrapper.team-bg:before {
        background-size: 100px
    }

    .st-cnt-wrap:before,
    .st-cnt-wrap:after {
        display: none
    }

    .hero-wrapper .caption {
        bottom: 3rem;
        font-size: 28px;
        line-height: 32px
    }

    .h-mob,
    .st-anim-banner-web.h-mob.adv-anim {
        display: none
    }

    .h-web {
        display: block !important
    }

    .site-logo img {
        width: 60px
    }

    .site-logo:after {
        background-size: 50% auto;
        background-position: center left 100px
    }

    .liveResInnrBlock,
    .st-tp-card-wrappper,
    .st-pt-card-wrappper,
    .st-stats-card-wrappper,
    .st-foot-wrapper {
        padding-block: 2rem
    }

    .st-rs-card-wrappper {
        padding: 0
    }

    .st-md-card-wrappper,
    .st-partner-wrapper {
        padding-block: 2rem 0
    }

    .st-md-card-wrappper .mediaContainer {
        margin-block-end: 0
    }

    .st-partner-area {
        margin: 0 0rem 1rem
    }

    .st-adv-wrappper {
        display: none
    }

    .tk-icon {
        width: 90px
    }

    .st-ticket-wrapper {
        padding: 0;
        display: none
    }

    .st-ticket-text {
        overflow: hidden;
        width: 100%;
        padding: 10px 5px;
        background: #22126B;
        color: #fff;
        letter-spacing: .2em;
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
        font-family: Bebas Neue
    }

    .marquee_text {
        white-space: nowrap;
        animation: marquee 20s linear infinite
    }

    .marquee_text a {
        color: #ffd13f
    }

    .tnpl-banner .wrapper {
        padding: 0
    }

    .st-banner-web,
    .st-anim-banner-mob {
        display: none
    }

    .tk-icon-wrap a {
        left: -1rem;
        top: 0
    }

    .st-banner-mob {
        display: block;
        position: relative;
        display: none;
        animation-name: fadeInDown;
        animation-duration: .5s;
        animation-delay: 1s;
        animation-fill-mode: both;
        z-index: 2
    }

    .st-banner-mob a {
        display: flex;
        place-content: center
    }

    .st-banner-mob .st-ticket-banner img,
    .st-anim-banner-mob a img {
        padding: 0
    }

    .st-anim-banner-mob {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        z-index: 9;
        background: #22126B;
        box-shadow: 0 3px 12px #00000073
    }

    .st-anim-banner-mob a {
        display: flex;
        place-content: center;
        margin: 2px
    }

    .st-anim-banner-mob a img {
        padding: 0
    }

    .st-anim-banner-mob.adv-anim-reverse {
        animation-name: fadeOutUp;
        animation-duration: .5s;
        animation-fill-mode: both
    }

    .st-anim-banner-mob.adv-anim {
        display: block;
        top: 73px;
        animation-name: fadeInDown;
        animation-duration: .5s;
        animation-fill-mode: both
    }

    .topPerformersWrap .performersList .imgBlk {
        margin-block: 2.6rem 0 !important
    }

    .topPerformersWrap .widget-header {
        justify-content: center;
        text-align: center
    }

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

        to {
            transform: translate(-100%)
        }
    }

    table.ih-td-tab {
        max-width: -moz-fit-content;
        max-width: fit-content;
        overflow-x: scroll;
        white-space: nowrap;
        display: block;
        padding: 0
    }

    .st-partner-area_info {
        margin-bottom: 10px
    }

    .st-partner-area_list.str-pt {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .topPerformersWrap .performersList .imgBlk {
        overflow: hidden;
        height: 220px
    }

    .topPerformersWrap .performersList .imgBlk .ply-img {
        top: 0;
        left: 5px;
        bottom: -30px;
        height: calc(100% + 30px);
        align-items: flex-end
    }

    .topPerformersWrap .performersList .imgBlk .ply-img img {
        height: 100%;
        width: auto;
        max-width: none;
        object-fit: contain;
        object-position: bottom;
        margin-top: 0
    }

    .st-partner-area {
        gap: 1rem
    }

    .st-partner-area .st-partner-area_info,
    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area_three .st-partner-area_info:not(:last-child) {
        border-right: 0
    }

    .st-partner-area .st-partner-area_info,
    .st-partner-area_two .st-partner-area_info,
    .st-partner-area_three .st-partner-area_info {
        border-right: 0 !important;
        border-bottom: 1px solid #ccc;
        padding-bottom: 1rem;
        padding-inline: .5rem
    }

    #mediaGrid-page:after,
    #mediaGrid-page:before,
    .team-logo-wrap:before,
    .team-logo-wrap:after {
        display: none
    }

    .st-content-wrap {
        display: flex;
        flex-direction: column
    }

    .st-cnt-wrap {
        padding-block: 1.6rem
    }

    .st-cnt-wrap .cont p {
        font-size: 14px;
        line-height: 20px
    }

    .team-card {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))
    }

    .team-card a.team-card-box {
        height: 252px;
    }

    .team-card .team-card-box img {
        width: 80px
    }

    .st-teams-wrap,
    .st-book-card-wrappper {
        padding-block: 2rem
    }
}

@media (max-width: 540px) {
    .tk-icon-wrap a img {
        width: 95px
    }

    .st-ticket-banner a img,
    .st-anim-banner-web a img {
        width: 90%
    }

    .bg-dark,
    .bg-light,
    .bg-dark-patten,
    .bg-light-patten {
        padding-block: 2rem
    }

    .topPerformersWrap .performersList .playerDetWrap {
        display: flex;
        flex-direction: column;
        align-items: end
    }

    .topPerformersWrap .performersList .imgBlk .ply-img img {
        width: 165px;
        margin-top: 5px
    }

    .topPerformersWrap .performersList .imgBlk .ply-img {
        left: 30px;
        top: -30px;
        bottom: 0
    }

    .playstore-text h1 {
        font-size: 20px;
        line-height: 24px;
        margin-block-end: 1rem
    }

    .playstore-text .playstore-text-text {
        font-size: 14px;
        line-height: 18px
    }

    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area_three .st-partner-area_info:not(:last-child) {
        padding-inline: 1rem
    }

    .st-partner-area_info {
        width: 100%;
        margin-inline: 0
    }

    .st-partner-area_two .st-partner-area_info:not(:last-child),
    .st-partner-area .st-partner-area_info {
        margin-bottom: 0
    }

    .st-bf-card-wrapper {
        padding-block: 1rem
    }

    .liveResInnrBlock {
        padding-block: 2rem
    }
}

@media (max-width: 24.99em) {
    .hero-wrapper .caption {
        font-size: 36px;
        line-height: 42px
    }

    .st-foot-wrapper {
        padding-block: 1rem
    }

    .topPerformersWrap .performersList .imgBlk .ply-img {
        left: 30px;
        top: -30px;
        bottom: 0
    }
}

@media (max-width: 340px) {
    .tk-icon-wrap a img {
        width: 66px
    }

    .tk-icon-wrap a {
        left: 0rem;
        top: -4px
    }
}

.smscorecardwidget.posStatic {
    position: static !important
}

.player-profile-loading {
    opacity: .7;
    pointer-events: none;
    position: relative
}

.player-profile-loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite
}

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

    to {
        transform: rotate(360deg)
    }
}

.player-profile-error {
    color: #e74c3c;
    background-color: #fadbd8;
    border: 1px solid #e74c3c;
    border-radius: 4px;
    padding: 2px 4px
}

[appPlayerProfile] {
    transition: all .2s ease
}

[appPlayerProfile]:hover {
    background-color: #3498db1a;
    border-radius: 4px
}

[appPlayerProfile]:active {
    transform: scale(.98)
}

@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:ital@1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
@charset "UTF-8";

:root {
    --pri-color-purple: #22126B;
    --sec-color-purple: #22126B;
    --pri-color-pink: #cf3364;
    --grad-purple: linear-gradient(0deg, #22126B, #22126B);
    --text-primar: #f2c01f;
    --text-secondary: #300030;
    --light-bg: #381f73;
    --medium-bg: #381f73;
    --dark-bg: #32176a;
}

body {
    font-family: Roboto, sans-serif;
}

body {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*,
:after,
:before {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

div {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

@media (max-width: 40em) {}

</style><link rel="stylesheet" href="styles.652799bbd53d0742.css?v=06072025_1" media="all" onload="this.media='all'" /><noscript><link rel="stylesheet" href="styles.652799bbd53d0742.css?v=06072025_1" /></noscript><style>.go-top-btn[_ngcontent-ng-c1101229265] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #e7326b;
    font-weight: 600;
    color: #fff;
    border: none;
    padding: 10px 14px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    z-index: 1000;
}

.go-top-btn[_ngcontent-ng-c1101229265]:hover {
    background: #22126B;
}

</style><style>.btnHiAudio[_ngcontent-ng-c3570228301] {
    position: absolute;
    bottom: 4rem;
    left: CALC(50% - 20px);
    transform: translateX(-50%);
    margin-left: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
    z-index: 2;
}

.btnHiAudio[_ngcontent-ng-c3570228301]:hover {
    transform: translateX(-50%) scale(1.1);
}

.btnHiAudio[_ngcontent-ng-c3570228301] img[_ngcontent-ng-c3570228301] {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.tooltip-bt[_ngcontent-ng-c3570228301] {
    position: relative;
}

.tooltip-bt[_ngcontent-ng-c3570228301] .tooltiptext[_ngcontent-ng-c3570228301] {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 8px;
    position: absolute;
    z-index: 1000;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    white-space: nowrap;
}

.tooltip-bt[_ngcontent-ng-c3570228301] .tooltiptext[_ngcontent-ng-c3570228301]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip-bt[_ngcontent-ng-c3570228301]:hover .tooltiptext[_ngcontent-ng-c3570228301] {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 640px) {
    .btnHiAudio[_ngcontent-ng-c3570228301] img[_ngcontent-ng-c3570228301] {
        width: 24px;
        height: 24px;
    }

    .btnHiAudio[_ngcontent-ng-c3570228301],
    .hero-wrapper[_ngcontent-ng-c3570228301] .caption[_ngcontent-ng-c3570228301] {
        bottom: 5rem;
    }
}

</style><style>#fixtureSquad-block[_ngcontent-ng-c2406596075],
#wagonWheelContent[_ngcontent-ng-c2406596075] {
    background: 0 0;
    box-shadow: none;
}

ul.fixtureSquad-list[_ngcontent-ng-c2406596075] {
    display: flex;
    align-items: baseline;
    flex-flow: row wrap;
    gap: 20px;
    padding-block-end: 2.6rem;
}

ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] {
    width: calc(20% - 25px);
    flex-direction: column;
    box-shadow: none;
    padding: 15px 0;
    width: 230px;
    display: flex;
    align-items: center;
    margin: 0 15px 15px 0;
}

.fw-wrap[_ngcontent-ng-c2406596075],
ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] {
    position: relative;
}

ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] span.fx-ply-img[_ngcontent-ng-c2406596075] {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] .fx-ply-img[_ngcontent-ng-c2406596075] img[_ngcontent-ng-c2406596075] {
    max-width: 185px;
    margin-right: 0;
    height: 205px;
    margin-bottom: 0;
    border-radius: 0;
}

ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] .fx-ply-name[_ngcontent-ng-c2406596075] {
    padding: 0 5px;
    text-align: center;
    margin-bottom: 3px;
}

ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] .fx-ply-name[_ngcontent-ng-c2406596075] a[_ngcontent-ng-c2406596075] {
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #00060c;
    text-transform: uppercase;
}

ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] .fx-ply-prf[_ngcontent-ng-c2406596075] {
    font-size: 12px;
}

ul.wagon-points.wp-values[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075],
ul.wagon-points.wp-values[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] i[_ngcontent-ng-c2406596075] {
    line-height: 29px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
}

ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] {
    width: calc(20% - 25px);
    flex-direction: column;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.fixtureSquad-title.non-playing-list[_ngcontent-ng-c2406596075] {
    color: #888;
    margin-top: 40px;
}

.fixtureSquad-title[_ngcontent-ng-c2406596075] {
    font-family: Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 2rem;
    display: block;
    font-weight: 500;
}

.fx-ply-dt[_ngcontent-ng-c2406596075] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 95%;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 0;
    transform: skew(-20deg);
}

.fx-ply-dt[_ngcontent-ng-c2406596075] span.fx-ply-name[_ngcontent-ng-c2406596075] {
    line-height: 1;
}

.fx-ply-dt[_ngcontent-ng-c2406596075] span.fx-ply-name[_ngcontent-ng-c2406596075],
.fx-ply-dt[_ngcontent-ng-c2406596075] span.fx-ply-prf[_ngcontent-ng-c2406596075] {
    transform: skew(20deg);
}

@media (max-width: 768px) {
    .team-head[_ngcontent-ng-c2406596075] .wrapper[_ngcontent-ng-c2406596075] {
        font-size: 18px;
        line-height: 20px;
    }

    .team-head[_ngcontent-ng-c2406596075] .wrapper[_ngcontent-ng-c2406596075] img[_ngcontent-ng-c2406596075] {
        width: 60px;
    }

    ul.fixtureSquad-list[_ngcontent-ng-c2406596075] {
        gap: 10px;
    }

    ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] {
        width: calc(50% - 5px);
    }

    .fx-ply-dt[_ngcontent-ng-c2406596075] {
        padding: 3px 7px;
        height: 60px;
    }
}

@media (max-width: 640px) {
    ul.fixtureSquad-list[_ngcontent-ng-c2406596075] li[_ngcontent-ng-c2406596075] {
        margin-bottom: 1rem;
    }
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2));
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4));
}

.custom-scrollbar-horizontal::-webkit-scrollbar {
    height: 6px;
}

.custom-scrollbar-horizontal::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.custom-scrollbar-horizontal::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2));
    border-radius: 3px;
}

.custom-scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4));
}

/* =========================================================================================
@Description: Main Stylesheet (Internal)

/* Reset & Basics ============= */
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
adRobotoess,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

/* ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; } */
a img {
    border: 0;
    background: none;
}

img {
    vertical-align: middle;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* Default Styles ============= */
a,
.hpLink {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #0082c6;
    border: none;
    text-decoration: none;
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

select option {
    color: black;
}

/* Utility Classes ============= */
.hide {
    display: none !important;
}

.alignL {
    text-align: left !important;
}

.alignR {
    text-align: right !important;
}

.alignC {
    text-align: center !important;
}

.alignJ {
    text-align: justify !important;
}

.borderLeft {
    border-left: none !important;
}

.borderRight {
    border-right: none !important;
}

.floatLeft {
    float: left !important;
}

.floatRight {
    float: right !important;
}

.last {
    margin-right: 0px !important;
}

.noSpacing {
    margin: 0 !important;
    padding: 0 !important;
}

.uppercase {
    text-transform: uppercase !important;
}

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

.no-padding,
.noPadding {
    padding: 0 !important;
}

.no-margin,
.noMargin {
    margin: 0 !important;
}

.no-float {
    float: none !important;
}

.no-bold {
    font-weight: normal !important;
}

.marginL {
    margin-left: 20PX !important;
}

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

.noPadB {
    padding-bottom: 0 !important;
}

.noPadL {
    padding-left: 0 !important;
}

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

.forBreak {
    display: block;
}

.circle {
    border-radius: 50%
}

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

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.no-padding {
    padding: 0 !important
}

.fStyle {
    font-style: normal !important;
}

.marginR5 {
    margin-right: 5px;
}

.marginR10 {
    margin-right: 10px;
}

.marginR15 {
    margin-right: 15px;
}

.marginR20 {
    margin-right: 20px;
}

.marginR25 {
    margin-right: 25px;
}

.marginR30 {
    margin-right: 30px;
}

.marginR35 {
    margin-right: 35px;
}

.marginB5 {
    margin-bottom: 5px;
}

.marginB10 {
    margin-bottom: 10px;
}

.marginB15 {
    margin-bottom: 15px;
}

.marginB20 {
    margin-bottom: 20px;
}

.marginB25 {
    margin-bottom: 25px;
}

.marginB25 {
    margin-bottom: 25px;
}

.marginB30 {
    margin-bottom: 30px;
}

.marginB35 {
    margin-bottom: 35px;
}

.marginB40 {
    margin-bottom: 40px;
}

.marginT5 {
    margin-top: 5px;
}

.marginT10 {
    margin-top: 10px;
}

.marginT15 {
    margin-top: 15px;
}

.marginT20 {
    margin-top: 20px;
}

.marginT25 {
    margin-top: 25px;
}

.marginT25 {
    margin-top: 25px;
}

.marginT30 {
    margin-top: 30px;
}

.marginT35 {
    margin-top: 35px;
}

.marginT40 {
    margin-top: 40px;
}

.marginL5 {
    margin-left: 5px;
}

.marginL10 {
    margin-left: 10px;
}

.marginL15 {
    margin-left: 15px;
}

.marginL20 {
    margin-left: 20px;
}

.marginL25 {
    margin-left: 25px;
}

.marginL30 {
    margin-left: 30px;
}

.marginL35 {
    margin-left: 35px;
}


/* = Default List View Style  
----------------------------------------------------------------------------------------------- */
ul.default,
ol.default {
    color: #333333;
    clear: both;
    padding: 0 0 0 15px;
    margin: 0 0 15px;
    font: 14px/20px Roboto, arial, sans-serif;
}

ol.default {
    padding: 0 0 0 18px;
}

ol.default li,
ul.default li,
ul.arrow li {
    list-style-position: outside;
}

ol.default li {
    list-style-type: decimal;
}

ul.default li {
    list-style-type: disc;
}

ul.circle li {
    list-style-type: circle;
}

ul.alpha li {
    list-style-type: lower-alpha;
}

ol.roman {
    overflow: hidden;
}

ol.roman li {
    list-style-type: lower-roman;
}

ol.decimal li {
    list-style-type: decimal;
}

ul.no-bullet li,
ol.no-bullet li {
    list-style: none;
}

.anim {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.pageTitle {
    text-align: center;
    text-transform: uppercase;
    font: 600 14px/1.2rem "Roboto", Arial, Sans-Serif;
    color: #000;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.sepDot {
    border-bottom: 1px dashed #bbb;
    display: block;
    clear: both;
    margin: 2rem 0;
}

/* Page Wrapper ============= */
html,
body {
    height: 100%;
}

.secTag {
    color: #fff;
    display: inline-block;
    overflow: hidden;
    font: 500 11px/16px 'Roboto', Arial, sans-serif;
    border-radius: 2px;
    margin: 0 0 10px 0;
    background: #9e9e9e;
    padding: 2px 7px;
    z-index: 999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.textColor {
    color: #ffffff;
}

/* ================================================================================================ */
/*  Default Card Style
/* ================================================================================================ */


.SMbriefScoreWidget .smRow .col {
    float: none;
}

.smTabContent {
    display: black;
    overflow: hidden;
}

ul.smTabs {
    list-style: none;
    display: inline-block;
    background: #eeeeee;
    width: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

ul.smTabs li.tab {
    float: left;
    padding: 0;
}

ul.smTabs li.tab a {
    transition: all 0.25s ease-in-out;
    font-weight: 900;
    font-size: 14px;
    line-height: 20px;
    color: #7f092f;
    padding: 8px 15px;
    background: transparent;
    opacity: 0.5;
    border-radius: 0;
}

ul.smTabs li.tab a:hover,
.smTabs .tab a.active {
    color: #ffffff;
    background: #7f092f;
    opacity: 1;
}

.leftSection {
    display: block;
    overflow: hidden;
}

/* Player Card */
.pointsFilter .section__title {
    margin: 30px 0 20px;
}

.pointsFilter .section__title {
    display: none;
}

.liveResBlock .section__title .title-heading-center,
#fixCountDown .section__title .title-heading-center {
    color: #000000;
}

#fixCountDown .section__title .title-heading-center {
    margin-top: 30px;
}

.liveResBlock .section__title .title-heading-center span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.liveResBlock .section__title .title-heading-center span:nth-child(2) {
    margin-left: 5px;
    line-height: 1.1;
    color: #c3252f;
    padding: 2px 6px;
}

.liveResBlock .section__title .title-heading-center::after,
.liveResBlock .section__title .title-heading-center::before {
    background-color: #c3252f;
}

.section__title .title-heading-center.recent-result-title::after,
.section__title .title-heading-center.recent-result-title::before,
.section__title .title-heading-center.next-result-title::after,
.section__title .title-heading-center.next-result-title::before {
    background-color: #000000;
}

.sb-section {
    display: block;
    overflow: hidden;
}

#onFieldPlayer {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 20px;
}

.playerCard {
    position: relative;
    display: flex;
    align-items: center;
}

p.greenDot,
p.redDot {
    margin: 0;
}

.greenDot {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: -2px;
    text-indent: -99999px;
    background-image: url("../images/bat_icon.png");
    background-size: 20px;
    background-repeat: no-repeat;
}

.redDot {
    width: 20px;
    position: absolute;
    top: 15px;
    left: 5px !important;
    text-indent: -99999px;
    background-image: url("../images/ball_icon.png");
    background-size: 15px;
    background-repeat: no-repeat;
}

.playerCard p.plyPhoto {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 6px 0 20px;
}

.playerCard .plyPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.playerCard .playerContent p {
    margin-bottom: 0 !important;
}

.playerCard .playerContent {
    text-align: left;
}

.playerCard .playerContent .mainStats {
    color: #0182e3;
    font: 700 13px/20px 'Roboto', sans-serif;
}

.playerCard .playerContent .mainStats i {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    margin-left: 3px;
}

.playerCard .playerContent .plyName {
    padding-right: 8px;
}

.playerCard .playerContent .plyName,
.playerCard .playerContent .otherStats {
    text-transform: uppercase;
    color: #000000;
    font: 400 12px/18px 'Roboto', sans-serif;
}

.playerCard .playerContent .otherStats span {
    font-weight: 400;
    color: #666666;
}

.playerCard .playerContent .otherStats span:not(:last-child) {
    margin-right: 15px;
}

.playerCard .playerContent .otherStats span i {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: normal;
    color: #0182e3;
    margin-left: 3px;
}

.playerCard .curPlyTeamLogo {
    position: absolute;
    top: 3px;
    z-index: 0;
    right: 3px;
}

.playerCard .curPlyTeamLogo img {
    z-index: 9999;
    width: 35px;
    opacity: 0.55;
}

.name-strip p {
    display: inline-block;
    vertical-align: middle;
}

.sepLine {
    display: none;
    height: 1px;
    background: black;
    clear: both;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 200, from(#961941), to(rgba(0, 0, 0, 0)));
    margin-bottom: 10px;
}

p.tossDetails {
    text-align: center;
    color: #000;
    font: 700 16px/20px 'Roboto', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.match__tag {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.match__tag::before {
    content: '';
    width: 60%;
    position: absolute;
    height: 1px;
    background-image: -o-radial-gradient(rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0) 80%);
    background-image: radial-gradient(rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0) 80%);
    bottom: -17px;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    box-shadow: none;
}

.match__tag .matType {
    font: 600 14px/18px 'Roboto', sans-serif;
    padding: 0 10px;
}

.match__tag .matType .team-name_short {
    text-transform: uppercase;
}

.match__tag .matDate {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.liveResInnrBlock .matType span.dayCount {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
}

.matType span.liveTag {
    font-weight: 700;
    font-size: 14px;
    border-radius: 3px;
    color: #d52228;
    text-transform: uppercase;
    padding: 0 5px;
    margin-right: 5px;
}

.matType span.matTourName {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    width: 200px;
    text-align: center;
}

/* Team Score */
p.tmLogoStrip {
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
}

.tmLogoStrip span {
    display: block;
    font: 700 14px/18px 'Roboto', sans-serif;
    text-transform: uppercase;
}

.tmLogoStrip span.tLogo {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
}

.tmLogoStrip span.tLogo img {
    max-width: 80px;
    width: 100%;
}

.SMbriefScoreWidget .tmLogoStrip span.tmName {}

.teamScore {
    text-align: center;
    color: #000000;
    margin: 0 0 15px 0;
    display: block;
    overflow: hidden;
}

.teamScore span {
    display: block;
}

.teamScore .run {
    font: 900 34px 'Roboto', sans-serif;
    line-height: 1.1;
}

.teamScore .runRate {
    font: 400 15px/18px 'Roboto', sans-serif;
    color: #202020;
}

.teamScore .runRate i {
    font-style: normal;
}

.teamScore .runRate i:not(:last-child) {
    margin-right: 10px;
}

.activeInn {}

/* Center Innings */
.tvt,
.tvtInn {
    text-transform: uppercase;
    text-align: center;
    font: 700 16px/42px 'Roboto', sans-serif;
}

.tvt {
    line-height: 100px;
}

/* Result Strip */
.bottomStrip {
    display: block;
    color: #000;
}

.bottomStrip .matResult {
    text-align: center;
    color: #000;
    margin: 0 25px;
    text-transform: uppercase;
    padding: 25px 0;
    font: 700 14px/20px 'Roboto', sans-serif;
    display: block;
    border-top: 1px solid #aaaaaa;
    clear: both;
}

.bottomStrip .matResult span {
    display: block;
}

.bottomStrip .matResult span i {
    font-style: normal;
}

.bottomStrip .matResult span i:not(:last-child) {
    margin-right: 10px;
}

.bottomStrip .smLinks {}

.bottomStrip a.mcLink {
    text-align: left;
    transition: all 0.25s ease-in-out;
    font: 900 20px 'Roboto', sans-serif;
    line-height: 1.2;
    text-transform: uppercase;
    overflow: hidden;
    display: block;
    padding: 18px;
    color: #fff;
    background: #00518f;
}

.bottomStrip a.mcLink i {
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.bottomStrip a.mcLink i svg {
    width: 28px;
    margin: 0;
}

.bottomStrip a.mcLink:hover,
.bottomStrip a.mcLink:focus {
    background: #9b3129;
    color: #fff;
}

.bottomStrip a.vdLink:hover,
.bottomStrip a.vdLink:focus vdLink {
    background: #d52228;
}

.bottomStrip a.vdLink {
    border-right: 1px solid rgba(255, 255, 255, 0.35);
    background: #9b3129;
}

.bottomStrip a.vdLink img {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    margin-right: 10px;
}

.bottomStrip a.vdLink span {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.mcCmd,
.mcBrk {
    color: #000000;
}

/* RIGHT SECTION */
.rightSection {
    max-height: 445px;
    overflow-y: auto;
    border-left: 1px solid rgba(255, 255, 255, 0.75);
    display: block;
    padding: 20px 30px;
}

.rightSection h1 {
    padding: 3px 5px;
    display: inline-block;
    font: 700 15px/17px 'Roboto', sans-serif !important;
    margin: 0 0 5px 0;
    color: #fff;
    text-transform: uppercase;
}

.rightSection .tourDropdown {
    background: #d7d8da;
    color: #d52228;
    font: 500 13px/16px 'Roboto', sans-serif;
    padding: 3px 5px;
    margin: 0 0 10px 0;
}

.rightSection ul.matches li.card {
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 0;
}

.rightSection ul.matches li.card:last-child {
    margin-bottom: 0;
}

ul.matches {
    margin-bottom: 10px;
    list-style: none;
}

ul.matches li .cardTopStrip {
    line-height: 18px;
}

ul.matches li .cardTopStrip p {
    display: inline-block;
    vertical-align: middle;
    font: 400 13px/16px 'Roboto', sans-serif;
}

ul.matches li .cardTopStrip p.mthCount {
    color: #fff;
    font-size: 11px;
    background: #333;
    padding: 2px 5px;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

ul.matches li .cardTopStrip p.mthVenue {
    color: #d52228;
    text-transform: uppercase;
}

ul.matches li .teamPlay {
    display: block;
    overflow: hidden;
}

ul.matches li .teamPlay .tmLogoStrip {
    text-align: left;
    margin: 5px 0 0;
}

ul.matches li .teamPlay .tmLogoStrip span {
    display: inline-block;
    vertical-align: middle;
}

ul.matches li .teamPlay .tmLogoStrip span.tmName {
    font: 700 14px/18px 'Roboto', sans-serif;
    color: #131313;
}

ul.matches li .teamPlay .tmLogoStrip span.tmName i {
    font-style: normal;
    display: block;
}

ul.matches li .teamPlay .tmLogoStrip .tLogo {
    margin: 0 8px 0 0;
    width: 35px;
    height: 35px;
    background: #ffffff;
}

ul.matches li .teamPlay .tmLogoStrip .tLogo img {
    width: 25px;
    margin: 4px;
}

ul.matches li .cardBottomStrip {
    color: #434343;
    line-height: 14px;
    padding-bottom: 2px;
}

ul.matches li .cardBottomStrip p {
    display: inline-block;
    vertical-align: middle;
    font: 400 12px/15px 'Roboto', sans-serif;
}

ul.matches li .cardBottomStrip p.mthTime {
    margin-left: 10px;
}

ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName {
    font: 400 13px/16px 'Roboto', sans-serif;
}

ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName i {
    font: 700 15px/19px 'Roboto', sans-serif;
}

ul.matches.resultBox li .teamPlay .tmLogoStrip {}

ul.matches.resultBox li .teamPlay .tmLogoStrip.teamWin {
    opacity: 1;
}

ul.matches.resultBox li .teamPlay .tmLogoStrip.teamWin span.tmName {
    color: #d52228;
}

ul.matches li .cardTopStrip p.mcOrder {
    font-size: 12px;
    font-weight: 700;
    color: #d52228;
    text-transform: capitalize;
    margin-right: 8px;
}

/*===== FIXTURE COUNTDOWN =====*/

/* Fixture Timer */
.countdownTitle {
    padding: 0;
    margin: 10px 0;
    text-align: center;
}

.GVdetails {
    padding: 0 !important;
    margin-bottom: 20px;
}

.GVdetails span {
    display: inline-block;
    vertical-align: middle;
}

.GVdetails b {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 12px;
}

/*===== Countdown TImer =====*/
#tournamentCountdown.fixtureTimerCountdown {
    display: black;
    overflow: hidden;
    text-align: center;
    color: #131313;
    padding: 5px 10px 10px;
    margin: 0 auto 20px;
    border-radius: 5px;
}

#tournamentCountdown.fixtureTimerCountdown .fixtureTimer {
    line-height: 1;
    text-align: center;
    margin: 0 2px;
    padding: 5px 10px;
    display: inline-block;
    overflow: hidden;
    background: #b77e1b;
}

#tournamentCountdown.fixtureTimerCountdown.inactive {
    display: none !important;
}

#tournamentCountdown .fixtureTimer i {
    font-size: 56px;
    font-family: Roboto;
    color: rgba(0, 0, 0, 0.6);
    font-style: normal;
    margin-left: 10px;
}

#tournamentCountdown .fixtureTimer:last-child {
    border: 0;
}

#tournamentCountdown .fixtureTimer .timervalue,
#tournamentCountdown .countdownTitle {
    font: 800 28px 'Roboto', sans-serif;
    line-height: 1;
    display: block;
    text-align: center;
    margin-bottom: 2px;
    color: #ffffff;
}

#tournamentCountdown .fixtureTimer .timervalue {}

#tournamentCountdown .fixtureTimer .timerLabel {
    color: #fff9;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.countdownTitle {
    font-size: 14px;
    font-weight: 700;
    display: block;
    overflow: hidden;
    font-family: 'Roboto', sans-serif
}

.countdownTitle i {
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #ffffff75;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 5px;
}

.countdownTitle span {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    color: #ff0000;
    font-weight: 600;
}

#fixCountDown .tmLogoStrip span.tLogo {
    width: 125px;
    height: 125px;
}

#fixCountDown .tmLogoStrip span.tLogo img {}

#fixCountDown .tmLogoStrip span {
    font-size: 18px;
    line-height: 24px;
}

#fixCountDown .bottomStrip .matResult span {
    font: 700 14px/20px 'Roboto', sans-serif;
    text-transform: uppercase;
}

#fixCountDown .tvt {
    color: #202020;
}

#fixCountDown .tmLogoStrip span.tmName {
    display: block;
    color: #000000;
    font-weight: 900;
    font-size: 13px;
    line-height: 1;
}

#fixCountDown .matType {
    text-align: center;
    display: block;
    color: #ffffff;
}

#fixCountDown .matType span {
    font-size: 12px;
}

#fixCountDown .matType span.dayCount {
    display: none;
}

#fixCountDown p.tmLogoStrip {
    margin-bottom: 20px !important;
}

.liveResBlock .slideBtn {
    margin: 0 auto;
}

.result__strip .slideBtn {
    display: none;
}

.prevBtn,
.nextBtn {
    position: absolute;
    top: 40%;
}

.prevBtn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nextBtn {
    right: 15px;
}

.prevBtn {
    left: 15px;
}

.prevBtn img,
.nextBtn img {
    width: 20px;
}


/*===== Teams Page =====*/

.flex-grid {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}

/*.section__title .title-heading-center::after,
.section__title .title-heading-center::before{ background-color: #fff;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 7%;}
.section__title .title-heading-center::after{left:20px;margin-right:-50%}
.section__title .title-heading-center::before {right: 20px;margin-left: -50%;}*/

.teams-page__hero {
    position: relative;
    color: #fff;
    background-color: #202020;
    background-image: url(../images/teams-hero.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 10;
    padding: 30px 30px 40px
}

.teams-page__hero::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40%;
    background: -webkit-linear-gradient(0deg, #202020 0, rgba(32, 32, 32, .45) 70%, rgba(32, 32, 32, 0));
    background: -moz-linear-gradient(0deg, #202020 0, rgba(32, 32, 32, .45) 70%, rgba(32, 32, 32, 0));
    background: linear-gradient(0deg, #202020 0, rgba(32, 32, 32, .45) 70%, rgba(32, 32, 32, 0));
    z-index: -1;
}

.teams-logo__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.teams-logo__list::before,
.teams-logo__list::after {
    content: '';
    display: block;
}

.teams-logo__list .teams-logo__items {
    max-width: 130px;
    width: 100%;
    margin: 0 5px;
}

.teams-logo__list .teams-logo__items a {
    background: #ffffff;
    border-radius: 20px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    max-width: 130px;
    width: 100%;
    min-height: 130px;
    height: 100%;
    transition-property: color, background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
    overflow: hidden;
    -webkit-box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px;
}

.teams-logo__list .teams-logo__items a img {
    border-style: none;
    vertical-align: top;
    max-width: 120px;
    height: auto;
}

.teams-logo__list .teams-logo__items:hover a,
.teams-logo__list .teams-logo__items:focus a,
.teams-logo__list .teams-logo__items.current a {
    background-color: #000000;
}

.teams-page__main,
.player-page__main {
    background-color: #202020;
    display: block;
    overflow: hidden;
}

.teams-page__bg {
    display: block;
    overflow: hidden;
    background: #fff;
    max-width: 1366px;
    width: 100%;
    padding: 40px;
    margin: 0 auto;
}

.teams-page__header {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    clear: both;
}

.teams-page__header .team-header__left {
    text-align: left;
}

.teams-page__header .team-header__left .team-logo,
.teams-page__header .team-header__left .team-name {
    display: inline-block;
    vertical-align: middle;
}

.teams-page__header .team-header__left .team-logo img {
    max-width: 54px;
    width: 100%;
}

.teams-page__header .team-header__left .team-name {
    text-transform: uppercase;
    color: #000000;
    font-size: 26px;
    font-weight: 500;
    padding: 0 15px;
    line-height: 1.5;
}

.teams-page__header .team-header__right {
    text-align: right;
}

.teams-page__header .team-header__right img {
    width: 90px;
    padding: 15px 0;
}

.team-list__list {
    display: flex;
    flex-wrap: wrap;
}

.team-list__person-container {
    width: 25%;
    padding: 0 1rem;
    margin-bottom: 30px;
}

.team-person {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    box-shadow: 0 3px 25px rgba(150, 150, 150, .4);
    border-radius: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

.team-person::before {
    content: "";
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 65%;
    right: 0;
    bottom: 0;
    z-index: 10;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.team-person__container {
    padding-top: 50%;
    padding-bottom: 50%;
}

.team-person__picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

.team-person__picture img {
    width: 210px;
    height: 100%;
    object-fit: contain;
    object-position: top center;
}

.team-person__info,
.team-person__text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.team-person__text {
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
}

.team-person__info {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-2.4rem);
    transform: translateY(-2.4rem);
    text-align: center;
    color: #fff;
    margin-bottom: 1.2rem;
    background-color: #000000;
}

.team-person__info .team-person__name {
    text-transform: uppercase;
    font: 20px/22px "Roboto", Arial, sans-serif;
    font-weight: 900;
    color: #0082c6;
    margin-bottom: 5px;
}

.team-person__info .team-person__roll {
    font: 14px/16px "Roboto", Arial, sans-serif;
    color: #dddddd;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.team-person__info,
.team-person__text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.team-person__stats {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transform: translateY(115%);
    transform: translateY(115%);
    transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out;
    padding-top: 1.1rem;
    margin-bottom: 1.1rem;
    opacity: 0;
    color: #ffffff;
}

.team-person:hover .team-person__info {
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
    padding: 10px 0 0;

}

.team-person:hover .team-person__stats {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
    opacity: 1;
}

.player-stats__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    max-width: 32.7rem;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .3s ease-out, max-height .3s ease-out;
    max-height: 0;
    overflow: hidden;
}

.player-stats__list--show {
    opacity: 1;
    max-height: 5rem;
}

.player-stats__item {
    flex: 1;
    overflow: hidden;
    text-align: center;
    padding: 0 .4rem;
}

.player-stats__item span {
    display: block;
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
}

.player-stats__item span.player-stats__value {
    font-size: 30px;
    line-height: 36px;
    font-weight: 900;
}

.player-stats__item span.player-stats__title {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color:
}

.person-info__view {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font: 16px/18px "Roboto", Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    transition-property: color, background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}

.person-info__view:hover {
    color: #fdc52c
}

.team-management__section {
    display: block;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 40px;
}

.team-owner,
.team-coach {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", Arial, sans-serif;
    margin-bottom: 20px;
}

.team-owner .team-mang__title,
.team-owner .team-mang__name,
.team-coach .team-mang__title,
.team-coach .team-mang__name,
.team-staff__item {
    -ms-transform: skewX(-20deg);
    /* IE 9 */
    -webkit-transform: skewX(-20deg);
    /* Safari */
    transform: skewX(-20deg);
}

.team-owner .team-mang__title .mng-text,
.team-owner .team-mang__name .mng-text,
.team-coach .team-mang__name .mng-text,
.team-coach .team-mang__title .mng-text,
.team-staff__name {
    -ms-transform: skewX(20deg);
    /* IE 9 */
    -webkit-transform: skewX(20deg);
    /* Safari */
    transform: skewX(20deg);
}

.team-owner .team-mang__title,
.team-coach .team-mang__title {
    background: #0082c6;
    color: #fff;
    font-weight: 900;
}

.team-owner .team-mang__name,
.team-coach .team-mang__name,
.team-staff__item {
    background: #fff;
    border: 1px solid #ccc;
}

.team-owner .team-mang__name,
.team-coach .team-mang__name,
.team-owner .team-mang__title,
.team-coach .team-mang__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    width: 50%;
    text-align: center;
    padding: 20px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    height: 55px;
}

.team-coach .team-mang__title,
.team-owner .team-mang__title {
    font-size: 16px;
    font-weight: 500;
}

.team-support__staff {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 40px;
}

.team-staff__item {
    width: 23%;
    text-align: center;
    padding: 0 20px;
    margin: 0 5px 10px;
    min-height: 70px;
    height: auto;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-staff__name {
    text-transform: uppercase;
    font-size: 16px;
}

.team-support__staff .section__title .title-heading-center {
    color: #000000;
}

.team-support__staff .section__title .title-heading-center::after,
.team-support__staff .section__title .title-heading-center::before {
    background-color: #000000;
}


/*===== Player Profile Page =====*/
.player-page__main .section__title .title-heading-center {
    color: #000000;
}

.player-page__main .section__title .title-heading-center::after,
.player-page__main .section__title .title-heading-center::before {
    background-color: #000000;
}

.section-sub__title {
    display: block;
    overflow: hidden;
    clear: both;
    color: #034ea2;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 30px;
}

.battingWrapper,
.bowlingWrapper {}

.player-hero {
    position: relative;
    padding: 20px 20px 0 20px;
    margin-bottom: 30px;
    background-image: linear-gradient(to right, #9670c1, #3e3b84);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    min-height: 300px;
    height: auto;
}

.player-hero__photo {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: calc(100% + 2rem);
    width: auto;
    max-width: 19rem;
    margin-left: 1rem;
    overflow: hidden;
}

.player-hero__photo img {
    max-height: calc(100% + 2rem);
    width: auto;
    max-width: 14rem;
}

.player-hero__detail {
    color: #fff;
    padding-left: calc(19rem + 1rem);
}

.player-hero__detail .player-hero__name {
    color: #fff;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.player-hero__detail .player-hero__roll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 30px 0 0;
    overflow: hidden;
}

.player-hero__detail .player-hero__roll p {
    margin: 0 20px 20px 0;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 500;
    text-transform: uppercase;
}

.player-hero__detail .player-hero__roll p span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 400;
}

.player-hero__stats {
    display: block;
    margin-bottom: 30px;
}

.player-hero__stats .stats-box li {
    background-color: #000000;
    color: #fdc52c;
    display: inline-block;
    margin-right: 10px;
    padding: 0.6rem 1.3rem;
    text-align: center;
    line-height: 1.2;
}

.player-hero__stats .stats-box li p {
    margin: 0;
}

.player-hero__stats .stats-box li .stats-lable {
    font-size: 14px;
    font-weight: 400;
}

.player-hero__stats .stats-box li .stats-value {
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
}

.player-hero__sponsor {}

.player-hero__sponsor a {
    position: absolute;
    top: 30px;
    right: 30px;
}

.player-hero__sponsor a img {
    width: 110px;
}

.player-hero__social {
    padding-bottom: 15px;
}

.player-hero__social .social-fb,
.player-hero__social .social-tw,
.player-hero__social .social-ins {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.social-link {
    display: block;
}

.player-hero__social .social-fb a svg,
.player-hero__social .social-tw a svg,
.player-hero__social .social-ins a svg {
    fill: #ffffff;
    width: 38px;
    height: 38px;
}

/*-- Tables --*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

td,
th {
    padding: 0
}

table.tableDefault {
    font-family: "Roboto", Arial, sans-serif;
    width: 100%;
    border: none;
    border-collapse: collapse;
    margin: 0 0 15px 0;
}

table.tableDefault th,
table.tableDefault td {
    padding: 8px 6px;
    text-align: center;
}

table.tableDefault thead th {
    font-weight: 700;
    font-size: 11px;
    background: #000000;
    color: #ffffff;
    border: 0 none;
}

table.tableDefault tbody tr td {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}

table.tableDefault tbody tr:last-child {
    border-bottom: 1px solid #888888;
}

table.tableDefault tfoot {
    border: 1px solid #000000;
}

table.tableDefault tfoot tr td {
    color: #a2a2a2;
    text-align: center;
    background-color: #e0dedd;
}

table.tableDefault tfoot tr td:hover,
table.tableDefault tfoot tr td:focus {
    background-color: #aaa;
}

table.table-forum {
    border: 0 none;
}

table.table-forum th,
table.table-forum td {
    font-weight: normal;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dotted #BCBCBC !important;
}

table.table-forum thead tr th {
    border-bottom: 0 none !important;
    text-align: center;
}

table.table-forum tbody tr td {
    text-align: center;
    width: 10%;
    height: 20%;
}

table.tableDefault tbody tr:nth-child(even) {
    background-color: #F0F0F0;
}


.player-info__text {
    text-align: center;
    font-size: 15px;
    color: #000000;
    margin-bottom: 30px;
}

.player-squad {
    border-left: 1px solid #000000;
    padding-left: 40px;
    margin-left: 40px;
}

.player-squad .section__title .title-heading-center {
    color: #000000;
}

ul.player-squad__list {
    border-bottom: 1px solid #aaaaaa;
    list-style: none;
}

ul.player-squad__list li.player-squad__item {
    display: block;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard {
    border-top: 1px solid #aaaaaa;
    cursor: pointer;
    padding: 15px;
    display: block;
    transition-property: color, background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover,
ul.player-squad__list li.player-squad__item a.current {
    border-top: 1px solid #000000;
    background-color: #000000;
    box-shadow: 0 3px 20px rgba(150, 150, 150, .6);
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover .player-photo,
ul.player-squad__list li.player-squad__item a.squadPlayerCard.current .player-photo {
    background-color: #fff;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover .player-detail,
ul.player-squad__list li.player-squad__item a.current .player-detail {
    color: #ffffff;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-photo {
    position: relative;
    margin-right: 20px;
    overflow: hidden;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #ccc;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.player-photo,
.player-detail {
    display: inline-block;
    vertical-align: middle;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail {
    text-transform: uppercase;
    line-height: 1.5;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail p {
    margin: 0;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name {
    font-size: 16px;
    font-weight: 900;
}

ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll {
    font-size: 14px;
    font-weight: 500;
}

.player-squad .section__title .title-heading-center::before,
.player-squad .section__title .title-heading-center::after {
    display: none;
}

/*===== Fixture Widget - Home Page =====*/

#fixture-scroll__container {
    position: relative;
}

#fixture-scroll__container .section__title {}

#fixture-scroll__container .dataViewport {
    height: auto !important;
}

.matches-widget__list {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
}

.next-prev-controls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

.next-prev-direction {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.next-prev-direction a {
    position: relative;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.25);
    font-size: 12px;
    font-weight: 700;
    margin: 0 5px 10px;
    transition-property: background-color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
}

.mcPrevArrow::after,
.mcNextArrow::after {
    position: absolute;
    color: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mcPrevArrow::after {
    content: "Prev";
}

.mcNextArrow::after {
    content: "Next";
}

.next-prev-direction .disabled {
    opacity: 0.5;
    cursor: default;
}

.next-prev-direction .disabled:hover {
    background: #034ea2;
}

.next-prev-direction a:hover {
    background-color: #034ea2;
}

.matches-widget__list-item {
    display: inherit;
    flex-grow: 1;
}

.matches-item {
    position: relative;
    width: 360px;
    background: #ffffff;
    margin: 0 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, .06);
    box-shadow: 0 .2rem .7rem 0 rgba(0, 0, 0, .12);
    transition: box-shadow .3s ease;
    flex-grow: 1;
}

.matches-item:hover {
    box-shadow: 0 0 1.4rem rgba(0, 0, 0, .2);
}

.matches-item a {
    height: 100%;
}

.matches-scroller-match__arrow {
    position: absolute;
    right: 20px;
    top: 15px;
    transition: all .2s ease-in-out;
}

.matches-scroller-match__arrow svg {
    width: 18px;
    height: 20px;
    fill: #fff;
}

.matches-item a:hover .matches-scroller-match__arrow {
    right: 12px;
}

.matches-item a:hover .matches-scroller-match__arrow svg {
    fill: #fff600;
}

.matches-item.UpComing a {
    cursor: default;
    pointer-events: none;
}

.matches-item.UpComing .matches-item__details {
    margin-top: 10px;
}

.matches-item.UpComing .matches-details__team-meta {
    width: 50%;
}

#recentMatches-container .matches-item {
    width: 464px !important;
}

.matches-item__header {
    text-align: left;
    color: #fff;
    padding: .5rem 1rem;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.matches-item .tourDropdown,
.matches-item .matches-details__results {
    padding: 0 10px;
    margin: 0;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.matches-item .matches-details__results {
    font-weight: 600;
    color: #9b3129;
}

.matches-item__header-left {
    line-height: 1rem;
    color: #ffffff;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.matches-item__header-left,
.matches-item__header-right,
.matches-details__team-home,
.matches-details__team-away {
    flex: 1;
}

.matches-item__date-day {
    color: #fff600;
    font-family: "Roboto", Arial, sans-serif;
    padding-right: 5px;
    font-weight: 900;
    font-size: 36px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.matches-item__date-info {
    color: #ffffff;
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    word-spacing: normal;
    line-height: 1;
}

.matches-item__date-info span {
    line-height: 16px;
}

.matches-item__date-weekday {
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    display: block;
}

.matches-item__date-month {
    font-weight: 400;
    font-size: 14px;
}

.matches-item__header-right {
    text-align: right;
}

.matches-item__details {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.matches-item__details .tmName {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

.matches-item__details .tscore {
    color: #000000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
}

.matches-details__team-home,
.matches-details__team-away {
    text-align: center;
}

.matches-details__team-home img,
.matches-details__team-away img {
    width: 50px;
}

.matches-details__team-tLogo {
    border-radius: 50%;
    margin: 0 auto 5px;
    display: inline-block;
    vertical-align: middle;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.matches-details__team-meta {
    text-align: center;
}

.matches-details__team-meta p.matches-details__team-meta-time,
.matches-details__versus {
    color: #888888;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 0;
    text-transform: uppercase;
}

.matches-details__team-meta p.matches-details__venue {
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    color: #404040;
    font-weight: normal;
}

.matches-item__btn {
    text-align: center;
}

.button--default {
    position: relative;
    display: inline-block;
    padding: .35rem 1.3rem;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 900;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform;
    cursor: pointer;
    pointer-events: all;
    transition: background-color .2s ease, -webkit-transform .2s ease;
    transition: background-color .2s ease, transform .2s ease;
    transition: background-color .2s ease, transform .2s ease, -webkit-transform .2s ease;
}

.matches-item__btn-item {
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    background-color: #d6202d;
    margin: 0 10px;
}

.btn-item__icon,
.btn-item__text {
    display: inline-block;
    vertical-align: middle;
}

.btn-item__icon {
    margin-right: 5px;
    width: 26px;
    height: 26px;
}

.btn-item__icon svg {
    fill: #fff;
    width: 24px;
    margin-right: 5px;
}

.matches-item__btn-item:hover,
.matches-item__btn-item:focus {
    background-color: #000000;
    color: #ffffff;
}


.UpComing .matches-item__header {
    background-image: -webkit-linear-gradient(30deg, #00518f 5%, #088aed 100%);
    background-image: -moz-linear-gradient(30deg, #00518f 5%, #088aed 100%);
    background-image: linear-gradient(30deg, #00518f 5%, #088aed 100%);
}

.Post .matches-item__header {
    background-image: -webkit-linear-gradient(30deg, #00518f 5%, #088aed 100%);
    background-image: -moz-linear-gradient(30deg, #00518f 5%, #088aed 100%);
    background-image: linear-gradient(30deg, #00518f 5%, #088aed 100%);
}

.UpComing .matches-item__details .tmName {
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.UpComing .matches-details__team-meta p.matches-details__team-meta-time {
    background: -webkit-linear-gradient(120deg, #a61637 10%, #351412);
    background: linear-gradient(120deg, #a61637 10%, #351412);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.05rem;
}

.UpComing .matches-details__team-meta p.matches-details__venue,
.Post p.for-post {
    font-size: 12px;
    line-height: 14px;
}

.UpComing .matches-details__versus,
.UpComing p.for-post,
.UpComing .matches-scroller-match__arrow {
    display: none;
}

.UpComing .matches-item:hover {
    box-shadow: none;
    cursor: default;
}

.Post .matches-details__team-tLogo {
    width: 60px;
    height: 60px;
}

.Post .matches-details__team-meta p.matches-details__team-meta-time,
.Post .matches-details__team-meta p.matches-details__venue {
    display: none;
}

.Post p.for-post {
    color: #404040;
    text-align: center;
    margin: 10px 0 0 0;
}

.Post .matches-details__team-meta p.matches-details__versus {
    margin-bottom: 2rem;
}

/*===== Pointstabel Widget - Home Page =====*/
#pt__homewidget .section__title {
    margin: 30px 0 25px;
}

.scorecardWrapper .section__title .title-heading-center,
.standingsWrap .section__title .title-heading-center {
    color: #000000;
}

.scorecardWrapper .section__title .title-heading-center::after,
.scorecardWrapper .section__title .title-heading-center::before,
.standingsWrap .section__title .title-heading-center::after,
.standingsWrap .section__title .title-heading-center::before {
    background-color: #000000;
}

table.points-table__widget thead th {
    font-family: 'Roboto', Arial, Sans-Serif;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: #656565;
    background: transparent;
}

table.points-table__widget thead th:nth-child(2) {
    text-align: left;
}

table.points-table__widget tbody {
    border: 0;
}

table.points-table__widget tbody tr td {
    font-size: 12px;
    padding: 10px 8px;
    font-family: 'Roboto', Arial, Sans-Serif;
    font-weight: 400;
}

table.points-table__widget tbody tr td i {
    font-style: normal;
    line-height: 1rem;
}

table.points-table__widget tbody td:nth-child(1) {
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
}

table.points-table__widget tbody tr {
    border-bottom: 1px solid #ffffff;
}

table.points-table__widget tbody tr td:last-child {
    color: #000000;
    font-size: 12px;
    font-weight: 700;
}

table.points-table__widget tbody tr td span {
    display: inline-block;
    vertical-align: middle;
}

table.points-table__widget tbody tr td span img {
    width: 35px;
}

table.points-table__widget tbody tr td span:first-child {
    margin-right: 5px;
}

table.points-table__widget tbody tr:nth-child(1) {
    background-color: #153b73;
}

table.points-table__widget tbody tr:first-child td {
    color: #fff;
}

table.points-table__widget tbody td:nth-child(2) {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
}

.pointsFilter {
    margin: 0 auto 15px;
    text-align: center;
}

.pointsFilter .mcSelectDefault,
.topFilter-Wrap .mcSelectDefault {
    width: 45%;
    font-size: 13px;
    padding: 8px 40px 8px 15px;
    color: #000000;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 3px solid #088aed;
    border-radius: 0;
    background-position: calc(100% - 24px) calc(1em + 3px), calc(100% - 16px) calc(1em + 3px), 100% 0;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}

.pointsFilter select.mcSelectDefault:first-child {
    width: 35%;
}

.pointsFilter select.mcSelectDefault:last-child {
    width: 80%;
}

.topFilter-Wrap .mcSelectDefault {
    width: 85%;
}

.topFilter-Wrap .mcSelectDefault {
    background-color: #ffffff;
}

/*===== Top Performer Widget - Home Page =====*/
.topPerformersWrap #errMsgTop {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff !important;
}

.performersList {
    display: block;
}

.performersList #errMsgTop {
    text-align: center;
    margin: 20px 0 0;
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.performersList .imgBlk {
    height: 190px;
    font-family: 'Roboto', Arial, Sans-Serif;
    position: relative;
    padding: 20px 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-block: 1.5rem 0;
}


.performersList .imgBlk .ply-tem {
    border-radius: 50%;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.performersList .imgBlk .ply-tem img {
    width: 45px;
}

.performersList .imgBlk .ply-img {
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 100%;
    transition: transform 0.3s ease;
    z-index: 1;
    display: flex;
    align-items: flex-end;
}

.performersList .imgBlk .ply-img img {
    height: 100%;
    width: auto;
    object-fit: contain;
    object-position: bottom;
}

.performersList .imgBlk .ply-info {
    position: absolute;
    right: 10px;
    z-index: 1;
}

.imgWrapper {
    display: none;
    text-align: center;
    margin: 0 auto 20px;
}

.imgWrapper img {
    max-width: 200px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top center;
}

.performersList .playerDetWrap {
    color: #ffffff;
    text-align: right;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.performersList .playerDetWrap span {
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: right;
}

.performersList .titleBlk,
.performersList .playerName,
.performersList .teamName {
    display: block;
}

.performersList .playerDetWrap .titleBlk {
    display: inline-block;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 10px;
    margin-block-end: 10px;
    line-height: 1.2;
    background: rgba(15, 15, 15, 0.5);
    border-radius: 4px;
}

.performersList .playerName {
    width: 150px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-block-end: 1.6rem;
}

.performersList .teamName {
    display: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.performersList .topScore {
    font-family: 'Bebas Neue', sans-serif;
    color: #ffffff;
    text-align: right;
    font-weight: 500;
    font-size: 48px;
    line-height: 1;
}

.performersList .topScore .topCategory {
    font-family: 'Roboto', Arial, Sans-Serif;
    display: block;
    color: #ffffff;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
}

ul.smTabs {
    display: none;
}

.performersList .top-run,
.performersList .high-sr,
.performersList .high-sc,
.performersList .lead-wt,
.performersList .best-bb,
.performersList .best-eco {
    position: relative;
    overflow: hidden;
}

.performersList .top-run .imgBlk {
    background-image: linear-gradient(#3ac1c1, #076296);
}

.performersList .high-sr .imgBlk {
    background-image: linear-gradient(#FDDF6B, #E01F26);
}

.performersList .high-sc .imgBlk {
    background-image: linear-gradient(#FDDF6B, #E01F26);
}

.performersList .lead-wt .imgBlk {
    background-image: linear-gradient(#3ac1c1, #076296);
}

.performersList .best-bb .imgBlk {
    background-image: linear-gradient(#F13852, #E51E26);
}

.performersList .best-eco .imgBlk {
    background-image: linear-gradient(#F13852, #E51E26);
}


.performersList .top-run .imgBlk::after,
.performersList .high-sr .imgBlk::after,
.performersList .high-sr .imgBlk::after,
.performersList .lead-wt .imgBlk::after,
.performersList .best-bb .imgBlk::after,
.performersList .best-eco .imgBlk::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 280px;
    background-repeat: no-repeat;
    background-position: center left -1rem;
    background-blend-mode: color-dodge;
    opacity: 0.2;
    border-radius: 10px;
}

.performersList .high-sr .imgBlk::after {
    background-image: linear-gradient(#FDDF6B, #E01F26), url(../../assets/images/pattern-TP.png);
}

.performersList .high-sr .imgBlk::after {
    background-image: linear-gradient(#FDDF6B, #E01F26), url(../../assets/images/pattern-TP.png);
}

.performersList .lead-wt .imgBlk::after {
    background-image: linear-gradient(#3ac1c1, #076296), url(../../assets/images/pattern-TP.png);
}

.performersList .best-bb .imgBlk::after {
    background-image: linear-gradient(#F13852, #E51E26), url(../../assets/images/pattern-TP.png);
}

.performersList .best-eco .imgBlk::after {
    background-image: linear-gradient(#F13852, #E51E26), url(../../assets/images/pattern-TP.png);
}

.performersList .top-run:hover .imgBlk .ply-img,
.performersList .high-sr:hover .imgBlk .ply-img,
.performersList .high-sc:hover .imgBlk .ply-img,
.performersList .lead-wt:hover .imgBlk .ply-img,
.performersList .best-bb:hover .imgBlk .ply-img,
.performersList .best-eco:hover .imgBlk .ply-img {
    transform: scale(1.1);
}

#recentMatches-container .title {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
}

/** Top Performers **/
.topPerformersWrap {
    position: relative;
}

.topPerformersWrap .widget-header {
    margin-bottom: 1.6rem;
    display: flex;
    align-items: baseline;
    gap: 1.5rem;
}

.topPerformersWrap .see-more {
    position: unset;
}

/** DropDown **/
.smWidget__header {
    margin: 0 auto 15px;
    text-align: center;
}

#widgetDropdown {
    width: 80%;
}

#widgetDropdown .mcSelectDefault {
    padding-right: 30px;
}

#widgetDropdown {
    background-image: -webkit-linear-gradient(30deg, #cd8f21 5%, #9b3129 100%);
    background-image: linear-gradient(30deg, #cd8f21 5%, #9b3129 100%);
    margin: 0 auto;
    border-radius: 30px;
    color: #fff;
    padding: 8px 25px 8px 15px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3);
}

.mcSelectDefault {
    width: 100%;
    height: auto;
    border-radius: 20px;
    font-family: "Roboto", Arial, sans-serif;
    line-height: normal;
    padding: 0;
    cursor: pointer;
    border: none;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
    background-position: calc(100% - 8px) calc(1em + -6px), calc(100% - 0px) calc(1em + -6px), 100% 0;
    background-size: 8px 8px, 9px 8px, 2.2em 2.2em;
    background-repeat: no-repeat;
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    line-height: 20px;
    outline: none;
}

#stadingSmipl {
    position: relative;
    margin-bottom: 0;
}

#stadingSmipl #errMsg {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    text-transform: uppercase;
    color: #999 !important;
    font-size: 14px;
    text-align: center;
}

.matches-item__header-left .mthCount {
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    flex-grow: 1;
    color: #fcec00;
    text-align: right;
}

.topFilter-Wrap {
    display: none;
    text-align: center;
    margin-bottom: 15px;
}

.topFilter-Wrap_dropdown {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    margin: 0 10px 10px;
}

#divisionWrap .mcSelectDefault.division {
    display: none;
}

#divisionWrap .topFilter-Wrap_dropdown:first-child {
    display: none;
}

/* ================================================================================================ */
/*   MediaQuery
/* ================================================================================================ */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mob_hide {
        display: none;
    }

    ul.smTabs {
        width: 100%;
    }

    .matType {
        font-size: 11px;
        line-height: 15px;
    }

    .tmLogoStrip span.tLogo {
        width: 50px;
        height: 50px;
    }

    .tmLogoStrip span.tLogo img {
        width: 35px;
        margin: 7px;
    }

    .tmLogoStrip span {
        font-size: 12px;
    }

    .tvt {
        line-height: 42px;
    }

    .teamScore .run {
        font-size: 24px;
        line-height: 1;
    }

    .teamScore .runRate {
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
    }

    .teamScore .runRate i:not(:last-child) {
        margin-right: 5px;
    }

    .tvtInn {
        font-size: 10px;
    }

    #onFieldPlayer {
        margin: 0;
    }

    .playerCard {
        margin: 5px 0;
        padding: 5px 10px;
    }

    .playerCard .plyPhoto,
    .playerCard .plyPhoto img {
        height: 50px;
    }

    .bt-box {
        border: 0;
    }

    .playerCard .playerContent .mainStats {
        font-size: 14px;
        line-height: 22px;
    }

    .playerCard .playerContent .plyName,
    .playe0rCard .playerContent .otherStats {
        font-size: 12px;
    }

    .greenDot,
    .redDot {
        top: 10px;
    }

    .bottomStrip {
        padding: 0 20px;
    }

    .bottomStrip .matResult {
        font-size: 12px;
        padding: 10px 0;
    }

    p.tossDetails {
        font: 700 14px/18px 'Roboto', sans-serif;
        margin-bottom: 15px;
        padding: 0 10px;
    }

    .bottomStrip .smLinks {
        float: none;
        width: 100%;
        display: black;
        overflow: hidden;
    }

    .bottomStrip a.mcLink {
        font-size: 14px;
        line-height: 2;
        padding: 10px;
    }

    .bottomStrip a.btnFull {
        width: 100%;
    }

    .rightSection {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        border-left: 0 none;
        padding: 10px 5px;
    }

    .rightSection h1 {
        text-align: center;
        font-size: 14px;
        line-height: 16px;
    }

    .rightSection .tourDropdown {
        font-size: 12px;
    }

    .rightSection ul.matches li.card {
        padding: 10px 8px;
        margin: 0 0 10px 0;
    }

    ul.matches li .cardTopStrip {
        margin-bottom: 5px;
    }

    ul.matches li .cardTopStrip p.mthCount {
        font-size: 10px;
    }

    ul.matches li .cardBottomStrip {
        font-size: 10px;
        line-height: 14px;
    }

    ul.matches li .teamPlay .tmLogoStrip .tLogo {
        width: 30px;
        height: 30px;
    }

    ul.matches li .teamPlay .tmLogoStrip .tLogo img {
        width: 20px;
    }

    ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName i {
        font-size: 13px;
    }

    .matType span.matTourName,
    .tossDetails {
        font-size: 12px;
    }

    #fixCountDown .tmLogoStrip span.tLogo {
        width: 65px;
        height: 65px;
    }

    #fixCountDown .tmLogoStrip span.tLogo img {
        width: 45px;
        margin: 9px;
    }

    #fixCountDown .tmLogoStrip span {
        font-size: 14px;
        line-height: 18px;
    }

    #tournamentCountdown.fixtureTimerCountdown {
        padding: 0 10px;
        margin: 0 auto 10px;
    }

    #tournamentCountdown .fixtureTimer .timervalue,
    #tournamentCountdown .countdownTitle {
        font-size: 28px;
        line-height: 38px;
    }

    #tournamentCountdown .fixtureTimer .timerLabel {
        display: block;
        font-size: 10px;
    }

    #tournamentCountdown.fixtureTimerCountdown .fixtureTimer {
        padding: 0 13px;
    }

    #tournamentCountdown .fixtureTimer .timervalue {
        line-height: 24px;
    }

    .playerCard .curPlyTeamLogo img {
        width: 40px;
        top: 20px;
    }

    .prevBtn img,
    .nextBtn img {
        width: 20px;
    }

    .playerCard .playerContent {
        top: 0;
    }

    .section__title .title-heading-center {
        font: 900 20px/28px 'Roboto', sans-serif;
    }

    .next-prev-direction a:hover {
        background: #d6202d;
    }

    .teams-page__main,
    .player-page__main {
        padding: 0;
    }

    ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name {
        font-size: 14px;
        font-weight: 900;
    }

    ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll {
        font-size: 12px;
        font-weight: 500;
    }

    a.viewAllPerformers {
        margin: 10px 0 20px;
    }

    table.points-table__widget tbody td:nth-child(1) {
        width: 40%;
    }

    table.points-table__widget tbody tr td span img {
        width: 34px;
    }

    table.points-table__widget tbody tr td span:nth-child(2) {
        width: 50%;
        line-height: 1.3;
        font-size: 12px;
    }

    table.points-table__widget tbody tr td:last-child {
        font-size: 13px;
    }

    table.tableDefault th,
    table.tableDefault td {
        padding: 8px 5px;
    }

    table.tableDefault tbody tr td {
        padding: 10px 5px;
    }

    #fixCountDown .section__title .title-heading-center {
        margin-top: 15px;
    }

    #fixCountDown .tmLogoStrip span.tmName {
        width: 65%;
        font-size: 13px;
        font-weight: 700;
        margin: 0 auto;
    }


    .UpComing .matches-item__details {
        padding: 0 10px;
    }

    .UpComing .matches-item__details .tmName {
        font-size: 12px;
        line-height: 16px;
    }

    .UpComing .matches-details__team-meta p.matches-details__team-meta-time {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .Post .matches-details__team-tLogo {
        width: 50px;
        height: 50px;
    }

    .pointsFilter select.mcSelectDefault:first-child,
    .pointsFilter select.mcSelectDefault:last-child {
        width: 100%;
        margin: 0 auto 10px;
    }

    .pointsFilter #divisionWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .topFilter-Wrap #divisionWrap {
        display: block;
        margin: 0 15px;
    }

    .topFilter-Wrap_dropdown {
        width: 100%;
        margin: 0 0 10px;
    }

    #widgetDropdown {
        width: 65%;
    }

}

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
    .mob_hide {
        display: none;
    }

    .section__title .title-heading-center {
        font-size: 22px;
    }

    .section__title .title-heading-center::after,
    .section__title .title-heading-center::before {
        width: 15%;
    }

    .section__title,
    .section-sub__title,
    table.tableDefault {
        margin-bottom: 10px;
    }

    table.tableDefault th,
    table.tableDefault td {
        padding: 5px;
    }

    table.tableDefault tbody tr td,
    table.tableDefault thead th {
        font-size: 12px;
    }

    table.tableDefault tbody tr td {
        padding: 10px 5px;
    }

    .player-hero__detail .player-hero__name {
        font-size: 22px;
    }

    .teams-page__main {
        padding: 10px;
    }

    .next-prev-direction a:hover {
        background: #d6202d;
    }

    .teams-page__main,
    .player-page__main {
        padding: 0;
    }

    #fixCountDown .section__title .title-heading-center {
        margin-top: 15px;
    }

    .nextBtn {
        right: 4%;
    }

    .prevBtn {
        left: 4%;
    }

    .prevBtn,
    .nextBtn {
        top: 5px;
    }

    #widgetDropdown {
        width: 75%;
        padding-right: 15px;
    }

    #widgetDropdown .mcSelectDefault {
        padding-right: 25px;
    }

    .performersList .imgBlk {
        margin: 10px;
    }

}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : portrait) {
    .matches-item {
        width: 336px;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) {
    .matches-item {
        min-width: 100%;
    }
}

@media only screen and (max-device-width : 768px) {
    .teams-page__bg {
        padding-top: 15px;
    }

    .section__title {
        margin-bottom: 20px;
    }

    .teams-page__hero::after {
        height: 20%;
    }

    .teams-page__header .team-header__left,
    .teams-page__header .team-header__right {
        text-align: center;
        margin-bottom: 10px;
    }

    .teams-page__header .team-header__left .team-logo,
    .teams-page__header .team-header__left .team-name {
        display: block;
    }

    .teams-page__header .team-header__left .team-logo img {
        width: 60px;
    }

    .teams-page__header .team-header__left .team-name {
        padding: 0;
        font-size: 18px;
        font-weight: 900;
    }

    .teams-page__header .team-header__right img {
        padding: 0;
        width: 75px;
    }

    .team-list__person-container {
        width: 100%;
    }

    .team-person:hover .team-person__info {
        -webkit-transform: translateY(-2.4rem);
        transform: translateY(-2.4rem);
    }

    .team-person:hover .team-person__stats {
        opacity: 0;
    }

    .team-management__section {
        padding: 0 20px;
    }

    .team-owner,
    .team-coach {
        display: block;
    }

    .team-owner .team-mang__title,
    .team-owner .team-mang__name,
    .team-coach .team-mang__title,
    .team-coach .team-mang__name,
    .team-staff__item {
        width: 100%;
        font-size: 14px;
    }

    .player-squad {
        margin: 0;
        padding: 0;
        border: 0;
    }

    ul.player-squad__list li.player-squad__item a.squadPlayerCard {
        padding: 10px;
    }

    .player-hero {
        padding: 10px 10px 0 10px;
    }

    .player-hero__sponsor a {
        margin: 0 auto;
        text-align: center;
        right: 10px;
    }

    .player-hero__sponsor a img {
        width: 75px;
    }

    .player-hero__detail {
        padding-left: 0;
        padding-top: calc(10rem + 2rem)
    }

    .player-hero__photo {
        margin-right: 0.8rem;
        top: 20px;
        bottom: inherit;
    }

    .player-hero__photo img {
        width: 11rem;
    }

    .player-hero__detail .player-hero__roll {
        display: block;
        margin: 0;
    }

    .player-hero__detail .player-hero__roll p {
        font-size: 14px;
        margin: 0 0 15px 0;
    }

    .player-hero__stats {
        margin-bottom: 10px;
    }

    .player-hero__stats .stats-box li {
        margin-right: 0;
        padding: 0.6rem 1rem;
    }

    .player-hero__stats .stats-box li .stats-value {
        font-size: 30px;
    }

    #recentMatches-container .matches-item {
        max-width: 336px !important;
    }

    .next-prev-controls {
        top: 40px;
    }

    .matches-widget__list {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        justify-content: left;
        max-width: 100vw;
    }

    .matches-widget__list-item {
        padding-bottom: 20px;
    }

    /*   .matches-widget__list-item { overflow-x: scroll; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; justify-content: left; }*/

    .topFilter-Wrap .mcSelectDefault {
        width: 95%;
        padding: 7px 35px 7px 7px;
    }

    .teams-page__hero {
        padding: 20px 20px 0;
    }

    .teams-logo__tab {
        overflow: auto;
        padding: 0 10px;
    }

    .teams-logo__list .teams-logo__items a {
        min-height: 100px;
        height: auto;
        justify-content: center;
    }

    .teams-logo__list .teams-logo__items a img {
        width: 55px;
    }

    .teams-logo__list {
        justify-content: left;
        white-space: nowrap;
        overflow: initial;
        margin: 0 0 20px 0;
    }

    .teams-logo__list .teams-logo__items {
        margin: 0 5px;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #onFieldPlayer {
        margin: 0;
    }

    .playerCard {
        text-align: center;
    }

    .playerCard .plyPhoto {
        margin: 0 0 5px 0;
        position: inherit;
    }

    .playerCard .playerContent {
        padding: 0;
        width: 100%;
        position: inherit;
    }

    .playerCard .curPlyTeamLogo {
        left: 5px;
        right: inherit;
        top: 5px;
    }

    .playerCard .curPlyTeamLogo img {
        right: inherit;
    }

    .bottomStrip .matResult {
        text-align: center;
    }

    .bottomStrip .smLinks {
        float: none;
        width: 100%;
        display: black;
        overflow: hidden;
    }

    .team-list__person-container {
        width: 50%
    }

    .matches-item {
        min-width: 50%;
    }

    .matches-widget__list-item {
        margin-right: 40px;
    }

    .matches-widget__list {
        margin: 0;
    }

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .matches-item {
        min-width: 100%;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name {
        font-size: 14px;
        font-weight: 900;
    }

    ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll {
        font-size: 12px;
        font-weight: 500;
    }

    .teams-page__bg {
        padding: 15px 10px 10px 10px;
    }

    .matches-widget__list-item {
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        justify-content: left;
    }

    .nextBtn {
        right: 5%;
    }

    .prevBtn {
        left: 5%;
    }

    .prevBtn,
    .nextBtn {
        top: 34px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name {
        font-size: 14px;
        font-weight: 900;
    }

    ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll {
        font-size: 12px;
        font-weight: 500;
    }

    .teams-page__bg {
        padding: 15px 10px 10px 10px;
    }

    .matches-widget__list-item {
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        justify-content: left;
    }

    .nextBtn {
        right: 5%;
    }

    .prevBtn {
        left: 5%;
    }

    .prevBtn,
    .nextBtn {
        top: 34px;
    }

}

@media only screen and (max-width: 1366px) {
    .performersList .playerName {
        width: 145px;
        font-size: 16px;
        line-height: 18px;
    }

    .performersList .playerDetWrap .titleBlk {
        font-size: 12px;
    }

    .performersList .imgBlk .ply-img {
        left: 30px;
    }
}

/* 640 */
@media (max-width:768px) {
    .performersList .playerName {
        width: 140px;
        font-size: 16px;
        line-height: 18px;
    }
}

/* 640 */
@media (max-width:40em) {
    .greenDot {
        left: 5px;
        background-size: 14px;
    }
}

/* 399 */
@media (max-width:24.99em) {
    .performersList .imgBlk {
        margin: 2rem 0;
    }

    .performersList .imgBlk .ply-img {
        top: -30px;
    }

    .performersList .imgBlk .ply-img img {
        width: 165px;
    }

    .performersList .playerName {
        width: 140px;
        font-size: 14px;
        line-height: 16px;
    }
}

/* =========================================================================================
@Description: Custom StyleSheet for Home Strip
============================================================================================ */
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.standingsTab .ap-common-tab.standingsTabItems,
.mensStandingsQTab .ap-common-tab.StandingsQTabItems,
.womensStandingsQTab .ap-common-tab.wStandingsQTabItems {
    background: #19398a;
    cursor: pointer;
    margin-top: 2px;
}

.standingsTab .ap-common-tab.active,
.mensStandingsQTab .ap-common-tab.StandingsQTabItems.active,
.womensStandingsQTab .ap-common-tab.wStandingsQTabItems.active {
    background: #ef4123;
}

.standingsTabcontent {
    display: none !important;
}

.standingsTabcontent.active {
    display: block !important;
}

.standingsTabcontent.mensStandings,
.standingsTabcontent.mensQList {
    height: auto !important;
}

.standingsTabcontent.mensQList,
.standingsTabcontent.womensQList {
    padding-bottom: 10px;
}

.standingsTabcontent.mensStandings .ap-bg-wht:nth-child(even) {
    height: 34px;
}

.standingsTabcontent.mensStandings .ap-bg-wht:nth-child(odd) {
    height: 34px;
}

.mensStandingsQTab.inactive,
.womensStandingsQTab.inactive {
    display: none;
}

.StandingPageLink {
    margin-top: 2px;
}

.mensStandingsQTab,
.womensStandingsQTab {
    width: 100%;
}

.womensStandingsQTab {
    float: right;
}

.qListMDate {
    font-size: 14px;
    color: #FFF;
    margin-top: 10px;
    font-weight: 700;
    background: rgb(1 24 60 / 22%);
    float: left;
    width: 100%;
    padding: 10px;
}

.mensQList .match-scroller__item,
.womensQList .match-scroller__item {
    width: 100%;
}

.mensQList .match-scroller__item .match-item:hover,
.womensQList .match-scroller__item .match-item:hover {
    background: transparent !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.green-dot {
    background: #ff7fe5;
    display: inline-block;
    vertical-align: middle;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin-right: 8px;
    -webkit-animation: pulse-animation 2s infinite;
    -moz-animation: pulse-animation 2s infinite;
    -o-animation: pulse-animation 2s infinite;
    -ms-animation: pulse-animation 2s infinite;
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 85, 213, 0.8);
    }

    100% {
        box-shadow: 0 0 0 8px rgba(255, 85, 213, 0);
    }
}

.SMbriefScoreWidget {
    clear: both;
}

.SMbriefScoreWidget #home-widget .Final .match__tag .matDate .dayCount {
    color: #FBC904 !important;
}

.SMbriefScoreWidget #home-widget .Qualifier .match__tag .matDate .dayCount,
.SMbriefScoreWidget #home-widget .Eliminator .match__tag .matDate .dayCount {
    color: #FF26A8 !important;
}

.SMbriefScoreWidget #home-widget .Final #tournamentCountdown .countdownTitle,
.SMbriefScoreWidget #home-widget .Final #tournamentCountdown .fixtureTimer .timervalue {
    background: -webkit-linear-gradient(#F5B302, #EA8700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.SMbriefScoreWidget #home-widget .Qualifier #tournamentCountdown .countdownTitle,
.SMbriefScoreWidget #home-widget .Eliminator #tournamentCountdown .countdownTitle,
.SMbriefScoreWidget #home-widget .Qualifier #tournamentCountdown .fixtureTimer .timervalue,
.SMbriefScoreWidget #home-widget .Eliminator #tournamentCountdown .fixtureTimer .timervalue {
    /*background: -webkit-linear-gradient(#7A327A,#FF26A8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}


.navunit.active {
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Super Over */

/*.live__superover .score-container { opacity: 0.5; }*/
.live__superover .sp-over__strip {
    box-shadow: 0 8px 20px 0 hsl(0deg 2% 10% / 35%);
    position: relative;
    width: 30%;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 4px solid rgba(255, 255, 255, 0.2);
}

.live__superover .sp-over__strip .sp-over__content {
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    background-image: url(../images/bottom-line.png);
    background-size: 285px;
    background-position: center -8px;
    background-repeat: no-repeat;
}

.live__superover .sp-over__strip .sp-over__content .sp-tm {
    font-size: 22px;
    line-height: 26px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    padding: 6px 15px;
    border-radius: 5px;
    background: #300030;
    color: #fff;
    font-weight: 400;
}

.live__superover .sp-over__strip .sp-over__content .sp-tm .sp1.sp-end {
    font-size: 13px;
    line-height: 16px;
    text-shadow: none;
}

.live__superover .sp-over__strip .sp-over__content .sp-tm span.sp-tm-score {
    font-weight: 700;
}

.live__superover .sp-over__strip .sp-over__content .sp-tm.sp-tm__left {
    clip-path: polygon(0% 0px, 95% 0%, 99% 100%, 0% 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.live__superover .sp-over__strip .sp-over__content .sp-tm.sp-tm__right {
    clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0 100%);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.live__superover .sp-over__strip .sp-over__content .sp-tm-vs {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #000000;
}

/* Super over style 1*/
.live__superover .sp-over__strip .sp-over__content .sp-tm .sp-option-cnt {
    align-items: baseline;
}

.live__superover .sp-over__strip .sp-over__content .sp-tm.sp-tm__left .sp2 {
    margin: 0 0 0 10px;
}

.live__superover .sp-over__strip .sp-over__content .sp-tm.sp-tm__right .sp2 {
    margin: 0 10px 0 0;
}

/* Super over style 2*/
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 {
    box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.6);
    background-image: none;
    margin: 0 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 37px;
    z-index: 0;
    height: 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm.sp-tm__left,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm.sp-tm__right {
    background: none;
    color: #555;
    font-size: 14px;
    text-shadow: none;
    padding: 0 15px;
}

.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-vs {
    font-size: 12px;
    color: #555;
    font-weight: 500;
}

.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-DC,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-PBKS,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-KXIP,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-KKR,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-MI,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-RCB,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-SRH,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-GT,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-LSG,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-CSK,
.live__superover .sp-over__strip .sp-over__content.sup-ov-1 .sp-tm-RR {
    background: transparent !important
}

.match-item__team.t-DC,
.sp-tm-DC {
    background: #0078bc !important;
}

.match-item__team.t-KXIP,
.match-item__team.t-PBKS,
.sp-tm-KXIP,
.sp-tm-PBKS {
    background: #84171b !important;
}

.match-item__team.t-KKR,
.sp-tm-KKR {
    background: #552792 !important;
}

.match-item__team.t-MI,
.sp-tm-MI {
    background: #003b7a !important;
}

.match-item__team.t-RCB,
.sp-tm-RCB {
    background: #0a0a0a !important;
}

.match-item__team.t-SRH,
.sp-tm-SRH {
    background: #f26522 !important;
}

.match-item__team.t-GT,
.sp-tm-GT {
    background: #0B4973 !important;
}

.match-item__team.t-LSG,
.sp-tm-LSG {
    background: #a6144f !important;
}

.match-item__team.t-CSK,
.sp-tm-CSK {
    background: #f4ad00 !important;
}

.match-item__team.t-RR,
.sp-tm-RR {
    background: #ea1a85 !important;
}

/* Next - previous Arrow */
.SMbriefScoreWidget .smTabContent {
    position: relative;
    overflow: visible;
}

.SMbriefScoreWidget .slideBtn {
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 20px;
    z-index: 1;
}

.SMbriefScoreWidget .slideBtn .prevBtn,
.SMbriefScoreWidget .slideBtn .nextBtn {
    position: static;
    margin: 0 5px;
    display: inline-block;
    width: 50px;
    border-radius: 0;
    height: 10px;
    background: #fff;
    background-size: auto;
    transition: all .4s ease;
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0 100%);
}

.SMbriefScoreWidget .slideBtn .prevBtn:before,
.SMbriefScoreWidget .slideBtn .nextBtn:before {
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.SMbriefScoreWidget .slideBtn .prevBtn.disable,
.SMbriefScoreWidget .slideBtn .nextBtn.disable {
    pointer-events: none;
    background: #ef4123;
    background-size: auto;
}

.SMbriefScoreWidget .slideBtn .prevBtn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.SMbriefScoreWidget .slideBtn .prevBtn img,
.SMbriefScoreWidget .slideBtn .nextBtn img {
    display: none;
}

.liveResBlock {
    position: relative;
}

.liveTag,
.title-heading {
    font-size: 14px;
    color: #ffffff;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.liveTag {
    margin-right: 5px;
}

.liveResInnrBlock {
    color: #ffffff;
}

.mc__strip-container {
    font-family: 'Roboto', sans-serif;
}

.mc__strip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
}

.mc__strip::before {
    height: 100%;
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    height: .2rem;
    background: #088aed;
    display: none
}

.match__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.match__tag .matDate .dayCount {
    color: var(--text-primar);
    font-weight: 700;
}

.match__tag .section__title {
    text-align: left;
}

.match__link .match__cmd {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    text-transform: uppercase;
}

.match__teams-info {
    line-height: 1;
    width: 100%;
}

.mc__strip-header {
    display: none;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    align-items: center;
    border-bottom: 2px solid #d6d6d6;
    padding: 10px;
}

.mc__strip-header .title-heading {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    border: 2px solid #232323;
    padding: 2px 10px;
    margin: 0;
}

.mc__strip-header #widgetDropdown {
    background-color: #088aed;
    background-image: none;
    line-height: 1;
    width: 40%;
    padding: 4px 15px 4px 10px;
    margin: 0 0 0 10px;
    border-radius: 0;
    color: #000;
    box-shadow: none;
    border: 2px solid #153b73;
}

.mc__strip-header .mcSelectDefault {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.mc__strip-header .title-heading.recent-result-title {
    color: #00bc54;
    border: 2px solid #00bc54;
}

.mc__strip-header .title-heading.next-result-title {
    color: #f28800;
    border: 2px solid #f28800;
}

/* Modern Sports Table UI */
.points-table-container {
    margin-top: 40px;
}

.sports-table-wrapper {
    overflow-x: auto;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.sports-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: #333;
}

.sports-table th {
    background: #0F112C;
    color: #fff;
    padding: 20px 15px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.2rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.sports-table th:first-child {
    border-top-left-radius: 20px;
}

.sports-table th:last-child {
    border-top-right-radius: 20px;
}

.sports-table td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: #fff;
    font-weight: 500;
}

.sports-table tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
}

.sports-table tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
}

.sports-table tr {
    transition: all 0.3s ease;
}

.sports-table tr:hover td {
    background: #fdfdfd;
    transform: scale(1.01);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    z-index: 10;
    position: relative;
}

.team-info-cell {
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: left !important;
}

.team-logo-mini {
    width: 40px;
    height: 40px;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.team-name-table {
    font-weight: 700;
    color: #0F112C;
    font-size: 1rem;
}

.pts-highlight {
    color: var(--iscl-pink);
    font-weight: 800;
    font-size: 1.2rem;
}

.nrr-cell {
    color: #666;
    font-size: 0.9rem;
}

.pos-cell {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.5rem;
    color: #999;
}

/* Premium News Cards */
.news-card-premium {
    height: 100%;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.news-card-premium:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.news-img-container {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.news-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.news-card-premium:hover .news-thumb-img {
    transform: scale(1.1);
}

.news-content-premium {
    padding: 20px;
}

.news-title-premium {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0F112C;
    margin-bottom: 20px;
    height: 3em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btn-small {
    padding: 8px 15px !important;
    font-size: 0.75rem !important;
}

/* Brand Ambassador Section Polish */
.st-ap-card-wrappper.bg-dark {
    position: relative;
    overflow: hidden;
    background: #0F112C !important;
    padding: 100px 0;
}

.st-ap-card-wrappper.bg-dark::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 60%;
    height: 200%;
    background: radial-gradient(circle, rgba(207, 51, 100, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.playstore-text-text {
    max-width: 700px;
    margin: 0 auto;
    /* Center the text block */
}

/* Center content in Brand Ambassador section */
.st-ap-card-wrappper.bg-dark .playstore-text {
    width: 100% !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.st-ap-card-wrappper.bg-dark .playstore-icon {
    justify-content: center !important;
}

.btn-outline {
    border: 2px solid var(--iscl-pink) !important;
    color: #fff !important;
    background: transparent !important;
}

.btn-outline:hover {
    background: var(--iscl-pink) !important;
    color: #fff !important;
}

.team-right .score-container {
    text-align: right;
}

.team-left .score-container {
    text-align: left;
}

/* Final Polish: Micro-animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.premium-card,
.sports-table tr {
    animation: fadeInUp 0.6s ease-out forwards;
}

.sports-table tr:nth-child(n) {
    animation-delay: calc(0.05s * n);
}

.btn-premium {
    padding: 16px 40px !important;
    background: #fff !important;
    color: #0D1B3E !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    text-decoration: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    font-size: 0.95rem !important;
    display: inline-block !important;
}

.btn-premium:hover {
    background: #D4AF37 !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3) !important;
    color: #fff !important;
}

@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(212, 175, 55, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
    }
}

.btn-premium.focal-btn {
    animation: pulse-gold 2s infinite;
}

.btn-outline {
    background: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
    color: #fff !important;
}

.btn-outline:hover {
    background: #fff !important;
    color: #0D1B3E !important;
    border-color: #fff !important;
}

.news-thumb-img {
    transition: transform 0.5s ease !important;
}

.news-card-premium:hover .news-thumb-img {
    transform: scale(1.1);
}

/* Points Table Container Centering */
.points-table-container {
    max-width: 1100px;
    margin: 50px auto !important;
    padding: 20px;
}

.sports-table-wrapper {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}

/* Registration CTA Glass Focal (V7) */
.registration-cta-premium {
    margin: 280px auto 140px;
    /* Extreme downward offset */
    padding: 40px 25px;
    /* Ultra-compact size */
    background: rgba(255, 255, 255, 0.4) !important;
    /* Lighter glass */
    backdrop-filter: blur(30px) !important;
    /* Heavier blur for premium feel */
    -webkit-backdrop-filter: blur(30px) !important;
    border-radius: 20px;
    text-align: center;
    position: relative;
    max-width: 700px;
    /* Highly focused width */
    border: none !important;
    /* Glass card border not need */
    box-shadow: 0 50px 120px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.4s ease;
}

.registration-cta-premium:hover {
    transform: translateY(-5px);
}

.registration-cta-premium::after,
.registration-cta-premium::before {
    display: none !important;
}

.registration-cta-premium h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.2rem !important;
    /* Compact high-impact typography */
    color: #0D1B3E !important;
    margin-bottom: 15px !important;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1.1;
}

.registration-cta-premium p {
    font-size: 1.1rem !important;
    color: #444 !important;
    max-width: 550px;
    margin: 0 auto 35px !important;
    line-height: 1.6;
    font-weight: 500;
}

.registration-cta-premium .btn-premium {
    padding: 18px 55px !important;
    font-size: 1.05rem !important;
    background: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #0D1B3E !important;
}

.registration-cta-premium .btn-premium:hover {
    background: #D4AF37 !important;
    /* Transition to gold */
    border-color: #D4AF37 !important;
    color: #fff !important;
}

.team-right span.tLogo.tLogo40 {
    margin-left: 20px;
    margin-right: 0 !important;
}

.team-left span.tLogo.tLogo40 {
    margin-right: 20px;
    margin-left: 0 !important;
}

.inn-tag {
    display: none;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
}

.mc__strip-container .secondIng {
    margin-top: 5px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.mc-flex,
.match__teams--inner,
.fixture__teams--inner,
.live__team,
.result__team,
.fixture__team {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.live__team,
.result__team,
.fixture__team {
    width: calc(50% - 30px);
    flex: 0 0 calc(50% - 30px);
}

.live__strip .match__link,
.live__strip .match__tag,
.result__strip .match__tag {
    width: 100%;
}

.seprator {
    width: 60px;
    flex: 0 0 60px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seprator-text {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 700;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 100%;
}

.match__teams {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.match__teams .matDate {
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: start;
    justify-content: start;
}

.match__teams .matDate span {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.match__teams .matDate span:nth-child(2) {
    margin: 0 5px;
}

.match__teams .matDate span.mtDate {
    color: #616161;
}

.match__teams .title-heading-center {
    padding: 5px 8px;
}

.score-container {
    flex: 1;
}

.match__teams .fixture__team span.tLogo {
    border: 0;
}

.match__teams .live__team span.tLogo.tLogo40 {
    margin-right: 20px;
}

.match__teams .live__team span.tLogo.tLogo40,
.fixture__teams span.tLogo.tLogo40 {
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.match__teams .live__team span.tLogo.tLogo40 img {
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.match__teams .live__team span.tLogo.tLogo40 img,
.fixture__teams span.tLogo.tLogo40 img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.fixture__teams {
    width: 100%;
}

.match__team-name-cont {
    margin: 0 0 5px;
}

.match__team-name-cont .match__team-name {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.match__team-name-cont img.img-bat {
    display: none;
    max-width: 100%;
    height: auto;
}

.match__team-logo .match__team-name {
    display: none;
}

.super__over {
    margin-right: auto;
    white-space: nowrap;
}

.match__teamScore .run h4 {
    color: #ffffff;
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin: 0;
}

.match__teamScore .run .team__over-content {
    margin-bottom: .5rem;
}

.match__teamScore .run .team__over-content span {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.75);
}

.super__over .run strong,
.super__over .run .team__wkt {
    font-size: 18px;
}

.super__over .run .team__over {
    font-size: 12px;
}

.match__teamScore.activeInn .run strong,
.match__teamScore.activeInn .run .team__wkt {
    color: #088aed;
}

.live__strip .match__teamScore.activeInn .run .greenDot {
    top: 10px;
    left: -22px;
}

.result__strip .match__teamScore.activeInn .run .greenDot {
    display: none;
}

.result__strip .match__teamScore.activeInn .run strong,
.result__strip .match__teamScore.activeInn .run .team__wkt {
    color: #000000;
}

.result__strip .match__teamScore .run .team__over-content {
    margin: 0;
}

.smLinks.smLink__result {
    margin: 1.6rem auto 0rem;
}

.fixture__strip .match__teams-info .tossDetails {
    font-size: 22px;
}

.fixture__strip .fixture__info {
    display: block;
    text-align: center;
}

.fixture__strip .fixture__info .mcLink {
    margin: 20px auto 0;
    text-align: center;
}

.fixture__strip .match__tag {}

.fixture__strip .fixture__team.team-right {
    text-align: left;
}

.fixture__strip .fixture__team.team-left {
    text-align: right;
}

.fixture__strip .fixture__team.team-right {}

.fixture__strip .fixture__team.team-right span.tLogo.tLogo40 {
    margin: 0;
}

.fixture__team-name {
    flex: 1;
    color: #ffffff;
    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
    margin: 0 20px;
}

.fixture__strip .section__title .title-heading-center {
    color: #048cd4;
    border: 2px solid #048cd4;
    padding: 8px;
    margin-top: 0;
    margin-bottom: 8px;
}

.fixture__strip .countdownTitle {
    text-align: left;
    color: #c3252f;
    margin-top: 0;
    font-weight: 400;
}

.fixture__datetime span {
    font-style: normal;
    display: block;
    font-size: 13px;
    line-height: 18px;
}

.fixture__format-strip {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.fixture__format-strip span {
    display: block;
}

.fixture__format-strip span i {
    font-style: normal;
}

.fixture__info .fixture__info-text {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}

.fixture__info .fixture__datetime span.fixture__format-strip i.mtDate {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.fixture__info .fixture__datetime {
    margin-bottom: 0;
    flex: 1;
    padding-right: 25px;
}

.fixture__info .fixture__datetime span {
    line-height: 18px;
}

.fixture__strip #tournamentCountdown.fixtureTimerCountdown .fixtureTimer {
    width: 65px;
    border-radius: 6px;
    padding: 5px 10px 8px;
    background: linear-gradient(#b65ee8, #1e0235);
    box-shadow: 0 1px 1px #450c64;
    border-top: 1px solid #c680ff;
    border-bottom: 1px solid #450c64;
}

.fixture__strip #tournamentCountdown.fixtureTimerCountdown {
    overflow: inherit;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.match_link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
}

.tossDetails {
    color: #000;
}

.tossDetails,
.match__teams .mcCmd,
.match__teams .mcBrk {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ProjectedScore {}

.ProjectedScoreInnrWrap {
    margin-right: 10px;
    border-right: 1px solid rgb(255 255 255 / 30%);
    padding-right: 10px;
}

.ProjectedScoreInnrWrap:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.ProjectedScoreInnrWrap.cPSCore {
    color: #F2C01F;
    ;
}

.match__teams .mcCmd,
.match__teams .mcBrk {
    color: #f16714;
    margin: 0 0 5px 0;
    text-align: center;
}

.tossDetails.match__result {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0.7rem;
}

/* Live Striker */
.bt-box,
.bw-box {}

.bt-box {
    margin-right: 15px;
}

.bw-box .smLinks {
    margin-left: auto;
    white-space: nowrap;
}

.live__strip .liveTag {
    position: absolute;
    left: 50px;
    color: var(--text-primar);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    padding: 3px 10px;
}

.live__strip .playerCard .playerContent .plyName,
.live__strip .playerCard .playerContent .mainStats {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
}

.live__strip .playerCard .playerContent .otherStats {
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
}

.live__strip .playerCard .playerContent .mainStats {
    font-weight: 500;
}

.live__strip .playerCard .playerContent .otherStats span {
    color: #e5bdfb;
}

.live__strip .playerCard .playerContent .otherStats span i {
    color: #fff;
    font-weight: 500;
}

.live__strip .playerCard .playerContent .otherStats span:not(:last-child) {
    margin-right: 12px;
}

.redDot {
    left: 12px;
}

.live__strip .bw-box {
    margin-left: 15px;
}

.live__strip .bw-box .playerCard .playerContent .name-strip {
    display: flex;
    flex-direction: column;
}

.live__strip .bw-box .playerCard {
    padding-left: 5px;
    border-left-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(34, 63, 152, 0), rgb(202, 215, 255, 0.5), rgba(34, 63, 152, 0)) 1 100%;
}

.live__strip .bw-box .playerCard::before {}

.live__strip .match__link-info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    background-image: linear-gradient(to right, rgba(13, 24, 75, 0), rgba(101, 17, 132, 0.4), rgba(13, 24, 75, 0));
}

.SMbriefScoreWidget #home-widget .Qualifier .match__link-info,
.SMbriefScoreWidget #home-widget .Eliminator .match__link-info,
.SMbriefScoreWidget #home-widget .Final .match__link-info {
    background-image: linear-gradient(to right, rgba(13, 24, 75, 0), rgba(108, 118, 164, 0.4), rgba(13, 24, 75, 0));


}

.live__strip.result__strip .match-result__cmd-info {
    display: inherit;
    text-align: center;
}

.live__strip .match-result__cmd-info {
    margin: 0 auto;
}

.result__strip .match-result__cmd-info {
    display: block;
}

.playerCard p.plyPhoto {
    height: 40px;
    width: 40px;
}


.mcLink {
    width: 15rem;
    background: #e7326b;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    outline: 0;
    padding: 0;
    box-shadow: 1px 1px 1px hsla(0, 0%, 9%, .3);
    font-weight: 700;
    position: relative;
    overflow: hidden;
    display: block;
    transition: all .2s linear;
    border-radius: .3rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 0.8rem;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

.mcLink:hover {
    background: #fff;
    color: #300030;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%);
}

.mcLink.v-highlights {
    background: linear-gradient(to left, #b63618, #dd6233);
    margin: 0;
}

.v-highlights:hover {
    background: linear-gradient(to left, #dd6233, #b63618);
}

.tvt,
.tvtInn {
    font-size: 10px;
    line-height: 12px;
}

.u-hide-web,
.hide-web {
    display: none !important;
}

.showOnMob {
    display: none;
}

.hideOnMob {
    display: none;
}

@media (min-width:970px) {
    .ProjectedScoreAtRR {
        font-size: 16px;
    }

    .playerCard .playerContent .mainStats i {
        font-size: 14px;
    }
}

@media (max-width:970px) {
    .result__overs {
        display: none;
    }

    .liveResBlock .slideBtn {
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 90px;
        z-index: 9999;
    }

    #fixCountDown {
        padding: 0;
    }

    .fixture__strip .fixture__info {
        width: auto;
    }

    .fixture__strip .fixture__info {
        margin-top: 20px;
    }
}

/* 1299 */
@media (max-width:81.24em) {
    .inn-tag.hide-web.u-show-mobile {
        display: none !important;
    }
}

/* 1024 to 1299 */
@media (min-width:64.0625em) and (max-width:81.24em) {
    .team__over.u-hide-web {
        display: none !important;
    }
}

/* 1024 */
@media (max-width:64.0525em) {
    .u-hide-tablet {
        display: none;
    }

    .inn-tag.hide-web.u-show-mobile {
        display: none !important;
    }
}

/* 839 */
@media (max-width:52.49em) {
    .u-hide-tablet {
        display: none;
    }

    .u-show-tablet {
        display: block;
    }

    .current-match-container {
        padding: 15px 0px 15px;
    }

    .SMbriefScoreWidget .smTabContent {
        position: relative;
    }

    .mc__strip {
        padding: 0 10px;
    }

    .match__teamScore .run strong,
    .match__teamScore .run .team__wkt {
        font-size: 20px;
    }

    .super__over .run strong {
        margin-left: 10px;
    }

    .super__over .run strong,
    .super__over .run .team__wkt {
        font-size: 18px;
    }

    .super__over .run .team__over {
        font-size: 12px;
    }

    .mcLink {
        font-size: 14px;
        line-height: 18px;
    }

    .match__teamScore .run h4 {
        font-size: 18px;
        line-height: 20px;
    }

    .match__teamScore .run .team__over-content {
        margin-bottom: 0;
    }

    .match__teamScore .run .team__over-content span {
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
    }

    .match__teams--inner {
        justify-content: space-between;
    }

    .match__teams .live__team span.tLogo.tLogo40 {
        width: 70px;
        height: 70px;
    }

    .tossDetails,
    .match__teams .mcCmd,
    .match__teams .mcBrk {
        font-size: 20px;
        line-height: 22px;
    }

    /* Live */
    .green-dot {
        margin-right: 6px;
    }

    /*Result*/
    /* .fixture__strip #tournamentCountdown.fixtureTimerCountdown .fixtureTimer { width: 60px; padding: 8px 13px; }
 #tournamentCountdown .fixtureTimer .timerLabel { font-size: 10px; }
 .fixture__strip .match__link .countdownTitle { text-align: center;}
 #tournamentCountdown .fixtureTimer .timervalue, #tournamentCountdown .countdownTitle { margin: 0; font-size: 22px; }

 #fixCountDown .matType span { font-size: 10px; line-height: 12px; }

 .fixture__info .fixture__datetime { padding: 0; }
 .fixture__strip .fixture__teams { width: 100%; } */

    /* Fixture*/
    .fixture__strip .seprator-text {
        font-size: 1.6rem;
        line-height: 3rem;
        width: 3rem;
        height: 3rem;
    }

    .fixture__strip .match__tag .liveTag {
        flex: 0;
        margin: 0 25px 0 0;
        text-align: left;
    }

    #fixCountDown .fixture__strip .matType {
        text-align: right;
    }

    #fixCountDown .fixture__strip .matType span {
        font-size: 10px;
        line-height: 14px;
    }

    .fixture__strip .match__tag .matType::before {
        display: none;
    }

    .fixture__strip .match__teams-info .tossDetails {
        font-size: 18px;
    }

    .fixture__strip .fixture__teams .fixture__team {}

    .fixture__strip .fixture__teams .fixture__team.team-right {}

    .fixture__strip .fixture__teams .fixture__team .tLogo {
        display: inline;
        margin: 0;
    }

    .fixture__strip .fixture__teams .fixture__team .tLogo {
        width: 60px;
        height: 60px;
    }

    .fixture__strip .fixture__teams .fixture__team.team-right .tLogo {
        margin-left: 0;
    }

    .fixture__strip .fixture__teams .fixture__team .fixture__team-name {
        font-size: 24px;
        line-height: 28px;
        font-weight: 700;
    }

    .fixture__strip .fixture__format-strip,
    .fixture__strip .fixture__info .mcLink,
    .fixture__strip .fixture__info {
        margin-top: 5px;
    }

    .fixture__strip #tournamentCountdown.fixtureTimerCountdown .fixtureTimer {
        width: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2px 10px;
        border-radius: 5px;
    }

    #tournamentCountdown .fixtureTimer .timervalue {
        font-size: 18px;
        line-height: 22px;
        margin: 0 3px 0 0;
        font-weight: 700;
    }

    #tournamentCountdown .fixtureTimer .timerLabel {
        font-size: 12px;
    }

    .fixture__format-strip {
        font-size: 10px;
        margin-top: 10px;
    }

    .fixture__info .fixture__info-text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .fixture__strip #tournamentCountdown.fixtureTimerCountdown {
        margin: 0 0 10px;
    }

    .liveResBlock .slideBtn {
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 90px;
        z-index: 9999;
    }

}

/* 640 to 1024 */
@media (min-width:40em) and (max-width:64.0525em) {

    .mc__strip-header #widgetDropdown {
        width: 75%;
    }

    .match__link .match__cmd {
        font-size: 14px;
        line-height: 20px;
    }

    /*.fixture__strip .section__title .title-heading-center { padding: 4px 6px; }
 #tournamentCountdown.fixtureTimerCountdown { border-radius: 0; }
 #tournamentCountdown .fixtureTimer .timervalue, #tournamentCountdown .countdownTitle { font-size: 20px; }
 .fixture__strip .match__teams { margin-right: 1rem; padding-right: 1rem;}
 .fixture__info .fixture__datetime span { line-height: 17px; margin-bottom: 5px; } */

    .score-container {
        flex-direction: column;
    }

    .secondIng {
        margin: 0;
    }

    .liveResBlock .slideBtn {
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 90px;
        z-index: 9999;
    }

    .live__strip .seprator-text {
        font-size: 1.5rem;
        width: 3rem;
        height: 3rem;
        line-height: 2.8rem;
    }

    .live__strip .seprator {
        width: calc(7% - 5px);
    }

    .live__team,
    .result__team {
        width: calc(48% - 10px);
    }

    .live__team .match__team-name-cont .match__team-name,
    .result__team .match__team-name-cont .match__team-name {
        font-size: 14px;
        line-height: 20px;
    }
}

/* 639 */
@media (max-width:40em) {
    .u-hide-mobile {
        display: none;
    }

    .u-show-mobile {
        display: block !important;
    }

    .liveResInnrBlock {
        padding: 10px 0;
    }

    .match__tag {
        width: 100%;
        margin-bottom: 10px;
    }

    .match__tag::before {
        width: 100%;
        bottom: -6px;
    }

    .match__tag .matType {
        font-size: 10px;
        line-height: 10px;
    }

    .match__tag .matDate {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
    }

    .match__tag .matDate span:nth-child(2) {
        display: none;
    }

    .match__teams-info {
        width: 100%;
        font-size: 13px;
        line-height: 22px;
        margin: 0;
    }

    .match__team-name {
        font-size: 10px;
        line-height: 14px;
        font-weight: 500;
    }

    .match__teamScore .run .team__over-content span {
        font-size: 8px;
    }

    .match__teamScore .run h4 {
        font-size: 16px;
        line-height: 1;
        font-weight: 700;
    }

    .match__teamScore .run {
        display: flex;
        justify-content: center;
        flex-direction: column;
        line-height: 18px;
    }

    .match__teamScore .run .team__over {
        font-size: 10px;
        width: auto;
        display: block !important;
    }

    .match__teamScore .run .team__over-content {
        display: none;
    }

    .mc__strip-container .secondIng {
        margin-top: 8px;
        min-height: auto;
    }

    .mcLink {
        font-size: 13px;
        line-height: 16px;
        padding: 8px 10px;
        height: auto;
    }

    .match__teams .live__team span.tLogo.tLogo40 {
        width: 40px;
        height: 40px;
    }

    .seprator {
        display: none;
    }

    .tossDetails,
    .match__teams .mcCmd,
    .match__teams .mcBrk,
    .fixture__strip .match__teams-info .tossDetails {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }

    .mc__strip-header {
        flex-direction: column;
        align-items: center;
    }

    .mc__strip-header .title-heading {
        font-size: 12px;
        padding: 2px 8px;
    }

    .mc__strip-header #widgetDropdown {
        margin: 5px 0 0 0;
        padding: 6px 15px 6px 10px;
        width: 100%;
    }

    .match__link .match__cmd {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 20px;
        text-align: center;
    }

    .match__teams .matDate {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .match__teams .matDate span:nth-child(2) {
        display: none;
    }

    .match__teams .matDate .mtDate {
        margin-bottom: 3px;
    }

    .live__team,
    .result__team,
    .fixture__team {
        width: calc(50% - 10px);
    }

    .live__team,
    .result__team {}

    .live__strip .match__team-name-cont {
        padding: 0;
        margin-bottom: 0;
    }

    .match__team-name-cont .match__team-name {
        font-size: 10px;
        line-height: 12px;
        display: block;
        margin-bottom: 5px;
    }

    /* Live */

    .match__team-name-cont img.img-bat {
        width: 15px;
    }

    .live__team.team-right span.tLogo.tLogo40 {
        margin-left: 10px;
    }

    .live__team.team-left span.tLogo.tLogo40 {
        margin-right: 10px;
    }

    .live__strip .match__link-info {
        padding: 5px 0;
        margin-bottom: 10px;
    }

    .live__strip .smLinks.smLink__result {
        text-align: center;
        margin: 0 auto;
        padding: 0;
        border: 0;
    }

    .playerCard {
        margin: 0;
        padding: 0;
    }

    .playerCard .plyPhoto,
    .playerCard .plyPhoto img {
        height: 100%;
    }

    .bt-box {
        display: block;
        overflow: hidden;
        margin-bottom: 8px;
    }

    .playerCard .playerContent,
    .playerCard {
        width: 100%;
    }

    .playerCard .playerContent .name-strip {
        display: flex;
        align-items: center;
    }

    .playerCard .playerContent .mainStats {
        margin-left: auto;
        white-space: nowrap;
    }

    .redDot {
        left: auto;
    }

    .live__strip .match__link-info {
        flex-direction: column;
    }

    .bt-box,
    .bw-box {
        width: 100%;
        margin-right: 0;
    }

    .live__strip .bw-box {
        margin-left: 0;
    }

    .live__strip .bw-box .playerCard {
        border: 0;
        padding: 0;
    }

    .live__strip .playerCard .playerContent .plyName,
    .live__strip .playerCard .playerContent .otherStats,
    .live__strip .playerCard .playerContent .mainStats {
        font-size: 12px;
        line-height: 18px;
    }

    .playerCard p.plyPhoto {
        height: 40px;
        width: 40px;
    }

    .live__strip .bw-box .playerCard .playerContent .name-strip {
        flex-direction: row;
    }

    /*Result*/
    .result__strip .match__teams .matDate {
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
    }

    .result__strip .match__teams .matDate span:nth-child(2) {
        display: none;
    }

    .result__strip .section__title .title-heading-center {
        padding: 4px 8px;
        line-height: 16px;
    }

    .live__strip .match__link,
    .result__strip .match__link {
        text-align: center;
    }

    .result__strip .section__title .matDate span {
        display: inline-block;
        margin: 0 4px;
    }

    .result__strip .tossDetails.match__result {
        font-size: 14px;
        line-height: 20px;
        color: #00bc54;
        font-weight: 700;
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .result__strip .match__teams {
        margin-right: 0;
        padding-right: 0;
    }

    .result__strip .match__teamScore .run .team__over-content {
        margin: 0;
        line-height: 1;
    }

    /* Fixture */
    .fixture__strip .fixture__teams--inner {
        align-items: flex-start;
    }

    .fixture__strip .fixture__teams--inner .seprator {
        display: block;
    }

    .fixture__strip .seprator-text {
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
        line-height: 3rem;
    }

    .fixture__strip .match__teams {
        display: block;
        padding: 0;
    }

    .fixture__strip .countdownTitle {
        text-align: center;
        display: none;
    }

    .fixture__strip .section__title .title-heading-center {
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        padding: 5px 8px;
        width: 100px;
        margin: 0 auto 10px;
    }

    .fixture__strip .fixture__teams {
        width: 100%;
    }

    .fixture__strip .fixture__teams .fixture__team {
        flex-direction: column;
        align-items: center;
    }

    .fixture__strip .fixture__teams .fixture__team.team-right {
        flex-direction: column-reverse;
    }

    .fixture__strip .fixture__teams .fixture__team.team-right .tLogo {
        order: 2;
    }

    .fixture__strip .fixture__teams .fixture__team .tLogo {
        width: 60px;
        height: 60px;
    }

    .fixture__strip .fixture__teams .fixture__team .fixture__team-name {
        font-size: 12px;
        line-height: 16px;
        margin: 0;
        order: 1;
        text-align: center;
    }

    .fixture__info {
        width: auto;
        margin-top: 10px;
    }

    .fixture__strip #tournamentCountdown.fixtureTimerCountdown {
        text-align: center;
    }

    .fixture__strip #tournamentCountdown.fixtureTimerCountdown .fixtureTimer {
        padding: 5px 10px;
    }

    .fixture__info .fixture__info-text {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px;
    }

    .secondIng {
        margin: 0;
    }

    .liveResBlock .slideBtn {
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 90px;
        z-index: 9999;
    }

}

/* 399 */
@media (max-width:24.99em) {
    .liveTag {
        margin-right: 0;
        position: absolute;
        left: 5px;
    }

    .result__score--winner:before {
        margin: 0 .4rem .1rem 0
    }

    .live__strip .section__title .title-heading-center {
        padding: 4px 8px;
    }

    .liveResBlock .slideBtn {
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 55px;
        z-index: 9999;
    }

    /*.fixture__strip .match__tag { flex-direction: column; text-align: center; }
.fixture__strip .match__tag .liveTag { width: 100%; font-weight: bold; margin-bottom: 5px; }
.fixture__strip .fixture__info { margin-top: 10px; }
#tournamentCountdown .fixtureTimer .timervalue, #tournamentCountdown .countdownTitle { margin-bottom: 2px; }*/
    .fixture__strip #tournamentCountdown.fixtureTimerCountdown {
        margin: 0 auto 10px !important;
    }

    /* Fixture in live strip */
    .liveResInnrBlock .fixture__strip #tournamentCountdown.fixtureTimerCountdown .fixtureTimer {
        padding: 4px 10px;
    }

}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

/** LOADER **/
.mcLoader {
    background: #FFF;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.mcLoader.loadingPage,
.mcLoader.active {
    opacity: 1;
    visibility: visible;
    display: none !important;
}

.loader__inner {
    color: #050a5b;
    font-size: 35px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 250px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

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

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

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

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

.mc__strip-container .secondIng {
    min-height: 50px;
}

.drop-down-filter.inactive {
    opacity: 0.5;
    pointer-events: none;
}

/* Fixture - Result - Card style for Home & Inner pages */
.match-center-btn {
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    height: 36px;
    font-size: 14px
}

.fixture-result-card-mid .country-name,
.fixture-card-mid .country-name {
    max-width: 120px;
    line-height: 16px;
    min-height: 36px;
}

.fix-place {
    line-height: 16px;
}

.match-score {
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 10px;
}

.fixture-card {
    height: 450px !important;
}

.fixture-card.fixture-result-card {
    height: 530px !important;
}

.fixture-card-top .fix-text {
    font-size: 13px;
    margin-bottom: 8px;
    margin-top: 0;
    height: 34px;
}

.fixture-card-main .match-schedule h5 {
    font-size: 13px;
    font-weight: 500;
}

.match-score h4,
.match-status {
    font-size: 14px;
    line-height: 22px;
}

.match-score h4 {
    text-transform: lowercase;
}

.match-score span {
    font-size: 10px
}

.match-card-multiday .match-score h4 {
    font-size: 14px;
    text-transform: lowercase;
}

.match-card-multiday .match-score span {
    font-size: 10px;
}

.match-card-multiday .match-result-cmd {
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    text-align: center;
}

.fixture-card-top .fix-text span,
.match-top-info .fix-text span {
    font-weight: 500;
    line-height: 16px;
    display: block;
}

.fixture-card-top.match-result {
    padding-bottom: 0;
    text-align: center;
}

.fixture-card-top.match-result h5 {
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.filter-list li {
    font-size: 13px;
    line-height: 18px;
}

.tab-content .tab-pane.fixturesresultswidget {
    display: none;
}

.tab-content .active.fixturesresultswidget {
    display: block;
}

.match-card-multiday .fix-place {
    line-height: 16px;
    margin-bottom: 2px;
}

.match-card-multiday .fixture-card-mid .small-seprator.inn-1,
.match-card-multiday .fixture-card-mid .small-seprator.inn-2 {
    font-size: 10px;
    font-weight: 500;
    color: #797979;
    text-transform: uppercase;
}

.fixture-card-mid .country-name {
    font-size: 12px;
    margin-bottom: 0;
}

.match-card-multiday .small-seprator.inn-1 {
    top: 162px;
}

.match-card-multiday .small-seprator.inn-2 {
    top: 214px;
}

#fixture-slider .match-coutnry-img {
    text-align: center;
    margin: 0 auto;
    box-shadow: none;
}

#match-card .match-coutnry-img img {
    width: 100%;
}

#match-card .match-coutnry-img {
    box-shadow: none;
}

.match-top-info .match-schedule h5 {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

#results-slider .match-top-info.match-result {
    margin-top: 2px;
}

#results-slider .match-top-info .fix-text {
    height: auto;
}

#results-slider .match-top-info .fix-text span {
    font-size: 14px;
    line-height: 20px;
    color: #050A5C;
}

#results-slider .match-mid-info {
    padding: 5px 0;
    margin: 5px 0;
}

#results-slider .country-name {
    margin-top: 6px;
    font-weight: 500;
    margin-bottom: 2px;
}

#results-slider .match-score {
    display: flex;
    flex-direction: column;
    line-height: 12px;
    margin-top: 0;
}

#results-slider .match-score span {
    font-size: 10px
}

#results-slider .match-place {
    font-size: 12px;
    line-height: 18px;
}

#fixture-slider .match-mid-info,
#results-slider .match-mid-info {
    position: relative;
}

#fixture-slider .small-seprator,
#results-slider .small-seprator {
    padding: 0px 25px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    justify-content: center;
}

#results-slider .small-seprator {
    top: 45px;
}

#fixture-slider .small-seprator {
    top: 85px;
}

#results-slider .match-coutnry-img {
    width: 65px;
    height: 65px;
    margin: 0 auto;
}

#results-slider .match-card-multiday .country-name {
    margin-top: 8px;
}

#results-slider .match-card-multiday .match-score h4 {
    font-size: 14px;
    line-height: 16px;
    text-transform: lowercase;
}

#results-slider .match-card {
    height: 365px;
}

#results-slider .match-card-multiday .match-score span {
    line-height: 16px;
}

#fixture-filter-modal .modal-dialog {
    height: auto !important
}

#fixture-filter-modal.show {
    overflow-y: auto !important
}

#results-filter-modal .modal-dialog {
    height: auto !important
}

#results-filter-modal.show {
    overflow-y: auto !important
}

#results-slider .match-card-multiday .small-seprator.inn-1,
#results-slider .match-card-multiday .small-seprator.inn-2 {
    font-size: 10px;
    font-weight: 500;
    color: #797979;
    text-transform: uppercase;
}

#results-slider .match-card-multiday .small-seprator.inn-1 {
    top: 127px;
}

#results-slider .match-card-multiday .small-seprator.inn-2 {
    top: 165px;
}

#series .country-name {
    font-size: 12px;
    line-height: 16px;
}

#match-card .fix-text {
    height: 34px;
    margin-bottom: 0px;
}

.tc {
    text-align: center !important;
}

.drop-down-filter {
    margin-bottom: 20px !important;
}

.fixture-card-main .match-coutnry-img img {
    width: 100%;
}

.fixture-card-main .match-img-bg::before {
    background: linear-gradient(180.15deg, #fff 30.22%, #ccc 104%, #ccc 104%);
    box-shadow: 0px 15px 5px -12px #888;
}

.fixture-card-main .match-coutnry-img {
    background: none;
}

#fixtures .fixture-card-mid {
    margin: 25px 0 25px;
}

.match-coutnry-img {
    width: 90px;
    height: 90px;
    overflow: hidden;
}

#fixture-slider .match-top-info,
#results-slider .match-top-info {
    margin-top: 5px;
}

#fixture-slider .match-place {
    font-size: 12px;
    line-height: 16px;
}

#result .match-center-btn {
    bottom: 30px;
    background: linear-gradient(88.66deg, #ff1400 -19.97%, #ff4200 80.26%);
}

#fixtures .match-center-btn {
    bottom: 30px;
}

.match-btn {
    width: auto;
}

/*---- Archive Page ----*/
.smscorecardwidget .standing-title {
    margin-bottom: 20px;
}

.archive-card {
    height: 235px;
}

.archive-card-mid {
    display: none;
}

.archive-card-mid .img-fluid {
    max-width: 160px;
}

.archive-card-bottom .match-center-btn {
    bottom: 30px;
}

.slider-tab-content .country-name,
.fixture__team-name,
.match__team-name {
    text-transform: capitalize;
}

.slider-tab-content .country-name {
    max-width: 120px;
}

.standings-widget .fixture-card .match-center-btn,
.series-container .fixture-card .match-center-btn {
    bottom: 30px;
}

.card-main.slick-slide a {
    width: 100%;
}

.commaSep {
    display: inline !important;
}

@media(max-width: 1650px) {
    #fixture-slider .match-mid-info {
        padding: 15px 0;
        margin: 5px 0 10px;
    }

    #fixture-slider .match-place {
        font-size: 12px;
        line-height: 16px;
    }

    #fixture-slider .fixture-card-top .fix-text span,
    #results-slider .fixture-card-top .fix-text span {
        font-size: 12px;
        line-height: 18px;
    }

    #results-slider .match-card-multiday .match-score {
        margin-bottom: 5px;
    }

    .fixture-card.fixture-result-card {
        height: 450px !important;
    }

    .fixture-card-mid .country-name {
        line-height: 18px;
        margin-top: 15px;
    }

    .match-score {
        line-height: 10px;
    }

    #fixture-slider .small-seprator {
        top: 65px;
    }

    .fixture-card-mid,
    .fixture-result-card-mid {
        margin: 8px 0 8px !important;
    }

    .match-card-multiday .small-seprator.inn-1 {
        top: 140px;
    }

    .match-card-multiday .small-seprator.inn-2 {
        top: 192px;
    }

    .match-img-bg::before {
        width: 100px;
        height: 100px;
    }

    .match-coutnry-img {
        width: 90px;
        height: 90px;
    }

    .fixture-card-top .fix-text {
        margin-bottom: 8px;
        height: 34px;
    }
}

@media(max-width: 1450px) {

    /*Fixture and Result Page*/
    .match-card-multiday .country-name {
        font-size: 12px;
    }

    .match-card-multiday .small-seprator.inn-1 {
        top: 138px;
    }

    .match-card-multiday .small-seprator.inn-2 {
        top: 190px;
    }

    .match-card-multiday .match-score {
        font-size: 16px;
        line-height: 10px;
    }

    .match-img-bg::before {
        width: 80px;
        height: 80px;
    }

    .match-coutnry-img {
        width: 70px;
        height: 70px;
    }

    .fixture-result-card-mid .country-name,
    .fixture-card-mid .country-name {
        max-width: 120px;
        line-height: 16px;
        min-height: 36px;
    }

    .fixture-result-card-mid .country-name {
        font-size: 12px;
    }

    .fixture-card-mid,
    .fixture-result-card-mid {
        margin: 8px 0 8px !important;
    }

    .match-card-multiday .match-score h4 {
        line-height: 18px;
    }

    /*Home - Fixture and Result widget*/
    #fixture-slider .match-mid-info {
        padding: 15px 0;
    }

    #results-slider .slick-slide a {
        width: auto;
        display: block;
    }

    #results-slider .match-card {
        height: 355px;
    }

    #fixture-slider .small-seprator {
        top: 45px;
    }

    #results-slider .match-card-multiday .match-score span {
        line-height: 20px;
    }
}

@media only screen and (max-width: 1366px) {
    .liveResInnrBlock {
        padding-block: 3rem;
    }
}

/* 1024 */
@media (max-width:64.0525em) {
    .live__superover .sp-over__strip {
        width: 40%;
    }

    #fixture-slider .match-coutnry-img,
    #results-slider .match-coutnry-img {
        width: 40px;
        height: 40px;
    }

    #fixture-slider .match-mid-info {
        align-items: start !important;
    }

    #fixture-slider .small-seprator {
        top: 20px;
    }

    #fixCountDown .matType {
        width: 100%;
    }

    .match-img-bg::before {
        width: 90px;
        height: 90px;
    }

    .match-top-info .match-schedule h5 {
        font-size: 10px;
        line-height: 10px;
    }

    #fixture-slider .country-name {
        font-size: 10px;
        line-height: 12px;
    }

    #results-slider .match-top-info .match-schedule h5 {
        font-size: 9px;
        line-height: 9px;
    }

    #results-slider .country-name {
        font-size: 12px;
        line-height: 18px;
    }

    #results-slider .match-top-info.match-result {
        margin-top: 5px;
    }

    #results-slider .match-top-info .fix-text span {
        font-size: 9px;
        line-height: 11px;
        display: block;
    }

    #results-slider .match-place,
    #fixture-slider .match-place {
        font-size: 12px;
        line-height: 18px;
    }

    #results-slider .match-card {
        height: 270px;
    }

    #results-slider .match-score span {
        font-size: 12px;
        line-height: 12px;
    }

    #results-slider .match-card-multiday .match-score h4 {
        line-height: 18px;
    }

    #results-slider .match-card-multiday .match-score span {
        line-height: 18px;
    }

    .match-coutnry-img img {
        width: 80%;
    }

    #results-slider .small-seprator {
        top: 15px;
        font-weight: 500;
    }

    #results-slider .match-score h4 {
        font-size: 12px;
        line-height: 18px;
        margin-top: 5px;
    }

    #results-slider .match-card-multiday .small-seprator.inn-1,
    #results-slider .match-card-multiday .small-seprator.inn-2 {
        font-size: 7px;
    }

    #results-slider .match-card-multiday .small-seprator.inn-1 {
        font-size: 7px;
        top: 69px;
        line-height: 12px;
    }

    #results-slider .match-card-multiday .small-seprator.inn-2 {
        top: 110px;
        line-height: 12px;
    }

    .match-tab {
        display: inherit;
        padding: 0 0 15px;
    }
}

/* 839 */
@media (max-width:52.49em) {

    .match-score h4 {
        font-size: 13px;
    }

    .match-score span {
        font-size: 10px;
        line-height: 16px;
    }

    .match__tag {
        margin-bottom: 20px;
    }

    .match__tag::before {
        bottom: -10px;
    }

    .playerCard p.plyPhoto {
        height: auto;
    }

    .live__strip .liveTag {
        top: 0;
        left: 0;
        font-size: 12px;
    }

    .SMbriefScoreWidget .slideBtn {
        right: 5px;
        z-index: 999;
    }

    .SMbriefScoreWidget .slideBtn .prevBtn,
    .SMbriefScoreWidget .slideBtn .nextBtn {
        width: 40px;
        margin: 0 2px;
    }
}

@media(max-width: 767px) {
    .live__superover .sp-over__strip {
        width: 60%;
    }

    .match-card-multiday .match-score {
        line-height: 18px;
    }
}

/* 640 to 1024 */
@media (min-width:40em) and (max-width:64.0525em) {}

@media (max-width:450px) {
    .match-slider .slick-slide a {
        width: 100%;
    }
}

/* 639 */
@media (max-width:39.99em) {
    .live__superover .sp-over__strip {
        width: 95%;
    }

    .live__strip .liveTag {
        top: 0;
        left: 0;
        padding: 0;
        background: none;
        box-shadow: none;
        font-size: 12px;
        padding: 0 5px;
    }

    .SMbriefScoreWidget .slideBtn {
        top: 10px;
        right: 5px;
        z-index: 999;
    }

    .SMbriefScoreWidget .slideBtn .prevBtn,
    .SMbriefScoreWidget .slideBtn .nextBtn {
        width: 40px;
        margin: 0 2px;
    }

    #fixture-slider .match-card {
        height: 255px;
    }

    #fixture-slider .country-name {
        word-wrap: break-word;
        width: 100%;
        line-height: 18px;
    }

    #fixture-slider .fixture-card-top .fix-text span,
    #results-slider .fixture-card-top .fix-text span {
        font-size: 10px;
        line-height: 13px;
    }

    #fixture-slider .match-top-info {
        margin-top: 5px;
    }

    #fixture-slider .match-top-info .match-schedule h5 {
        font-size: 9px;
    }

    #results-slider .match-place,
    #fixture-slider .match-place {
        font-size: 10px;
        font-weight: 500;
    }

    #results-slider .match-card {
        height: 300px !important;
    }

    #results-slider .country-name {
        font-size: 10px !important;
    }

    #results-slider .match-card-multiday .match-score h4 {
        font-size: 12px;
    }

    #results-slider .match-card-multiday .country-name {
        line-height: 14px;
    }

    #results-slider .match-card-multiday .match-score {
        margin-bottom: 2px;
        margin-top: 2px;
    }

    #results-slider .match-card-multiday .small-seprator.inn-1,
    #results-slider .match-card-multiday .small-seprator.inn-2 {
        font-size: 7px;
    }

    #results-slider .match-card-multiday .small-seprator.inn-1 {
        font-size: 7px;
        top: 69px;
        line-height: 12px;
    }

    #results-slider .match-card-multiday .small-seprator.inn-2 {
        top: 110px;
        line-height: 12px;
    }

    #results-slider .match-mid-info {
        padding: 10px 0 8px;
    }

    #results-slider .match-top-info .match-schedule h5 {}

    .match-img-bg::before {
        width: 80px;
        height: 80px;
    }

    .fixture-card-mid .match-coutnry-img {
        width: 70px;
        height: 70px;
    }

    #fixtures .fixture-card-top .fix-text,
    #result .fixture-card-top .fix-text {
        font-size: 11px;
    }

    .fixture-result-card-mid .country-name,
    .fixture-card-mid .country-name {
        font-size: 10px;
    }

    .smscorecardwidget .standing-title {
        margin-bottom: 10px;
    }
}

@media (max-width:768px) {
    .slider-tab-content .match-country-info {
        flex: 2
    }

    .moreMatchesLinkWrap .moreMatchesLink {
        color: #ef4123;
        background: transparent;
        box-shadow: none;
        text-decoration: underline
    }
}

@media (max-width:450px) {}

/* 399 */
@media (max-width:24.99em) {
    #home-widget .match__teams {
        margin-top: 10px;
    }
}

/******* matches slider *******/

.slick-track .match-scroller__item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.match-scroller__fixed-container {
    position: relative;
    height: 0;
}

.match-scroller__fixed-container .slick-slider button {
    width: 20px;
}

.match-scroller__fixed-container .slick-slider button.slick-prev {
    left: 6px;
}

.match-scroller__fixed-container .slick-slider button.slick-next {
    right: 8px;
}

@media (max-width:52.49em) {
    .match-scroller__fixed-container {
        display: none !important
    }
}

.match-scroller {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0;
    background: #01183c;
    border-top: 2px solid #ef4123;
    overflow: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1) .2s;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) .2s;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) .2s, -webkit-transform .3s cubic-bezier(.645, .045, .355, 1) .2s;
    z-index: 30
}

.match-scroller.has-animations {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.match-scroller.has-animations .match-scroller__list {
    transition: left .2s ease, right .2s ease
}

.match-scroller__list {
    position: relative;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0rem 4rem 0rem 4rem;
}

.match-scroller__list:first-child:before {
    display: none
}

.match-scroller__date {
    /*position:relative;*/
    line-height: 1;
    padding: 1rem 1.5rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    top: 10px;
    background: rgba(255, 255, 255, 0.1);
}

.match-scroller__date:after,
.match-scroller__date:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: hsla(0, 0%, 100%, .2);
    display: none;
}

.match-scroller__date:before {
    left: 0
}

.match-scroller__date:after {
    right: 0
}

.match-scroller__month {
    display: block;
    font-size: 1rem
}

.match-scroller__day {
    display: block;
    font-size: 3.2rem
}

.match-scroller__item {
    position: relative;
    display: inline-block;
    text-align: center
}

.match-scroller__item .match-item {
    width: 100%;
    padding: 0 2rem;
    transition: padding .2s ease, all .2s ease;
    display: flex;
    justify-content: center
}

.match-scroller__item .match-item:hover {
    background: linear-gradient(90deg, #061d42 20%, #1b409f 50%, #061d42 100%);
}

.match-scroller__item .match-item:focus {
    padding: 0 1rem
}

@media (min-width:64.0625em) {
    .match-scroller__item .match-item:hover {
        padding: 0 1rem
    }
}

.match-scroller__item+.match-scroller__item .match-item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background-color: hsla(0, 0%, 100%, .2);
    display: none;
}

.match-scroller__nav {
    width: 3.2rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    z-index: 20
}

.match-scroller__btn {
    width: 2.6rem;
    height: 2.6rem;
    position: relative;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .4);
    transition: background-color .2s ease
}

.match-scroller__btn .icon {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.match-scroller__btn:focus {
    background-color: #e8e8e8
}

@media (min-width:64.0625em) {
    .match-scroller__btn:hover {
        background-color: #e8e8e8
    }
}

.match-scroller__btn.is-inactive {
    cursor: default
}

.match-scroller__btn.is-inactive .icon {
    opacity: .6
}

.match-scroller__btn.is-inactive:focus {
    background-color: #fff
}

@media (min-width:64.0625em) {
    .match-scroller__btn.is-inactive:hover {
        background-color: #fff;
    }
}

.match-item {
    --match-item-height: 3rem;
    display: block;
    position: relative;
    color: inherit;
    text-decoration: none
}

.match-item__summary,
.match-item__venue {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    line-height: 2.5rem;
    font-size: 1.1rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    transition: opacity .2s ease
}

.match-item__summary {
    font-weight: 600
}

.match-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 5px;
    transition: padding-top .2s ease
}

.match-item__team {
    min-width: 7rem;
    height: var(--match-item-height);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: linear-gradient(180deg, #a8a8a8 0, #b2b2b2 50%, #a3a3a3 0, #a0a0a0);
    overflow: hidden;
    transition: height .2s ease;
    z-index: 5
}

.match-item__team.t-RPS {
    background: linear-gradient(180deg, #153359 0, #193c6a 50%, #132e51 0, #122c4d)
}

.match-item__team.t-SNO,
.match-item__team.t-SPN {
    background: linear-gradient(180deg, #31b8de 0, #43bee1 50%, #28b5dd 0, #24b3dc)
}

.match-item__team.t-TBL,
.match-item__team.t-TRL {
    background: linear-gradient(180deg, #b01f68 0, #c12272 50%, #a71d63 0, #a31d60)
}

.match-item__team.t-VEL {
    background: linear-gradient(180deg, #522583 0, #5c2993 50%, #4d237b 0, #4b2277)
}

.match-item__team--a {
    padding-left: 1rem;
    border-radius: 20px 0 0 20px
}

.match-item__team--a .match-item__team-name {
    padding-right: 2rem
}

.match-item__team--a .match-item__team-logo {
    right: -2rem
}

.match-item__team--b {
    padding-right: 1rem;
    border-radius: 0 20px 20px 0;
    text-align: right
}

.match-item__team--b .match-item__team-name {
    padding-left: 2rem
}

.match-item__team--b .match-item__team-logo {
    left: -2rem
}

.match-item__team-name {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: var(--match-item-height);
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    font-weight: 700;
    font-size: 1.6rem;
    transition: line-height .2s ease, font-size .2s ease;
    z-index: 10
}

.match-item__team-logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5
}

.match-item__scorebox {
    min-width: 9rem;
    height: var(--match-item-height);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
    background: linear-gradient(90deg, #c31126, #df142b, #c31126);
    border-radius: 6px;
    border: 0 solid #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .5);
    transition: margin .2s ease, height .2s ease, top .2s ease, border-width .2s ease;
    z-index: 10
}

.match-item__scorebox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 6px;
    transition: opacity .2s ease
}

.match-item__score {
    position: relative;
    min-width: 3.5rem;
    top: -1px;
    color: #111;
    line-height: 1;
    white-space: nowrap;
    font-size: 1.5rem;
    transition: font-size .2s ease
}

.match-item__score--runs {
    font-weight: 700
}

.match-item__score--delimiter {
    /*margin:0 -3px*/
}

.match-item__runs {
    font-weight: 700;
    font-size: 1.8rem;
    margin-right: -4px
}

.match-item__versus {
    position: relative;
    padding: 0 1.5rem;
    color: #999;
    font-weight: 700;
    font-size: 1rem;
    transition: font-size .2s ease, color .2s ease;
    z-index: 5
}

.match-item__time {
    position: relative;
    line-height: 1;
    text-align: center;
    transition: color .2s ease
}

.match-item__time .time__ist,
.match-item__time .time__tbc {
    display: block;
    color: #121212;
    font-weight: 700;
    font-size: 1.2rem;
    transition: font-size .2s ease;
    text-transform: uppercase
}

.match-item__time .time__gmt {
    display: block;
    font-size: 1rem;
    transition: font-size .2s ease
}

.match-item:focus .match-item__scorebox {
    margin: 0 -.5rem
}

@media (min-width:64.0625em) {
    .match-item:hover .match-item__scorebox {
        margin: 0 -.5rem
    }
}

.match-item--live {
    --match-item-height: 3.6rem;
    top: .3rem
}

.match-item--live .match-item__summary,
.match-item--live .match-item__venue {
    opacity: 0
}

.match-item--live .match-item__content {
    padding-top: 0
}

.match-item--live .match-item__team-name {
    font-size: 2rem
}

.match-item--live .match-item__scorebox {
    height: calc(0.6rem + var(--match-item-height));
    top: -.3rem;
    border-width: 2px;
    min-width: 16rem
}

.match-item--live .match-item__scorebox:before {
    opacity: 0
}

.match-item--live .match-item__score {
    color: #fff;
    font-size: 2.1rem;
    min-width: 5rem
}

.match-item--live .match-item__versus {
    color: #df142b;
    font-size: 1.4rem
}

.match-item--live .match-item__versus:before {
    width: 2.3rem;
    height: 2.3rem;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2)
}

.match-item--live .match-item__time {
    color: #fff
}

.match-item--live .match-item__time .time__ist,
.match-item--live .match-item__time .time__tbc {
    font-size: 1.6rem
}

.match-item--live .match-item__time .time__gmt {
    font-size: 1.2rem
}

@media (max-width:64.0525em) {
    .match-item__scorebox {
        padding: 0 .5rem
    }

    .match-item__versus {
        padding: 0 1rem
    }

    .match-item__team {
        min-width: 6rem
    }

    .match-item__team--a .match-item__team-name {
        padding-right: 2rem
    }

    .match-item__team--b .match-item__team-name {
        padding-left: 2rem
    }

    .match-item__team-name {
        font-size: 1.4rem
    }

    .match-item__team-logo {
        display: none
    }
}

.tLogo30x--with-border,
.tLogo40x--with-border,
.tLogo50x--with-border,
.tLogo70x--with-border,
.tLogo100x--with-border {
    position: relative;
    z-index: 1
}

.tLogo30x--with-border:before,
.tLogo40x--with-border:before,
.tLogo50x--with-border:before,
.tLogo70x--with-border:before,
.tLogo100x--with-border:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 3px solid #a8a8a8;
    border-radius: 100%;
    z-index: -1
}

.tLogo30x--with-border.t-SNO:before,
.tLogo30x--with-border.t-SPN:before,
.tLogo40x--with-border.t-SNO:before,
.tLogo40x--with-border.t-SPN:before,
.tLogo50x--with-border.t-SNO:before,
.tLogo50x--with-border.t-SPN:before,
.tLogo70x--with-border.t-SNO:before,
.tLogo70x--with-border.t-SPN:before,
.tLogo100x--with-border.t-SNO:before,
.tLogo100x--with-border.t-SPN:before {
    border-color: #31b8de
}

.tLogo30x--with-border.t-TBL:before,
.tLogo30x--with-border.t-TRL:before,
.tLogo40x--with-border.t-TBL:before,
.tLogo40x--with-border.t-TRL:before,
.tLogo50x--with-border.t-TBL:before,
.tLogo50x--with-border.t-TRL:before,
.tLogo70x--with-border.t-TBL:before,
.tLogo70x--with-border.t-TRL:before,
.tLogo100x--with-border.t-TBL:before,
.tLogo100x--with-border.t-TRL:before {
    border-color: #b01f68
}

.tLogo30x--with-border.t-VEL:before,
.tLogo40x--with-border.t-VEL:before,
.tLogo50x--with-border.t-VEL:before,
.tLogo70x--with-border.t-VEL:before,
.tLogo100x--with-border.t-VEL:before {
    border-color: #522583
}

.tLogo100x--with-border:before {
    width: 12.5rem;
    height: 12.5rem
}

.tLogo70x--with-border:before {
    width: 8.5rem;
    height: 8.5rem
}

.tLogo50x--with-border:before {
    width: 6.5rem;
    height: 6.5rem
}

.tLogo40x--with-border:before {
    width: 5.5rem;
    height: 5.5rem
}

.tLogo30x--with-border:before {
    width: 4rem;
    height: 4rem
}

.match-scroller .slick-slider button.slick-next {
    background-image: url('https://www.iplt20.com/assets/js/slick-slider/images/arrow-right-white.svg');
}

.match-scroller .slick-slider button.slick-prev {
    background-image: url('https://www.iplt20.com/assets/js/slick-slider/images/arrow-left-white.svg');
}

#results-slider .match-time {
    display: none;
}

.SMbriefScoreWidget .slideBtn {
    display: none;
}

.SMshortstandingsWidget .ap-team-wrp strong {
    color: #3bcf5a;
    margin-left: 10px;
    font-size: 15px;
}

/* =========================================================================================
@Description: StyleSheet for Points Table
@Version: 1.0, 2024
============================================================================================ */

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.u-hide-web,
.hide-web {
    display: none !important;
}

.showOnMob {
    display: none;
}

.hideOnMob {
    display: none;
}

:root {
    --bg-color-1: #DC5034;
    --bg-color-2: #585A60;
    --color-1: #11141C;
    --font-family-1: 'Roboto', sans-serif;
    --font-family-2: 'Bebas Neue', cursive;
    --font-300: 300;
    --font-400: 400;
    --font-500: 500;
    --font-600: 600;
    --font-900: 900;
    --transform-1-postive: skewX(20deg);
    --transform-1-neg: skewX(-20deg);
    --transform-2-postive: skewX(15deg);
    --transform-2-neg: skewX(-15deg);
}

.sm-flex {
    display: flex;
}

.sm-justify-between {
    justify-content: space-between;
}

.t-ct {
    text-align: center;
}

.SMrecentmatchesWidget {
    width: 100%;
    display: block;
    position: relative;
    float: left;
}

.SMResultSliderWidget .slick-list .slick-track {
    /*transform: translate3d(0px, 0px, 0px) !important;*/
}

.SMResultSliderWidget {
    position: relative;
    width: 100%;
    z-index: 1;
}

.rs-title {
    margin-block-end: 2.6rem;
}

.rs-title span {
    display: inline-block;
    font-family: var(--font-family-1);
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
}

.rs-wrap {
    cursor: pointer;
    width: 100%;
    min-width: 300px;
    margin: 0 auto;
    position: relative;
    background: #FFFFFF;
    border-radius: 10px;
    transition: all 0.5s;
    min-height: 450px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px, rgba(0, 0, 0, 0.3) 0px 3px 9px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.rs-count {
    text-align: center;
    background: #F2C01F;
    padding: 0.8rem;
    font-family: var(--font-family-1);
    transition: all 0.5s;
    font-style: normal;
    font-weight: var(--font-500);
    font-size: 15px;
    line-height: 17px;
    color: #FFFFFF;
}

.rs-count .rs-count__num {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}

.rs-wrap:hover .rs-count {
    transition: all 0.5s;
}

.rs-sc__box {
    align-items: center;
    padding: 20px 15px 20px;
}

.rs-tm {
    flex: 0.6;
}

.rs-vs {
    flex: 0.2;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

.rs-tm__right {
    justify-content: end;
}

.rs-tm__left .rs-tm__score {
    margin-inline-start: 12px;
    width: 100%;
}

.rs-tm__right .rs-tm__score {
    margin-inline-end: 12px;
    text-align: right;
    width: 100%;
}

.rs-tm__logo img {
    width: 60px;
}

.rs-tm__run {
    font-family: var(--font-family-1);
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: var(--color-1);
    text-transform: uppercase;
}

.rs-tm__over {
    font-size: 14px;
    line-height: 18px;
    color: #777777;
    font-weight: var(--font-400);
    font-family: var(--font-family-1);
    text-transform: capitalize;
}

.rs-vs svg {
    width: 37px;
    height: 37px;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
}

.rs-cmd,
.rs-vn {
    text-align: center;
    padding-block: 15px;
    margin-inline: 30px;
}

.rs-cmd {
    font-family: var(--font-family-2);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #31176d;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

.rs-vn {
    font-family: var(--font-family-1);
    font-size: 14px;
    line-height: 16px;
    color: rgba(17, 20, 28, 1);
    min-height: 80px;
}

.rs-vn__gd-name {
    font-weight: 500;
    margin-block-end: 3px;
}

.rs-vn__time {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(17, 20, 28, 0.75);
}

.ply-mt-wrap {
    padding-block: 10px 0;
    justify-content: center;
    align-items: center;
}

.ply-mt__pic {
    padding: 5px 0 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin-inline-end: 15px;
    border: 1px solid #F2C01F;
}

.ply-mt__info {
    font-family: var(--font-family-1);
    color: #1D1D1D;
}

.ply-mt__name {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}

.ply-mt__crs {
    font-size: 14px;
    line-height: 18px;
    margin-block-end: 10px
}

.ply-mt__crs span:not(:last-child) {
    margin-inline-end: 20px;
}

.ply-mt__tag {
    display: flex;
    align-items: center;
    position: relative;
    color: #6A3AD9;
    font-family: var(--font-family-2);
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.ply-mt__tag svg {
    position: absolute;
    left: 0;
    width: 182px;
    height: 23px;
    display: none;
}

.ply-more-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0 auto;
    text-align: center;
    transition: all 3s ease-in-out;
}

.ply-more-btn .ply-more-btn__link {
    padding: 12px 0;
    display: inline-block;
}

.ply-more-btn .ply-more-btn__link a {
    transition: all 0.5s;
    position: relative;
    text-decoration: none;
    font-family: var(--font-family-1);
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    color: #ffffff;
    z-index: 999;
    position: relative;
    padding: 0.7rem;
    border-radius: .3rem;
    font-weight: 500;
}

.ply-more-btn .ply-more-btn__link a:hover {
    background-color: #800000;
    color: #fff;
}

.ply-more-btn .ply-more-btn__link a svg {
    display: none;
}

.see-more {
    position: absolute;
    left: 10%;
    top: 13px;
}

.see-more a {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    font-family: var(--font-family-1);
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}

.see-more a:hover {
    color: var(--text-primar);
}

/*Slick Slider*/
/* .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } */

.SMResultSliderWidget .slider {
    width: 50%;
    margin: 100px auto
}

.SMResultSliderWidget .slick-slide {
    margin: 0 10px;
    transition: all ease-in-out .3s;
    opacity: 1;
}

.SMResultSliderWidget .slick-prev:before,
.SMResultSliderWidget .slick-next:before {
    color: #000
}

.SMResultSliderWidget .slick-current {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
    transition: all ease-in-out .3s;
}

/* Slider */
.SMResultSliderWidget .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.SMResultSliderWidget .rs-slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

.SMResultSliderWidget .rs-slick-list:focus {
    outline: none
}

.SMResultSliderWidget .rs-slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.SMResultSliderWidget .slick-slider .slick-track,
.SMResultSliderWidget .slick-slider .SMResultSliderWidget {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.SMResultSliderWidget .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.SMResultSliderWidget .slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.SMResultSliderWidget .slick-track:after {
    clear: both
}

.SMResultSliderWidget .slick-loading .slick-track {
    visibility: hidden
}

.SMResultSliderWidget .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.SMResultSliderWidget .slick-slide img {
    display: block;
    max-width: 100%;
}

.SMResultSliderWidget .slick-slide.slick-loading img {
    display: none
}

.SMResultSliderWidget .slick-slide.dragging img {
    pointer-events: none
}

.SMResultSliderWidget .slick-initialized .slick-slide {
    display: block
}

.SMResultSliderWidget .slick-loading .slick-slide {
    visibility: hidden
}

.SMResultSliderWidget .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.SMResultSliderWidget .slick-arrow.slick-hidden {
    display: none
}

/* Arrows */
.SMResultSliderWidget .slick-prev,
.SMResultSliderWidget .slick-next {
    border-radius: 50px;
    background-color: #ffffff;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -43px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}

.SMResultSliderWidget .slick-prev:hover,
.SMResultSliderWidget .slick-prev:focus,
.SMResultSliderWidget .slick-next:hover,
.SMResultSliderWidget .slick-next:focus {
    color: transparent;
    outline: none;
}

.SMResultSliderWidget .slick-prev:hover:before,
.SMResultSliderWidget .slick-prev:focus:before,
.SMResultSliderWidget .slick-next:hover:before,
.SMResultSliderWidget .slick-next:focus:before {
    opacity: 1
}

.SMResultSliderWidget .slick-prev.slick-disabled:before,
.SMResultSliderWidget .slick-next.slick-disabled:before {
    opacity: .25
}

.SMResultSliderWidget .slick-prev:before,
.SMResultSliderWidget .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.SMResultSliderWidget .slick-slider button.slick-prev {
    right: 65px;
    left: unset;
}

.SMResultSliderWidget .slick-slider button.slick-prev,
.SMResultSliderWidget .slick-slider button.slick-next {}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.SMResultSliderWidget .slick-next {
    right: 20px !important;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.SMResultSliderWidget .slick-next:before,
.SMResultSliderWidget .slick-prev:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: url(../images/ra.png);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
}

.SMResultSliderWidget .slick-prev:before {
    rotate: 180deg;
}

/* Dots */
.SMResultSliderWidget .slick-dotted.slick-slider {
    margin-bottom: 0
}

.SMResultSliderWidget .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: none !important;
}

.SMResultSliderWidget .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    padding: 0;
    cursor: pointer
}

.SMResultSliderWidget .slick-dots li button {
    padding: 4px;
    font-size: 0;
    opacity: 0.5;
    border-radius: 50%;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #ffffff;
}

.SMResultSliderWidget .slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.SMResultSliderWidget .slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.SMResultSliderWidget .slick-dots li button:before {
    display: none;
    font-family: 'slick';
    font-size: 32px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '•';
    text-align: center;
    opacity: .35;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.SMResultSliderWidget .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #ffffff;
    width: 20px;
}

.SMResultSliderWidget .slick-dots li.slick-active {
    width: 25px;
    height: 8px;
}

.SMResultSliderWidget .slick-dots li.slick-active button {
    width: 25px;
    height: 8px;
    border-radius: 10px;
    opacity: 1;
}


.ply-more-btn .ply-more-btn__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.res-btnHiAudio {
    padding: 0.5rem;
}

.res-btnHiAudio img {
    width: 20px;
}

.tooltip-bt {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-bt .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /* Tooltip above the element */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-bt .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    /* Arrow at the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip-bt:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


/**** Media Query ************************/
/****************************************/
@media(max-width: 1650px) {}

@media(max-width: 1450px) {
    .rs-tm__over {
        font-size: 13px;
    }

    .rs-tm__run {
        font-size: 32px;
        line-height: 32px;
    }

    .rs-cmd {
        font-size: 20px;
        line-height: 22px;
    }

    .see-more {
        right: 220px;
    }
}

@media only screen and (max-width: 1366px) {
    .topPerformersWrap .see-more {
        left: 50%;
    }

    .rs-count {
        padding: 0.6rem;
    }

    .rs-tm__run {
        font-size: 28px;
        line-height: 28px;
    }

    .rs-cmd {
        font-size: 18px;
        line-height: 28px;
    }
}

/* 1299 */
@media (max-width:81.24em) {}

@media (max-width: 1200px) {
    .rs-tm__over {
        font-size: 12px;
    }

    .rs-tm__run {
        font-size: 30px;
        line-height: 30px;
    }

    .rs-cmd {
        font-size: 26px;
        line-height: 26px;
    }

    .see-more {
        right: 12%;
        top: 4%;
    }
}

/* 1024 */
@media (max-width:64.0525em) {}

/* 839 */
@media (max-width:840px) {
    .u-hide-tablet {
        display: none;
    }

    .u-show-tablet {
        display: block;
    }

    .SMResultSliderWidget .slick-slide {
        opacity: 1;
        transform: scale(1);
    }

    .SMResultSliderWidget .slick-slide .ply-more-btn {
        display: block;
    }
}

@media(max-width: 768px) {
    .rs-title {
        margin-block-end: 1.6rem;
    }

    .rs-title span {
        font-size: 22px;
        line-height: 22px;
    }

    .rs-wrap {
        width: 340px;
        min-width: auto;
        width: auto;
        min-height: 400px;
    }

    .topPerformersWrap .see-more {
        left: 0;
        display: block;
        right: 0;
        text-align: right;
        top: 0;
    }

    .see-more {
        right: 0;
        top: 0;
        text-align: right;
    }

    .SMResultSliderWidget {
        background: url(../images/floral-line.png) no-repeat center 68%/ 390px;
    }

    .rs-wrap {
        width: 320px;
    }

    .rs-sc__box {
        padding: 15px 15px 15px;
    }

    .rs-sc__box .rs-tm {
        align-items: center;
    }

    .rs-tm__run {
        font-size: 18px;
        line-height: 18px;
    }

    .rs-tm__over {
        font-size: 10px;
        line-height: 12px;
    }

    .rs-tm__logo img {
        width: 50px;
    }

    .rs-tm__right .rs-tm__score {
        margin-inline-end: 6px;
    }

    .rs-tm__left .rs-tm__score {
        margin-inline-start: 6px;
    }

    .rs-cmd {
        font-size: 22px;
        line-height: 24px;
    }

    .rs-vn,
    .ply-mt__name,
    .ply-mt__crs,
    .ply-mt__tag {
        font-size: 12px;
        line-height: 14px;
    }

    .ply-mt__tag svg {
        width: 140px;
    }

    .rs-vn__gd-name {
        margin-block-end: 2px;
    }

    .rs-vn__time {
        font-size: 11px;
        line-height: 14px;
    }

    .ply-mt__pic {
        width: 65px;
        height: 65px;
        margin-inline-end: 5px;
    }

    .ply-mt__pic img {
        width: 65px;
    }

    .ply-more-btn .ply-more-btn__link a {
        font-size: 14px;
        line-height: 16px;
        padding: 10px 20px;
    }

    .ply-more-btn .ply-more-btn__link:after {
        top: -9px;
        left: 7px;
    }

    .ply-mt__crs {
        display: none;
    }

    .SMResultSliderWidget .slick-dotted.slick-slider {
        margin: 0;
    }

    .SMResultSliderWidget .slick-dots {
        bottom: -30px;
    }

    .rs-vs svg {
        width: 28px;
        height: 28px;
    }

    .ply-more-btn .ply-more-btn__link a:hover svg {
        display: none;
    }

    .rs-count {
        font-size: 12px;
        line-height: 16px;
    }
}

/* 640 to 1024 */
@media (min-width:40em) and (max-width:64.0525em) {
    .u-hide-mobile {
        display: none;
    }

    .u-show-mobile {
        display: block !important;
    }
}

/* 640 */
@media (max-width:40em) {}

/* 639 */
@media (max-width:39.99em) {}

@media (max-width:480px) {
    .rs-wrap {
        width: 320px;
    }
}

/* 399 */
@media (max-width:24.99em) {}

/* 399 */
@media (max-width:360px) {
    .SMResultSliderWidget {
        background-size: 360px;
    }
}


/**************** Highlights Card Start****************/

.highlights-container {
    width: 100%;
    max-width: 300px;
    background: linear-gradient(#283dac78, #152760), url(../Logos/Bg.png), linear-gradient(#283DAC, #152760);
    color: white;
    padding: 1rem 1.2rem;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 222px;
    right: 0;
    animation: slide-in 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    z-index: 9;
}

.highlights-container.cc {
    animation: slide-out 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
    bottom: 222px;
}

.highlights-container .header {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 10px;
}

.highlights-container .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    color: #FFD700;
    letter-spacing: 0.5px;
}

.close-button {
    background: none;
    border: none;
    color: white;
    font-size: 25px;
    cursor: pointer;
    font-weight: bold;
    margin-right: 0;
    margin-left: auto;
}

.match-title {
    font-size: 12px;
    margin-bottom: 0.8rem;
    color: white;
    font-weight: 500;
}

.audio-player {
    display: flex;
    align-items: center;
    background: linear-gradient(to right, #3468fa, #b144e7);
    border-radius: 30px;
    padding: 5px;
    max-width: 160px;
    flex: 1;
}

.play-button {
    background: white;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* .play-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 7px 12px;
    border-color: transparent transparent transparent #2e3b8d;
    margin-left: 5px;
} */
.play-icon {
    width: 24px;
    height: 24px;
    background-image: url("../images/Logos/play.png");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center left 6px;
}

.pause-icon {
    width: 20px;
    height: 20px;
    background-image: url("../images/Logos/pause.png");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.waveform {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.waveform-bars {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    height: 25px;
}

.waveform-bars .bar {
    animation: unset;
    transition: all 0.3s ease;
}

.bar {
    background: #ffffff;
    bottom: 1px;
    height: 5px;
    width: 2px;
    margin: 0px 1px;
    border-radius: 10px;
    animation: sound 0ms -600ms linear infinite alternate;
}

#bars.paused .bar {
    animation: sound 0ms -600ms linear infinite paused;
}

.waveform-bars.active .bar {
    animation: sound 0ms -600ms linear infinite alternate;
}

/*************Altercsss  Highlights Card   *******************/

/* Target the scrollable element */
.scrollable {
    height: 300px;
    overflow-y: scroll;
}

/* Width of the vertical scrollbar */
.scrollable::-webkit-scrollbar {
    width: 5px;
}

/* Track (background) */
.scrollable::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
}

/* Handle (thumb) */
.scrollable::-webkit-scrollbar-thumb {
    background: var(--pri-color-pink);
    border-radius: 8px;
}

/* Handle on hover */
.scrollable::-webkit-scrollbar-thumb:hover {
    background: red;
}

.highlights-container .header_logo img {
    width: 100%;
    max-width: 33px;
}

@keyframes sound {
    0% {
        opacity: .35;
        height: 1px;
    }

    100% {
        opacity: 1;
        height: 14px;
    }
}

.waveform-bars .bar:nth-child(1) {
    left: 1px;
    height: 12px;
}

.waveform-bars .bar:nth-child(2) {
    left: 15px;
    height: 18px;
}

.waveform-bars .bar:nth-child(3) {
    left: 29px;
    height: 8px;
}

.waveform-bars .bar:nth-child(4) {
    left: 43px;
    height: 22px;
}

.waveform-bars .bar:nth-child(5) {
    left: 57px;
    height: 15px;
}

.waveform-bars .bar:nth-child(6) {
    left: 71px;
    height: 20px;
}

.waveform-bars .bar:nth-child(7) {
    left: 85px;
    height: 10px;
}

.waveform-bars .bar:nth-child(8) {
    left: 99px;
    height: 25px;
}

.waveform-bars .bar:nth-child(9) {
    left: 113px;
    height: 14px;
}

.waveform-bars .bar:nth-child(10) {
    left: 127px;
    height: 18px;
}

.waveform-bars .bar:nth-child(11) {
    left: 141px;
    height: 9px;
}

.waveform-bars .bar:nth-child(12) {
    left: 155px;
    height: 20px;
}

.waveform-bars .bar:nth-child(13) {
    left: 169px;
    height: 13px;
}

.waveform-bars .bar:nth-child(14) {
    left: 183px;
    height: 22px;
}

.waveform-bars .bar:nth-child(15) {
    left: 197px;
    height: 16px;
}

.waveform-bars.active .bar:nth-child(1) {
    left: 1px;
    animation-duration: 474ms;
}

.waveform-bars.active .bar:nth-child(2) {
    left: 15px;
    animation-duration: 433ms;
}

.waveform-bars.active .bar:nth-child(3) {
    left: 29px;
    animation-duration: 407ms;
}

.waveform-bars.active .bar:nth-child(4) {
    left: 43px;
    animation-duration: 458ms;
}

.waveform-bars.active .bar:nth-child(5) {
    left: 57px;
    animation-duration: 400ms;
}

.waveform-bars.active .bar:nth-child(6) {
    left: 62px;
    animation-duration: 474ms;
}

.waveform-bars.active .bar:nth-child(7) {
    left: 73px;
    animation-duration: 433ms;
}

.waveform-bars.active .bar:nth-child(8) {
    left: 81px;
    animation-duration: 407ms;
}

.waveform-bars.active .bar:nth-child(9) {
    left: 91px;
    animation-duration: 458ms;
}

.waveform-bars.active .bar:nth-child(10) {
    left: 102px;
    animation-duration: 400ms;
}

.waveform-bars.active .bar:nth-child(11) {
    left: 112px;
    animation-duration: 474ms;
}

.waveform-bars.active .bar:nth-child(12) {
    left: 124px;
    animation-duration: 433ms;
}

.waveform-bars.active .bar:nth-child(13) {
    left: 138px;
    animation-duration: 407ms;
}

.waveform-bars.active .bar:nth-child(14) {
    left: 146px;
    animation-duration: 458ms;
}

.waveform-bars.active .bar:nth-child(15) {
    left: 156px;
    animation-duration: 400ms;
}

@keyframes wave {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.animated-wave {
    animation: wave 2s infinite ease-in-out;
}

.highlights-text {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.3px;
    max-height: 260px;
    overflow-y: scroll;
    padding-right: 10px;
    display: none;
}

@keyframes slide-in {
    from {
        right: -220px;
        /* Start off-screen */
    }

    to {
        right: 20px;
        /* End position */
    }
}

@keyframes slide-out {
    from {
        right: 20px;
        /* Start off-screen */
    }

    to {
        right: -320px;
        /* End position */
    }
}

.audio-player-active-test {
    background: linear-gradient(300deg, deepskyblue, darkviolet, blue);
    background-size: 180% 180%;
    animation: gradient-animation 10s ease infinite;
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}



.audio-player-active {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.h-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ffffff36;
    padding: 10px 0 0;
    margin-block-start: 10px;
}

.h-footer img.sm-logo {
    width: 100px;
}

.audio-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-block: 1rem;

}

.audio-speed {
    display: flex;
    align-items: center;
    gap: 1px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.audio-speed.audio-speed-active {
    opacity: 1;
}

#speedButton {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: none;
}

#speedLevelText {
    font-size: 13px;
    display: none;
    /* Initially hidden */
}

@media (min-width: 767.98px) and (max-width: 1400px) {
    .rs-wrap {
        min-height: 465px;
    }

}


/* Highlights Card Ends*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/* Others 
   ========================================================================== */
html {
    box-sizing: border-box
}

*,
:before,
:after {
    box-sizing: inherit
}

ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none
}

ul:not(.browser-default) li {
    list-style-type: none
}

a {
    color: #039be5;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.z-depth-0 {
    box-shadow: none !important
}

.z-depth-1,
.card-panel,
.card {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px -1px rgba(0, 0, 0, 0.1)
}

.z-depth-1-half {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2)
}

/* Media Query Classes 
   ========================================================================== */
@media only screen and (max-width: 600px) {

    .hide-on-small-only,
    .hide-on-small-and-down {
        display: none !important
    }
}

@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .hide-on-med-only {
        display: none !important
    }
}

@media only screen and (min-width: 993px) {
    .hide-on-large-only {
        display: none !important
    }

    .show-on-large {
        display: block !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .show-on-medium {
        display: block !important
    }
}

@media only screen and (max-width: 600px) {
    .show-on-small {
        display: block !important
    }
}

@media only screen and (min-width: 601px) {
    .show-on-medium-and-up {
        display: block !important
    }
}

@media only screen and (max-width: 992px) {
    .show-on-medium-and-down {
        display: block !important
    }
}

@media only screen and (max-width: 600px) {
    .center-on-small-only {
        text-align: center
    }
}

/* ========================================================================== */
/*  Page Container
/* ========================================================================== */

.SMwrapper {
    margin: 0 auto;
    margin: 0 auto;
    /*max-width: 1366px;*/
    width: 100%;
}

@media only screen and (min-width: 601px) {
    .SMwrapper {}
}

@media only screen and (min-width: 993px) {
    .SMwrapper {}
}

/*.SMwrapper .smRow{margin-left:-.75rem;margin-right:-.75rem}*/
.section {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.section.no-pad {
    padding: 0
}

.section.no-pad-bot {
    padding-bottom: 0
}

.section.no-pad-top {
    padding-top: 0
}

.smRow {
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom:20px*/
}

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

.smRow .col {
    float: left;
    box-sizing: border-box;
    padding: 0 0.5rem;
    min-height: 1px
}

.smRow .col[class*="push-"],
.smRow .col[class*="pull-"] {
    position: relative
}

/* Flex Grid */
.uniform-grid {
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.uniform-grid .uniform-grid__section {
    display: flex;
}

.smRow .col.s1 {
    width: 8.3333333333%;
}

.smRow .col.s2 {
    width: 16.6666666667%;
}

.smRow .col.s3 {
    width: 25%;
}

.smRow .col.s4 {
    width: 33.3333333333%;
}

.smRow .col.s5 {
    width: 41.6666666667%;
}

.smRow .col.s6 {
    width: 50%;
}

.smRow .col.s7 {
    width: 58.3333333333%;
}

.smRow .col.s8 {
    width: 66.6666666667%;
}

.smRow .col.s9 {
    width: 75%;
}

.smRow .col.s10 {
    width: 83.3333333333%;
}

.smRow .col.s11 {
    width: 91.6666666667%;
}

.smRow .col.s12 {
    width: 100%;
}

.smRow .col.offset-s1 {
    margin-left: 8.3333333333%
}

.smRow .col.pull-s1 {
    right: 8.3333333333%
}

.smRow .col.push-s1 {
    left: 8.3333333333%
}

.smRow .col.offset-s2 {
    margin-left: 16.6666666667%
}

.smRow .col.pull-s2 {
    right: 16.6666666667%
}

.smRow .col.push-s2 {
    left: 16.6666666667%
}

.smRow .col.offset-s3 {
    margin-left: 25%
}

.smRow .col.pull-s3 {
    right: 25%
}

.smRow .col.push-s3 {
    left: 25%
}

.smRow .col.offset-s4 {
    margin-left: 33.3333333333%
}

.smRow .col.pull-s4 {
    right: 33.3333333333%
}

.smRow .col.push-s4 {
    left: 33.3333333333%
}

.smRow .col.offset-s5 {
    margin-left: 41.6666666667%
}

.smRow .col.pull-s5 {
    right: 41.6666666667%
}

.smRow .col.push-s5 {
    left: 41.6666666667%
}

.smRow .col.offset-s6 {
    margin-left: 50%
}

.smRow .col.pull-s6 {
    right: 50%
}

.smRow .col.push-s6 {
    left: 50%
}

.smRow .col.offset-s7 {
    margin-left: 58.3333333333%
}

.smRow .col.pull-s7 {
    right: 58.3333333333%
}

.smRow .col.push-s7 {
    left: 58.3333333333%
}

.smRow .col.offset-s8 {
    margin-left: 66.6666666667%
}

.smRow .col.pull-s8 {
    right: 66.6666666667%
}

.smRow .col.push-s8 {
    left: 66.6666666667%
}

.smRow .col.offset-s9 {
    margin-left: 75%
}

.smRow .col.pull-s9 {
    right: 75%
}

.smRow .col.push-s9 {
    left: 75%
}

.smRow .col.offset-s10 {
    margin-left: 83.3333333333%
}

.smRow .col.pull-s10 {
    right: 83.3333333333%
}

.smRow .col.push-s10 {
    left: 83.3333333333%
}

.smRow .col.offset-s11 {
    margin-left: 91.6666666667%
}

.smRow .col.pull-s11 {
    right: 91.6666666667%
}

.smRow .col.push-s11 {
    left: 91.6666666667%
}

.smRow .col.offset-s12 {
    margin-left: 100%
}

.smRow .col.pull-s12 {
    right: 100%
}

.smRow .col.push-s12 {
    left: 100%
}

@media only screen and (min-width: 601px) {

    .smRow .col.m1 {
        width: 8.3333333333%;
    }

    .smRow .col.m2 {
        width: 16.6666666667%;
    }

    .smRow .col.m3 {
        width: 25%;
    }

    .smRow .col.m4 {
        width: 33.3333333333%;
    }

    .smRow .col.m5 {
        width: 41.6666666667%;
    }

    .smRow .col.m6 {
        width: 50%;
    }

    .smRow .col.m7 {
        width: 58.3333333333%;
    }

    .smRow .col.m8 {
        width: 66.6666666667%;
    }

    .smRow .col.m9 {
        width: 75%;
    }

    .smRow .col.m10 {
        width: 83.3333333333%;
    }

    .smRow .col.m11 {
        width: 91.6666666667%;
    }

    .smRow .col.m12 {
        width: 100%;
    }

    .smRow .col.offset-m1 {
        margin-left: 8.3333333333%
    }

    .smRow .col.pull-m1 {
        right: 8.3333333333%
    }

    .smRow .col.push-m1 {
        left: 8.3333333333%
    }

    .smRow .col.offset-m2 {
        margin-left: 16.6666666667%
    }

    .smRow .col.pull-m2 {
        right: 16.6666666667%
    }

    .smRow .col.push-m2 {
        left: 16.6666666667%
    }

    .smRow .col.offset-m3 {
        margin-left: 25%
    }

    .smRow .col.pull-m3 {
        right: 25%
    }

    .smRow .col.push-m3 {
        left: 25%
    }

    .smRow .col.offset-m4 {
        margin-left: 33.3333333333%
    }

    .smRow .col.pull-m4 {
        right: 33.3333333333%
    }

    .smRow .col.push-m4 {
        left: 33.3333333333%
    }

    .smRow .col.offset-m5 {
        margin-left: 41.6666666667%
    }

    .smRow .col.pull-m5 {
        right: 41.6666666667%
    }

    .smRow .col.push-m5 {
        left: 41.6666666667%
    }

    .smRow .col.offset-m6 {
        margin-left: 50%
    }

    .smRow .col.pull-m6 {
        right: 50%
    }

    .smRow .col.push-m6 {
        left: 50%
    }

    .smRow .col.offset-m7 {
        margin-left: 58.3333333333%
    }

    .smRow .col.pull-m7 {
        right: 58.3333333333%
    }

    .smRow .col.push-m7 {
        left: 58.3333333333%
    }

    .smRow .col.offset-m8 {
        margin-left: 66.6666666667%
    }

    .smRow .col.pull-m8 {
        right: 66.6666666667%
    }

    .smRow .col.push-m8 {
        left: 66.6666666667%
    }

    .smRow .col.offset-m9 {
        margin-left: 75%
    }

    .smRow .col.pull-m9 {
        right: 75%
    }

    .smRow .col.push-m9 {
        left: 75%
    }

    .smRow .col.offset-m10 {
        margin-left: 83.3333333333%
    }

    .smRow .col.pull-m10 {
        right: 83.3333333333%
    }

    .smRow .col.push-m10 {
        left: 83.3333333333%
    }

    .smRow .col.offset-m11 {
        margin-left: 91.6666666667%
    }

    .smRow .col.pull-m11 {
        right: 91.6666666667%
    }

    .smRow .col.push-m11 {
        left: 91.6666666667%
    }

    .smRow .col.offset-m12 {
        margin-left: 100%
    }

    .smRow .col.pull-m12 {
        right: 100%
    }

    .smRow .col.push-m12 {
        left: 100%
    }
}

@media only screen and (min-width: 993px) {
    .smRow .col.l1 {
        width: 8.3333333333%;
    }

    .smRow .col.l2 {
        width: 16.6666666667%;
    }

    .smRow .col.l3 {
        width: 25%;
    }

    .smRow .col.l4 {
        width: 33.3333333333%;
    }

    .smRow .col.l5 {
        width: 41.6666666667%;
    }

    .smRow .col.l6 {
        width: 50%;
    }

    .smRow .col.l7 {
        width: 58.3333333333%;
    }

    .smRow .col.l8 {
        width: 66.6666666667%;
    }

    .smRow .col.l9 {
        width: 75%;
    }

    .smRow .col.l10 {
        width: 83.3333333333%;
    }

    .smRow .col.l11 {
        width: 91.6666666667%;
    }

    .smRow .col.l12 {
        width: 100%;
    }

    .smRow .col.offset-l1 {
        margin-left: 8.3333333333%
    }

    .smRow .col.pull-l1 {
        right: 8.3333333333%
    }

    .smRow .col.push-l1 {
        left: 8.3333333333%
    }

    .smRow .col.offset-l2 {
        margin-left: 16.6666666667%
    }

    .smRow .col.pull-l2 {
        right: 16.6666666667%
    }

    .smRow .col.push-l2 {
        left: 16.6666666667%
    }

    .smRow .col.offset-l3 {
        margin-left: 25%
    }

    .smRow .col.pull-l3 {
        right: 25%
    }

    .smRow .col.push-l3 {
        left: 25%
    }

    .smRow .col.offset-l4 {
        margin-left: 33.3333333333%
    }

    .smRow .col.pull-l4 {
        right: 33.3333333333%
    }

    .smRow .col.push-l4 {
        left: 33.3333333333%
    }

    .smRow .col.offset-l5 {
        margin-left: 41.6666666667%
    }

    .smRow .col.pull-l5 {
        right: 41.6666666667%
    }

    .smRow .col.push-l5 {
        left: 41.6666666667%
    }

    .smRow .col.offset-l6 {
        margin-left: 50%
    }

    .smRow .col.pull-l6 {
        right: 50%
    }

    .smRow .col.push-l6 {
        left: 50%
    }

    .smRow .col.offset-l7 {
        margin-left: 58.3333333333%
    }

    .smRow .col.pull-l7 {
        right: 58.3333333333%
    }

    .smRow .col.push-l7 {
        left: 58.3333333333%
    }

    .smRow .col.offset-l8 {
        margin-left: 66.6666666667%
    }

    .smRow .col.pull-l8 {
        right: 66.6666666667%
    }

    .smRow .col.push-l8 {
        left: 66.6666666667%
    }

    .smRow .col.offset-l9 {
        margin-left: 75%
    }

    .smRow .col.pull-l9 {
        right: 75%
    }

    .smRow .col.push-l9 {
        left: 75%
    }

    .smRow .col.offset-l10 {
        margin-left: 83.3333333333%
    }

    .smRow .col.pull-l10 {
        right: 83.3333333333%
    }

    .smRow .col.push-l10 {
        left: 83.3333333333%
    }

    .smRow .col.offset-l11 {
        margin-left: 91.6666666667%
    }

    .smRow .col.pull-l11 {
        right: 91.6666666667%
    }

    .smRow .col.push-l11 {
        left: 91.6666666667%
    }

    .smRow .col.offset-l12 {
        margin-left: 100%
    }

    .smRow .col.pull-l12 {
        right: 100%
    }

    .smRow .col.push-l12 {
        left: 100%
    }
}

a {
    text-decoration: none
}

html {
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
    ;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87)
}

/* Card Panel 
   ========================================================================== */
.card-panel {
    transition: box-shadow .25s;
    padding: 24px;
    margin: 0.5rem 0 1rem 0;
    border-radius: 5px;
    background-color: #fff;
}

.card {
    position: relative;
    margin: 0.5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 5px;
}

.card .card-content {
    border-radius: 0 0 2px 2px;
    padding: 24px;
}

/* Default Tab 
   ========================================================================== */
.smTabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
}

.smTabs.smTabs-transparent {
    background-color: transparent
}

.smTabs.smTabs-transparent .tab a,
.smTabs.smTabs-transparent .tab.disabled a,
.smTabs.smTabs-transparent .tab.disabled a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.smTabs.smTabs-transparent .tab a:hover,
.smTabs.smTabs-transparent .tab a.active {
    color: #fff;
}

.smTabs.smTabs-transparent .indicator {
    background-color: #fff
}

.smTabs.smTabs-fixed-width {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.smTabs.smTabs-fixed-width .tab {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.smTabs .tab {
    display: inline-block;
    text-align: center;
    padding: 0 5px 0 0;
    margin: 0;
    text-transform: uppercase
}

.smTabs .tab a {
    background: #c0bdbc;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 26px;
    font: 14px/25px "Roboto", Arial, sans-serif;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease
}

.smTabs .tab a:hover,
.smTabs .tab a.active {
    background-color: #02a884;
    color: #fff
}

.smTabs .tab.disabled a,
.smTabs .tab.disabled a:hover {
    color: rgba(238, 110, 115, 0.7);
    cursor: default
}

.smTabs .indicator {
    display: none;
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #f6b2b5;
    will-change: left, right
}

@media only screen and (max-width: 992px) {
    .smTabs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .smTabs .tab {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .smTabs .tab a {
        padding: 3px 8px
    }
}

/* Tooltip & Buttons 
   ========================================================================== */
.material-tooltip {
    padding: 3px 10px;
    font-size: 12px;
    font-family: roboto;
    font-weight: 500;
    z-index: 2000;
    background-color: transparent;
    border-radius: 2px;
    color: #131313;
    line-height: 14px;
    opacity: 0;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    border-radius: 5px;
    margin-top: 8px;
}

.backdrop {
    position: absolute;
    opacity: 0;
    height: 7px;
    width: 14px;
    border-radius: 0 0 50% 50%;
    background: #ffe186;
    z-index: -1;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    visibility: hidden
}

.btn {
    outline: 0
}

.btn i {
    font-size: 1.3rem;
    line-height: inherit
}

.btn:focus {
    background-color: #1d7d74
}

/* Waves v0.6.0 url- fian.my.id/Waves ======================= */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    transition: .3s ease-out
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: all .7s ease-out;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7)
}

.waves-effect.waves-gray .waves-ripple {
    background-color: rgba(0, 0, 0, 0.10)
}

.waves-effect input[type="button"],
.waves-effect input[type="reset"],
.waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none
}

.waves-effect img {
    position: relative;
    z-index: -1
}

.waves-notransition {
    transition: none !important
}

.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-block {
    display: block
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
    z-index: -1
}

/* Popup
   ========================================================================== */
.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity
}

@media only screen and (max-width: 992px) {
    .modal {
        width: 80%;
    }
}

.modal h1,
.modal h2,
.modal h3,
.modal h4 {
    margin-top: 0
}

.modal .modal-content {
    padding: 24px
}

.modal .modal-close {
    cursor: pointer
}

.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%
}

.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-flat {
    float: right;
    margin: 6px 0
}

.modal-overlay {
    position: fixed;
    z-index: 999;
    top: -100px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #000;
    display: none;
    will-change: opacity
}

.modal.modal-fixed-footer {
    padding: 0;
    height: 70%
}

.modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto
}

.modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0
}

.modal.bottom-sheet {
    top: auto;
    bottom: -100%;
    margin: 0;
    width: 100%;
    max-height: 45%;
    border-radius: 0;
    will-change: bottom, opacity
}


/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.gap-patch .circle {
    width: 1000%;
    left: -450%
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
}

.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
}

.active .circle-clipper.left .circle {
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
    }
}

@keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
    }
}

@keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

@charset "UTF-8";

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 50%;
    margin-left: -79px
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}

.fancybox-error,
.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px
}

.fancybox-slide--iframe .fancybox-close-small:after {
    background: transparent;
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: transparent;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: none
}

.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none
}

.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover:not([disabled]) {
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.fancybox-button:after,
.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button[disabled]:after,
.fancybox-button[disabled]:before {
    opacity: .3
}

.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close:after,
.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s
}

.fancybox-arrow:after {
    content: "";
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, .8);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px
}

.fancybox-arrow--right {
    right: 0
}

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fancybox-arrow--left:after,
.fancybox-arrow--right:after {
    left: 0
}

.fancybox-show-nav .fancybox-arrow {
    opacity: .6
}

.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: .3
}

.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

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

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-width:800px) {
    .fancybox-infobar {
        left: 0;
        margin-left: 0
    }

    .fancybox-button--left,
    .fancybox-button--right {
        display: none !important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: none
}

.fancybox-button--pause:before,
.fancybox-button--play:before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: transparent
}

.fancybox-button--play:before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px
}

.fancybox-button--pause:before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px
}

.fancybox-button--thumbs,
.fancybox-thumbs {
    display: none
}

@media (min-width:800px) {
    .fancybox-button--thumbs {
        display: inline-block
    }

    .fancybox-button--thumbs span {
        font-size: 23px
    }

    .fancybox-button--thumbs:before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
    }

    .fancybox-thumbs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 220px;
        margin: 0;
        padding: 5px 5px 0 0;
        background: #fff;
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        box-sizing: border-box;
        z-index: 99995
    }

    .fancybox-show-thumbs .fancybox-thumbs {
        display: block
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 220px
    }

    .fancybox-thumbs>ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0
    }

    .fancybox-thumbs>ul>li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0;
        margin: 0;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: none;
        border: 5px solid transparent;
        border-top-width: 0;
        border-right-width: 0;
        -webkit-tap-highlight-color: transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box
    }

    li.fancybox-thumbs-loading {
        background: rgba(0, 0, 0, .1)
    }

    .fancybox-thumbs>ul>li>img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .fancybox-thumbs>ul>li:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
        transition: all .2s cubic-bezier(.25, .46, .45, .94)
    }

    .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
        opacity: 1
    }
}

.disable,
.disabled {
    display: none;
}

.inactive {
    display: none;
}

/** LOADER **/
.pLoader {
    background: #FFF none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.pLoader.active {
    display: block
}

.loader {
    color: #9c1b1f;
    font-size: 30px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 250px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

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

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

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

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

/* ================================================================================================ */
/*  Default Card Style
/* ================================================================================================ */
.secTag {
    display: none;
    color: #1c2226;
    display: inline-block;
    overflow: hidden;
    font: 500 11px/16px 'Roboto', Arial, sans-serif;
    margin: 0 0 10px 0;
    background: #9e9e9e;
    padding: 2px 7px;
    z-index: 999;
    text-transform: uppercase;
}

.tagColor-one {
    background: #ffe828 !important;
    display: none;
}

.tagColor-two {
    background-color: #09527c;
}

.tagColor-three {
    background-color: #088aed;
}

.textColor {
    color: #ffffff;
}

.thumb-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

.thumb-container .thumb-image {
    transition: transform 2s cubic-bezier(.19, 1, .22, 1);
}

.thumb-container:hover .thumb-image {
    transform: scale(1.2);
}

.postDate {
    color: #999999;
    font: 10px/14px 'Roboto', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.thumb-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    -webkit-transition: -webkit-transform 1s ease-in, opacity .3s;
    transition: -webkit-transform 1s ease-in, opacity .3s;
    transition: transform 1s ease-in, opacity .3s;
    opacity: 1;
}

.thumb-image.lazyloaded {
    opacity: 1;
}

.thumb-caption {
    padding: 15px 10px;
    text-align: left;
    z-index: 9;
    transition: all 0.5s ease-in-out;
    height: fit-content;
}

.thumb-caption:hover {
    color: #fde33b;
}

.thumb-caption a {
    color: #ffffff;
}

.thumb-caption a span {
    color: #91a3e2;
    font: 12px/14px 'Roboto', Arial, sans-serif;
    display: block;
    margin-top: 10px;
}

.thumb-caption a:hover {
    color: #fde33b;
}

.thumb-caption .capTitle {
    color: #ffffff;
    font: 500 16px "Roboto", Arial, sans-serif;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    height: fit-content;
}

/* BACK TO */
.backTo {
    font-size: 12px;
    color: #444444;
    background: #f5f5f5 url(../images/backArrow.png) no-repeat 10px center / 16px;
    float: none !important;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 2px;
    transition: all 0.25s ease-in-out;
}

.backTo:hover,
.backTo:focus {
    background: #f5f5f5 url(../images/backArrow.png) no-repeat 6px center / 16px;
    color: #cd8f21;
}

.sepLine-1 {
    border-top: 1px solid #cccccc;
    display: block;
    clear: both;
    margin: 1.5rem 0;
}

/* MARKER */
.marker {
    display: none;
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 2px 6px;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
}

.marker::before {
    content: "";
    display: inline-block;
}

.marker i {
    display: inline-block;
    vertical-align: middle;
    font: 600 12px 'Roboto', Arial, sans-serif;
}

.thumb-container:hover .marker {
    background: transparent;
    color: #fff;
}

.marker.markerPhoto::before {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/cam-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

/* TAG */
span.badge {
    position: absolute;
    left: 40px;
    top: 20px;
    min-width: 3rem;
    padding: 0 6px;
    margin-left: 14px;
    text-align: center;
    font-size: 1rem;
    line-height: 22px;
    height: 22px;
    color: #757575;
    float: right;
    box-sizing: border-box;
}

span.badge.new {
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: #26a69a;
    border-radius: 2px;
}

span.badge.new:after {
    content: " new";
}

span.badge[data-badge-caption]::after {
    content: " " attr(data-badge-caption);
}

/* BREADCRUMB */
.breadcrumbSM {
    position: relative;
    color: #131e25;
    font: 500 18px/22px 'Roboto', Arial, sans-serif;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.breadcrumbSM .thumbDec {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.breadcrumbSM .thumbDec span {
    font-weight: 400;
    display: block;
    color: #888;
    font-size: 13px;
    margin-top: 2px;
}


/* NEWS Section ============ */
#newsGrid-SM,
#photoGrid-SM {
    display: block;
    margin: 0;
}

.photoGrid-thumb picture,
.videoGrid-thumb picture,
.newsGrid-thumb picture {
    display: block;
    overflow: hidden;
    height: 200px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.07);
}

.newsGrid-thumb .thumb-image {
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    object-position: center top;
    width: 100%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}

.newsGrid-thumb .postDate,
.videoGrid-thumb .postDate {
    bottom: 10px;
    color: #F2C01F;
}


#colRight .thumb-caption .capTitle {
    font-size: 14px;
    line-height: 1.3;
}

.videoGrid-thumb .thumb-container a.otherLinks {
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 0;
}

.videoGrid-thumb .thumb-container a.otherLinks::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.videoGrid-thumb .thumb-container a.otherLinks::after {
    opacity: 0;
    content: '';
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    top: 65px;
    bottom: 0;
    background: var(--pri-color-pink) url(../images/play-icon.png) no-repeat 18px center /11px;
    display: flex;
    border-radius: 50%;
    margin: 0 auto;
}

.videoGrid-thumb .thumb-container:hover a.otherLinks::after {
    opacity: 1;
    animation-name: fadeinout;
    -webkit-animation-name: fadeinout;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
}

.filterBy {
    margin-bottom: 20px;
    padding: 0;
    display: block;
    overflow: hidden;
}

h6.fTitle {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #232323;
    float: left;
    line-height: 40px;
    margin: 0 20px 0 0;
}

/* Default Select DropDown */
select.selectCategory-SM {
    width: 100%;
    outline: none;
    color: #232323;
    height: 40px;
    cursor: pointer;
    font: 500 14px 'Roboto', Arial, sans-serif;
    display: inline-block;
    border: 1px solid #cccccc;
    padding: 0.5em 3.5em 0.5em 1rem;
    margin: 0 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* DropDown Arrows for Select box */
    background-color: #eee;
    background-image:
        linear-gradient(45deg, transparent 50%, #232323 50%),
        linear-gradient(135deg, #232323 50%, transparent 50%);
    /* linear-gradient(to right, transparent, skyblue);*/
    background-position: calc(100% - 25px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 10px 10px, 10px 10px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

select:focus:not([readonly]) {
    border: 0 none !important;
}

select.selectCategory-SM option.df {
    color: #ffffff;
}

select.selectCategory-SM option {
    padding: 10px 5px;
    border: 0 none;
    outline: none;
}

select.selectCategory-SM option:hover {
    color: #ffffff;
    background: transparent !important;
}

input.SearchResults-SM {
    width: 100%;
    height: 40px !important;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    padding: 0 1rem 0 1rem;
    color: #232323;
}


.newsSlider .slick-prev,
.newsSlider .slick-next,
.videoSlider .slick-prev,
.videoSlider .slick-next {
    border-radius: 50px;
    background-color: #ffffff;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -50px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}

.newsSlider .slick-prev:hover,
.newsSlider .slick-prev:focus,
.newsSlider .slick-next:hover,
.newsSlider .slick-next:focus,
.videoSlider .slick-prev:hover,
.videoSlider .slick-prev:focus,
.videoSlider .slick-next:hover,
.videoSlider .slick-next:focus {
    color: transparent;
    outline: none;
}

.newsSlider .slick-prev:hover:before,
.newsSlider .slick-prev:focus:before,
.newsSlider .slick-next:hover:before,
.newsSlider .slick-next:focus:before,
.videoSlider .slick-prev:hover:before,
.videoSlider .slick-prev:focus:before,
.videoSlider .slick-next:hover:before,
.videoSlider .slick-next:focus:before {
    opacity: 1
}

.newsSlider .slick-prev.slick-disabled:before,
.newsSlider .slick-next.slick-disabled:before,
.videoSlider .slick-prev.slick-disabled:before,
.videoSlider .slick-next.slick-disabled:before {
    opacity: .25
}

.newsSlider .slick-prev:before,
.newsSlider .slick-next:before,
.videoSlider .slick-prev:before,
.videoSlider .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.newsSlider.slick-slider button.slick-prev,
.videoSlider.slick-slider button.slick-prev {
    right: 65px;
    left: unset;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}


.newsSlider .slick-prev:before,
.videoSlider .slick-prev:before,
.newsSlider .slick-next:before,
.videoSlider .slick-next:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: url(../../images/ra.png);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
}

.newsSlider .slick-prev:before,
.videoSlider .slick-prev:before {
    rotate: 180deg;
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.newsSlider .slick-next,
.videoSlider .slick-next {
    right: 20px !important;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}




[dir='rtl'] .slick-next:before {
    content: '←'
}


#mediaGrid-page .thumb-container,
#mediaGrid-page #photoGrid-SM .thumb-container {
    border-radius: 10px;
}

#mediaGrid-page #main-content {
    padding-block: 2.6rem;
}

#mediaGrid-page .widget-header__title {
    color: #480838;
}

#mediaGrid-page .newsSlider,
#mediaGrid-page .videoSlider,
.st-vd-thumb {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

#mediaGrid-page .newsSlider .newsGrid-thumb {
    transition: all 0.3s ease-in-out;
}

#mediaGrid-page .otherLinks,
.videoSlider .otherLinks,
.newsSlider .otherLinks {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#mediaGrid-page .newsGrid-thumb .thumb-image {
    height: 100%;
    object-fit: cover;
}

#mediaGrid-page .thumb-container {
    background: #22126B;
}

/* Premium Video Grid System */
.video-grid-premium {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    padding: 20px 0;
}

.video-card-premium {
    perspective: 1000px;
}

.video-card-inner {
    position: relative;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.video-card-premium:hover .video-card-inner {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.video-thumb-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    overflow: hidden;
    background: #000;
}

.video-thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.video-card-premium:hover .video-thumb-image {
    transform: scale(1.1);
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 60%, rgba(34, 18, 107, 0.4) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video-card-premium:hover .video-overlay {
    opacity: 1;
}

.play-button-premium {
    width: 60px;
    height: 60px;
    background: rgba(207, 51, 100, 0.9);
    /* ISCL Pink */
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 0 20px rgba(207, 51, 100, 0.5);
}

.play-button-premium svg {
    width: 30px;
    height: 30px;
    margin-left: 4px;
}

.video-card-premium:hover .play-button-premium {
    transform: scale(1);
}

.video-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #22126B;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

.video-info-premium {
    padding: 20px;
    flex-grow: 1;
}

.video-title-premium {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #22126B;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.video-card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

@media (max-width: 600px) {
    .video-grid-premium {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

#mediaGrid-page .thumb-caption {
    padding: 15px;
}

#mediaGrid-page .newsGrid-thumb .postDate,
#mediaGrid-page .videoGrid-thumb .postDate {
    position: absolute;
    bottom: 10px;
    color: #F2C01F;
}

#mediaGrid-page #photoGrid-SM {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    clear: both;
}

#mediaGrid-page #photoGrid-SM .thumb-caption {
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
    z-index: 1;
}

#mediaGrid-page #photoGrid-SM .thumb-caption .capTitle {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}

#mediaGrid-page #photoGrid-SM .postDate {
    color: #ffffff;
}

#mediaGrid-page #photoGrid-SM .thumb-container {
    margin-bottom: 10px;
}

#mediaGrid-page #photoGrid-SM .thumb-container::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, #2f002300 0%, #2f002378 45%, #241546 100%);
    height: 100px;
    z-index: 1;
}


/* Video Detail Page Premium (YouTube Style) */
.video-detail-page-premium {
    background: #fdfdfd;
    padding-top: 40px;
    padding-bottom: 60px;
}

.video-detail-layout {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.video-main-content {
    flex: 1;
    min-width: 0;
    /* Important for flex child with overflow */
}

.video-player-container-premium {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.video-player-wrapper {
    background: #000;
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
}

.iframe-container-premium,
.iframe-container-premium iframe,
.native-video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video-header-premium {
    padding: 25px;
    border-bottom: 1px solid #eee;
}

.video-meta-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.back-link-premium {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.back-link-premium:hover {
    color: #22126B;
}

.video-type-badge {
    background: #eef2ff;
    color: #22126B;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.video-title-main {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0F112C;
    line-height: 1.3;
    margin: 0;
}

.video-description-card {
    padding: 25px;
}

.video-description-content {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 12px;
}

.description-text {
    font-size: 1rem;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
}

.full-description {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
}

/* Sidebar Styling */
.video-sidebar-premium {
    width: 400px;
    flex-shrink: 0;
}

.sidebar-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.5rem;
    color: #22126B;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.sidebar-video-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sidebar-video-card {
    position: relative;
    display: flex;
    gap: 12px;
    padding: 10px;
    border-radius: 12px;
    transition: background 0.3s ease;
    cursor: pointer;
}

.sidebar-video-card:hover {
    background: #f0f0f0;
}

.sidebar-thumb {
    position: relative;
    width: 160px;
    height: 90px;
    /* 16:9 for sidebar too */
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
}

.sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.side-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar-video-card:hover .side-play-icon {
    opacity: 1;
}

.side-play-icon svg {
    width: 30px;
    height: 30px;
}

.sidebar-info {
    flex: 1;
}

.side-video-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #22126B;
    line-height: 1.3;
    margin: 0 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.side-video-type {
    font-size: 0.75rem;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
}

.sidebar-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

@media (max-width: 1200px) {
    .video-sidebar-premium {
        width: 100%;
    }

    .video-detail-layout {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .sidebar-video-card {
        flex-direction: column;
    }

    .sidebar-thumb {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }
}

.next-article-hidden {
    display: none;
}

.nextArticle img {
    transition: all 0.25s ease-in-out;
    margin-right: 20px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.nextArticle p {
    transition: all 0.25s ease-in-out;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin: 0;
    font: 600 18px/24px 'Roboto', Arial, sans-serif;
}

.nextArticle p i {
    transition: all 0.25s ease-in-out;
    font-style: normal;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #9b1b1e;
    opacity: 1 !important;
}

.nextArticle p span {
    transition: all 0.25s ease-in-out;
    opacity: 0.25;
}

.nextArticle:hover {
    background: #005bab;
    color: #000000;
}

.nextArticle:hover img {
    padding-left: 10px;
    margin-right: 10px;
}

.nextArticle:hover p,
.nextArticle:focus p {
    color: #131e25;
}

.nextArticle:hover p i,
.nextArticle:focus p i {
    color: #ffffff;
}

.nextArticle:hover p span,
.nextArticle:focus p span {
    color: #fff;
    opacity: 1;
}

.newArticle-header .langMenuTab {
    float: right;
    font-family: 'Roboto', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    color: #666;
}

.newArticle-header .langMenuTab span {
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.newArticle-header .langMenuTab span.active {
    color: #9b1b1e;
    font-weight: 500;
}

.newArticle-header .langMenuTab span:hover {
    color: #9b1b1e;
}

#colRight {
    text-align: center;
    display: none;
}

#colRight .newsGrid-thumb picture {
    height: 280px;
}

.loadMore-btn {
    border: 2px solid #005bab;
    padding: 5px 10px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.loadMore-btn:hover {
    background: #005bab;
    color: #ffffff;
    border: 2px solid #005bab;
}

#colRight h2 {
    text-transform: uppercase;
    font-size: 16px;
    color: #000000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 25px 0;
    font-weight: 700;
    font-family: Roboto;
}


/* PHOTO Section ============ */
.breadcrumbSM .marker {
    margin: 0;
    top: 8px;
}

.breadcrumbSM .marker::before {
    content: "";
    display: inline-block;
}

.breadcrumbSM .marker.markerPhoto::before {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/cam-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

#photo-inner .thumb-caption {
    background: transparent;
    height: auto;
}

#photo-inner .thumb-caption span.capTitle {
    margin: 0;
    font: 400 14px "Roboto", Arial, sans-serif;
    line-height: normal;
    text-transform: none;
    background: #fff;
    box-decoration-break: clone;
    padding: 2px 5px;
    line-height: 1.9;
    z-index: -1;
}

/* VIDEO Section ============ */
.marker.markerVideo::before {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/play-icon-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px;
    width: 8px;
    height: 12px;
    margin-right: 5px;
}

#video-wrapper {
    background: #ffffff;
    margin-bottom: 20px;
    color: #ffffff;
    clear: both;
    overflow: hidden;
}

#video-wrapper .breadcrumbSM {
    color: #ffffff;
    margin: 0;
}

#video-wrapper .breadcrumbSM .thumbDec span {
    color: #480838;
    margin: 0;
}

#video-wrapper .breadcrumbSM p {
    color: #480838;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    padding: 0 20px 0 10px;
    margin-block: 1.6rem;
    border-bottom: 2px solid #480838;
    width: 100%;
}

.video-container {
    background: rgba(0, 0, 0, 1);
    text-align: right;
    overflow: inherit;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    height: 100%;
    padding: 10px;
}

.video-container .video-stream {
    width: 100%;
    height: 400px;
}

.videoGrid-thumb .thumb-image {
    object-fit: cover;
}

/* Video Stream Section */
#videoGrid-SM .videoGrid-thumb {
    opacity: 0.5;
    transition: all 0.25s ease-in-out;
}

#videoGrid-SM .videoGrid-thumb.active,
#videoGrid-SM .videoGrid-thumb:hover,
#videoGrid-SM .videoGrid-thumb:focus {
    opacity: 1;
}

#videoGrid-SM .videoGrid-thumb.active .thumb-container:hover>ul.otherLinks,
#videoGrid-SM .videoGrid-thumb.active .thumb-container:focus>ul.otherLinks {
    opacity: 0;
    background: transparent;
    cursor: default;
}

#videoGrid-SM .videoGrid-thumb.active .thumb-container:hover>ul.otherLinks li a,
#videoGrid-SM .videoGrid-thumb.active .thumb-container:focus>ul.otherLinks li a {
    cursor: default;
}

.videoGrid-thumb .thumb-container {
    border-color: #d95053;
}

.photoGrid-thumb .thumb-container {
    border-color: #fdb813;
}

.st-md-card-wrappper .videoGrid-thumb .thumb-container {
    margin-bottom: 0;
}

/* slideUp ============ */
.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }

    50% {
        transform: translateY(-8%)
    }

    65% {
        transform: translateY(4%)
    }

    80% {
        transform: translateY(-4%)
    }

    95% {
        transform: translateY(2%)
    }

    100% {
        transform: translateY(0%)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%)
    }

    50% {
        -webkit-transform: translateY(-8%)
    }

    65% {
        -webkit-transform: translateY(4%)
    }

    80% {
        -webkit-transform: translateY(-4%)
    }

    95% {
        -webkit-transform: translateY(2%)
    }

    100% {
        -webkit-transform: translateY(0%)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}


.fadeinout {
    animation-name: fadeinout;
}

@keyframes fadeinout {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* STORY TAB STYLE ============ */
.storyContent {
    clear: both;
    display: block;
    overflow: hidden;
}

.storyTab {
    display: none;
}

#stMenu-1,
.Ptab #tab-1 {
    display: block;
}

.PtabContent {
    display: none;
    height: auto;
    margin-bottom: 0;
}

.uniform-grid {
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.uniform-grid .uniform-grid__section {
    display: flex;
}

#story-wrapper .container {
    width: 100%;
}

.story-content {
    display: block;
    overflow: hidden;
}


ul.storyMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    margin: 0 15px;
    font-family: Roboto;
}

ul.storyMenu li {
    border-top: 2px solid #153b73;
    border-bottom: 2px solid #153b73;
    border-right: 2px solid #153b73;
}

ul.storyMenu li:first-child {
    border-left: 2px solid #153b73;
}

ul.storyMenu li a {
    padding: 6px 12px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

ul.storyMenu li a i {
    font-style: normal;
    color: #777777;
}

ul.storyMenu li.current a,
ul.storyMenu li a:hover,
ul.storyMenu li a:focus {
    background: #153b73;
}

ul.storyMenu li.current a i,
ul.storyMenu li a:hover i,
ul.storyMenu li a:focus i {
    color: #ffffff;
}

.Ptab .PtabContent .readMore {
    position: absolute;
    top: 20px;
    right: 40px;
    border: 0;
    font-family: Roboto;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    color: #000000;
    background: transparent;
    padding: 0;
    text-transform: uppercase;
}

.Ptab .PtabContent .readMore:hover {
    color: #304098;
}

.newsSection h1.blockTitle span {
    color: #131313;
    display: block;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* = Pagination
----------------------------------------------------------------------------------------------- */
.pagination {
    margin: 20px 0 0;
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0
}

.pagination ul>li {
    display: inline-block;
    vertical-align: middle;
}

.pagination ul>li>a,
.pagination ul>li>span {
    line-height: 2.1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    text-decoration: none;
    color: #232323;
    border: 1px solid #999;
    transition: all 0.25s ease-in-out;
}

.pagination ul>li>a:hover,
.pagination ul>.active>a,
.pagination ul>.active>span {
    border: 1px solid #241546;
    background-color: #241546;
    color: #ffffff
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    color: #ffffff;
    cursor: default
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover {
    background-color: transparent;
    color: #999;
    cursor: default
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border: none;
    border-radius: 0 3px 3px 0;
    width: auto;
}

.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    border: none;
    border-radius: 0 3px 3px 0;
    width: auto;
}

.pagination ul>li:last-child>a:hover,
.pagination ul>li:last-child>span:hover,
.pagination ul>li:first-child>a:hover,
.pagination ul>li:first-child>span:hover {
    background: transparent;
    color: #005bab;
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pager {
    list-style: outside none none;
    margin: 20px 0;
    text-align: center
}

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

.pager::after {
    clear: both
}

.pager li {
    display: inline
}

.pager a,
.pager span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 14px
}

.pager a:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.pager .next a,
.pager .next span {
    float: right
}

.pager .previous a {
    float: left
}

.pager .disabled a,
.pager .disabled a:hover,
.pager .disabled span {
    background-color: #fff;
    color: #999;
    cursor: default
}

/******* News detail page updates *******/
#newsGrid-SM table,
#newsGrid-SM th,
#newsGrid-SM td {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

#newsGrid-SM th,
#newsGrid-SM td {
    padding: 5px;
}


/* = Media Query for all Browser
----------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .loadMore-btn {
        margin-bottom: 10px;
    }

    .story-content {
        padding: 0;
        margin-right: 0;
    }

    .tabDetails .readMore {
        margin-top: 10px;
    }

    .thumbnail {
        margin-bottom: 5px;
    }

    .blockTitle {
        padding: 0 10px;
    }

    .mainVideo {
        margin: 0 0 15px 0;
    }

    .mainVideo .thumbnail__image-container {
        height: 200px;
        width: 100%;
    }

    .mainVideo .thumbnail__caption {
        width: 100%;
        padding: 1rem;
    }

    .thumbnail__title {
        margin-bottom: 1rem;
    }

    .blockTitle {
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    .readMore {
        margin-bottom: 15px;
    }

    .thumbnail .thumbnail__caption {
        padding: 1rem;
    }

    #latestPhotoWrapper,
    #latestnewsWrapper {
        margin-top: 5px;
    }

    #latestPhotoWrapper figure,
    #latestnewsWrapper .thumbnail,
    table#points-table {
        padding: 0;
    }

    #latestVideoWrapper .thumbnail__image-container {
        height: 100%;
    }

    #latestPhotoWrapper .thumbnail__picture,
    #latestnewsWrapper .thumbnail__picture,
    #latestInfograpWrapper .thumbnail__picture {
        height: 120px;
    }

    #latestVideoWrapper .thumbnail__picture {
        height: 100%;
        display: block;
    }

    select.selectCategory-SM {
        margin-bottom: 10px;
    }

    input.SearchResults-SM {
        width: 100%;
    }

    .thumbnail,
    .thumbnail__image-container {
        padding-bottom: 0;
    }

    .newsSection h1.blockTitle span {
        margin: 0 15px;
    }

    #story-wrapper {
        margin-bottom: 5px;
    }

    .breadcrumbSM .thumbDec {
        width: 75%;
    }

    .breadcrumbSM .marker {
        right: 10px;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
    .story-content {
        padding: 0;
    }

    .thumbnail,
    .thumbnail__image-container {
        padding-bottom: 0;
    }
}

@media only screen and (max-width : 768px) {
    .page-header {
        padding: 5px 0;
    }

    .page-header .page-title {}

    #video-wrapper {
        background-image: linear-gradient(to top left, #284386 -90%, #284386);
    }

    .pagination {
        margin: 10px auto 10px;
        text-align: center;
    }

    .pagination ul {
        float: none;
    }

    .newArticle-header {
        margin-bottom: 15px;
    }

    .newArticle-header h2 {
        font: 300 24px/30px 'Roboto', Arial, sans-serif;
    }

    #video-wrapper {
        padding: 0 0 10px 0;
    }

    .video-container {
        margin-bottom: 10px;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .video-container .video-stream {
        height: auto;
    }

    #video-wrapper .breadcrumbSM {
        height: auto;
    }

    #video-wrapper .breadcrumbSM p {
        padding: 0;
        font-size: 20px;
        line-height: 26px;
        padding: 0 10px;
    }

    .mcSelectBox .selectSchedules {
        margin: 0;
    }

    .socialShare_widget {
        margin-bottom: 10px;
        display: block;
        overflow: hidden;
    }

    .thumb-caption .capTitle {
        font-size: 12px;
    }

    ul.storyMenu {
        padding: 0;
        margin: 0;
        justify-content: center;
    }

    .PtabContent {
        margin-top: 35px;
        overflow: hidden;
    }

    .Ptab .PtabContent .readMore {
        left: 0;
        right: 0;
        border: 0;
        font-weight: 500;
        top: 65px;
        margin: 0;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) {}

/* iPhone 6, 7, & 8 in portrait & landscape
============================================ */
/* iPhone 6 
======================================= */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .mob_hide {
        display: none !important;
    }
}

/* iPhone 6+
======================================= */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .mob_hide {
        display: none !important;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    select.selectCategory-SM {
        margin-bottom: 10px;
    }

    input.SearchResults-SM {
        width: 100%;
    }
}

@media only screen and (max-width: 1366px) {
    .thumb-caption .capTitle {
        font-size: 15px;
        line-height: 20px;
    }

    .thumb-caption {
        padding: 10px;
        height: auto;
    }

    .newsGrid-thumb .postDate {
        bottom: 10px;
    }

    .photoGrid-thumb picture,
    .videoGrid-thumb picture,
    .newsGrid-thumb picture {
        height: 200px;
    }
}

@media (max-width : 768px) {
    #mediaGrid-page .thumb-caption .capTitle {
        font-size: 12px;
        line-height: 16px;
    }

    #mediaGrid-page .photoGrid-thumb picture,
    #mediaGrid-page .videoGrid-thumb picture,
    #mediaGrid-page .newsGrid-thumb picture {
        height: 160px;
    }

    #mediaGrid-page .thumb-caption {
        height: auto;
    }

    #mediaGrid-page .thumb-container {
        margin-bottom: 10px;
    }
}

@media (max-width : 640px) {
    #mediaGrid-page .newsSlider {
        grid-template-columns: 1fr 1fr;
    }

    #mediaGrid-page #photoGrid-SM {
        grid-template-columns: 1fr 1fr;
    }

    #mediaGrid-page #main-content {
        padding-block: 1.5rem;
    }
}

@media (max-width : 480px) {

    #mediaGrid-page .newsSlider,
    #mediaGrid-page .videoSlider {
        grid-template-columns: 1fr;
    }

    #mediaGrid-page #photoGrid-SM {
        grid-template-columns: 1fr;
    }

    #mediaGrid-page .photoGrid-thumb picture {
        height: 200px;
    }
}

#mediaGrid-page {
    float: left;
    width: 100%;
    overflow: hidden;

}

/* Fix Footer Layout & White Line */
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

app-root {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

app-header,
app-home,
app-matches,
app-news,
app-teams,
app-video {
    display: block;
    width: 100%;
}

app-footer {
    display: block;
    width: 100%;
    margin-top: auto;
}

.st-copy {
    background: var(--sec-color-purple);
    padding-bottom: env(safe-area-inset-bottom);
    width: 100%;
    display: block;
    box-sizing: border-box;
}

/* Premium News Grid System */
.news-grid-premium {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
    padding: 20px 0;
}

.news-card-premium {
    perspective: 1000px;
}

.news-card-inner {
    position: relative;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-card-premium:hover .news-card-inner {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.news-thumb-container {
    position: relative;
    width: 100%;
    padding-top: 60%;
    /* Slightly taller than 16:9 for news */
    overflow: hidden;
    background: #f8fafc;
}

.news-thumb-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.news-card-premium:hover .news-thumb-container img {
    transform: scale(1.08);
}

.news-badge-premium {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #22126B;
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

.news-info-premium {
    padding: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.news-meta-premium {
    display: flex;
    gap: 15px;
    margin-bottom: 12px;
}

.news-date-premium {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 500;
}

.news-date-premium svg {
    color: #22126B;
}

.news-title-premium {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.4;
    color: #1e293b;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
    transition: color 0.3s;
}

.news-card-premium:hover .news-title-premium {
    color: #22126B;
}

.news-excerpt-premium {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-footer-premium {
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #f1f5f9;
}

.news-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #22126B;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: gap 0.3s;
}

.news-read-more:hover {
    gap: 12px;
    color: #1e1b4b;
}

@media (max-width: 768px) {
    .news-grid-premium {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .news-card-inner {
        flex-direction: column;
    }

    .news-thumb-container {
        padding-top: 55%;
    }
}

/* Premium Pagination Styles */
.pagination {
    display: flex;
    justify-content: center;
    margin: 40px 0;
    width: 100%;
}

.pagination ul {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.pagination ul li.active a {
    background: #22126B;
    color: #fff;
    border-color: #22126B;
    box-shadow: 0 4px 12px rgba(34, 18, 107, 0.25);
}

.pagination ul li a:hover:not(.active a) {
    border-color: #22126B;
    color: #22126B;
    background: #f8fafc;
    transform: translateY(-2px);
}

.pull-right {
    float: none !important;
    /* Center the pagination instead of floating right */
}

/* Premium Search Bar Styles */
.search-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.search-wrapper {
    position: relative;
    width: 100%;
    max-width: 320px;
    min-width: 200px;
}

.funnel-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
    z-index: 2;
    width: 16px;
    height: 16px;
}

.chevron-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #1e293b;
    pointer-events: none;
    z-index: 2;
    width: 14px;
    height: 14px;
}

.search-bar {
    width: 100% !important;
    padding: 10px 35px 10px 40px !important;
    border-radius: 50px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    font-size: 0.95rem !important;
    color: #1e293b !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    height: 42px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer;
    line-height: normal !important;
}

.search-bar:focus {
    outline: none !important;
    border-color: #22126B !important;
    box-shadow: 0 4px 12px rgba(34, 18, 107, 0.1) !important;
}

/* News Detail Page Premium Styles */
.news-detail-page-premium {
    padding-bottom: 60px;
    background: #f8fafc;
}

.news-detail-layout {
    display: flex;
    gap: 30px;
    padding: 30px 0;
}

.news-main-content {
    flex: 3;
    min-width: 0;
}

.news-sidebar-premium {
    flex: 1;
    max-width: 350px;
}

.news-article-premium {
    background: #fff;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.news-detail-header {
    margin-bottom: 30px;
}

.news-meta-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.back-link-premium {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #22126B;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    transition: transform 0.3s;
}

.back-link-premium:hover {
    transform: translateX(-5px);
}

.news-date-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f1f5f9;
    color: #64748b;
    padding: 6px 14px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 0.85rem;
}

.news-detail-title {
    font-size: 2.2rem;
    font-weight: 850;
    line-height: 1.2;
    color: #1e293b;
    margin: 0;
}

.news-featured-image-wrapper {
    margin-bottom: 35px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.news-featured-img {
    width: 100%;
    height: auto;
    display: block;
}

.news-article-content {
    font-family: 'Inter', sans-serif;
}

.news-excerpt-box {
    font-size: 1.25rem;
    line-height: 1.6;
    color: #475569;
    font-weight: 500;
    padding: 25px;
    background: #f8fafc;
    border-left: 4px solid #22126B;
    margin-bottom: 30px;
    border-radius: 0 8px 8px 0;
}

.news-body-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #334155;
}

.news-body-text div {
    margin-bottom: 15px;
}

/* Sidebar News List */
.sidebar-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 4px solid #22126B;
}

.sidebar-news-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sidebar-news-card {
    position: relative;
    display: flex;
    gap: 12px;
    background: #fff;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.sidebar-news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
}

.side-news-thumb {
    flex-shrink: 0;
    width: 80px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
}

.side-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.side-news-info {
    flex-grow: 1;
    min-width: 0;
}

.side-news-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
    margin: 0 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.side-news-date {
    font-size: 0.75rem;
    color: #94a3b8;
    font-weight: 500;
}

.sidebar-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.sidebar-footer {
    margin-top: 20px;
    text-align: center;
}

.view-all-btn {
    display: inline-block;
    padding: 10px 20px;
    background: #22126B;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.9rem;
    transition: background 0.3s;
}

.view-all-btn:hover {
    background: #1e1b4b;
}

@media (max-width: 992px) {
    .news-detail-layout {
        flex-direction: column;
    }

    .news-sidebar-premium {
        max-width: 100%;
    }

    .news-article-premium {
        padding: 25px;
    }

    .news-detail-title {
        font-size: 1.8rem;
    }

    /* Video Shorts Highlights Section */
    .video-highlights-premium {
        padding: 100px 0;
        background: var(--iscl-blue);
        position: relative;
        overflow: hidden;
        color: #fff;
    }

    .video-highlights-premium .section-title-premium {
        color: #fff !important;
    }

    .video-highlights-premium .section-title-premium::after {
        background: #fff;
    }

    .video-highlights-premium .section-subtitle {
        color: rgba(255, 255, 255, 0.7);
    }

    .badge-featured {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        display: inline-block;
        margin-bottom: 15px;
    }

    .video-3d-carousel {
        display: flex;
        gap: 20px;
        padding: 40px 0;
    }

    /* Slick adjustments for 3D look */
    .video-card-item {
        padding: 15px;
        transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
        opacity: 0.5;
        transform: scale(0.85);
        filter: blur(2px);
    }

    .video-card-item.slick-center {
        opacity: 1;
        transform: scale(1.1);
        z-index: 5;
        filter: blur(0);
    }

    /* YouTube Shorts Style Vertical Card */
    .video-card-inner {
        position: relative;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
        aspect-ratio: 16 / 9;
        display: flex;
        flex-direction: column;
    }

    .video-thumb-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .video-thumb-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    .video-card-item:hover .video-thumb-image {
        transform: scale(1.05);
    }

    .video-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 60%);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .video-card-item.slick-center .video-overlay {
        opacity: 1;
    }

    .play-button-premium {
        width: 60px;
        height: 60px;
        background: #FF0000;
        /* YouTube Red */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
        transform: scale(0.8);
        transition: transform 0.3s ease;
    }

    .video-card-item:hover .play-button-premium {
        transform: scale(1);
    }

    .video-badge {
        position: absolute;
        top: 15px;
        right: 15px;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(5px);
        color: #fff;
        padding: 4px 10px;
        border-radius: 8px;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .video-badge::before {
        content: '';
        width: 6px;
        height: 6px;
        background: #FF0000;
        border-radius: 50%;
        box-shadow: 0 0 5px #FF0000;
    }

    .video-info-premium {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 25px;
        z-index: 2;
    }

    .video-title-premium {
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.4;
        color: #fff;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .video-card-link {
        position: absolute;
        inset: 0;
        z-index: 3;
    }

    /* Carousel Buttons */
    .vid-prev-btn,
    .vid-next-btn {
        transition: all 0.3s ease;
    }

    .vid-prev-btn:hover,
    .vid-next-btn:hover {
        background: rgba(255, 255, 255, 0.3) !important;
        transform: translateY(-50%) scale(1.1) !important;
    }

    @media (max-width: 768px) {
        .video-card-item {
            padding: 5px;
            transform: scale(0.95);
        }

        .video-card-item.slick-center {
            transform: scale(1);
        }

        .video-title-premium {
            font-size: 0.95rem;
        }
    }