@font-face {
    font-family: 'eurostile';
    src: url('fonts/eurostile.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostile-bold';
    src: url('fonts/EUROSTIB.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tamba-bold';
    src: url('fonts/tamba-bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato-black';
    src: url('fonts/lato-black.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'century-gothic';
    src: url('fonts/century-gothic.ttf');
    font-weight: normal;
    font-style: normal;
}


body, html {
    background-color: white !important;
}

::selection {
    background: #c1272d !important;
    color: #ffffff !important;
}

.max-text-lines-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /*number of lines*/
}

select {
    font-size: 0.8rem;
    padding: 0.2rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Lato;
}

.tr1 td:nth-child(1), .tr1 th:nth-child(1),
.tr2 td:nth-child(2), .tr2 th:nth-child(2),
.tr3 td:nth-child(3), .tr3 th:nth-child(3),
.tr4 td:nth-child(4), .tr4 th:nth-child(4),
.tr5 td:nth-child(5), .tr5 th:nth-child(5),
.tr6 td:nth-child(6), .tr6 th:nth-child(6),
.tr7 td:nth-child(7), .tr7 th:nth-child(7),
.tr8 td:nth-child(8), .tr8 th:nth-child(8),
.tr9 td:nth-child(9), .tr9 th:nth-child(9) {
    text-align: right
}

.tc1 td:nth-child(1), .tc1 th:nth-child(1),
.tc2 td:nth-child(2), .tc2 th:nth-child(2),
.tc3 td:nth-child(3), .tc3 th:nth-child(3),
.tc4 td:nth-child(4), .tc4 th:nth-child(4),
.tc5 td:nth-child(5), .tc5 th:nth-child(5),
.tc6 td:nth-child(6), .tc6 th:nth-child(6),
.tc7 td:nth-child(7), .tc7 th:nth-child(7),
.tc8 td:nth-child(8), .tc8 th:nth-child(8),
.tc9 td:nth-child(9), .tc9 th:nth-child(9) {
    text-align: center
}

hr.dashed {
    border-top: 1.3px dashed rgba(0, 0, 0, 0.17);
}

hr.gold {
    border-top: 1px solid rgb(236, 178, 29);
}

hr.hr-vertical {
    border-right: 1px solid #fff;
    margin: 0;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
}

hr.white-translucent {
    border-color: rgba(255, 255, 255, 0.25);
}

.half-highlight {
    border-bottom: 2px solid #ddeaf6;
    -moz-box-shadow: inset 0 -5px 0 #ddeaf6;
    -webkit-box-shadow: inset 0 -5px 0 #ddeaf6;
    box-shadow: inset 0 -5px 0 #ddeaf6;
}

.overflow-x-auto {
    overflow-x: auto;
}

.on-hover-pointer:hover {
    cursor: pointer;
}

.loading {
    pointer-events: none;
    background-color: #3a3a3a !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-themered {
    background-color: #c1272d !important;
}

.bg-jackpot {
    background: url("/images/WebUIv2-01.png") center center no-repeat;
    background-size: cover;
    height: 89px;
}

.bg-verylightgray {
    background-color: #f1f2f2 !important;
}

.bg-kamekame {
    background: url("/images/Kamekame.jpg");
    background-size: 5%;
}

.bg-black-gold-stroke {
    background-color: #000;
    border: 7px solid #fff760;
    border-radius: 30px;
}

.bg-gold-plate {
    background: linear-gradient(310deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    box-shadow: 0px 2px 0 1px #87451a;
    text-shadow: 1px 1px #f6ecae, -1px -1px #b38829;
    border-radius: 62px;
    color: #6e2d20 !important;
    font-family: tamba-bold;
}

.bg-themered-plate {
    background-color: #c1272d !important;
    box-shadow: 0px 2px 0 1px #6f171b;
    border-radius: 62px;
}

.bg-gray-plate {
    background-color: #a4a4a4 !important;
    box-shadow: 0px 2px 0 1px #676767;
    border-radius: 62px;
}

.bg-brown-gold {
    background: url('/images/brown-gold-bg.png') center center;
    background-size: 100% 100%;
}

.std-box-shadow {
    box-shadow: 2px 2px 7px #00000024;
}

.card-2 {
    box-shadow: 0 0 6px #00000038;
    background-color: white;
}

.a-white {
    color: #fff !important;
}

    .a-white:hover {
        text-decoration: underline !important;
    }

.c-yellow {
    color: #ffe317;
}

.c-gray {
    color: gray;
}

.c-themered {
    color: #c1272d !important;
}

.c-sunglow {
    color: #fbc931 !important;
}

.c-gold {
    color: #d8bc71 !important;
}

.c-white {
    color: #fff !important;
}

.line-height-1 {
    line-height: 1;
}

.p-dot5 {
    padding: 0.5%;
}

.font-family-raleway {
    font-family: 'Raleway' !important;
}

.font-family-lato-black * {
    font-family: lato-black !important;
}

.f-0 {
    font-size: 0;
}

.f-sm {
    font-size: 0.8rem;
}

.w-20 {
    width: 20%;
}

.letter-space-1 {
    letter-spacing: 1rem;
    text-indent: 1rem;
}

.min-width-none {
    min-width: 0 !important;
}

.v-mid {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.v-top {
    vertical-align: top;
}

.v-bottom {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex-direction: column;
}

.round-solid-border {
    border: 1px solid lightgray;
    border-radius: 20px;
}

.round-dotted-border {
    border: 1px dashed lightgray;
    border-radius: 20px;
}

.round-span-themered {
    color: white;
    background: #c1272d;
    border-radius: 30px;
    font-weight: bold;
    display: inline-block;
}

.round-span-black {
    color: white;
    background: #323232;
    border-radius: 30px;
    font-weight: bold;
    display: inline-block;
}

.round-span-redborder {
    color: #c1272d;
    background: #fff;
    border-radius: 30px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #c1272d;
}

.round-span-white {
    background: #fff;
    border-radius: 30px;
    font-weight: bold;
}

.n-mt-5 {
    margin-top: -3rem !important;
}

.m-auto-hori {
    margin: 0 auto;
}

.column-count-2 {
    column-count: 2;
}

#gotoTop:hover {
    background-color: rgba(0, 0, 0, 0.47);
}

[class^="icon-"], [class*=" icon-"], [class^="icon-line-"], [class*=" icon-line-"], [class^="icon-line2-"], [class*=" icon-line2-"], .side-header #primary-menu ul > li.sub-menu > a:after {
    color: #c1272d !important;
}

.cornered {
    border-top: 100px solid #000 !important;
    border-right: 80px solid #c1272d;
    width: 20%;
    height: 0px !important;
    z-index: 2;
}

#header {
    background: none;
    background-color: #c1272d;
    position: relative;
    border-bottom: 1px solid #c1272d !important;
    /*overflow: auto;*/
}

    #header .cornered {
        position: absolute;
        left: 0;
        top: 0;
        transition: .4s ease;
    }

#logo {
    margin-left: 2%;
    z-index: 3;
}

