/************************************
              Global 
************************************/



html, body{
    padding: 0;
    margin: 0;
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Open Sans', 'Arial', sans-serif
}
app-widget-host {
    display: flex;
    flex-direction: column
}
body a{
    color: var(--c-emphasis);
}
ul{
    margin: 0;
    padding: 0;
    list-style: none
}
body .content-loader{
    width: 100%;
    height: 100%;
}
body .content-loader:before {
    background-color: var(--c-background);
    background-repeat: no-repeat;
    background-position: 50% 45%;
    background-size: 260px auto;
    /* background-image: url(/v1.01/r/images/site/Betomall_Transp.png); */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body .content-loader:after, body .content-loader:not(:required):after {
    content: " ";
    font-size: unset;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    top: calc(50% + 45px);
    right: calc(50% - 22px);
    border: 4px solid var(--c-white-e);
    border-color: var(--c-white-e) transparent var(--c-white-e) transparent;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    box-shadow: unset;
}
.m-loader{
    background-color: var(--c-black-e);
    position: relative;
}


/* Main Grid */

.site{
    width: 100%;
    height: 100%;
    display: flex;
    background-color: var(--c-background)
}
.body{
    width: 100%;  
    display: flex;
    margin-top: 30px;
    min-height: calc(100vh - 169px)
}
.left-sidebar{
    width: 250px;
    min-width: 250px;
    padding-left: 20px;
    height: calc(100vh - 169px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px
}
.right-sidebar{
    width: 420px;
    min-width: 420px;
    padding-right: 20px;
    height: calc(100vh - 169px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px
}
.main-content{
    width: 100%;
    max-width: calc(100% - 710px);
    margin: 0 20px;
    position: relative;
    height: calc(100vh - 169px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px
}
.main-content.no-left-sidebar{
    max-width: calc(100% - 460px)
}
.main-content.no-right-sidebar{
    max-width: calc(100% - 290px)
}
.main-content.no-left-sidebar.no-right-sidebar{
    max-width: 100%
}
/*
::-webkit-scrollbar {
    height: 8px;
    width: 8px
}
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: var(--c-emphasis);
    border: 1px solid var(--c-emphasis)
}
::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: var(--c-primary)
}
*/
.desktop ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: var(--c-shade-b);
}
.desktop ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--c-tint-b);    
}
#root .desktop .body .left-sidebar:hover::-webkit-scrollbar-thumb,
#root .desktop .body .right-sidebar:hover::-webkit-scrollbar-thumb,
#root .desktop .body .main-content:hover::-webkit-scrollbar-thumb,
#root .desktop .coupon-carousel .carousel-scrollable app-widget-host:hover::-webkit-scrollbar-thumb{
        background-color: var(--c-emphasis)
}
#root .desktop .body .left-sidebar,
#root .desktop .body .right-sidebar,
#root .desktop .body .main-content{
    scrollbar-width: thin;
    scrollbar-color: var(--c-primary) var(--c-tint-b) 
}
#root .desktop .body .left-sidebar:hover,
#root .desktop .body .right-sidebar:hover,
#root .desktop .body .main-content:hover{
    scrollbar-color: var(--c-emphasis) var(--c-tint)
}
#root .desktop .live-match-page .body .left-sidebar:hover,
#root .desktop .live-match-page .body .right-sidebar:hover,
#root .desktop .live-match-page .body .content:hover,
#root .desktop .live-page .body .left-sidebar:hover,
#root .desktop .live-page .body .right-sidebar:hover,
#root .desktop .live-page .body .main-content:hover{
    scrollbar-color: var(--c-emphasis) var(--c-primary-c)
}
.d-loader{
    margin: 70px 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pt-20{
    padding-top: 20px
}
app-widget-host > span {
    display: none
}
#root .el,
#root .en{
    display: none
}
#root .lang-en .en,
#root .lang-el .el{
    display: block
}
.betslip-match-code{
    display: none
}
/************************************
          Sport Coupons
************************************/

.main-content .section-title{
    font-size: 18px;
    text-align: center;
    color: var(--c-white);
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 10px
}
.main-coupon-v1{
    display: block;
    color: var(--c-black-e);
}
.main-coupon-v1 .events-sport-content{
    position: relative
}
.main-coupon-v1 .by-date-header-wrapper{
    position: absolute;
    top: 0;
    padding-left: 370px;
    padding-right: 10px;
    width: 100%
}
.main-coupon-v1 app-market-headings-container{
    flex: 1;
    padding-right: 10px
}
.main-coupon-v1 .markets-header-wrapper{
    padding: 0
}
.main-coupon-v1 .markets-header-wrapper .market-type-selection{
    margin-left: 0;
    text-align: center;
    width: 49px;
    height: 36px;
    margin-right: 3px
}
.main-coupon-v1 .markets-header-wrapper .market-type-selection.mt-special{
    width: 49px
}
.main-coupon-v1 .tournament-header-wrapper{
    display: flex;
    padding: 10px 0
}
.main-coupon-v1 .events-sport-wrapper .events-sport-header .sport-icon,
.main-coupon-v1 .events-sport-wrapper .events-sport-header .events-sport-name-wrapper,
.main-coupon-v1 .by-date-header-wrapper .event-date-break-wrapper-new,
.main-coupon-v1 .events-item-wrapper .match-schedule .match-progress,
.main-coupon-v1 .events-item-wrapper .match-schedule .match-total-markets,
.main-coupon-v1 .item-info-wrapper .match-info .match-type{
    display: none
}
.sports-page .main-coupon-v1 .events-sport-wrapper .events-sport-header{
    display: none
}
.market-drop-down-heading select{
    background-color: var(--c-tint);
    color: var(--c-black-e);
    border-radius: var(--r-md);
    min-height: 35px;
    padding-left: 5px;
    padding-top: 5px
}
.market-drop-down-heading select option{
    background-color: var(--c-primary)
}
.events-sport-header .market-drop-down-heading{
    text-align: center;
    color: var(--c-primary-c);
    margin-left: 14px
}
.market-drop-down-heading.opt-3 {
    width: 156px
}

