@import url(//fonts.googleapis.com/css?family=Roboto:300, 400, 500, 700, 900&display=swap&subset=latin, latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:300, 400, 500, 700, 900&subset=latin, latin-ext);

@charset "UTF-8";

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format("woff");
}
.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga";
}
/* fallback */
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2");
}
.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
@font-face {
    font-family: "Roboto";
    src: local(Roboto Thin), url("Roboto-Thin.6d65b184a6e7ec1168a8.woff2") format("woff2"), url("Roboto-Thin.d6bafa3f0914cd99f24d.woff") format("woff");
    font-weight: 100;
}
@font-face {
    font-family: "Roboto";
    src: local(Roboto Light), url("Roboto-Light.2779fd7b61b8c0881450.woff2") format("woff2"), url("Roboto-Light.921e9835e9ccca418d58.woff") format("woff");
    font-weight: 300;
}
@font-face {
    font-family: "Roboto";
    src: local(Roboto Regular), url("Roboto-Regular.8eecbdb33568c54ed0c5.woff2") format("woff2"), url("Roboto-Regular.373cdbfb31c85a6c6a68.woff") format("woff");
    font-weight: 400;
}
@font-face {
    font-family: "Roboto";
    src: local(Roboto Medium), url("Roboto-Medium.04fd4291fe3fcd9c35ef.woff2") format("woff2"), url("Roboto-Medium.4b7975525822804fc8f9.woff") format("woff");
    font-weight: 500;
}
@font-face {
    font-family: "Roboto";
    src: local(Roboto Bold), url("Roboto-Bold.2341c0db3906a1704c75.woff2") format("woff2"), url("Roboto-Bold.d9545f104095a12fde1d.woff") format("woff");
    font-weight: 700;
}
html {
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
    html {
        font-size: 14px;
    }
}
@media only screen and (min-width: 992px) {
    html {
        font-size: 14.5px;
    }
}
@media only screen and (min-width: 1200px) {
    html {
        font-size: 15px;
    }
}

body {
    min-width: 1024px;
}

body {
    background: #000;
}
body {
    text-rendering: optimizeLegibility;
    letter-spacing: -0.3px;
    -webkit-font-smoothing: antialiased;
}
* {
    -webkit-overflow-scrolling: touch;
}
:root {
    --sk-size: 40px;
}

body {
    background: url("assets/body.jpg") top left/cover no-repeat fixed !important;
    background-color: black;
}
body *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
body *::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
body *::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 5px none #fff;
    border-radius: 50px;
}
body *::-webkit-scrollbar-thumb:hover {
    background: #fff;
}
body *::-webkit-scrollbar-thumb:active {
    background: #000;
}
body *::-webkit-scrollbar-track {
    background: #666;
    border: 5px none #fff;
    border-radius: 50px;
}
body *::-webkit-scrollbar-track:hover {
    background: #666;
}
body *::-webkit-scrollbar-track:active {
    background: #343434;
}
body *::-webkit-scrollbar-corner {
    background: transparent;
}