#header.sticky-header #header-wrap {
    background-color: #c1272d !important;
}

    #header.sticky-header #header-wrap .cornered {
        border-top: 60px solid #000 !important;
        border-right: 50px solid #c1272d;
        width: 13%;
    }

#header-wrap #primary-menu-trigger {
    z-index: 4;
}

#footer2 {
    border-top: none;
    background-color: white !important;
}

    #footer2 #recognition {
        background-color: white;
        padding: 1rem 0;
    }

        #footer2 #recognition * {
            color: black;
            font-weight: bold;
        }

        #footer2 #recognition .globalreg-icon {
            text-align: center;
            max-width: 300px;
            margin: auto;
        }

            #footer2 #recognition .globalreg-icon img {
                width: 30%;
            }

    #footer2 #sitemap {
        border-bottom: 15px solid #c1272d;
    }

    #footer2 * {
        color: white;
        font-size: 0.8rem;
    }

    #footer2 * {
        color: #cfcfcf;
        font-size: 0.7rem;
        padding: 0.2rem 0;
    }

    #footer2 a:hover {
        text-decoration: underline !important;
    }

.links-block a {
    display: block;
}

    .links-block a:hover {
        color: #c1272d;
    }

#footer2 ul {
    list-style-type: square;
    padding-left: 1.5rem;
    margin-bottom: 0;
    margin-bottom: 0;
}

    #footer2 ul li {
        line-height: 1.2;
    }

#primary-menu {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-color: #c1272d !important;
    z-index: 1;
}

    #primary-menu ul li > a {
        color: white !important;
    }

        #primary-menu ul li > a:hover {
            color: #fbe750 !important;
        }

#header.full-header #primary-menu > ul {
    float: right;
}

[class^="icon-"], [class*=" icon-"], [class^="icon-line-"], [class*=" icon-line-"], [class^="icon-line2-"], [class*=" icon-line2-"], .side-header #primary-menu ul > li.sub-menu > a:after {
    color: #c1272d !important;
}

#login-wrap {
    display: none;
}

.btn-1 {
    font-size: 0.7rem;
    border-radius: 30px;
    border: 0;
    padding: 0.3rem 1rem;
    color: white;
    background-color: gray;
    min-width: 100px;
}


.btn-2 {
    font-size: 0.8rem;
    border: 0;
    padding: 0.5rem;
    color: white;
    background-color: gray;
}

.btn-3 {
    font-size: 0.8rem;
    border: 0;
    padding: 0.25rem 0.6rem;
    color: white;
    background-color: gray;
    vertical-align: middle;
}

    .btn-1.btn-1-red, .btn-2.btn-2-red, .btn-3.btn-3-red {
        background-color: #c1272d;
    }

        .btn-1.btn-1-red:hover, .btn-2.btn-2-red:hover, .btn-3.btn-3-red:hover {
            background-color: #a12227;
            cursor: pointer;
        }

.input-1 {
    border-radius: 30px;
    padding: 0.3rem 0.5rem;
    font-size: 0.7rem;
    border: 1px solid gray;
    min-width: 150px;
}

.input-2 {
    padding: 0.2rem 0.6rem !important;
    font-size: 0.8rem;
    border: 1px solid gray;
    min-width: 180px;
    vertical-align: middle;
    border-radius: 0 !important;
}

    .input-2.input-2--search {
        border: 0;
        border-bottom: 1px solid lightgray;
    }

    .input-2.input-2--bigfont {
        font-size: 1.2rem;
    }

.datepicker.default {
    background: url(/images/calendar.png) no-repeat center;
    background-color: white;
    background-position-x: 98%;
    background-size: 21px;
}

    .datepicker.default.default--mod {
        border-radius: 30px !important;
        padding: 0.3rem 0.5rem !important;
        width: 100%;
    }

.jpimage-container {
    position: relative;
}