.main-coupon-v1 .item-info-wrapper{
    min-width: 277px;
    width: 100%;
    padding: 5px 20px 0 0;
    margin: 5px 0
}
.sports-page .main-coupon-v1 .market-code-3100091.item-info-wrapper,
.sports-page .main-coupon-v1 .market-code-3100003.item-info-wrapper,
.sports-page .main-coupon-v1 .market-code-3100170 .item-info-wrapper,
.sports-page .main-coupon-v1 .market-code-3107809 .item-info-wrapper{
    flex: 0 0 60%;
}
.main-coupon-v1 .events-item-wrapper{
    display: flex;
    position: relative;
    background: var(--c-shade);
    margin-bottom: 10px;
    padding: 0 10px;
    min-height: 65px;
    border-radius: var(--r-md);
    cursor: pointer;
    align-items: center;
    border: 1px solid var(--c-shade);
}
.desktop .main-coupon-v1 .events-item-wrapper:hover{
    background-color: var(--c-primary-d)
}
/*.main-coupon-v1 .events-item-wrapper:last-child{
    margin-bottom: 0
}
*/
.main-coupon-v1 .events-category-tournament-names,
.main-coupon-v1 .item-info-wrapper .match-info,
.main-coupon-v1 .match-market-wrapper{
    display: flex    
}
.sports-page .main-coupon-v1 .market-code-3100091 .match-market-wrapper,
.sports-page .main-coupon-v1 .market-code-3112509 .match-market-wrapper,
.sports-page .main-coupon-v1 .market-columns-long .match-market-wrapper{
    flex-wrap: wrap;
    flex: 1;
    flex-grow: initial;
    position: relative;
    padding-top: 12px;
    margin: 4px 0
}
.sports-page .market-columns-long  .markets-placeholder-wrapper{
    display: flex;
    flex-direction: column;
}
.main-coupon-v1 .item-info-wrapper .match-info{
    flex: 1;
   
}
.main-coupon-v1 .match-info .match-schedule{
    display: flex;
    flex-wrap: wrap;
    margin-right: 5px;
    height: 16px;
    width: auto;
    min-width: 80px;
    align-items: center
}
.main-coupon-v1 .match-info .match-schedule .match-date{
    margin-right: 5px;
    font-size: 11px
}
.main-coupon-v1 .match-info .match-schedule .match-time{
    font-size: 11px;
    padding-left: 1px   
}
.main-coupon-v1 .match-info .match-schedule .match-code{
    /* display: none; */
}
.desktop .main-coupon-v1 .match-info .match-schedule .match-code {
    margin-left:4px;
    font-size:11px;
    /* position: absolute; */
}
.main-coupon-v1 .match-info .match-schedule .match-code:before,
.bet-match-code:before{
    content: "#"
}
.main-coupon-v1 .match-info .match-teams {
    white-space: nowrap;
    overflow: hidden;
}
.main-coupon-v1 .match-info .match-teams .match-home-team{
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis
}
.main-coupon-v1 .tournament-header-wrapper .events-category-flag.default-sport.soccer{
    /*  background-image: url(/v1.01/r/images/tipster/icons/football-icon.svg); */
    height: 15px;
    width: 15px;
    background-size: contain;
    background-repeat: no-repeat
}
.main-coupon-v1 .events-category-tournament-names{
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap
}
.main-coupon-v1 .events-category-tournament-names .events-category-name{
    padding: 0 10px;
    font-weight: bold
}
.main-coupon-v1 .events-category-tournament-names .events-tournament-name{
    color: var(--c-black);
    text-overflow: ellipsis;
    overflow: hidden
}
.main-coupon-v1 .events-category-tournament-names .events-tournament-name::before{
    content: "("
}
.main-coupon-v1 .events-category-tournament-names .events-tournament-name:after{
    content: ")"
}
.main-coupon-v1 .match-markets-wrapper{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 10px 0;
    flex: 0
}
.sports-page .main-coupon-v1 .market-code-3100091 + .match-markets-wrapper,
.sports-page .main-coupon-v1 .market-code-3100003 + .match-markets-wrapper,
.sports-page .main-coupon-v1 .market-code-3100170 + .match-markets-wrapper,
.sports-page .main-coupon-v1 .market-code-3107809 + .match-markets-wrapper{
    flex-wrap: wrap;
    flex: 0 0 40%
}
.main-coupon-v1 .match-markets-wrapper .match-market,
.main-coupon-v1 .markets-header-wrapper .market-header{
    margin-left: 12px
}
.sports-page .main-coupon-v1 .market-header.market-columns-long {
    display: none
}
.main-coupon-v1 .match-markets-wrapper .match-market:first-child,
.main-coupon-v1 .markets-header-wrapper .market-header:first-child{
    margin-left: 0
}
.main-coupon-v1 .match-markets-wrapper .market-columns-long .match-odd{
    line-height: 16px
}
body .sports-page .sports-coupon.large .market-columns-long .mobile-outcome{
    display: block;
    color: var(--c-emphasis);
    font-size: 10px;
    font-weight: normal;
}
#root .desktop .body .sports-coupon .market-columns-long  .match-odd:hover .mobile-outcome{
    color: var(--c-black-e)
}
body .sports-page .main-coupon-v1 .sports-coupon.small .match-markets-wrapper .market-columns-long .match-odd{
    flex: 0 0 auto
}


/*.desktop*/ .main-coupon-v1 .match-markets-wrapper .match-odd{
                 padding: 0;
                 border: 0;
                 color: var(--c-primary-c);
                 background-color: var(--c-background);
                 display: block;
                 font-size: 14px;
                 line-height: 40px;
                 text-align: center;
                 width: 49px;
                 height: 41px;
                 margin-right: 3px;
                 cursor: pointer;
                 overflow: hidden;
                 border: 1px solid var(--c-shade);
                 font-weight: bold
             }
.sports-page .main-coupon-v1 .match-markets-wrapper .market-columns-long .match-odd{
    margin-bottom: 3px
}
/*.desktop*/
/* 
.main-coupon-v1 .match-markets-wrapper .match-odd:first-child{
                 border-top-left-radius: 6px;
                 border-bottom-left-radius: 6px
             }
             */
/*.desktop*/ 
/*
.main-coupon-v1 .match-markets-wrapper .match-odd:last-child{
                 border-top-right-radius: 6px;
                 border-bottom-right-radius: 6px
             }
             */
             .main-coupon-v1 .match-markets-wrapper .match-odd{
                 border-radius: 8px
             }
/*.main-coupon-v1 .match-markets-wrapper .match-odd.odd-locked span{
    display: block;
}*/
/*.desktop*/ .main-coupon-v1 .match-markets-wrapper .match-odd .odds-selection-default{
                 display: flex;
                 justify-content: center;
                 padding: 2px;
                 width: 100%;
                 height: 100%;
                 align-items: center
             }
/*.desktop*/ body#root .main-coupon-v1 .match-markets-wrapper .match-odd .odds-selection-default.odds-bet-slip-selected{
                 background-color: var(--c-emphasis);
                 color: var(--c-white-e);
                 font-weight: bold
             }
body#root .main-coupon-v1 .match-markets-wrapper .match-odd .odds-selection-default.odds-bet-slip-selected .odd{
    color: var(--c-white-e);
}
/*.desktop*/ .main-coupon-v1 .match-markets-wrapper .match-odd.odd-locked .odds-selection-default.odds-bet-slip-selected{
                 background-color: transparent;
             }
.odds-selection-down-after,
.odds-selection-up-after{
    display: none
}
/*.desktop*/ 
.desktop .main-coupon-v1 .match-markets-wrapper .match-odd:hover{
    background-color: var(--c-emphasis)
}
.main-coupon-v1 .match-markets-wrapper .match-odd .odd:hover{
                 color: var(--c-white-e);
             }
.main-coupon-v1 .match-markets-wrapper .market-special,
    /*.desktop*/ .main-coupon-v1 .match-markets-wrapper .match-odd.market-special{
    line-height: 40px;
    color: var(--c-emphasis);
    display: block;
    text-align: right;
    font-weight: bold;
    width: 49px;
    height: 41px;
    margin-right: 3px;
    padding-right: 2px;
    background: transparent;
    text-align: center
}
.main-coupon-v1 .events-item-wrapper:hover .match-markets-wrapper .market-special,
.main-coupon-v1 .events-item-wrapper:hover .match-markets-wrapper .match-odd.market-special{
    color: var(--c-white-e)
}


/*.desktop*/ .match-markets-wrapper .match-odd.odd-locked{
                 background: url(/v1.01/r/images/bestbet/icons/odd-locked-white.svg) center center no-repeat;
                 background-color: var(--c-shade);
                 border: 0
             }
.match-page .match-markets-wrapper .match-odd.odd-locked,
.live-match-page .match-markets-wrapper .match-odd.odd-locked{
    border: 2px solid var(--c-primary);
    border-bottom: 0;
    border-right: 0
}
/*.desktop*/ .main-coupon-v1 .match-links{
                 display: flex;
                 align-items: flex-end;
                 position: absolute;
                 height: 16px;
                 left: 10px;
                 bottom: 11px
             }
             .desktop .main-coupon-v1 .match-links{
                 bottom: calc(50% - 20px)
             }

.main-coupon-v1 .match-links .match-statistics{
    height: 16px;
    width: 16px;
    margin-left: 8px;
}
.main-coupon-v1 .match-more-markets{
    color: var(--c-emphasis);
    height: auto;
    line-height: 14px;
    width: 32px;
    font-size: 12px
}
.main-coupon-v1 .events-tournament-header{
    background-color: transparent;
    height: auto;
   /* width: 370px; */
    padding: 0;
    white-space: nowrap;
    overflow: hidden
}
.events-no-matches{
    color: var(--c-primary-c)
}
.main-coupon-v1 .events-no-matches{
    text-align: center;
    padding: 30px 0;
    font-size: 20px
}
.match-favorite{
    height: 14px;
    width: 14px;
    opacity: 1;
    background-size:18px;
}

body .desktop .sports-coupon.small .match-markets-wrapper .match-market .match-odd .mobile-outcome{
    display: block;
    color: var(--c-primary-c)
}
body .desktop .sports-coupon.small .match-markets-wrapper .match-market .match-odd .odds-bet-slip-selected .mobile-outcome{
    color: var(--c-primary)
}

/* Market Switch List */

