@charset "utf-8";
    /* width */
    
     ::-webkit-scrollbar {
        width: 4px;
    }
    /* Track */
    
     ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    /* Handle */
    
     ::-webkit-scrollbar-thumb {
        background: #414141;
        border-radius: 5px;
    }
    /* Handle on hover */
    
     ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    
    body {
        font-family: 'Koulen', sans-serif;
        color: #ffffff;
        background: #46596a url(../../images/bg-texture-00.svg);
        position: relative;
    }
    
    .panelmain {
        background-color: #fff;
        padding: 1rem;
    }
    /*------------------------------------*
MainHeader
*------------------------------------*/
    
    #MainHeader {
        height: 90px;
        background: #2199ca !important;
        position: relative;
    }
    
    #PanelNavTop {
        font-size: 0.75rem;
        text-align: right;
        font-weight: 300;
    }
    
    #PanelNavTop .panel-runtime {
        margin-bottom: 0.25rem;
        text-align: right;
        background-color: #1a7ba2;
        border-radius: 0 0 8px 8px;
        padding: 0.25rem 0.5rem;
    }
    
    #site-language {
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 0rem 0.5rem;
        font-size: 0.75rem;
        font-weight: 300;
    }
    
    #PanelNavTop .panel-runtime .dropdown-menu {
        font-size: 0.75rem;
        background-color: #1b1b1b;
        border: none;
        border-radius: 4px;
    }
    
    #PanelNavTop .panel-runtime .dropdown-item {
        padding: .25rem 0.5rem;
        color: #ffffff;
    }
    
    #PanelNavTop .panel-runtime .dropdown-item:hover {
        color: #FCCB00;
        background-color: #000;
    }
    
    .v9-alert:after {
        background-color: red;
        border-radius: 3px;
        content: "";
        display: block;
        top: 0px;
        width: 6px;
        height: 6px;
        position: absolute;
    }
    
    #PanelNavTop .panel-runtime>li {
        display: inline-block;
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 10px;
        font-size: 12px;
        font-size: 0.75rem;
    }
    
    #PanelNavTop .panel-runtime>li:first-child::before {
        content: '';
        margin-right: 5px;
    }
    
    #PanelNavTop .panel-runtime>li::before {
        content: '|';
        color: #aeaeae;
        float: none;
        margin-right: 10px;
    }
    
    #MainHeader #PanelNavTop .textTime {
        color: #fff;
    }
    
    #NavMenu .nav-pc {
        z-index: 999;
        background: #25aae1 !important;
        border-top: 0px solid #fff !important;
        position: relative;
    }
    
    #NavMenu a {
        color: #fff;
        position: relative;
    }
    
    #NavMenu a:hover {
        background-color: #fff;
        border-radius: 0.25rem;
        color: #25aae1;
    }
    
    .home_box {
        /* display: block !important;
    height: inherit !important;
    background-color: #ececec !important;
    color: #404040 !important;
    position: relative;*/
        display: block !important;
        height: inherit !important;
        background-color: #ececec !important;
        color: #404040 !important;
        position: relative;
        margin: 1rem auto;
        box-shadow: #a7a7a7 2px 2px 20px;
        border-radius: 1rem;
    }
    
    .home_box_green {
        display: block !important;
        height: inherit !important;
        background: #001910 !important;
        color: #fff !important;
        position: relative;
    }
    
    #MainFooter {
        background-color: #2199ca;
    }
    
    #MainFooter .container {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    
    #MainFooter .linecolor {
        background: #445666;
    }
    
    #MainFooter .textpc,
    #MainFooter .copyright {
        color: #fff;
    }
    
    #MainFooter .quicklinks {
        background-color: #00712d;
        border-bottom: 1px solid #072009;
        border-top: 1px solid #072009;
    }
    
    #MainFooter .quicklinks ul {
        align-items: center;
        justify-content: center;
        list-style-type: none;
        margin-bottom: 0;
        text-align: center;
    }
    
    #MainFooter .quicklinks ul li {
        display: inline-block;
    }
    
    #MainFooter .quicklinks ul li a {
        border-left: 1px solid #6c6c6c;
        color: #6c6c6c;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 2.3rem;
        padding: 0 1.1rem;
    }
    
    #MainFooter .quicklinks ul li:first-child a {
        border-left: none;
    }
    
    @media (max-width: 992px) {
        .navbar-collapse {
            background: #fff;
        }
        #NavMenu a {
            color: #0a7bbd;
            position: relative;
            font-weight: 400;
        }
    }
    
    .barTitleHead {
        background: #ffffff;
        color: #0c6287;
    }
    
    .boxSlotimg {
        /*background-color: #051913;*/
        background: url(../../../sources/bg_casino.jpg) #051913 top center no-repeat;
        position: relative;
    }
    
    .box_panel_right {
        color: #000;
        border-left: solid 1px rgba(0, 0, 0, 0.1);
        background: #1b4b5f top center no-repeat;
        /*box-shadow: inset 10px 0px 20px rgba(0,0,0,0.02);
    background: rgba(0, 0, 0, 0.37);*/
        position: relative;
    }
    
    .box_panel_left {
        background: #fff;
        border-right: solid 2px #25aae1;
    }
    
    .div_boximg {
        background-color: #0f5977;
        border: 2px dashed #25aae1;
        position: relative;
        text-align: center;
    }
    
    .bntplay {
        border-color: #dc8800 !important;
        -webkit-box-shadow: 2px 2px 5px -1px rgb(11, 41, 31);
        -moz-box-shadow: 2px 2px 5px -1px rgba(249, 36, 68, 0.75);
        box-shadow: 2px 2px 5px -1px rgb(0, 0, 0);
        position: relative;
        color: #000;
        background: #fed703;
        background: -moz-linear-gradient(top, #ffffff 4%, #ffe87b 5%, #e6a419 100%);
        background: -webkit-linear-gradient(top, #ffffff 4%, #ffe87b 5%, #e6a419 100%);
        background: linear-gradient(to bottom, rgba(248, 207, 83, 1) 0%, rgba(248, 239, 167, 1) 23%, rgba(204, 152, 48, 1) 76%, rgba(204, 152, 48, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fed703', endColorstr='#dc8800', GradientType=0);
    }
    
    .bntplay:hover {
        color: #000;
    }
    
    .m_btnLogin {
        /*background: #f7ca06 !important;*/
        color: #000 !important;
        border: solid 1px #f7ca06;
        background-color: #FED703;
        background: linear-gradient(to bottom, rgba(248, 207, 83, 1) 0%, rgba(248, 239, 167, 1) 23%, rgba(204, 152, 48, 1) 76%, rgba(204, 152, 48, 1) 100%);
        -moz-box-shadow: inset 0 0 4px #000000;
    }
    
    .m_btnRegis {
        border-color: #363636 !important;
        border-radius: 0px;
        background: rgba(76, 76, 76, 1);
        background: -moz-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76, 76, 76, 1)), color-stop(12%, rgba(89, 89, 89, 1)), color-stop(25%, rgba(102, 102, 102, 1)), color-stop(39%, rgba(71, 71, 71, 1)), color-stop(50%, rgba(44, 44, 44, 1)), color-stop(51%, rgba(0, 0, 0, 1)), color-stop(60%, rgba(17, 17, 17, 1)), color-stop(76%, rgba(43, 43, 43, 1)), color-stop(91%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(19, 19, 19, 1)));
        background: -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        background: -o-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        background: -ms-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    }
    
    .m_btnRegis:hover {
        background: #046822;
        border-color: #046822;
    }
    /*-------------------
Promotion
--------------------*/
    
    .tolltipbonus {
        position: absolute;
        padding: 0.25rem 0.5rem;
        top: 0px;
        right: 0px;
        border-radius: 0rem 0rem 0.25rem 0.25rem;
    }
    
    .tolltipbonus.color1 {
        background-color: #ff7600;
        color: #fff;
    }
    
    .tolltipbonus.color2 {
        background-color: #f00;
        color: #fff;
    }
    
    #PromotionNav .ListTypeSlot {
        position: relative;
        background: #288df2;
        background-blend-mode: overlay;
        border: none;
        border-radius: 24px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    }
    
    #Promotion-Nav li {
        padding: 0.25rem 0.25rem;
    }
    
    #PromotionNav li a {
        border: 1px solid #e7ce7a;
        border-radius: 20px;
    }
    
    #PromotionNav .nav-pills .nav-link.active,
    #PromotionNav .nav-pills .show>.nav-link {
        background-color: #9fe3ff;
        color: #000;
        border-radius: 24px;
        border: none;
        background-image: linear-gradient(to top, rgba(181, 181, 181, 0.3), rgba(30, 30, 30, 0.3));
        background-blend-mode: overlay;
    }
    
    #PromotionNav .ListTypeSlot a {
        color: #fff;
        margin: 2px;
    }
    
    #PromotionNav .ListTypeSlot.nav-pills .nav-link {}
    
    #PromotionNav .ListTypeSlot a:hover {
        /*background-color: #065f47;*/
        background-color: #eeae01;
        color: #000;
        border-radius: 14px;
        border: none;
        background-image: linear-gradient(to top, rgba(181, 181, 181, 0.3), rgba(30, 30, 30, 0.3));
        background-blend-mode: overlay;
        -moz-box-shadow: inset 0 0 4px #000000;
        -webkit-box-shadow: inset 0 0 4px #000000;
        box-shadow: inset 0 0 4px #000000;
    }
    
    #PromotionNav .ListTypeSlot .nav-item:not(:last-child) {
        /*webkit-box-shadow: 10px 0px 0px -9px #2db791;
    -moz-box-shadow: 10px 0px 0px -9px #2db791;
    box-shadow: 10px 0px 0px -9px #2db791;*/
    }
    
    #PromotionListBox .promotion-box {
        margin-bottom: 15px;
        padding: 1rem;
        border: solid 1px #25aae1;
        border-radius: 1rem;
        background: #057fb1;
        background-image: linear-gradient( 175deg, rgba(181, 181, 181, 0.5), rgba(30, 30, 30, 0.5));
        background-blend-mode: overlay;
        box-shadow: 0 2px 3px rgb(0 0 0 / 25%);
    }
    
    #PromotionListBox .promotion-image {
        background-color: #1f0606;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 60px;
        padding: 0rem;
        display: block;
        border: solid 1px #25aae1;
    }
    
    #PromotionListBox .promotion-image img {
        width: 100%;
        display: block;
    }
    
    #PromotionListBox .promotion-details h4 {
        margin: 1rem auto;
        font-size: 1.188rem;
        color: #fed103;
        text-transform: uppercase;
    }
    
    #PromotionListBox .promotion-details p {
        color: #fff;
        font-size: 1rem;
        font-weight: 300;
        margin-bottom: 1rem;
    }
    
    #PromotionListBox .promotion-details .btn-line {
        border-radius: 32px;
        background-color: #fff;
        color: black;
        font-weight: 500;
    }
    
    #PromotionListBox .promotion-details .thin-gutter {
        margin-left: -8px;
        margin-right: -8px;
    }
    /*-----------------
Contact
------------------*/
    
    .mobile-page-container {
        position: relative;
        max-width: 1140px;
        min-height: 520px !important;
        color: #fff;
        background: #0c658a;
        background-image: linear-gradient(175deg, rgba(181, 181, 181, 0.5), rgba(30, 30, 30, 0.5));
        background-blend-mode: overlay;
        border-radius: 16px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
        padding: 24px 16px 16px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 16px;
    }
    
    .mobile-page-container .mobile-nav {}
    
    .mobile-page-container .mobile-nav .no-gutters {
        background: #1f1f1f;
        background-image: linear-gradient(to bottom, rgba(181, 181, 181, 0.5), rgba(30, 30, 30, 0.5));
        background-blend-mode: overlay;
        border: none;
        border-radius: 24px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
        margin-top: 0;
    }
    
    .no-gutters li.active {
        font-weight: 700;
    }
    
    .no-gutters>.col,
    .no-gutters>[class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
    
    .no-gutters li.active a {
        background-color: #eeae01;
        border: none;
        color: #161616;
    }
    
    .mobile-page-container .mobile-nav .no-gutters li:last-child a:before {
        content: "";
        position: absolute;
        display: block;
        width: 1px;
        background: #000000;
        top: 14%;
        left: -1px;
        height: 72%;
        border-right: 1px solid #565656;
    }
    
    .mobile-page-container .mobile-nav .no-gutters li:first-child a:before {
        content: "";
        position: absolute;
        display: block;
        width: 2px;
        background: #000000;
        top: 14%;
        right: -1px;
        height: 72%;
        border-right: 1px solid #565656;
    }
    
    .mobile-page-container .mobile-nav .no-gutters li:first-child a {
        border-top-left-radius: 24px;
        border-bottom-left-radius: 24px;
    }
    
    .mobile-page-container .mobile-nav .no-gutters li.active a {
        color: #000;
        background-image: linear-gradient(to top, rgba(181, 181, 181, 0.3), rgba(30, 30, 30, 0.3));
        background-blend-mode: overlay;
        -moz-box-shadow: inset 0 0 4px #000000;
        -webkit-box-shadow: inset 0 0 4px #000000;
        box-shadow: inset 0 0 4px #000000;
    }
    
    .mobile-page-container .mobile-nav .no-gutters li>a {
        padding: 12px 4px;
        text-shadow: 0 2px 2px rgba(0, 0, 0, .25);
        color: #fff;
    }
    
    .mobile-page-container .content_container .content-title {
        margin: 8px 0;
        font-weight: 400;
        font-size: 2em;
        color: #eeae01;
    }
    
    .content_container p {
        font-weight: 300;
        text-indent: 3rem;
    }
    
    .content_container p a {
        color: #F3EA04;
    }
    
    .mobile-page-container .content_container .mobile-page-btn {
        display: block;
        border: 2px solid #1ce01c;
        background-color: #00b900;
        color: #ffffff;
        font-weight: bold;
        border-radius: 24px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
        min-width: 160px;
        margin-right: 8px;
        text-align: center;
        box-sizing: border-box;
    }
    
    .mobile-page-container .content_container .mobile-page-btn:hover {
        background-color: #eeae01;
        color: #000;
    }
    
    .mobile-page-container .img_container {
        position: relative;
        min-height: 336px;
    }
    
    .mobile-page-container .content_container {
        position: relative;
        border-left: 1px solid #25aae1;
    }
    /*-----------------------
DeskTop
------------------------*/
    
    @media (min-width: 992px) {
        .mobile-page-container .content_container .mobile-page-btn {
            padding: 6px 24px;
            font-size: 1rem;
        }
        .mobile-page-container .content_container {
            padding: 00px 32px 24px;
            margin-bottom: 16px;
        }
    }
    /*-----------------------
Mobile
------------------------*/
    
    @media (max-width: 992px) {
        .mobile-page-container {
            margin: 1rem auto;
            font-size: 16px;
        }
        .mobile-page-container .content_container .mobile-page-btn {
            padding: 6px 6px;
            font-size: 0.8rem;
            font-weight: 300;
        }
        .mobile-page-container .content_container {
            padding: 0rem 1rem;
            margin-bottom: 16px;
        }
        .mobile-page-container .content_container .content-title {
            margin: 8px 0;
            font-weight: 400;
            font-size: 1.2rem;
            color: #eeae01;
        }
    }
    
    .mobile-page-container .content_container:before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: -2px;
        height: 100%;
        border-left: 1px solid #000000;
    }
    /*----------------------
Abount US
----------------------*/
    
    .ques {
        color: #fff;
        font-weight: 500;
        margin-top: 28px;
    }
    
    .promo-list {
        font-weight: 200;
        list-style: none;
    }
    
    .promo-list li:before {
        content: '\2D';
        position: absolute;
        margin-left: -20px;
    }