.jpi-abs {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.jpi-abs-icon {
    width: 29%;
    height: 100%;
    text-align: center;
    padding: 5% 4% 5% 6%;
}

.jpi-abs-prize {
    vertical-align: bottom;
    font-weight: bold;
    /*font-size: 2rem;
    padding-bottom: 7%;*/
    /*font-size: 1.8rem;*/
    font-size: 160%;
    padding-bottom: 8%;
}

.jpi-abs-info {
    position: absolute;
    top: 10%;
    right: 5%;
    font-size: 1.3rem;
}

.dtstamp {
    font-size: 0.65rem;
    color: #b1b1b1;
    font-style: italic;
    display: block;
    line-height: 1;
    margin-top: 0.2rem;
    text-align: center;
}

    .dtstamp.dtstamp--mod2 {
        font-size: 0.8rem;
        margin-top: -0.2rem;
        text-shadow: none;
    }

    .dtstamp.dtstamp--mod3 {
        position: absolute;
        top: 87%;
        width: 100%;
        left: 0;
        margin-top: 0;
        font-size: 0.7rem;
    }

.resultdate {
    position: relative;
}

.rdt-left, .rdt-right {
    position: absolute;
    width: 1.5%;
    height: 100%;
}

.rdt-left {
    left: 0;
    top: 0;
}

.rdt-right {
    right: 0;
    top: 0;
}

.rdt-center {
    background-color: black;
    width: 97%;
    margin: auto;
}

    .rdt-center.rdt-center--yellow {
        background-color: #ffde17;
        color: black !important;
    }

.res-tbl-1 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    box-shadow: 1px 1px 5px #00000052;
    margin: 0;
    font-size: 1.2rem;
}

    .res-tbl-1 span.r {
        color: red;
    }

    .res-tbl-1 th {
        background-color: black;
        color: white;
        font-weight: bold;
    }

    .res-tbl-1 td {
        background-color: white;
        padding: 4px;
        border: 1px solid #c8c8c8;
        ;
    }

        .res-tbl-1 td:first-child {
            background-color: #c1272d;
            color: white;
            font-weight: bold;
        }

    .res-tbl-1.res-tbl-1--6d span {
        color: white;
    }

    .res-tbl-1.res-tbl-1--6d td {
        width: 24px;
        padding: 4px 3px;
        border: 0;
    }

        .res-tbl-1.res-tbl-1--6d td:first-child {
            width: 40%;
        }

        .res-tbl-1.res-tbl-1--6d td .sixd-firstpz span {
            display: inline-block;
            color: #c1272d !important;
            padding: 0 5%;
            font-weight: bold;
        }

    .res-tbl-1.res-tbl-1--6d tr {
        border-bottom: 1px solid #c8c8c8;
    }

    .res-tbl-1.res-tbl-1--6d .void {
        padding: 0 0.5%;
    }

        .res-tbl-1.res-tbl-1--6d .void span {
            display: block;
            height: 20px;
            background-color: #b3b3b3;
        }


    .res-tbl-1.res-tbl-1--6d .voidor {
        color: white;
        background-color: #666666;
        width: 30px;
    }

    .res-tbl-1.res-tbl-1--6d.res-tbl-1--6d-yellow th {
        color: #e7d766;
        padding: 5px;
    }

    .res-tbl-1.res-tbl-1--6d.res-tbl-1--6d-yellow tr {
        border-bottom: 1px solid #a30000;
    }

    .res-tbl-1.res-tbl-1--6d.res-tbl-1--6d-yellow.res-tbl-1--6d-yellow--noborder tr {
        border-bottom: 1px solid #f1f2f2;
    }

    .res-tbl-1.res-tbl-1-yellow {
        border-collapse: unset;
        box-shadow: unset;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-spacing: 1px;
    }

        .res-tbl-1.res-tbl-1-yellow th {
            color: #e7d766;
            padding: 5px;
        }

        .res-tbl-1.res-tbl-1-yellow td {
            border: 0;
            padding: 6px;
            box-shadow: 1px 1px 5px #0000001c;
        }

.res-tbl-2 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    box-shadow: 1px 1px 5px #00000052;
    margin: 0;
    font-size: 1.1rem;
}

    .res-tbl-2 span.r {
        color: red;
    }

    .res-tbl-2 span.r {
        font-size: 0.8rem;
        vertical-align: top;
        font-weight: bold;
    }

    .res-tbl-2 th {
        background-color: #c1272d;
        color: white;
    }

    .res-tbl-2 td {
        padding: 4px;
        /*border-right: 1px solid #c8c8c8;*/
        border: 1px solid #c8c8c8;
        background-color: white;
    }

    .res-tbl-2 tr:first-child {
        /*border-bottom: 1px solid #c8c8c8;*/
    }

    .res-tbl-2.res-tbl-2-yellow {
        border-collapse: unset;
        box-shadow: unset;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-spacing: 1px;
    }

        .res-tbl-2.res-tbl-2-yellow th {
            color: #e7d766;
            padding: 5px;
            background-color: black;
        }

        .res-tbl-2.res-tbl-2-yellow td {
            border: 0;
            padding: 6px;
            box-shadow: 1px 1px 5px #0000001c;
        }

.bonusjp-box {
    position: absolute;
    width: 100%;
    top: 44%;
    line-height: 1;
    color: white;
    font-size: 26px;
}

    .bonusjp-box .fbig {
        font-size: 30px;
        font-weight: bold;
    }

#sec-6d .bonusjp-box {
    top: 35%;
}

#sec-6d .jpunits-box {
    top: 35%;
}

.jppool-box {
    position: absolute;
    color: #ed1c24;
    font-size: 1.8rem;
    /*top: 54%;*/
    top: 57%;
    width: 100%;
    font-weight: bold;
}