.sports-page .market-switch-list-wrapper .ml-events-tournament-name-wrapper{
    display: flex;
    padding: 10px 0;
    align-items: center
}
.sports-page .market-switch-list-wrapper .ml-events-tournament-name-wrapper .ml-events-category-tournament-names{
    display: flex;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%
}
.sports-page .market-switch-list-wrapper .ml-events-tournament-name-wrapper .ml-events-category-tournament-names .ml-events-tournament-name{
    color: var(--c-white)
}
.desktop .sports-page .market-switch-list-wrapper .ml-toggle{
    display: flex;
    margin-left: auto;
    cursor: pointer;
    font-size: 0
}
.desktop  .sports-page .market-switch-list-wrapper .ml-toggle:before{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    background-color: var(--c-primary);
}
.desktop  .sports-page .market-switch-list-wrapper .ml-toggle.ml-toggle-close:before{
    content: "-";
}
.desktop  .sports-page .market-switch-list-wrapper .ml-toggle.ml-toggle-expand:before{
    content: "+";
}
.sports-page .ml-events-tournament-name-wrapper .ml-events-category-name{
    padding: 0 1rem
}
.sports-page .sports-coupon app-markets-switch-list ul{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in;
    -moz-transition: max-height .5s ease-in;
    -o-transition: max-height .5s ease-in;
    transition: max-height .5s ease-in;
    max-height: 160px;
    margin-bottom: 20px   
}
body .sports-page .sports-coupon app-markets-switch-list.msl-closed ul{
     max-height: 40px;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out
}
.sports-page .sports-coupon app-markets-switch-list ul li{
    flex: 0 0 10%;
    cursor: pointer;
    padding: 10px;
    background-color: var(--c-primary-b);
    border-left: 2px solid var(--c-background);
    border-top: 2px solid var(--c-background);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    color: var(--c-white-e)
}
body .sports-page .sports-coupon app-markets-switch-list.msl-closed ul li:not(.ms-main){
    display: none
}
.sports-page .sports-coupon app-markets-switch-list.msl-closed ul li.ms-other{
    display: none
}
.sports-page .sports-coupon app-markets-switch-list ul li.selected{
    color: var(--c-background);
    font-weight: bold;
    background-color: var(--c-emphasis)
}
.desktop .sports-page .sports-coupon app-markets-switch-list ul li:hover{
    background-color: var(--c-primary)
}
.sports-page .sports-coupon .match-live-tracker{
    display: none
}
.desktop .sports-page .home-highlights-block:not(.custom-coupon) .sports-coupon.medium app-markets-switch-list ul li,
.desktop .sports-page .home-highlights-block:not(.custom-coupon) .sports-coupon.small app-markets-switch-list ul li{
    flex: 0 0 25%
}
.market-headings-special-groups{
    display: flex;
    justify-content: flex-end;
    padding-right: 10px
}
.sports-page .market-drop-down-heading{
    text-align: center;
    margin-left: 0;
}
.sports-page .market-headings-special-groups  .market-drop-down-heading{
    margin-left: 12px
}

/* Inline Sports Filter */

.home-today{
    margin: 60px 0
}
.sports-filter{
    display: flex;
    background-color: transparent
}
.sports-filter > li{
    position: relative;
    flex-direction: column;
    min-width: 90px;
    height: 65px;
    margin-right: 4px;
    margin-bottom: 5px;
    /* padding: 8px 4px; */
    background: transparent;
    border: 1px solid var(--c-shade);
    border-radius: var(--r-sm)
}
.sports-filter > li.selected{
    background: var(--c-primary-d);
}
.desktop .sports-filter > li:hover{
    background: var(--c-primary-d);
    filter: brightness(0.8)
}
.desktop .sports-filter > li.selected:hover{
    background: var(--c-primary-d)
}
.sports-filter > li > span{
    max-width: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--c-black);
}
.sports-filter .matches-counter{
    position: absolute;
    right: 19px;
    top: 4px
}
.sports-filter .icon-sport{
    height: 28px;
    margin: 4px;
    width: 28px;
    background-size:28px;
    background-repeat:no-repeat;
    background-position:center;
}


/* Show Less, Show More buttons */

.desktop .main-coupon-v1.highlights-block .events-sport-wrapper .events-sport-content:nth-child(n+3),
.desktop .main-coupon-v1.today-block .events-sport-wrapper .events-sport-content:nth-child(n+4){
    display: none
}
.show-highlights .main-coupon-v1.highlights-block .events-sport-wrapper .events-sport-content:nth-child(n+3),
.show-today .main-coupon-v1.today-block .events-sport-wrapper .events-sport-content:nth-child(n+4){
    display: block
}
.show-hide-buttons{
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    height: 19px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: normal;
    color: var(--c-emphasis)
}
.home-highlights .show-hide-buttons .show-less,
.show-highlights .home-highlights .show-hide-buttons .show-more,
.home-today .show-hide-buttons .show-less,
.show-today .home-today .show-hide-buttons .show-more{
    display: none
}
.show-highlights .home-highlights .show-hide-buttons .show-less,
.show-today .home-today .show-hide-buttons .show-less{
    display: block
}
.homepage .main-coupon-v1 .pagination-spinner{
    display: none
}

/* Home featured Game & Carousel */


.lang-en .banner carousel .el,
.lang-el .banner carousel .en{
    display: none
}

    .desktop .banner.carousel .slideshow-container {
        height: calc(calc(100vw - 710px) / 4.46) !important;
    }


.desktop .banner.carousel .slideshow-container a{
    background-size: contain!important
}



