@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoond996.eot?ihsmwr");
    src: url("../fonts/icomoond996.eot?ihsmwr#iefix") format("embedded-opentype"), url("../fonts/icomoond996.ttf?ihsmwr") format("truetype"), url("../fonts/icomoond996.woff?ihsmwr") format("woff"), url("../web/home.html?ihsmwr#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-affiliate:before {
    content: "\e600"
}

.icon-agent:before {
    content: "\e934"
}

.icon-android:before {
    content: "\e91a"
}

.icon-announcement:before {
    content: "\e601"
}

.icon-announcement-right:before {
    content: "\e936"
}

.icon-apple:before {
    content: "\e91b"
}

.icon-arrow-down:before {
    content: "\e915"
}

.icon-arrow-left:before {
    content: "\e914"
}

.icon-arrow-right:before {
    content: "\e91e"
}

.icon-arrow-up:before {
    content: "\e91f"
}

.icon-back:before {
    content: "\e916"
}

.icon-banking:before {
    content: "\e602"
}

.icon-banking-options:before {
    content: "\e937"
}

.icon-bell:before {
    content: "\e901"
}

.icon-bell-solid:before {
    content: "\e900"
}

.icon-box-checked:before {
    content: "\e920"
}

.icon-box-unchecked:before {
    content: "\e921"
}

.icon-bullet:before {
    content: "\e801"
}

.icon-bullet-outline:before {
    content: "\e800"
}

.icon-calatog:before {
    content: "\e92d"
}

.icon-cancel:before {
    content: "\e925"
}

.icon-card:before {
    content: "\e938"
}

.icon-casino:before {
    content: "\e603"
}

.icon-chat:before {
    content: "\e604"
}

.icon-check:before {
    content: "\e926"
}

.icon-check-circle:before {
    content: "\e908"
}

.icon-check-fat:before {
    content: "\e939"
}

.icon-close:before {
    content: "\e917"
}

.icon-compose:before {
    content: "\e605"
}

.icon-currency:before {
    content: "\e606"
}

.icon-currency-circle:before {
    content: "\e911"
}

.icon-currency-fat:before {
    content: "\e93a"
}

.icon-delivery:before {
    content: "\e93b"
}

.icon-deposit:before {
    content: "\e607"
}

.icon-desktop:before {
    content: "\e90f"
}

.icon-download:before {
    content: "\e913"
}

.icon-error:before {
    content: "\e92b"
}

.icon-event:before {
    content: "\e92a"
}

.icon-eye:before {
    content: "\e93e"
}

.icon-eye-slashed:before {
    content: "\e93f"
}

.icon-filter:before {
    content: "\e91d"
}

.icon-fish:before {
    content: "\e902"
}

.icon-flag:before {
    content: "\e92e"
}

.icon-forward:before {
    content: "\e918"
}

.icon-freebet:before {
    content: "\e608"
}

.icon-games:before {
    content: "\e91c"
}

.icon-grid:before {
    content: "\e903"
}

.icon-grid-solid:before {
    content: "\e904"
}

.icon-help-buoy:before {
    content: "\e620"
}

.icon-history:before {
    content: "\e609"
}

.icon-home:before {
    content: "\e60a"
}

.icon-info:before {
    content: "\e907"
}

.icon-info-centre:before {
    content: "\e93c"
}

.icon-keno:before {
    content: "\e60b"
}

.icon-ladders:before {
    content: "\e93d"
}

.icon-location:before {
    content: "\e60c"
}

.icon-login:before {
    content: "\e60d"
}

.icon-logout:before {
    content: "\e60e"
}

.icon-mahjong:before {
    content: "\e90b"
}

.icon-mail:before {
    content: "\e60f"
}

.icon-minus:before {
    content: "\e927"
}

.icon-monitor:before {
    content: "\e932"
}

.icon-more:before {
    content: "\e930"
}

.icon-navicon:before {
    content: "\e906"
}

.icon-password:before {
    content: "\e610"
}

.icon-phone:before {
    content: "\e611"
}

.icon-plus:before {
    content: "\e928"
}

.icon-profile:before {
    content: "\e612"
}

.icon-profile-edit:before {
    content: "\e935"
}

.icon-promo:before {
    content: "\e905"
}

.icon-promo-claim:before {
    content: "\e614"
}

.icon-promo-solid:before {
    content: "\e909"
}

.icon-radio-checked:before {
    content: "\e922"
}

.icon-radio-unchecked:before {
    content: "\e923"
}

.icon-rebates:before {
    content: "\e910"
}

.icon-referral-bonus:before {
    content: "\e615"
}