.jpunits-box {
    position: absolute;
    color: white;
    top: 13%;
    width: 100%;
    font-size: 21px;
    font-size: 1.2rem;
}

    .jpunits-box .fbig {
        font-size: 23px;
        font-weight: bold;
    }

.main-jp-tab {
    position: absolute;
    top: -6%;
    width: 100%;
}

.main-res {
    padding-top: 9%;
}

.HL-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000d6;
    opacity: 0;
    transition: .5s ease;
}

    .HL-box:hover {
        opacity: 1;
    }

    .HL-box .HL-viewmore {
        display: inline-block;
        color: white;
        border: 1px solid white;
        padding: 0.3rem 1.5rem;
    }

        .HL-box .HL-viewmore:hover {
            cursor: pointer;
        }

.ytselect:hover {
    cursor: pointer;
}

.ytselect.active {
    background-color: lightgray;
}

.sale-flash.sale-flash--mod {
    font-size: 10px;
    padding: 1px 6px;
    top: 12px;
    left: 12px;
    background-color: #fb2727;
}

.banner-box {
    position: relative;
    font-family: 'Raleway';
}

    .banner-box .banner-box-title {
        position: absolute;
        height: 100%;
        width: 100%;
        text-align: center;
        top: 0;
    }

        .banner-box .banner-box-title.mask {
            background-color: #000000a6;
        }

        .banner-box .banner-box-title span {
            color: white;
            font-size: 50px;
            font-weight: bold;
            border-bottom: 2px solid white;
            text-shadow: 3px 3px 5px #000000c4;
        }

    .banner-box .m-hide {
        width: -webkit-fill-available;
    }

.tbl-1 {
    min-width: 900px;
    border-collapse: unset;
    border-spacing: 2px;
    width: 100%;
}

    .tbl-1 th {
        background-color: #c1272d;
        color: white;
        font-weight: bold;
        width: calc(100%/6);
        padding: 5px 10px;
        font-size: 15px;
    }

    .tbl-1 td {
        padding: 5px 10px;
    }

    .tbl-1 tr:nth-child(odd) {
        background-color: #e6e6e6;
    }

    .tbl-1 tr:nth-child(even) {
        background-color: #f2f2f2;
    }

.tbl-2 {
    width: 100%;
}

    .tbl-2 th {
        background-color: #c1272d;
        color: white;
        font-weight: bold;
        width: calc(100%/6);
        padding: 5px 10px;
        font-size: 13px;
        text-transform: uppercase;
    }

    .tbl-2 td {
        padding: 5px 10px;
        font-size: 13px;
    }

    .tbl-2 tr:nth-child(odd) {
        background-color: #e6e6e6;
    }

    .tbl-2 tr:nth-child(even) {
        background-color: #f2f2f2;
    }

.tbl-3 {
    margin-bottom: 15px;
}

    .tbl-3 tr td {
        padding: 2px 5px;
    }

        .tbl-3 tr td input {
            text-align: center;
        }

        .tbl-3 tr td:first-child {
            font-weight: bold;
        }

    .tbl-3.tbl-3--mod1 {
        width: 100%;
    }

        .tbl-3.tbl-3--mod1 th {
            background-color: gray;
            color: white;
        }

        .tbl-3.tbl-3--mod1 tr:first-child th {
            background-color: black;
            color: #e7d766;
        }

        .tbl-3.tbl-3--mod1 tr {
            background-color: lightgray;
            transition: linear 0.5s;
        }

        .tbl-3.tbl-3--mod1 td {
            padding: 0.5rem;
        }

            .tbl-3.tbl-3--mod1 td i:hover {
                cursor: pointer;
            }

.tbl-4 {
    width: 100%;
    font-size: 18px;
    margin-bottom: 0;
}

    .tbl-4 td {
        padding: 1.2%;
    }

        .tbl-4 td:nth-child(1) {
            border-right: 2px solid black;
        }

    .tbl-4 thead tr:nth-child(1) {
        border-bottom: 2px solid black;
    }

    .tbl-4 tbody tr:nth-child(odd) {
        background-color: #fefefe;
    }

    .tbl-4 tbody tr:nth-child(even) {
        background-color: #e7e7e7;
    }

.tbl-5 {
    width: 100%;
    margin-bottom: 0;
    text-align: left;
    min-width: 450px;
    font-size: 0.8rem;
}

    .tbl-5 tr:not(:last-child) {
        border-bottom: 1px solid lightgray;
    }

    .tbl-5 td {
        padding: 10px 0;
    }

        .tbl-5 td:nth-child(1) {
            text-align: center;
            padding-right: 20px;
        }

.tbl-6 {
    width: 100%;
    text-align: left;
    margin: 0;
}

    .tbl-6 td {
        padding: 2%;
    }

        .tbl-6 td:not(:last-child) {
            border-right: 1px solid lightgray;
        }

.tbl-7 {
    width: 100%;
}

    .tbl-7 th {
        width: 50%;
        font-size: 2rem;
    }

    .tbl-7 td {
        font-size: 1.5rem;
        border: 1px solid #b5b5b5;
        font-weight: 600;
        color: #5c5c5c;
    }

    .tbl-7 .tbl-7--title1 {
        background-color: #c1272d;
        color: white;
    }

    .tbl-7 .tbl-7--title2 {
        background-color: #f5aa3b;
        color: black;
    }

.divtblunitprice {
    padding: 2%;
    background: url(/images/unitprice_bg.png) top center no-repeat;
    background-size: 100% 100%;
}