.marquee-text-wrap {
    overflow: hidden;
}
.marquee-text-content {
    width: 100000px;
}
.marquee-text-text {
    -webkit-animation-name: marquee-text-animation;
    animation-name: marquee-text-animation;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    float: left;
}
.marquee-text-paused .marquee-text-text {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
@-webkit-keyframes marquee-text-animation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes marquee-text-animation {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.vue-slider-dot {
    position: absolute;
    -webkit-transition: all 0s;
    transition: all 0s;
    z-index: 5;
}
.vue-slider-dot:focus {
    outline: none;
}
.vue-slider-dot-tooltip {
    position: absolute;
    visibility: hidden;
}
.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,
.vue-slider-dot-tooltip-show {
    visibility: visible;
}
.vue-slider-dot-tooltip-top {
    top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}
.vue-slider-dot-tooltip-bottom {
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}
.vue-slider-dot-tooltip-left {
    left: -10px;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.vue-slider-dot-tooltip-right {
    right: -10px;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}
.vue-slider-marks {
    position: relative;
    width: 100%;
    height: 100%;
}
.vue-slider-mark {
    position: absolute;
    z-index: 1;
}
.vue-slider-ltr .vue-slider-mark,
.vue-slider-rtl .vue-slider-mark {
    width: 0;
    height: 100%;
    top: 50%;
}
.vue-slider-ltr .vue-slider-mark-step,
.vue-slider-rtl .vue-slider-mark-step {
    top: 0;
}
.vue-slider-ltr .vue-slider-mark-label,
.vue-slider-rtl .vue-slider-mark-label {
    top: 100%;
    margin-top: 10px;
}
.vue-slider-ltr .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.vue-slider-ltr .vue-slider-mark-step {
    left: 0;
}
.vue-slider-ltr .vue-slider-mark-label {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.vue-slider-rtl .vue-slider-mark {
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.vue-slider-rtl .vue-slider-mark-step {
    right: 0;
}
.vue-slider-rtl .vue-slider-mark-label {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.vue-slider-btt .vue-slider-mark,
.vue-slider-ttb .vue-slider-mark {
    width: 100%;
    height: 0;
    left: 50%;
}
.vue-slider-btt .vue-slider-mark-step,
.vue-slider-ttb .vue-slider-mark-step {
    left: 0;
}
.vue-slider-btt .vue-slider-mark-label,
.vue-slider-ttb .vue-slider-mark-label {
    left: 100%;
    margin-left: 10px;
}
.vue-slider-btt .vue-slider-mark {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.vue-slider-btt .vue-slider-mark-step {
    top: 0;
}
.vue-slider-btt .vue-slider-mark-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vue-slider-ttb .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.vue-slider-ttb .vue-slider-mark-step {
    bottom: 0;
}
.vue-slider-ttb .vue-slider-mark-label {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.vue-slider-mark-label,
.vue-slider-mark-step {
    position: absolute;
}
.vue-slider {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.vue-slider-rail {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height, left, right, top, bottom;
    transition-property: width, height, left, right, top, bottom;
}
.vue-slider-process {
    position: absolute;
    z-index: 1;
}
.panel_drawer .opened {
    right: 0 !important;
}
.splide__arrow--next {
    right: 5em;
}
.splide__arrow--prev {
    left: 5em;
}




/* for desktop

*** useful examples

    html[lang=en] {}                   // choose by languages
    body#trader-betofcourse {}         // select by trader name
    body.platform-pg {}                // choose pg platform
    body.platform-st {}                // choose st platform
    body.page-sports-main {}           // select by page
    
    a[href*="live-racing"] {}          // used to select elements whose attribute value contains a specified value.
    more examples                      // https://www.w3schools.com/css/css_attribute_selectors.asp

*/

body#trader-straikabet .hdr-cntr .hdr-other-btn a.invest-btn{display: none;}
body#trader-straikabet .hdr-cntr .login-menu .balance-dropdropdown .deposit{display: none;}
body#trader-straikabet .login-menu .user-name .info .deposit{display: none;}


body#trader-betsalone a[href*="casino"] {display:none!important;}
body#trader-betsalone a[href*="livecasino"] {display:none!important;}
body#trader-betsalone a[href*="games"] {display:none!important;}

body#trader-betsalone .helio-games {display:none!important;}

.dropdown-content {visibility:hidden;}
.dropdown-content.active {visibility:visible;}

.fa-twitter:before, .fa-twitter-square:before{content: "\e9001" !important;}

/* .team .team-area img.team-img{display: none;} */
/* .fixture-container .fixture-header .match.flex-item .team-name .item img, .fixture-container .fixture-body .match.flex-item .team-name .item img{display: none;} */

page-not-found .content a img{display: none!important;}
 
@font-face {
  font-family: 'sports-co';
  src: url('fonts/new-sports-court2.woff') format('woff'); 
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.sport-types-204,.sport-types-184,.sport-types-95{
  font-family: 'sports-co' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sport-types-95:before {
  content: "\e900";
}
.sport-types-184:before {
  content: "\e901";
}
.sport-types-204:before {
  content: "\e902";
}

#container-fluid.livebet-page .top-controler .live-tabs .btn i.icon-rotate,#container-fluid.livebet-page-detail .top-controler .live-tabs .btn i.icon-rotate,#container-fluid.livebet-calendar .top-controler .live-tabs .btn i.icon-rotate {
     font-family: 'Material Icons' !important;
}

.liveOverview-modul .liveOverview-container .live-fixture-container .match-name .team .team-area{display:flex;}
.liveOverview-modul .liveOverview-container .live-fixture-container .match-name .team .team-area .team-img{width: 24px;height: 24px;}

.csn-crd .crd-img .inf .popular {position:initial!important;display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


/* START FIX FOR https://platformsupport.atlassian.net/browse/SOS-21942 */
.main-today-events .owl-carousel .events .href-item{
  position: static!important;
}

.main-today-events .owl-carousel .events .href-item .type small{
  top: 2px !important;
  right: 8px !important;
}
/* END FIX FOR https://platformsupport.atlassian.net/browse/SOS-21942 */






                                                .owl-carousel {
                                                    display: none;
                                                }
                                                .owl-carousel .item {
                                                    padding: 20px 0;
                                                }
                                                .owl-carousel .item .box-v3 {
                                                    text-align: center;
                                                    padding: 0 30px;
                                                }
                                                .owl-carousel .item .box-v3 p {
                                                    font-family: Palanquin, Arial, Helvetica, sans-serif;
                                                    font-weight: 400;
                                                    font-size: 16px;
                                                    height: 36px;
                                                    line-height: 22px;
                                                    color: #fff;
                                                    margin-bottom: 10px;
                                                }
                                                .owl-carousel .item .box-v3 p span {
                                                    margin: 0 10px;
                                                    color: #e77514;
                                                }
                                                .owl-carousel .item .box-v3 ul {
                                                    display: inline-flex;
                                                    align-items: center;
                                                    justify-content: center;
                                                    margin-bottom: 16px;
                                                }
                                                .owl-carousel .item .box-v3 ul li {
                                                    width: 70px;
                                                    height: 26px;
                                                    font-family: BebasNeueBold, Arial, Helvetica, sans-serif;
                                                    font-size: 18px;
                                                    line-height: 28px;
                                                    color: #e77514;
                                                    border: 1px solid #e77514;
                                                    border-radius: 2px;
                                                    margin: 0 5px;
                                                    list-style-type: none;
                                                }
                                                .owl-carousel .item .box-v3 ul li:nth-child(2) {
                                                    border-color: #fff;
                                                    color: #fff;
                                                }
                                                .owl-carousel .item .box-v3 .date {
                                                    display: flex;
                                                    align-items: center;
                                                    justify-content: space-between;
                                                }
                                                .owl-carousel .item .box-v3 .date span {
                                                    display: block;
                                                    font-family: BebasNeueRegular, Arial, Helvetica, sans-serif;
                                                    font-size: 16px;
                                                    line-height: 22px;
                                                    color: #fff;
                                                }
                                                .owl-carousel .owl-nav {
                                                    margin-top: 0 !important;
                                                }
                                                .owl-carousel .owl-nav button {
                                                    color: inherit;
                                                    border: none;
                                                    padding: 0 !important;
                                                    font: inherit;
                                                }
                                                .owl-carousel .owl-nav [class*="owl-"]:hover {
                                                    background: none !important;
                                                }
                                                .owl-carousel .owl-nav > * span {
                                                    position: absolute;
                                                    top: 50%;
                                                    left: 50%;
                                                    width: 10px;
                                                    height: 18px;
                                                    background: url(casino/sprite.png) center no-repeat;
                                                    transform: translate(-50%, -50%);
                                                }
                                                .owl-carousel .owl-nav > .owl-prev {
                                                    left: -52px;
                                                    top: 40% !important;
                                                }
                                                .owl-carousel .owl-nav > .owl-prev span {
                                                    background-position: -15px -62px;
                                                }
                                                .owl-carousel .owl-nav > .owl-next {
                                                    right: -52px;
                                                    top: 40% !important;
                                                }
                                                .owl-carousel .owl-nav > .owl-next span {
                                                    background-position: -53px -62px;
                                                }
                                                .owl-carousel .owl-item.center {
                                                    border-width: 2px 1px 0;
                                                    border-style: solid;
                                                    border-color: #444c59;
                                                }
                                                .owl-nav {
                                                    position: absolute;
                                                    top: 0;
                                                    width: 100%;
                                                    height: 100%;
                                                    pointer-events: none;
                                                }
                                                .owl-nav button {
                                                    position: absolute;
                                                    top: 50%;
                                                    transform: translateY(-50%);
                                                    color: #fff !important;
                                                    width: 40px;
                                                    height: 40px;
                                                    line-height: 40px;
                                                    pointer-events: all;
                                                }
                                                .owl-nav button:hover {
                                                    background-color: rgba(255, 255, 255, 0.3) !important;
                                                }
                                                .owl-nav .owl-prev {
                                                    left: 30px;
                                                }
                                                .owl-nav .owl-next {
                                                    right: 30px;
                                                }
                                                .owl-carousel.owl-drag .owl-item {
                                                    border: none;
                                                    background-color: rgba(00, 00, 00, 0.4);
                                                }
                                                .owl-nav {
                                                    display: block !important;
                                                }