.icon-refresh:before {
    content: "\e924"
}

.icon-rewards:before {
    content: "\e806"
}

.icon-rewards-solid:before {
    content: "\e805"
}

.icon-search:before {
    content: "\e919"
}

.icon-security:before {
    content: "\e617"
}

.icon-settings:before {
    content: "\e618"
}

.icon-skype:before {
    content: "\e621"
}

.icon-slots:before {
    content: "\e619"
}

.icon-smartphone:before {
    content: "\e933"
}

.icon-soccer:before {
    content: "\e90d"
}

.icon-spade:before {
    content: "\e90a"
}

.icon-spade-solid:before {
    content: "\e90c"
}

.icon-sports:before {
    content: "\e61a"
}

.icon-submit:before {
    content: "\e61b"
}

.icon-super-bull:before {
    content: "\e92c"
}

.icon-swap:before {
    content: "\e929"
}

.icon-template:before {
    content: "\e61c"
}

.icon-transfer:before {
    content: "\e61d"
}

.icon-trash:before {
    content: "\e92f"
}

.icon-wallet:before {
    content: "\e808"
}

.icon-wallet-solid:before {
    content: "\e807"
}

.icon-wheel:before {
    content: "\e931"
}

.icon-withdraw:before {
    content: "\e61f"
}

.icon-world:before {
    content: "\e912"
}

.icon-zalo:before {
    content: "\e90e"
}


/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */

html,
body,
[canvas=container],
[off-canvas] {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    margin: 0 auto;
}

[canvas] {
    z-index: 1
}

[canvas=container] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    background-color: white;
    -webkit-overflow-scrolling: touch
}

[canvas=container]:before,
[canvas=container]:after {
    clear: both;
    content: '';
    display: table
}

[off-canvas] {
    display: none;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    background-color: black;
    color: white;
    -webkit-overflow-scrolling: touch
}

[off-canvas*=top] {
    width: 100%;
    height: 255px;
    top: 0
}

[off-canvas*=right] {
    width: 255px;
    height: 100%;
    top: 0;
    right: 0
}

[off-canvas*=bottom] {
    width: 100%;
    height: 255px;
    bottom: 0
}

[off-canvas*=left] {
    width: 255px;
    height: 100%;
    top: 0;
    left: 0
}

[off-canvas*=reveal] {
    z-index: 0
}

[off-canvas*=push] {
    z-index: 1
}

[off-canvas*=overlay] {
    z-index: 9999
}

[off-canvas*=shift] {
    z-index: 0
}

[canvas],
[off-canvas] {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    -webkit-backface-visibility: hidden
}

[off-canvas*=shift][off-canvas*=top] {
    -webkit-transform: translate(0px, 50%);
    transform: translate(0px, 50%)
}

[off-canvas*=shift][off-canvas*=right] {
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px)
}

[off-canvas*=shift][off-canvas*=bottom] {
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%)
}

[off-canvas*=shift][off-canvas*=left] {
    -webkit-transform: translate(50%, 0px);
    transform: translate(50%, 0px)
}

@media print {
    [canvas] {
        -webkit-transform: translate(0px, 0px) !important;
        -ms-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important
    }
    [off-canvas] {
        display: none !important
    }
}

.side-nav {
    width: 100px;
    background-color: #04749e;
    /*#030303*/
}

.side-nav.overflow-shown {
    width: 310px;
    overflow: scroll
}

.side-nav.overflow-shown nav {
    width: 310px;
    overflow: scroll
}

.side-nav-items {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #212121;
}

.side-nav-items>li {
    /* padding: 5px 10px; */
    background: #212121;
}