.content-wrap {
    padding: 0 0 30px 0 !important
}

select.select-center {
    text-align-last: center;
}

.hang-share {
    position: absolute;
    top: 0;
    left: 103%;
    height: 100%;
    width: fit-content;
}

    .hang-share:hover {
        cursor: pointer;
    }

.card-2-contact {
    font-size: 0;
    border-radius: 15px;
}

    .card-2-contact .c2con {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 15px;
    }

    .card-2-contact .c2con-img {
        width: 25%;
    }

        .card-2-contact .c2con-img img {
            width: 100%;
        }

    .card-2-contact .c2con-text {
        width: 75%;
        font-size: 1rem;
        height: 100%;
        font-weight: bold;
    }

.no-live-video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/images/tvnoise.gif');
    color: white;
    text-align: center;
}

    .no-live-video .no-live-video_info {
        background-color: #0000008c
    }

.numdict {
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
}

.numdict_tempimg {
    box-shadow: 2px 2px 7px #00000024;
}

.numdict_num {
    font-size: 4rem;
    font-family: eurostile-bold;
    line-height: 1;
    color: #fa1f27 !important;
}

.numdict_desc {
    font-size: 1.5rem;
    line-height: 1;
    color: #515151;
    padding: 0 1rem;
}

.numdict_deitis {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 15%;
}

div[onclick]:hover {
    cursor: pointer;
}

.bonus-calculator {
    box-shadow: 1px 1px 5px #00000038;
    display: inline-block;
}

    .bonus-calculator.bonus-calculator--big {
        font-size: 1.5rem;
    }

        .bonus-calculator.bonus-calculator--big input {
            font-size: 1.2rem;
        }

        .bonus-calculator.bonus-calculator--big .btn-1 {
            font-size: 1.2rem;
        }

.bonusjp_est {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 2.5rem;
    top: 58%;
    font-weight: bold;
}

.map_cty {
    position: absolute;
    width: 17%;
    transition: ease .2s;
}

    .map_cty.map_cty--mn {
        left: 8.5%;
        top: 11%;
    }

    .map_cty.map_cty--cb {
        top: 22%;
        left: 17.5%;
    }

    .map_cty.map_cty--vn {
        top: 21%;
        left: 35%;
    }

    .map_cty.map_cty--th {
        top: 32%;
        left: 6.5%;
    }

    .map_cty.map_cty--my {
        top: 52%;
        left: 25%;
    }

    .map_cty.map_cty--id {
        top: 69%;
        left: 27%;
    }

    .map_cty:hover {
        transform: scale(1.2);
        cursor: pointer;
    }

.feature-box.fbox-border.fbox-dark .fbox-icon {
    border-color: transparent;
}

.feature-box .fbox-icon img {
    border-radius: 0;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #eeeeee !important;
}

h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {
    color: #c1272d;
}

.fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 {
    border-bottom: 2px solid #c1272d;
}

#corpvalue {
    color: #555;
}

    #corpvalue * {
        font-family: 'Raleway';
    }

    #corpvalue .heading-block h4, #corpvalue h2 {
        color: #333 !important;
    }

.tooltip-inner {
    max-width: 300px;
    padding: 0.8rem;
}

.res-add {
    /*position: relative;*/
    transition: linear 0.2s;
}

    .res-add:hover {
        /*box-shadow: inset 0px 0px 7px #0000004a !important;*/
        background-color: #dbdbdb;
        cursor: pointer;
    }

    .res-add.selected {
        background-color: lightcoral;
    }

.res-add--choose {
    position: absolute;
    background-color: #f6f6f6;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    padding: 1rem;
    font-size: 1rem;
    width: 150px;
    cursor: default;
    z-index: 9;
    margin-top: 0.7rem;
    box-shadow: 2px 2px 6px #00000024;
}

    .res-add--choose:after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 40%;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 10px solid #cbcbcb;
    }

    .res-add--choose .btn-1 {
        text-align: left;
    }

        .res-add--choose .btn-1:hover {
            cursor: pointer;
            box-shadow: inset 0px 0px 7px #0000004a;
        }

    .res-add--choose [class^="icon-"] {
        color: white !important;
        margin-right: 5px;
        vertical-align: top;
    }

.animate-move-up {
    transition: linear 0.1s;
}

    .animate-move-up:hover {
        margin-top: -0.5rem;
    }

.qbu-currency {
    color: #221e1f;
    position: absolute;
    top: 16%;
    left: 40%;
    font-weight: bold;
    font-size: 5rem;
    width: 30%;
}

    .qbu-currency span {
        font-size: 3.5rem;
    }

    .qbu-currency.qbu-currency--sm {
        top: 22%;
        font-size: 4rem;
    }

        .qbu-currency.qbu-currency--sm span {
            font-size: 3rem;
        }

.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
    border-bottom: 2px solid #cc4e53;
}

.gold-title {
    color: #ddb647 !important;
    font-weight: bold;
    font-size: 1rem !important;
}

.stretched #gotoTop {
    bottom: 80px;
}

.large-font {
    font-size: 1rem;
}

.hlight {
    /*background: linear-gradient(to top, #ffff0069 40%, transparent 30%);
    padding-bottom: 4px;*/
}

.gd-list {
    padding-left: 2rem;
    padding-top: 0.5rem;
}

    .gd-list * {
        font-size: 0.9rem;
    }

    .gd-list li {
        padding-left: 0.5rem;
        /*line-height: 1.8;*/
        margin-bottom: 1rem;
    }

        .gd-list li:last-child {
            margin-bottom: 0;
        }

    .gd-list.gd-list-title-bold {
        font-weight: 600;
    }

        .gd-list.gd-list-title-bold li {
            margin-bottom: 1rem;
        }

        .gd-list.gd-list-title-bold span {
            font-weight: normal;
            color: #ababab;
        }