.match-carousel .events-break-wrapper::-webkit-scrollbar{    
    display: none
}
.coupon-carousel{
    position: relative   
}
.coupon-carousel .events-break-wrapper {
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
#root .coupon-carousel button {
    position: absolute;
    height: 150px;
    width: 50px;
    left: 0px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, var(--c-primary), transparent 125%);
    transition: opacity 0.1s ease-in;
    z-index: 10;
    border: unset
}
#root .coupon-carousel button.next {
    right: 0;
    left: unset;
    background: linear-gradient(to left, var(--c-primary), transparent 125%)
}
#root .coupon-carousel button:hover{
    background: linear-gradient(to right, var(--c-primary-d), var(--c-primary) 57%)
}
#root .coupon-carousel button.next:hover{
    background: linear-gradient(to left, var(--c-primary-d), var(--c-primary) 57%)
}
.coupon-carousel button.previous .icon {
    width: 24px;
    height: 24px;
    background-image: url(/v1.01/r/images/site/icons/Arrow_Down.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
}
.coupon-carousel button.next .icon {
    width: 24px;
    height: 24px;
    background-image: url(/v1.01/r/images/site/icons/Arrow_Down.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
}


/*
.home-featured-game{
    background: url(/v1.01/r/images/primebet/featured-match-bg-sunny.jpg);
    background-position: center center;
    background-size: cover;
    height: 295px;
    padding: 0 20px;
    margin-bottom: 20px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: var(--r-lg)
}
.home-featured-game .events-sport-wrapper .events-sport-header,
.home-featured-game .events-tournament-header .events-category-flag,
.home-featured-game app-market-headings-container,
.home-featured-game .match-code,
.home-featured-game .match-total-markets,
.home-featured-game .match-type,
.home-featured-game .match-links,
.home-featured-game .match-market:not(.market-0){
    display: none
}
.main-coupon-v1 .match-code{    
    display: none
}
.home-featured-game .events-tournament-header{
    background-color: transparent;
    height: auto
}
.home-featured-game .events-category-tournament-names{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 0 10px;
    font-size: 20px;
    line-height: 24px;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, .6);
    text-transform: uppercase
}
.home-featured-game .events-category-tournament-names .events-tournament-name{
    color: var(--c-emphasis)
}
.home-featured-game .match-schedule{
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 16px
}
.home-featured-game .match-schedule .match-time{
    font-size: 16px;
    margin-left: 10px
}
.home-featured-game .match-teams{
    display: flex;
    flex-direction: row;
    font-size: 18px;
    padding: 50px 0;
    line-height: 22px
}
.home-featured-game .match-teams .match-home-team{
    flex: 0 1 45%;
    text-align: right;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.home-featured-game .match-teams .match-away-team{
    flex: 0 1 45%;
    text-align: left;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.home-featured-game .match-teams .match-team-separator{
    display: flex;
    flex: 0 0 10%;
    justify-content: center;
    color: var(--c-emphasis)
}
.home-featured-game .match-market.market-0,
.home-featured-game .match-market-wrapper{
    width: 100%;
    display: flex;
    justify-content: center
}
.home-featured-game .match-market-wrapper .match-odd{
    display: flex;
    justify-content: center;
    padding: 0;
    border: 0;
    color: var(--c-primary-c);
    background-color: var(--c-primary);
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    width: 70px;
    height: 50px;
    margin-right: 3px;
    cursor: pointer;
    overflow: hidden;
    text-shadow: none
}
.home-featured-game .match-market-wrapper .match-odd:first-child{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}
.home-featured-game .match-market-wrapper .match-odd:last-child{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}
.home-featured-game .match-market-wrapper .match-odd:hover{
    filter: brightness(0.8)
}
.home-featured-game .match-market-wrapper .match-odd .odds-selection-default{
    width: 100%;
    text-align: center;
    padding: 0 10px
}
.home-featured-game .match-market-wrapper .match-odd .odds-selection-default.odds-bet-slip-selected {
    background-color: var(--c-emphasis);
    color: var(--c-primary);
    text-align: center;
    text-shadow: none
}
*/


/************************************
           Sport Page
************************************/

ul.sport-breadcrumbs,
ul.match-breadcrumbs{
    display: flex;
    font-size: 18px;
    margin-bottom: 15px;

}
ul.sport-breadcrumbs > li{
    display: flex;
    align-items: flex-end;
    margin-right: 15px;
    margin-bottom: 0
}
ul.sport-breadcrumbs > li:after{
    content: "\203A";
    margin-left: 10px;
    font-size: 27px;
    line-height: 12px;
    height: 16px
}
ul.sport-breadcrumbs > li:last-child:after{
    content: ""
}
/* Stan */
.sports-page-controls > app-widget-host{
    display: flex;
    flex-direction: row;
    justify-content: space-between
}
.sports-page-controls .page-filter{
    flex: 1
}
.sports-page-controls .page-filter-label{
    padding-bottom: 5px;
    color: var(--c-white-e);
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase
}
.sports-page-controls ul{
    display: flex;
    flex-direction: row;
    background-color: transparent
}
.sports-page-controls ul li{
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 0;
    height: 35px
}
.sports-page-controls .dates-filter li.selected{
    color: unset;
    background: unset
}
.sports-page-controls .dates-filter li:hover{
    color: unset;
    background: unset
}
.sports-page-controls ul li:first-child{
    margin-left: 0
}
body .sports-page-controls ul li > a,
body .sports-page-controls ul li > span{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 70px;
    background-color: var(--c-primary);
    color: var(--c-primary-c);
    border-radius: var(--r-md);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer
}
body .sports-page-controls ul li.sortBySelected > a,
body .sports-page-controls ul li.selected > span{
    color: var(--c-white-e);
    background-color: var(--c-emphasis)
}
body .sports-page-controls ul li:hover > a,
body .sports-page-controls ul li:hover > span{
    filter: brightness(0.8)
}
ul.sport-breadcrumbs{
    margin: 15px 0;
    display: flex;
    height: 34px
}
ul.sport-breadcrumbs > li{
    display: flex;
    align-items: center;
    margin-left: -10px
}
ul.sport-breadcrumbs > li:first-child{
    margin-left: 0
}
ul.sport-breadcrumbs > li a{
    display: flex;
    width: 100%;
    height: 100%
}
ul.sport-breadcrumbs > li .br-name {
    padding: 10px;
    display: flex;
    align-items: center;
    height: 100%;
    background-color: var(--c-primary);
    color: var(--c-primary-c);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer
}
ul.sport-breadcrumbs > li:first-child .br-name{
    border-top-left-radius: var(--r-md);
    border-bottom-left-radius: var(--r-md)
}
ul.sport-breadcrumbs > li:after{
    content: "";
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 18px solid var(--c-primary-b);
    margin: 0
}
ul.sport-breadcrumbs > li:before{
    content: "";
    width: 0;
    height: 0;
    border-top: 17px solid var(--c-primary-b);
    border-bottom: 17px solid var(--c-primary-b);
    border-left: 18px solid transparent;
    z-index: 1
}
ul.sport-breadcrumbs > li:first-child:before{
    display: none
}
ul.sport-breadcrumbs > li:hover{
    filter: brightness(0.8)
}
ul.sport-breadcrumbs > li:last-child .br-name{
    background-color: var(--c-emphasis);
    color: var(--c-white-e)
}
ul.sport-breadcrumbs > li:last-child:before{
    border-top: 17px solid var(--c-emphasis);
    border-bottom: 17px solid var(--c-emphasis)
}
ul.sport-breadcrumbs > li:last-child:after{
    border-left: 18px solid var(--c-emphasis)
}

ul.match-breadcrumbs{
    display: flex;
    font-size: 18px;
    margin-bottom: 15px

}
ul.match-breadcrumbs > li{
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 0
}
ul.match-breadcrumbs > li:first-child{
    margin-left: 80px
}

/************************************
          Sport Match Page
************************************/

/* Match Info */

.single-match-info{
    margin-bottom: 15px;
    padding: 15px;
    /*background-color: var(--c-primary);
    border-radius: var(--r-md)*/
}
.single-match-info .markets-match-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.single-match-info .markets-match-data,
.single-match-info .match-date-and-time,
.single-match-info .match-time{
    display: flex;
    color: var(--c-black-e);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.single-match-info .default-sport,
.single-match-info .markets-competition-name,
.single-match-info .markets-category-name,
.single-match-info .match-statistics{
    display: none
}
.single-match-info .markets-match-name{
    order: 3;
    display: flex;
    justify-content: center;
    color: var(--c-black-e);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 15px;
    flex: 1 1 100%
}
.single-match-info .markets-match-data{
    order: 1
}
.single-match-info .markets-match-data .markets-match-code:before{
    content: "- Game Code:";
    margin: 0 5px
}
.single-match-info .match-time{
    margin-left: 5px;
    margin-bottom: 0;
    font-size: 16px
}
.single-match-info .markets-match-name .markets-team-name:first-child{
    margin-right: 10px
}
.single-match-info .markets-match-name .markets-team-name:first-child:after{
    content: "-";
    margin-left: 10px
}

/* Market Group Tabs */
.match-market-group{
    margin-bottom: 10px;
    overflow-x: auto;
    padding-bottom: 5px
}
.match-market-group .market-groups{
    display: flex;
}
.match-market-group .market-groups ui-button{
    flex: 1;
    margin-right: 10px;
    /* min-width: 96px; */
    width: auto;
}
.match-market-group button{
    width: 100%;
    color: v;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    height: 48px;
    align-items: center;
    margin: 0 auto;
    padding: 0 10px;
    background-color: transparent;
    border-radius: 50px;
    white-space: nowrap
}
.match-market-group button:hover,
.match-market-group button.button-active{
    background-color: var(--c-emphasis);
    color: var(--c-background)
}

/* Sports March Markets */

.sports-match-wrapper{

}
.sports-match-wrapper > .toggle-all-expanded{
    display: none
}
.markets-content-wrapper .match-markets-wrapper{
    color: var(--c-primary-c);
    display: flex;
    padding-top: 10px;
    flex-direction: column;
    border-radius: var(--r-md);
    overflow: hidden
}
.markets-content-wrapper .match-markets-wrapper .market-group{
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    margin: 10px;
    margin-top: 0;
    cursor: pointer;
    border-radius: var(--r-md);
    overflow: hidden
}
.markets-content-wrapper .match-markets-wrapper .market-group .fake-market{
    width: 100%
}
.markets-content-wrapper .match-markets-wrapper .market-group-header{
    line-height: 18px;
    font-size: 16px;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--c-tint);
    color: var(--c-black);
    margin-left: 2px;
    border-top-left-radius: var(--r-md);
    border-top-right-radius: var(--r-md);
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .market-name{
    cursor: pointer
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .toggle-button{
    content: "";
    width: 10px;
    height: 10px;
    background: transparent;
    border-top: 3px solid var(--c-primary-c);
    border-right: 3px solid var(--c-primary-c);
    transition: all 100ms ease;
    -webkit-transform: translate3d(0, -50%, 0) rotate(135deg);
    transform: translate3d(0, -50%, 0) rotate(135deg)
}
.markets-content-wrapper .match-markets-wrapper .market-group-header .toggle-button.expanded{
    -webkit-transform: translate3d(0, 0%, 0) rotate(-45deg);
    transform: translate3d(0, 0%, 0) rotate(-45deg)
}
.markets-content-wrapper .match-markets-wrapper .match-market{
    display: flex;
    padding: 0;
    border: 0;
    border:1px solid var(--c-shade);
}
.markets-content-wrapper .match-markets-wrapper .match-market:not(:last-child){
    border-bottom:0;
}
.markets-content-wrapper .match-markets-wrapper .match-market .market-special{
    color: var(--c-emphasis);
    line-height: 33px;
    width: 100px;
    border: 2px solid var(--c-primary);
    background-color: transparent;
    border-bottom: 0;
    border-right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}
.markets-content-wrapper .match-markets-wrapper .match-market .market-content{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0
}
.markets-content-wrapper .match-odd{
    flex: 1 0 33.33333%;
    background-color: transparent;
    border: 2px solid var(--c-primary);
    border-bottom: 0;
    border-right: 0;
    padding: 0 15px;
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 50px;
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color.25s ease-in-out
}
.markets-content-wrapper .odds-selection-default{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    border-radius: 0;
    letter-spacing: 0
}
.markets-content-wrapper .odd,
.outrights-page .outright-markets .outright-odd{
    padding: 0;
    line-height: 48px;
    cursor: pointer
}
 .outrights-page .outright-markets .outright-odd{
     background-color: var(--c-black-e);
    padding: 5px 13px;
    border-radius: var(--r-lg)
 }
.desktop .markets-content-wrapper .match-odd:hover,
.desktop .outrights-page .outright-markets .outright-odd:hover{
    filter: brightness(0.9)
}
.markets-content-wrapper .odd-outcome{
    color: var(--c-emphasis);
    font-size: 11px;
    padding: 0;
    line-height: 33px
}
.markets-content-wrapper .odds-bet-slip-selected{
    background-color: transparent
}
.markets-content-wrapper .match-odd.bet-slip-selected{
    color: var(--c-black-e);
    background-color: var(--c-emphasis)
}
.markets-content-wrapper .odds-bet-slip-selected{
    color: var(--c-white-e);
}
.markets-content-wrapper .odds-bet-slip-selected .odd-outcome{
    color: var(--c-white-e);
}
.sports-match-page .back{
    position: absolute;
    top: 5px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
    background-color: var(--c-primary-b);
    border-radius: var(--r-md)
}
.sports-match-page .back:hover{
    background-color: var(--c-primary-d)

}
.sports-match-page .back a{
    color: var(--c-primary-c)

}
.sports-match-page .back:hover a{
    color: var(--c-primary-c)
}
.sports-match-page .back:before{
    content: "";
    border: solid var(--c-primary-c);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    margin-right: 5px
}
.sports-match-page .back:hover:before{
    border: solid var(--c-primary-c);
    border-width: 0 2px 2px 0

}
/************************************
          Sport Select Page
************************************/

.sports-select-page .main-content .nav-sports-header,
.sports-select-page .main-content .nav-sport .nav-sport-icon,
.sports-select-page .main-content .nav-featured-header .nav-featured-icon,
.sports-select-page .main-content .nav-tournament .nav-tournament-icon,
.sports-select-page .main-content .nav-category-go-button .nav-category-number,
.nav-sport.active + .nav-sport-panel .nav-category-wrapper:first-child:before{
    display: none
}
.sports-select-page .main-content .nav-sport-wrapper{
    background: transparent
}
.sports-select-page .main-content .nav-sport,
.sports-select-page .main-content .nav-featured-header{
    display: flex;
    align-items: center;
    line-height: 36px;
    height: auto;
    color: var(--c-primary-c)
}
.sports-select-page .main-content .nav-sport.active{
    color: var(--c-primary-c)
}
.sports-select-page .main-content .nav-sport .nav-sport-name,
.sports-select-page .main-content .nav-featured-header .nav-featured-name{
    padding: 0;
    color: var(--c-emphasis);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: auto
}
.sports-select-page .main-content .nav-sport-select-all,
.sports-select-page .main-content .nav-sport-remove-all,
.sports-select-page .main-content .nav-featured-select-all,
.sports-select-page .main-content .nav-featured-remove-all{
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 15px;
    padding: 0;
    cursor: pointer;
    background-color: transparent
}
.sports-select-page .main-content .nav-sport-select-all:hover,
.sports-select-page .main-content .nav-sport-remove-all:hover,
.sports-select-page .main-content .nav-featured-select-all:hover,
.sports-select-page .main-content .nav-featured-remove-all:hover{
    color: var(--c-emphasis)
}
.sports-select-page .main-content .nav-category-wrapper,
.sports-select-page .main-content .nav-featured-panel{
    color: var(--c-primary-c);
    background-color: var(--c-primary);
    padding: 10px;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    flex-direction: column
}
.sports-select-page .main-content .nav-featured-panel{
    flex-wrap: wrap;
    flex-direction: row
}
.sports-select-page .main-content .nav-category{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: var(--c-primary-c);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}
.sports-select-page .main-content .nav-category .default-flag{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}
.sports-select-page .main-content .nav-category .category_checkbox{
    margin-left: auto
}
.sports-select-page .main-content .nav-category-go-button,
.nav-sports.nav-sports-page button{
    background-color: var(--c-green);
    font-weight: 600;
    font-size: 14px;
    width: auto;
    padding: 3px 10px;
    margin: 0 10px;
    color: var(--c-white-e)
}
.sports-select-page .main-content .nav-category-panel{
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.sports-select-page .main-content .nav-tournament-wrapper,
.sports-select-page .main-content .nav-featured-panel .nav-feature{
    flex: 0 1 calc(33.3333% - 10px);
    display: flex;
    height: auto;
    align-items: center;
    margin: 5px;
    padding: 13px;
    background-color: var(--c-primary-b)
}
.sports-select-page .main-content .nav-featured-panel .nav-feature .nav-feature-name{
    order: unset;
    margin-right: auto;
    font-size: 15px;
    color: var(--c-primary-c);
    cursor: pointer
}
.sports-select-page .main-content .nav-tournament-wrapper:not(.ng-star-inserted){
    display: none
}
.sports-select-page .main-content .nav-tournament{
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    font-size: 15px;
    color: var(--c-primary-c)
}
.sports-select-page .main-content .nav-tournament .nav-tournament-favorite,
.sports-select-page .main-content .nav-feature-favorite{
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0
}
.sports-select-page .main-content .nav-tournament .nav-tournament-name{
    cursor: pointer;
    margin-right: 10px
}
.sports-select-page .main-content .nav-tournament .nav-tournament-name:hover,
.sports-select-page .main-content .nav-featured-panel .nav-feature .nav-feature-name:hover{
    color: var(--c-green)
}
.sports-select-page .main-content .nav-tournament .tournament_checkbox{
    margin-left: auto
}

.nav-favorites-wrapper{
    color: var(--c-primary-c);
    background-color: transparent;
    font-size: 15px
}
.nav-favorites-wrapper .nav-favorites-header{
    height: auto;
    box-shadow: none;
    display: flex;
    padding: 10px 0;
    align-items: center
}
.nav-favorites-wrapper .nav-favorites-header .nav-favorites-icon{
    display: none
}
.nav-favorites-wrapper .nav-favorites-subwrapper .nav-favorites-header .nav-favorites-toggle{
    width: 20px;
    height: 20px;
    border-radius: 0;
    background: transparent
}
/* Desktop Sport Select Page */

/* Favorites Section */


.desktop .sports-select-page .main-content .nav-sports-page form > div{
    margin-bottom: 15px
}

.desktop .sports-select-page .main-content .nav-favorites-wrapper{
    border-radius: var(--r-md);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    overflow: hidden
}
.desktop .sports-select-page .main-content .nav-favorites-header{
    background-color: var(--c-primary);
    color: var(--c-primary-c);
    padding: 10px
}
.desktop .sports-select-page .main-content .nav-favorites-header > div{
    padding-right: 10px
}

.desktop .sports-select-page .main-content .nav-favorites-header .nav-favorites-name{
    color: var(--c-primary-c);
    text-transform: uppercase;
    font-size: 14px
}
.desktop .sports-select-page .main-content .nav-favorites-header .nav-favorites-toggle{
    border: solid var(--c-primary-c);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    margin-right: 3px;
    transform: rotate(45deg);
    animation-delay: .5s;
    width: 10px;
    height: 10px
}
.desktop .sports-select-page .main-content .nav-favorites-header.expanded .nav-favorites-toggle {
    transform: rotate(-135deg);
    animation-delay: .5s
}
.desktop .sports-select-page .main-content .nav-favorites-header .nav-favorites-select-all{
    margin-left: auto
}
.desktop .sports-select-page .main-content .nav-favorites-header.expanded  + .nav-favorites-panel{
    max-height: 9999px;
    transition: all .2s ease-in-out;
    background-color: var(--c-primary)
}
.desktop .sports-select-page .main-content .nav-favorites-header:not(.expanded) + .nav-favorites-panel{
    transition: all .2s ease-in-out;
    max-height: 0;
    overflow: hidden;
    padding: 0
}
.desktop .sports-select-page .main-content .nav-favorites-panel{
    display: flex;
    padding: 10px;
    flex-wrap: wrap
}
.desktop .sports-select-page .main-content .nav-favorites-panel > div{
    margin: 5px;
    padding: 0 5px;
    flex: 0 1 calc(33.333333% - 10px);
    box-shadow: none;
    background-color: var(--c-primary-b);
    overflow: hidden;
    font-weight: normal;
    line-height: 20px;
    border-radius: 0
}
.desktop .sports-select-page .main-content .nav-favorites-panel .nav-favorite-name:hover{
    color: var(--c-emphasis)
}

/* Featured Section */

.desktop .sports-select-page .main-content .nav-featured-wrapper{
    border-radius: var(--r-md);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    overflow: hidden
}
.desktop .sports-select-page .main-content .nav-featured-header{
    background-color: var(--c-primary);
    padding: 10px;
    line-height: unset;
    cursor: pointer
}
.desktop .sports-select-page .main-content .nav-featured-header.expanded  + .nav-featured-panel{
    max-height: 9999px;
    transition: all .2s ease-in-out
}
.desktop .sports-select-page .main-content .nav-featured-header .nav-featured-toggle{
    border: solid var(--c-primary-c);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    margin-right: 3px;
    transform: rotate(45deg);
    animation-delay: .5s;
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: no-repeat
}
.desktop .sports-select-page .main-content .nav-featured-header.expanded .nav-featured-toggle {
    transform: rotate(-135deg);
    animation-delay: .5s
}
.desktop .sports-select-page .main-content .nav-featured-header:not(.expanded) + .nav-featured-panel{
    transition: all .2s ease-in-out;
    max-height: 0;
    overflow: hidden;
    padding: 0
}
.desktop .sports-select-page .main-content .nav-featured-header .nav-featured-name{
    color: var(--c-primary-c);
    font-size: 14px
}
.desktop .sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel{
    background-color: var(--c-primary);
    margin: 0;
}
.desktop .sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel .nav-feature-name{
    overflow: hidden;
}
.desktop .sports-select-page .main-content .nav-featured-wrapper .nav-featured-panel .nav-feature-tournament{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
    line-height: 20px
}
/* Sports Section */


.desktop .sports-select-page .main-content .nav-sport-wrapper  .nav-sport{
    box-shadow: none;
}
.desktop .sports-select-page .main-content .nav-sport-wrapper .nav-category-wrapper{
    padding: 0;
    border-radius: var(--r-md);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    overflow: hidden;
}
.desktop .sports-select-page .main-content .nav-sport-wrapper .nav-category{
    margin: 0;
    padding: 10px;
    height: 100%
}
.desktop .sports-select-page .main-content .nav-featured-header .nav-featured-toggle{
    border: solid var(--c-primary-c);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    margin-right: 3px;
    transform: rotate(45deg);
    animation-delay: .5s;
    width: 10px;
    height: 10px
}
.desktop .sports-select-page .main-content .nav-category.active .nav-category-toggle {
    transform: rotate(-135deg);
    animation-delay: .5s
}
.desktop .sports-select-page .main-content .nav-category .nav-category-toggle {
    border: solid var(--c-primary-c);
    border-width: 0 2px 2px 0;
    display: flex;
    padding: 3px;
    margin-right: 3px;
    transform: rotate(45deg);
    animation-delay: .5s;
    width: 10px;
    height: 10px;
    order: 5
}
.desktop .sports-select-page .main-content .nav-category .nav-category-icon{
    width: 19px;
    height: 19px
}
.desktop .sports-select-page .main-content .nav-category.active + .nav-category-panel{
    background-color: var(--c-primary);
    padding: 10px
}

/************************************
             Live Page
************************************/

.live-page .main-coupon-v1 .events-sport-wrapper .events-sport-header,
.outrights-page .events-sport-wrapper .events-sport-header{
    display: flex;
    background: transparent;
    padding: 0;
    color: var(--c-primary-c);
    font-size: 18px;
    text-transform: uppercase
}
/*.desktop*/ .live-page .main-coupon-v1 .item-info-wrapper{
                 flex: 1;
                 width: 100%
             }

/*
.desktop .live-page .main-coupon-v1 .match-markets-wrapper{
    width: calc(100% - 440px)
} */
.live-page .main-coupon-v1 .events-sport-wrapper .events-sport-header .sport-icon,
.live-page .main-coupon-v1 .match-live-info .match-cards,
.live-page .main-coupon-v1 .match-live-info .match-corners,
.live-page .main-coupon-v1 .match-live-info .match-score-separator,
.live-page .main-coupon-v1 .match-live-info .match-period,
.live-page .main-coupon-v1 .match-info .match-minute,
.live-page .main-coupon-v1 .match-info .match-locked,
.live-page .main-coupon-v1 .match-more-markets{
    display: none
}
.live-page .main-coupon-v1 .item-info-wrapper{
    display: flex
}
.live-page .main-coupon-v1 .item-info-wrapper .match-info .match-live{
    padding-right: 10px;
    order: 0;
    color: var(--c-primary-c);
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 1s infinite alternate;
    -ms-animation: color_change 1s infinite alternate;
    -o-animation: color_change 1s infinite alternate;
    animation: color_change 1s infinite alternate
}
body .live-page .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info,
body .left-sidebar .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info{
    display: flex;
    justify-content: flex-end;
    flex: 1;
    color: var(--c-emphasis);
    /* font-size: 14px; */
}
body .live-page .events-sport-wrapper .events-item-wrapper .match-game-scores-wrapper{
    height: 100%;
    padding: 3px 5px;   
    text-align: center
}

body .live-page .left-sidebar .events-sport-wrapper .events-item-wrapper .item-info-wrapper > .match-live-info .match-score-home{
    margin: 0
}
.live-page .main-coupon-v1 .match-live-info .match-progress{
    order: 1;
    margin-top: 11px;
    color: var(--c-black-e);
    font-size: 15px;
    margin: 0;
    display: flex;
    align-items: center
}
.live-page .main-coupon-v1 .match-live-info .match-score-server-set-wrapper{
    order: 2;
    margin-left: 30px
}
.live-page .main-coupon-v1 .match-sport-darts  .match-live-info .match-score-server-set-wrapper{
    margin-left: 45px
}
.live-page .main-coupon-v1 .match-links .match-statistics{
    margin-left: 16px
}

.live-page .match-live-tracker{
    width: 18px;
    height: 14px;
    background-size: contain;
    background: url("/v1.01/r/images/bestbet/icon/tracker-white.svg") center center no-repeat
}
.live-page .tracker-visible .match-live-tracker{
    background: url("/v1.01/r/images/bestbet/icon/tracker-green.svg") center center no-repeat;
}
.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-score-server-set-wrapper,
.live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-score-server-set-wrapper,
.live-page .main-coupon-v1 .match-live-info .match-score-server-set-wrapper{
    display: flex;
    border-radius: 8px;
    /* max-width: 36px; */
}
.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-score-server-set-wrapper .match-score,
.live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-score-server-set-wrapper .match-score,
.live-page .main-coupon-v1 .match-live-info .match-score-server-set-wrapper .match-score{
    padding: 3px 5px;
    color: var(--c-primary-b);
    background-color: var(--c-emphasis);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}
.live-page .main-coupon-v1 .match-sport-soccer  .match-live-info .match-score-server-set-wrapper .match-score{
    background-color: transparent;
    color: var(--c-emphasis)
}
.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores-wrapper,
.live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores-wrapper{
    display: flex
}
.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores-wrapper .set-score,
.live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores-wrapper .set-score{
    padding: 3px 5px;
    background-color: var(--c-primary-b);
    color: var(--c-primary-c)
}
.live-page .main-coupon-v1 .match-sport-tennis .match-live-info .match-set-scores-wrapper .set-score:last-child,
.live-page .main-coupon-v1 .match-sport-volleyball .match-live-info .match-set-scores-wrapper .set-score:last-child,
.live-page .main-coupon-v1 .match-live-info .match-set-scores-wrapper .set-score:last-child{
    background-color: var(--c-primary);
    color: var(--c-primary-c);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 3px 5px
}


/************************************
         Live Match Page
************************************/

.live-match-page{

}

/* Breadcrumbs and Dropdown */

.live-match-page .beto-match-breadcrumbs{
    position: relative;
    order: -1
}
ul.match-breadcrumbs{
    flex-wrap: wrap
}
ul.match-breadcrumbs > li{
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    color: var(--c-primary-c);
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 15px;
    margin-bottom: 0
}
ul.match-breadcrumbs > li > a{
    color: var(--c-primary-c)
}
ul.match-breadcrumbs > li > a:hover{
    color: var(--c-emphasis)
}
ul.match-breadcrumbs > li.sport-br:after,
ul.match-breadcrumbs > li.category-br:after{
    content: "\203A";
    margin-left: 15px;
    font-size: 24px;
    line-height: 18px;
    height: 23px
}
ul.match-breadcrumbs > li.teams{
    flex: 1 1 100%;
    position: relative;
    font-size: 18px;
    margin-top: 10px;
    margin-right: 50px;
    color: var(--c-primary-c)
}
ul.match-breadcrumbs > li.teams .first-team:after{
    content: "vs";
    margin: 0 15px;
    font-size: 16px;
    text-transform: lowercase
}
ul.match-breadcrumbs > li.live-match-period-time{
    display: none
}
.live-match-page .other-matches.other-live-matches{
    width: 100%;
    display: flex;
    position: relative
}
.live-match-page .other-matches.other-live-matches button{
    position: absolute;
    right: 0;
    top: -47px;
    height: 30px;
    width: 50px;
    border: 0
}
.live-match-page .other-matches-overlay{
    width: 100%;
    max-height:0;
    -moz-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    overflow: hidden
}
.live-match-page .other-matches-overlay.dd-expanded{
    max-height: 3000px;
    -moz-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}
.live-match-page .other-matches-wrapper{
    overflow-x: hidden
}
@keyframes moveright{
    0%   {left: -100%}
    100% {left: 0px}
}
.live-match-page .other-matches-wrapper .other-matches{
    width: 100%;
    position: relative;
    animation: moveright 1s;
    animation-direction: alternate;
    animation-fill-mode: both;
    background-color: var(--c-primary);
    color: var(--c-primary-c);
    margin-bottom: 4px;
    padding: 5px 10px;
}
.live-match-page .other-matches-wrapper .other-matches:nth-child(1) { animation-delay: .2s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(2) { animation-delay: .4s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(3) { animation-delay: .6s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(4) { animation-delay: .8s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(5) { animation-delay: 1s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(6) { animation-delay: 1.2s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(7) { animation-delay: 1.4s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(8) { animation-delay: 1.6s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(9) { animation-delay: 1.8s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(10) { animation-delay: 2s }
.live-match-page .other-matches-wrapper .other-matches:nth-child(n+11) { animation-delay: 2.2s }

.live-match-page .other-matches-wrapper .other-matches .group-heading{
    color: var(--c-emphasis)
}
.live-match-page .other-matches-wrapper .other-matches .group-country-tournament-separator{
    margin: 0 5px
}
.live-match-page .other-matches-wrapper .other-matches .other-match{
    display: flex;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
    transition: color .3s ease-in-out;
    border-bottom: 1px solid var(--c-shade);
}
.live-match-page .other-matches-wrapper .other-matches .other-match:hover{
    color: var(--c-emphasis);
    transition: color .3s ease-in-out
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-label-container{
    order: 2;
    padding-right: 10px;
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-label-container .match-label-team-1:after{
    content: "v";
    margin: 0 5px;
    text-transform: lowercase
}
.live-match-page .other-matches-wrapper .other-matches .other-match .live-score{
    order: 3;
    margin-left: auto;
    color: var(--c-emphasis);
    transition: color .3s ease-in-out
}
.live-match-page .other-matches-wrapper .other-matches .other-match:hover .live-score{
    color: var(--c-emphasis);
    transition: color .3s ease-in-out
}
.live-match-page .other-matches-wrapper .other-matches .other-match .live-score .live-score-home:after{
    content: ":";
    margin: 0 5px
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-progress{
    order: 1;
    margin-right: 15px;
    width: 38px
}
.live-match-page .other-matches-wrapper .other-matches .other-match .match-progress .match-period{
    display: none
}

.live-match-page .back{
    position: absolute;
    top: -5px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
    background-color: var(--c-primary);
    border-radius: var(--r-md)
}
.live-match-page .back:hover{
    background-color: var(--c-primary-b);
}
.live-match-page .back a{
    color: var(--c-primary-c)

}
.live-match-page .back:hover a{
    color: var(--c-primary-c)
}
.live-match-page .back:before{
    content: "";
    border: solid var(--c-primary-c);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    margin-right: 5px
}
.live-match-page .back:hover:before{
    border: solid var(--c-primary-c);
    border-width: 0 2px 2px 0
}

/* Match Tracker and Stats */


.window-tabs.bet-construct-tabs{
    background-color: var(--c-emphasis);
    color: var(--c-primary);
    line-height: 42px;
    height: 42px;
    border-top-left-radius: var(--r-lg);
    border-top-right-radius: var(--r-lg);
    overflow: hidden
}
.window-tabs.bet-construct-tabs .window-tab{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold
}
.window-tabs.bet-construct-tabs .window-tab.tab-selected{
    background-color: var(--c-shade-b);
    color: var(--c-white-e)
}
.window-tabs.bet-construct-tabs .window-tab:before{
    content:"";
    width: 24px;
    height: 24px;
    margin-right:10px
}
.window-tabs.bet-construct-tabs .window-tab:first-child:before{
    background: url(/v1.01/r/images/site/icons/Tracker_Off.svg) center center no-repeat
}
.window-tabs.bet-construct-tabs .window-tab.tab-selected:first-child:before{
    background: url(/v1.01/r/images/site/icons/MatchTracker-Off.svg) center center no-repeat
}
.window-tabs.bet-construct-tabs .window-tab:last-child:before{
    background: url(/v1.01/r/images/primebet/icons/tracker-stats-gray.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px
}
.window-tabs.bet-construct-tabs .window-tab.tab-selected:last-child:before{
    background: url(/v1.01/r/images/primebet/icons/tracker-stats-white.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px
}
.right-sidebar #iframe-container{
    margin-bottom: 15px
}
.live-match-statistics{
    height: 190px;
    margin-bottom: 15px;
    border-bottom-left-radius: var(--r-lg);
    border-bottom-right-radius: var(--r-lg);
    overflow: hidden
}

#tracker-iframe{
    border-radius: var(--r-lg);
    overflow: hidden
}


.live-match-page .match-info-detailed{
    display: flex
}
.live-match-page .match-info-detailed .sports-match-header-wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 15px 0
}
.live-match-page .match-info-detailed .markets-match-header{
    display: flex;
    flex-direction: column;
    min-width: 400px
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper{
    display: flex;
    align-items: flex-end;
    order: 3;
    background-color: var(--c-primary-b);
    color: var(--c-white-e);
    padding: 10px;
    border-radius: var(--r-md);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.live-match-page .match-info-detailed .live-match-server-title{
    display: flex
}
.live-match-page .match-info-detailed .live-match-server-title:before{
    content: "";
    background-color: var(--c-black-e);
    width: 15px;
    height: 15px;
    display: flex;
    border-radius: 50%;
    border: 1px solid var(--c-primary-c);
    margin: 0 5px;
    -webkit-animation: pulse 1s infinite alternate;
    -moz-animation: pulse 1s infinite alternate;
    -ms-animation: pulse 1s infinite alternate;
    -o-animation: pulse 1s infinite alternate;
    animation: pulse 1s infinite alternate
}
@-webkit-keyframes pulse {
    from { opacity: 1 }
    to {opacity: .5 }
}

.live-match-page .match-info-detailed .match-date-and-time{
    order: 2;
    color: var(--c-white-e);
    background-color: var(--c-primary-d);
    padding: 5px 10px
}
.live-match-page .match-info-detailed .match-date-and-time > span{
    padding-right: 10px
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper app-goals,
.live-match-page .match-info-detailed .markets-match-live-info-wrapper > div{
    padding-right: 10px;
    text-align: center
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper app-goals{
    margin-left: auto
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-name{
    text-align: left
}
.live-match-page .match-info-detailed .markets-match-live-info-wrapper .live-match-set-scores,
.live-match-page .match-info-detailed .markets-match-data .match-page-country-flag,
.live-match-page .match-info-detailed .markets-match-data .markets-match-code{
    display: none
}
.live-match-page .match-info-detailed .markets-match-data{
    display: flex;
    align-items: center;
    order: 1;
    background-color: var(--c-primary-b);
    color: var(--c-white-e);
    padding: 10px 0;
    border-radius: var(--r-md);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.live-match-page .match-info-detailed .markets-match-data > div{
    margin: 0 5px
}
.live-match-page .match-info-detailed .markets-match-data .match-statistics{
    margin-left: auto
}

/************************************
           Outrights Page
************************************/

.outrights-page{

}
.outrights-page .main-content{
    color: var(--c-primary-c);
    font-size: 15px;
    position: relative
}
.outrights-top{
    /*position: absolute;
    top: 0*/
}
.outrights-page .sports-filter{
    max-width: calc(100% - 312px);
    margin-left: auto
}
.outrights-page .sports-filter > li{
    height: 31px;
    min-width: auto;
    padding: 8px 10px

}
.outrights-page .sports-filter > li > span{
    max-width: unset
}
.outrights-page .sports-filter .icon-sport,
.outrights-page .sports-filter .matches-counter,
.outrights-page .events-sport-wrapper .events-sport-header .sport-icon,
.outrights-page .events-sport-wrapper .events-sport-header .event-sport-counter,
.outrights-page .events-sport-wrapper .match-type .default-sport,
.outrights-page .events-sport-wrapper .match-type .match-sport{
    display: none
}
.outrights-page .events-sport-wrapper .events-sport-header .events-sport-name-wrapper{
    margin-right: 0;
    width: 100%
}
.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything{
    display: flex;
    justify-content: flex-end;
    width: 100%
}
.outrights-page .events-sport-wrapper .events-category-header-outrights{
    display: flex;
    align-items: center;
    padding: 10px 0;
    cursor: pointer
}
.outrights-page .events-sport-wrapper .tournament-header-wrapper .events-category-tournament-names{
    margin-left: 10px
}
.outrights-page .events-sport-wrapper .toggle-button,
.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a{
    margin-left: auto;
    display: flex;
    font-size: 40px;
    transform: rotate(90deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a{
    display: initial;
    margin-left: 0
}
.outrights-page .events-sport-wrapper .toggle-button.expanded,
.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a.collapse{
    transform: rotate(-90deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.outrights-page .events-sport-wrapper .toggle-button:after,
.outrights-page .events-sport-wrapper .events-sport-header .allow-expand-everything a:after{
    width: 12px;
    height: 20px;
    align-items: flex-start;
    content: "\203A";
    color: var(--c-white-e)
}
.outrights-page .events-sport-wrapper .match-info{
    display: flex;
    line-height: 20px;
    color: var(--c-primary-c)
}
.outrights-page .events-sport-wrapper .match-type{
    height: auto;
    display: flex
}
.outrights-page .events-sport-wrapper .match-type .match-category{
    margin-right: 5px
}
.outrights-page .events-sport-wrapper .match-type .match-tournament:after{
    content: "-";
    margin: 0 10px
}
.outrights-page .events-tournament-content .events-tournament-wrapper > app-breaks-events-item{
    color: var(--c-primary-c);
    background-color: var(--c-primary);
    display: flex;
    padding: 10px;
    margin-bottom: 15px;
    flex-direction: column
}
.outrights-page .outrights-item{
    display: flex;
    justify-content: space-between;
    margin: 10px 5px;
    cursor: pointer
}
.outrights-page .outright-markets{
    display: flex;
    flex-wrap: wrap
}
.outrights-page .outright-markets .outright-competitor{
    flex: 0 1 calc(33.3333% - 10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px;
    padding: 8px;
    background-color: var(--c-primary-b);
    border-radius: var(--r-md)
}

.outrights-page .outright-markets .outright-competitor.bet-slip-selected{
    color: var(--c-black-e);
    background-color: var(--c-emphasis);
    font-weight: bold
}
.outrights-page .outright-markets .outright-competitor.bet-slip-selected .odds-selection {
    color: var(--c-emphasis)
}


/************************************
          Cookie Message
************************************/

#root .cc-color-override-259240128.cc-window{
    color: var(--c-primary-c);
    background-color: var(--c-black-e)
}
#root .cc-color-override-259240128 .cc-btn {

    background-color: var(--c-green);
    border-radius: var(--r-md);
    border: 0
}
#root .cc-color-override-259240128 .cc-btn:hover,
#root .cc-color-override-259240128 .cc-btn:focus {
    background-color: var(--c-green);
    color: var(--c-primary-c)
}






/************************************
             404 Page
************************************/


.top-404{
    margin-top: 30px;
}

.container-404{
    margin: 0 auto;
    position: relative;
    width: 250px;
    height: 250px
}

.ghost{
    width: 50%;
    height: 53%;
    left: 25%;
    top: 10%;
    position: absolute;
    border-radius: 50% 50% 0 0;
    background: var(--c-primary-c);
    border: 1px solid #BFC0C0;
    border-bottom: none;
    animation: float 2s ease-out infinite;
}

.ghost-copy {
    width: 50%;
    height: 53%;
    left: 25%;
    top: 10%;
    position: absolute;
    border-radius: 50% 50% 0 0;
    background: var(--c-primary-c);
    border: 1px solid #BFC0C0;
    border-bottom: none;
    animation: float 2s ease-out infinite;
    z-index: 0;
}

.face {
    position: absolute;
    width: 100%;
    height: 60%;
    top: 20%;
}

.eye, .eye-right {
    position: absolute;
    background: var(--c-primary-b);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    top: 40%;
}

.eye {
    left: 25%;
}

.eye-right {
    right: 25%;
}

.mouth {
    position: absolute;
    top: 50%;
    left: 45%;
    width: 10px;
    height: 10px;
    border: 3px solid;
    border-radius: 50%;
    border-color: transparent var(--c-primary-b) var(--c-primary-b) transparent;
    transform: rotate(45deg);
}

.container-404 .one,
.container-404 .two,
.container-404 .three,
.container-404 .four {
    position: absolute;
    background: var(--c-primary-c);
    top: 85%;
    width: 25%;
    height: 23%;
    border: 1px solid #BFC0C0;
    z-index: 0;
}

.container-404 .one {
    border-radius: 0 0 100% 30%;
    left: -1px;
}

.container-404 .two {
    left: 23%;
    border-radius: 0 0 50% 50%;
}

.container-404 .three {
    left: 52%;
    border-radius: 0 0 50% 50%;
}

.container-404 .four {
    left: 76.5%;
    border-radius: 0 0 30% 100%;
}

.shadow {
    position: absolute;
    width: 30%;
    height: 7%;
    background: var(--c-primary-b);
    left: 35%;
    top: 80%;
    border-radius: 50%;
    animation: scale 2s infinite;
}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes float {
    50% {
        transform: translateY(15px);
    }
}
.bottom-404{
    margin-top: 10px;
}

/*text styling*/

.title-404 {
    color: var(--c-primary-b);
    text-align: center;
    font-weight: bold;
    font-size: 90px;
    line-height: 100px;
    margin: 0;
    text-shadow: -1px 0 #bfc0c0, 0 1px #bfc0c0, 1px 0 #bfc0c0, 0 -1px #bfc0c0
}

.subtitle-404 {
    font-family: "Lato", sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    color: var(--c-primary-c);
    font-weight: 900
}
.text-404 {
    text-align: center;
    color: var(--c-primary-c);
    font-size: 14px;
    text-transform: uppercase
}

.buttons-404 > app-widget-host{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.buttons-404 .btn{
    background-color: var(--c-emphasis);
    color: var(--c-black-e);
    border-radius: var(--r-md);
    height: 40px;
    padding: 0 10px;
    min-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer
}
.buttons-404 .btn:hover{
    opacity: .8
}


/************************************
          Virtuals Page
************************************/


.virtual-page {
    width: 100%
}
.virtual-page iframe{
    min-height: calc(100vh - 180px);
    height: 3500px
}



/************************************
              Bet Builder
************************************/



.bet-builder .main-coupon-v1 .events-item-wrapper:last-child{
    margin-bottom: 10px
}
.bet-builder .tournament-favorite{
    display: none
}
.has-bet-builder{
    display: flex;
    align-items: center;
    order: 1;
    margin-left: auto;
}
.has-bet-builder:after{
    content: "";
    background-image: url("/v1.01/r/images/site/icons/betbuilder-icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px
}

.landing-page-menu {
    width:100%;
}
.landing-page-menu > app-widget-host {
    display:flex;
    flex-direction:column;
    padding:10px
}
app-content-block.landing-page-menu-item {
    margin-bottom:10px;
    max-width: unset;
}
.landing-page-menu-item > div {
    display:flex;
    flex-direction:row;
    align-items:center;
    height:60px;
    /* background-color:var(--c-primary-b); */
    border: 1px solid var(--c-shade);
    font-size:20px;
    font-weight:bold;
    color: var(--c-black-e);
    padding:5px 10px;
    border-radius:10px;
    overflow:hidden;
    width: 100%;
}
.landing-page-menu-item.betslip-check > div {
    padding:0;
}
.landing-page-menu-item form {
    display:flex;
    height:100%;
    width:100%;
}
.landing-page-menu-item form .betslip-check-form-code {
    height:100%;
}
.landing-page-menu-item form .betslip-check-form-code input {
    width:100%;
    height:100%;
    text-indent:5px;
    /* background-color:var(--c-primary-b); */
    font-size:16px;
    font-weight:bold;
    color: var(--c-black-e);
    outline:none;
    border:0;
}
.landing-page-menu-item form .betslip-check-form-code input::placeholder {
    color:var(--c-black);
}
.landing-page-menu-item form .betslip-check-form-code input:focus::placeholder {
    color:var(--c-black);
}
.landing-page-menu-item form .betslip-check-form-code input:focus {
    background-color:var(--c-primary-b);
    color:var(--c-black);
}
.landing-page-menu-item form button {
    min-width:50px;
    background-color:var(--c-emphasis);
    color:var(--c-white-e);
}
.landing-page-menu-item form button:disabled {
    background-color:var(--c-shade);
    
}