.side-nav-items>li>a {
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    padding: 15px 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.side-nav-items>li>a img {
    max-width: 30px;
    /* margin: 0 auto; */
    margin-right: 10px;
    filter: contrast(0) brightness(2.5);
}

.line img {
    filter: none!important;
}

.side-nav-items>li.active a,
.side-nav-items>li.active a:hover {
    border: 0px;
}

.side-nav-items>li>a .icon {
    color: #ffffff;
    font-size: 2.125rem;
    text-align: center;
    margin: 0 auto 4px;
    display: grid;
}

.side-nav-items>li:last-child {
    border-bottom: none
}

.side-nav-items>li.active {
    color: #070707;
}

.side-nav-items>li.active a,
.side-nav-items>li:hover a {
    color: #ffffff;
    background: linear-gradient(95deg, rgba(244, 184, 66, 1) 0%, rgba(237, 127, 74, 1) 100%);
    padding: 15px 10px;
    font-weight:700;
}

.side-nav-items>li>span {
    color: #f1cb7a;
}

.side-nav-items>li>a:focus .icon,
.side-nav-items>li>a:hover .icon,
.side-nav-items>li.active .icon {
    color: #fff
}

.nav-category-items {
    width: 210px;
    background: #eee;
    padding: 2px;
    display: none;
    top: 0;
    left: 100px;
    bottom: 0;
    position: absolute
}

.nav-category-items h4 {
    color: #2c3f6a;
    /*#ffed00;*/
    background: #ddd;
    padding: 15px;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.2rem;
    /*0.875rem;*/
    font-weight: 700
}

.nav-category-items .row {
    margin-left: -1px;
    margin-right: -1px
}

.nav-category-items .row div[class^="col-"],
.nav-category-items .row div[class*=" col-"] {
    padding-left: 1px;
    padding-right: 1px
}

.nav-category-items img {
    width: 85%;
    border-radius: 50%;
}

.nav-category-items div,
.nav-category-items div[class^="col-"],
.nav-category-items>a,
.nav-category-items div[class*=" col-"]>a {
    text-align: center;
    background-color: #f2f2f2;
    /*#030303*/
    padding-bottom: 15px;
    margin-bottom: 4px;
    display: block
}

.nav-category-items div span,
.nav-category-items div[class^="col-"] span,
.nav-category-items>a span,
.nav-category-items div[class*=" col-"]>a span {
    margin-top: 5px;
    font-size: 0.875rem;
    color: #2c3f6a;
    /*#ffed00;*/
    display: block;
    height: 30px
}

.nav-category-items div:focus>span,
.nav-category-items div:hover>span,
.nav-category-items div[class^="col-"]:focus>span,
.nav-category-items div[class^="col-"]:hover>span,
.nav-category-items>a:focus>span,
.nav-category-items>a:hover>span,
.nav-category-items div[class*=" col-"]>a:focus>span,
.nav-category-items div[class*=" col-"]>a:hover>span {
    color: #fff
}

.nav-category-items div {
    position: relative
}

.nav-category-items div .nav-category-btns {
    padding-top: 20%;
    background-color: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: linear all 300ms;
    transition: linear all 300ms
}

.nav-category-items div:focus>.title,
.nav-category-items div:hover>.title {
    color: #2a8fbd
}

.nav-category-items div:focus>img,
.nav-category-items div:hover>img {
    opacity: 0.3
}

.nav-category-items div:focus>.nav-category-btns,
.nav-category-items div:hover>.nav-category-btns {
    visibility: visible;
    opacity: 1
}

.nav-category-items.nav-category-items-shown {
    display: block
}

.side-submenu {
    list-style: none;
    padding: 0;
    margin: 0
}

.side-submenu li {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04)
}

.side-submenu li a {
    text-align: left;
    color: #d3dee3;
    padding: 10px 15px;
    background-color: transparent;
    text-transform: uppercase;
    display: block
}

.side-submenu li a span {
    font-size: 0.875rem;
    color: #d3dee3 !important
}

.side-submenu li a:active span,
.side-submenu li a:focus span {
    color: #2a8fbd
}

@media all and (max-width: 320px) {
    .side-nav.overflow-shown {
        width: 290px
    }
    .side-nav.overflow-shown nav {
        width: 290px
    }
    .nav-category-items {
        width: 190px
    }
}

.offscreen-view {
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    z-index: 30;
    position: fixed;
    background: #fff;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.offscreen-view.offscreen-view-downloads {
    background-color: #1f1f1f
}

.offscreen-view.offscreen-view-open {
    left: 0
}

.offscreen-view .offscreen-view-close {
    color: #fff;
    font-size: 1rem;
    background: rgba(1, 55, 77, 0.75);
    padding: 1px 3px;
    top: 0;
    left: 0;
    z-index: 5;
    position: absolute
}

.offscreen-view .offscreen-view-header {
    background: #01374d;
    padding: 5px 0
}

.offscreen-view .offscreen-view-header .offscreen-back {
    color: #bbb;
    font-size: 1.5rem;
    padding-left: 6px;
    padding-right: 6px
}

.offscreen-view .offscreen-container {
    width: 100%;
    height: 100%;
    max-width: 100%;
    top: 39px;
    position: absolute;
    overflow: hidden
}

.offscreen-view .offscreen-container iframe,
.offscreen-view .offscreen-container object,
.offscreen-view .offscreen-container embed {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.offscreen-view .offscreen-container.offscreen-container-slots {
    top: 0
}

.canvas-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-screen {
    position: relative;
    height: 100%;
}