.gd-list {
    list-style: none;
    counter-reset: my-awesome-counter;
    padding: 0;
}

    .gd-list li {
        counter-increment: my-awesome-counter;
    }

        .gd-list li::before {
            /*content: "0" counter(my-awesome-counter);*/
            content: counter(my-awesome-counter);
            color: white;
            font-weight: bold;
            background-color: #c1272d;
            border-radius: 100px;
            padding: 1px 10px;
            text-align: center;
            display: inline-block;
            margin: 4px;
            margin-right: 10px;
            position: absolute;
        }

#lotterygame-section .tbl-1 {
    min-width: 500px;
}

    #lotterygame-section .tbl-1 th:nth-child(1), #lotterygame-section .tbl-1 td:nth-child(1) {
        text-align: left;
    }

.tabs .tab-nav--gdmod {
    list-style: none;
    margin: 0;
}

    .tabs .tab-nav--gdmod li {
        display: inline-block;
        background-color: #c4c4c4;
        border-radius: 30px;
        padding: 3px 12px;
        margin-bottom: 5px;
        margin-right: 5px;
        transition: ease-in-out 0.1s;
    }

        .tabs .tab-nav--gdmod li a {
            color: white;
        }

        .tabs .tab-nav--gdmod li.ui-tabs-active {
            background-color: #c1272d;
        }

.box-6d-rounded {
    max-width: 150px;
    width: 100%;
    margin: auto;
    border: 1px solid #cdcdcd;
    border-radius: 30px;
    padding: 5px;
    line-height: 1;
}

    .box-6d-rounded .tbl-box-6d {
        width: 100%;
        table-layout: fixed;
        text-align: center;
        margin: 0;
    }

        .box-6d-rounded .tbl-box-6d td {
            padding: 0 !important;
            font-weight: bold;
        }

            .box-6d-rounded .tbl-box-6d td.clr {
                background-color: lightgray;
            }

.or-mid {
    padding: 5px 8px;
    margin: 0 2px;
    background-color: #585858;
    color: white;
    border-radius: 20px;
}

.clean-tbl, .clean-tbl tr, .clean-tbl td {
    margin: auto;
    padding: 0 !important;
    line-height: 1;
}

.mod-6d-long {
    font-size: 1.1rem;
    min-width: 715px;
}

    .mod-6d-long .box-6d-rounded {
        max-width: 250px;
    }

    .mod-6d-long .header-6d span {
        border-radius: 30px;
        font-weight: bold;
        color: white;
        display: block;
        padding: 5px;
    }


    .mod-6d-long .header-6d td:nth-child(1) {
        padding-right: 20px;
    }

        .mod-6d-long .header-6d td:nth-child(1) span {
            background-color: gray;
        }

    .mod-6d-long .header-6d td:nth-child(2) {
        padding-right: 10px;
    }

        .mod-6d-long .header-6d td:nth-child(2) span {
            background-color: lightgray;
            color: black;
        }

    .mod-6d-long .header-6d td:nth-child(3) span {
        background-color: #c1272d;
    }

.imagetab {
    border: 0;
}

    .imagetab li {
        flex-grow: 1;
        flex-basis: 0;
        border-radius: 0;
        border-bottom: 0;
    }

    .imagetab.nav-tabs .nav-link {
        border: 1px solid transparent;
        border-radius: 0;
        border-bottom: 6px solid #dee2e6;
    }

        .imagetab.nav-tabs .nav-link img {
            width: 62px;
        }

        .imagetab.nav-tabs .nav-link.active, .imagetab.nav-tabs .nav-item.show .nav-link {
            border-color: #c1272d;
        }

.fourd-jp-v2 {
    text-align: center;
    height: 100%;
    background: url(/images/4d-bg-black.png) center center no-repeat;
    background-size: 100% 100%;
    color: white;
    word-break: break-word;
    font-size: 1.2rem;
}

    .fourd-jp-v2 .fourd-header {
        color: yellow;
        font-weight: bold;
        font-size: 1.5rem;
    }

    .fourd-jp-v2 .fourd-jp-v2-top .fourd-header {
        font-size: 1.8rem;
        text-transform: uppercase;
    }

.sixd-jp-v2 {
    text-align: center;
    height: 100%;
    background: url(/images/6d-bg-black.png) center center no-repeat;
    background-size: 100% 100%;
    color: white;
    word-break: break-word;
    font-size: 1rem;
}

    .sixd-jp-v2 .sixd-header {
        color: yellow;
        font-weight: bold;
        font-size: 1.2rem;
    }

    .sixd-jp-v2 .sixd-jp-v2-left .sixd-header {
        font-size: 1.5rem;
        text-transform: uppercase;
    }

.dragonjp {
    background: url('/images/jppool-bg.png') center center;
    background-size: 100% 100%;
}

    .dragonjp .djp-dt {
        /*        text-align: center;*/
        font-weight: bold;
        text-shadow: 2px 2px 2px #000000a6;
        font-size: 1.5rem;
        line-height: 1;
        padding-top: 0.5rem;
        color: #fff;
    }

        .dragonjp .djp-dt span {
            font-size: 1rem;
            font-weight: 500;
        }

    .dragonjp .djp-res {
        display: flex;
        text-align: center;
    }



        .dragonjp .djp-res .djp-res-elm {
            flex-grow: 1;
            flex-basis: 0;
            font-family: tamba-bold;
            padding: 3px;
        }

            .dragonjp .djp-res .djp-res-elm span:first-child {
                background-color: #fff;
                display: inline-block;
                width: 100%;
                border-radius: 10px;
                color: #c1272d;
                font-weight: bolder;
                /*                font-size: 58px;*/
                font-size: 30px;
            }

            .dragonjp .djp-res .djp-res-elm:last-child span:first-child {
                /*background-color: #ba6326;
                background: rgb(242,226,99);
                background: linear-gradient(180deg, rgba(242,226,99,1) 0%, rgba(186,99,38,1) 45%, rgba(188,104,40,1) 58%, rgba(242,226,99,1) 100%);*/
                /*background: linear-gradient(310deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
                box-shadow: 0px 4px 0 1px #87451a;
                text-shadow: 1px 1px #f6ecae, -1px -1px #b38829;*/
                background: #df2424;
                box-shadow: 0px 4px 0 1px #800b0b;
                text-shadow: 1px 1px #db2929, -1px -1px #9b1616;
                color: #fff394;
            }

        .dragonjp .djp-res.djp-res-conz .djp-res-elm span:first-child {
            font-size: 25px;
        }

    .dragonjp .djp-pool {
        text-align: center;
        background: linear-gradient(310deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
        box-shadow: 0px 4px 0 1px #87451a;
        text-shadow: 1px 1px #f6ecae, -1px -1px #b38829;
        border-radius: 62px;
        color: #6e2d20;
        /* font-weight: bolder; */
        font-size: 45px;
        font-family: tamba-bold;
        margin-bottom: 15px;
    }

.djp-winner {
    background: #eeeeee;
    color: #bfbfbf !important;
    border: 0;
}

    .djp-winner.win {
        /* background: #9ffa41;
        color: #384e14 !important;
        box-shadow: inset 1px 0px 14px 2px #5777251a;*/
        background: #faef41;
        color: #424242 !important;
        box-shadow: inset 1px 0px 14px 2px #ffaf2b7d;
    }

.medal {
    position: absolute;
    left: -5px;
    top: -13px;
    width: 50px;
}

.trophy {
    position: absolute;
    left: -16px;
    top: -13px;
    width: 46px;
}

#result {
    min-height: 300px;
}

.tbl-slotto {
    min-width: 60%;
}

    .tbl-slotto td {
        padding: 5px;
    }

@media (min-width: 991px) {
    .xl-hide {
        display: none;
    }

    /*#primary-menu > ul > li {
        margin: 0;
        background-color: #c1272d;
    }*/

    /*#primary-menu > ul > li:first-child, #primary-menu > ul > li:nth-child(2) {
            background-color: transparent;
        }*/
    /*<------------------for sub menu----------------------------------*/
    /*#primary-menu > ul > li:hover > a:before {
        content: "";
        position: absolute;
        display: inline-block;
        top: 22%;
        height: 8px;
        width: 100%;
        background-color: #0000001f;
        left: 0;
    }

    #primary-menu ul ul:not(.mega-menu-column) {
        background-color: #000000d1;
        border-radius: 8px;
        top: 80%;
        left: -55px;
    }

    #primary-menu ul li:last-child ul:not(.mega-menu-column) {
        width: 110px;
        left: -26px;
    }

    #primary-menu ul ul:not(.mega-menu-column) li {
        background-color: transparent !important;
        text-align: center;
    }

    .sub-menu ul:after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 43%;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #000000d1;
    }*/
    /*<------------------for sub menu----------------------------------*/
    /*.sub-menu:last-child ul:after {
        right:29px;
        left:0;
    }*/

    /*<------------------for NEW sub menu----------------------------------*/

    #primary-menu ul ul:not(.mega-menu-column) {
        background-color: #000000f0;
        border: 1px solid #131313 !important;
        border-top: 2px solid #fbe750 !important;
    }

        #primary-menu ul ul:not(.mega-menu-column) li {
            background-color: transparent !important;
        }

            #primary-menu ul ul:not(.mega-menu-column) li:hover > a {
                background-color: #171616 !important;
                color: #fbe750 !important;
            }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul:not(.mega-menu-column) li > a {
        color: #dadada !important;
    }

    /*<------------------for NEW sub menu----------------------------------*/
    #login-wrap {
        display: block;
        position: absolute;
        top: 36%;
        right: 0;
        padding: 0 3rem;
        transition: .4s ease;
        z-index: 1;
    }

        #login-wrap.active {
            top: 100%;
        }

    .login-wrap-user {
        background-color: white;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 0.5rem 1rem;
        box-shadow: 1px 1px 5px black;
    }

    .login-wrap-user-fp {
        font-size: 0.7rem;
        padding-left: 35%;
    }

    .login-wrap-flag {
        background-color: #981a1f;
        font-weight: bold;
        display: inline-block;
        padding: 0.3rem;
        color: white;
        box-shadow: 2px 2px 3px #00000069;
        width: 150px;
        position: absolute;
        right: 12%;
        text-align: center;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        .login-wrap-flag:hover {
            cursor: pointer;
        }
}

@media (min-width: 991px) and ( max-width:1280px) {
    .letter-space-1 {
        letter-spacing: 5px;
        text-indent: 5px;
    }

    .bonusjp_est {
        top: 57%;
        font-size: 2.2rem;
    }

    .cornered {
        width: 25%;
    }

    #header.sticky-header #header-wrap .cornered {
        width: 16%;
    }

    .qbu-currency {
        font-size: 5rem;
    }

        .qbu-currency span {
            font-size: 3rem;
        }

        .qbu-currency.qbu-currency--sm {
            top: 27%;
            font-size: 3.5rem;
        }

            .qbu-currency.qbu-currency--sm span {
                font-size: 2rem;
            }
}

@media (max-width: 991px) {

    .dtstamp {
        font-size: 0.35rem;
    }

        .dtstamp.dtstamp--mod2 {
            font-size: 0.5rem;
        }

    .qbu-currency {
        top: 21%;
        font-size: 3rem;
    }

        .qbu-currency span {
            font-size: 1.5rem;
        }

        .qbu-currency.qbu-currency--sm {
            top: 26%;
            font-size: 2.5rem;
        }

            .qbu-currency.qbu-currency--sm span {
                font-size: 1.5rem;
            }

    .bg-kamekame {
        background: url("/images/Kamekame.jpg");
        background-size: 12%;
    }

    .bonusjp_est {
        font-size: 1.7rem;
    }

    .res-tbl-1.res-tbl-1--6d td:first-child {
        width: 30%;
    }

    #primary-menu {
        position: unset;
        background-color: transparent !important;
    }

    .cornered {
        display: none;
    }

    #header {
        background-color: #000;
    }

    #primary-menu ul ul li {
        background-color: transparent !important;
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content ul ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-2 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-3 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-4 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-5 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li {
        border-top-color: transparent !important;
    }

    .jpi-abs-prize {
        /*font-size: 1.5rem;*/
        font-size: 1rem;
    }

    .bonusjp-box {
        font-size: 22px;
    }

        .bonusjp-box .fbig {
            font-size: 28px;
        }

    .jppool-box {
        /*font-size: 29px;*/
        font-size: 1.3rem;
    }

    .jpunits-box {
        font-size: 15px;
        font-size: .8rem;
    }

        .jpunits-box .fbig {
            font-size: 20px;
        }

    .m-hide {
        display: none;
    }

    .numdict_num {
        font-size: 3rem;
    }

    .numdict_desc {
        font-size: 1rem;
    }

    .fourd-jp-v2 {
        font-size: .9rem;
    }

        .fourd-jp-v2 .fourd-header {
            font-size: 1.2rem;
        }

        .fourd-jp-v2 .fourd-jp-v2-top .fourd-header {
            font-size: 1.4rem;
        }
}

@media (max-width: 767px) {
    .dragonjp {
        background: url('/images/jppool-bg-mob.png') center center;
        background-size: 100% 100%;
    }

        .dragonjp .djp-dt {
            font-size: 1.3rem;
        }

            .dragonjp .djp-dt span {
                font-size: .9rem;
            }

        .dragonjp .djp-pool {
            font-size: 6vw;
            padding: 2% 0;
        }

        .dragonjp .djp-res .djp-res-elm {
            padding: 1px;
        }

            .dragonjp .djp-res .djp-res-elm span:first-child {
                border-radius: 5px;
                font-size: 7vw;
            }

    .column-count-2 {
        column-count: 1;
    }

    .qbu-currency {
        top: 34%;
        font-size: 4vw;
    }

        .qbu-currency span {
            font-size: 3vw;
        }

        .qbu-currency.qbu-currency--sm {
            top: 34%;
            font-size: 4vw;
        }

            .qbu-currency.qbu-currency--sm span {
                font-size: 2.5vw;
            }

    .dtstamp.dtstamp--mod2 {
        font-size: 0.6rem;
    }

    .dtstamp {
        font-size: 2vw;
    }

        .dtstamp.dtstamp--mod2 {
            font-size: 2vw;
        }

    .res-tbl-1.res-tbl-1--6d td:first-child {
        width: auto;
    }

    .jpi-abs-prize {
        font-size: 6vw;
    }

    .n-mt-5 {
        margin-top: unset !important;
    }

    .bonusjp-box {
        font-size: 5vw;
    }

        .bonusjp-box .fbig {
            font-size: 8vw;
        }

    .jppool-box {
        font-size: 5.5vw;
    }

    .jpunits-box {
        font-size: 3vw;
    }

        .jpunits-box .fbig {
            font-size: 5vw;
        }

    .main-jp-tab {
        position: unset;
        width: auto;
    }

    .main-res {
        padding-top: 0;
    }

    .sm-100 {
        width: 100% !important;
    }

    .sm-75 {
        width: 75% !important;
    }

    .sm-50 {
        width: 50% !important;
    }

    .sm-25 {
        width: 25% !important;
    }

    .sm-show {
        display: initial !important;
    }

    .banner-box .banner-box-title span {
        font-size: 9vw;
        border-bottom: 1.5px solid white;
    }

    .numdict_num {
        font-size: 9vw;
    }

    .numdict {
        top: 42%;
    }

    .numdict_desc {
        font-size: 3vw;
    }

    .bonusjp_est {
        font-size: 5.5vw;
    }

    .res-add:nth-child(2) .res-add--choose {
        margin-left: -2rem;
    }

        .res-add:nth-child(2) .res-add--choose:after {
            left: 30%;
        }


    .res-add:nth-child(3) .res-add--choose {
        margin-left: -3rem;
    }

        .res-add:nth-child(3) .res-add--choose:after {
            left: 40%;
        }

    .tbl-4 {
        font-size: 2.5vw;
    }

    .tbl-7 th {
        font-size: 5vw;
    }

    .tbl-7 td {
        font-size: 4vw;
    }
}