body {
    background: #000;
    font-family: Arial, 'Open Sans', 'Lato';
    font-size: 14px;
    color: #fff;
}

.no-gutters { padding-left: 0; padding-right: 0; }
.no-gutter-left { padding-left: 0; } .no-gutter-right { padding-right: 0; }
.gutter-right-5 {padding-right: 5px;} .gutter-right-10 {padding-right: 10px;}
.gutter-left-5 {padding-left: 5px;} .gutter-left-10 {padding-left: 10px;}

.floating-banner {
    position: fixed;
    top: 20%;
    z-index: 99999;
}
.floating-banner.fb-left {left: 1rem;}
.floating-banner.fb-right {right: 11rem;}
.floating-banner a {
    display: block;
    max-width: 15px;
    margin-bottom: .5rem;
}

.bg-header {
    background: #000 url(../../bg-top.png) no-repeat center 42%;
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
}
.bg-content {
    background: #000 url(../../bg-bottom.png) no-repeat top center;
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
}
.header-wrapper {
    background: #1b0202;
    background: -moz-linear-gradient(top,  #1b0202 1%, #3f0101 100%);
    background: -webkit-linear-gradient(top,  #1b0202 1%,#3f0101 100%);
    background: linear-gradient(to bottom,  #1b0202 1%,#3f0101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b0202', endColorstr='#3f0101',GradientType=0 );

    padding-top: 1.5rem;
    padding-bottom: .5rem;
}

.login-wrapper {}
form.login-form .input-group-sm>.input-group-prepend>.input-group-text {
    background: #5d0101;
    background: -moz-linear-gradient(top, #5d0101 0%, #1b0202 100%);
    background: -webkit-linear-gradient(top, #5d0101 0%,#1b0202 100%);
    background: linear-gradient(to bottom, #5d0101 0%,#1b0202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d0101', endColorstr='#1b0202',GradientType=0 );

    font-size: 12px;
    color: #efdf8f;
    padding: 5px 10px;
}
form.login-form .input-group>.form-control {
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 56%, #beb9b9 78%);
    background: -webkit-linear-gradient(top, #f0f0f0 56%,#beb9b9 78%);
    background: linear-gradient(to bottom, #f0f0f0 56%,#beb9b9 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#beb9b9',GradientType=0 );

    font-size: 12px;
    padding: 5px 10px;
    color: #000;
}
form.login-form .input-group:not(:last-child) { padding-right: 5px; }
form.login-form .input-group-sm>.form-control, form.login-form .input-group-sm>.input-group-prepend>.input-group-text {
    line-height: 1;
    border-radius: 1rem;
}
form.login-form .input-group-sm>.form-control.codebox {
    border-radius: .2rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
}
form.login-form .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
form.login-form .input-group>.input-group-append>.input-group-text {padding: .15rem;}
form.login-form .input-group>.input-group-append img {width: 30px;}
form.login-form .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-login {
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 56%, #beb9b9 78%);
    background: -webkit-linear-gradient(top, #f0f0f0 56%,#beb9b9 78%);
    background: linear-gradient(to bottom, #f0f0f0 56%,#beb9b9 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#beb9b9',GradientType=0 );

    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    font: bold 18px 'Myriad Pro';
    text-align: center;
    text-transform: uppercase;
    padding: 3px 8px;
    line-height: 1;
}

a.btn-register {
    background: #af8514;
    background: -moz-linear-gradient(top, #af8514 0%, #936e0c 10%, #ffffff 22%, #dbca9e 31%, #a68a3d 36%, #675013 49%, #fcd876 69%, #e1b02e 76%, #694d02 86%, #ddb139 100%);
    background: -webkit-linear-gradient(top, #af8514 0%,#936e0c 10%,#ffffff 22%,#dbca9e 31%,#a68a3d 36%,#675013 49%,#fcd876 69%,#e1b02e 76%,#694d02 86%,#ddb139 100%);
    background: linear-gradient(to bottom, #af8514 0%,#936e0c 10%,#ffffff 22%,#dbca9e 31%,#a68a3d 36%,#675013 49%,#fcd876 69%,#e1b02e 76%,#694d02 86%,#ddb139 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af8514', endColorstr='#ddb139',GradientType=0 );

    display: block;
    padding: 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
a.btn-register span {
    background: #5d1212;
    background: -moz-linear-gradient(top, #5d1212 0%, #1e0101 100%);
    background: -webkit-linear-gradient(top, #5d1212 0%,#1e0101 100%);
    background: linear-gradient(to bottom, #5d1212 0%,#1e0101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d1212', endColorstr='#1e0101',GradientType=0 );

    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 5px;
}
a.btn-register label {
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2e07b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    display: block;
    margin-bottom: 0;
}
a.btn-register label.small {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}
a.btn-register span:hover, a.btn-register label:hover {cursor: pointer;}

.main-menu-wrapper ul {padding: 0; margin: 0;}
.main-menu-wrapper ul li {
    background: transparent url(../../ico-menu-separator.jpg) no-repeat left top;
}
.main-menu-wrapper ul li:first-child {background: transparent;}
.main-menu-wrapper .navbar-light .navbar-nav .nav-link {
    font: bold 22px Arial;
    text-transform: uppercase;
    padding-top: 0;
    padding-bottom: 0;

    background: #fef6ca;
    background: -moz-linear-gradient(top,  #fef6ca 0%, #ffffff 46%, #e5d57e 50%, #fef6ca 97%);
    background: -webkit-linear-gradient(top,  #fef6ca 0%,#ffffff 46%,#e5d57e 50%,#fef6ca 97%);
    background: linear-gradient(to bottom,  #fef6ca 0%,#ffffff 46%,#e5d57e 50%,#fef6ca 97%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef6ca', endColorstr='#fef6ca',GradientType=0 );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.main-menu-wrapper ul li a:hover {}
.main-menu-wrapper .navbar {
    padding: 0;
    margin: 0;
}
.main-menu-wrapper .navbar-brand {}
.main-menu-wrapper .navbar-light .navbar-toggler {
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 56%, #beb9b9 78%);
    background: -webkit-linear-gradient(top, #f0f0f0 56%,#beb9b9 78%);
    background: linear-gradient(to bottom, #f0f0f0 56%,#beb9b9 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#beb9b9',GradientType=0 );

    margin: 0 auto;
}

.dropdown-menu { 
    margin-top: 0; 
    padding: 0;
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-toggle,
.dropdown-menu {
    border-radius: 0px !important;
}
.dropdown-toggle::after {display: none;}
.dropdown-item {
    background: #1b0202;
    background: -moz-linear-gradient(top, #1b0202 1%, #3f0101 100%);
    background: -webkit-linear-gradient(top, #1b0202 1%,#3f0101 100%);
    background: linear-gradient(to bottom, #1b0202 1%,#3f0101 100%);

    padding: .7rem;
    color: #fffca2;
}
.dropdown-item:hover {
    color: #fffca2;
    background: linear-gradient(to bottom,#a70800 16%,#480000 54%);
}
.dropdown-item:active {
    background: #1b0202;
    background: -moz-linear-gradient(top, #1b0202 1%, #3f0101 100%);
    background: -webkit-linear-gradient(top, #1b0202 1%,#3f0101 100%);
    background: linear-gradient(to bottom, #1b0202 1%,#3f0101 100%);
    color: #fffca2;
}
.btn-danger {
    width: 55%;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.news-ticker-wrapper {
    background: #550101;
    background: -moz-linear-gradient(top,  #550101 0%, #1b0202 100%);
    background: -webkit-linear-gradient(top,  #550101 0%,#1b0202 100%);
    background: linear-gradient(to bottom,  #550101 0%,#1b0202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#550101', endColorstr='#1b0202',GradientType=0 );
}
.news-ticker-wrapper .nt-title {
    font: bold 18px Arial;
    color: #efdf8f;
    text-transform: uppercase;
    text-align: center;
    padding-top: .1rem;
    padding-bottom: .1rem;
}
.news-ticker-wrapper .nt-text {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #8c8c8c 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#8c8c8c 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#8c8c8c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8c8c8c',GradientType=0 );

    color: #222;
    padding-top: 2px;
}
.skew {
    -moz-transform: skew(25deg, 0deg);
    -webkit-transform: skew(25deg, 0deg);
    -o-transform: skew(25deg, 0deg);
    -ms-transform: skew(25deg, 0deg);
    transform: skew(25deg, 0deg);
}
.unskew {
    -moz-transform: skew(-25deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
    transform: skew(-25deg, 0deg);
}
img.download {padding-top: .1rem;}

.jackpot-box {
    position: relative;
    padding-top: 2.7rem;
    height: 107px;
}
.jackpot-box img {
    position: absolute;
    top: 0;
    left: 0;
}
.jackpot-box span {
    display: block;
    font: bold italic 28px Arial;
    color: #fff;
    position: absolute;
    left: 25%;
}

.support-wrapper {
    background: #1b0202;
    background: -moz-linear-gradient(top,  #1b0202 0%, #5d0101 100%);
    background: -webkit-linear-gradient(top,  #1b0202 0%,#5d0101 100%);
    background: linear-gradient(to bottom,  #1b0202 0%,#5d0101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b0202', endColorstr='#5d0101',GradientType=0 );

    padding-top: 3px;
    padding-bottom: 2px;
}
ul.supports {
    margin: 4px 0 0;
    padding: 0;
}
ul.supports li {
    background: #5d0101;
    background: -moz-linear-gradient(top,  #5d0101 0%, #1b0202 100%);
    background: -webkit-linear-gradient(top,  #5d0101 0%,#1b0202 100%);
    background: linear-gradient(to bottom,  #5d0101 0%,#1b0202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d0101', endColorstr='#1b0202',GradientType=0 );

    padding: 10px;
}
ul.supports li.list-inline-item:not(:last-child) {margin-right: 0;}
ul.supports li .support {
    background: transparent url(../../ico-support-sprite.png) top left no-repeat;
    padding-left: 58px;
    width: 214px;
}
ul.supports li .support.wa { background-position: 0 0; }
ul.supports li .support.wechat { background-position: 0 -96px; }
ul.supports li .support.line { background-position: 0 -192px; }
ul.supports li .support .supp-title {
    font: bold 24px Arial;
    text-transform: uppercase;

    background: #faca58;
    background: -moz-linear-gradient(top,  #faca58 0%, #ffecbf 27%, #fbd476 40%, #6a5011 45%, #d39e20 67%, #fdda87 93%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #faca58 0%,#ffecbf 27%,#fbd476 40%,#6a5011 45%,#d39e20 67%,#fdda87 93%,#ffffff 100%);
    background: linear-gradient(to bottom,  #faca58 0%,#ffecbf 27%,#fbd476 40%,#6a5011 45%,#d39e20 67%,#fdda87 93%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faca58', endColorstr='#ffffff',GradientType=0 );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
ul.supports li .support .supp-contact {
    font: bold 18px Arial;
    color: #fff;
    text-transform: uppercase;
}
.livechat {
    display: block;
    text-align: center;
}

.block {
    background-color: rgba(90, 0, 0, 0.4);
    color: rgba(90, 0, 0, 0.4);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 5px 1px #fff;
    box-shadow: 1px 1px 5px 1px #fff;
}
.block .block-title {
    background: #500000;
    padding: .5rem;

    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.block .block-content {
    padding: 1rem;
}

ul.latest {}
ul.latest li {
    background: transparent url(../../ico-block-row.png) top left no-repeat;
    height: 40px;
    padding-left: 49px;
    margin-bottom: 5px;
}
ul.latest li span {
    background: #671010;
    background: -moz-linear-gradient(top,  #671010 0%, #380c0c 100%);
    background: -webkit-linear-gradient(top,  #671010 0%,#380c0c 100%);
    background: linear-gradient(to bottom,  #671010 0%,#380c0c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#671010', endColorstr='#380c0c',GradientType=0 );

    -webkit-box-shadow: 0 0 3px 1px #fff;
    box-shadow: 0 0 3px 1px #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    display: block;
    padding: .3rem;
    font: bold italic 22px Arial;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.content-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    color: rgba(0, 0, 0, 0.7);
    border: 3px solid #b70000;
    padding: 1rem;
}
.content-wrapper .post {
    text-align: center;
}
.content-wrapper .post h1, .content-wrapper .post h2, .content-wrapper .post h3 {
    background: #faca58;
    background: -moz-linear-gradient(top,  #faca58 0%, #ffecbf 27%, #fbd476 40%, #6a5011 45%, #d39e20 67%, #fdda87 93%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #faca58 0%,#ffecbf 27%,#fbd476 40%,#6a5011 45%,#d39e20 67%,#fdda87 93%,#ffffff 100%);
    background: linear-gradient(to bottom,  #faca58 0%,#ffecbf 27%,#fbd476 40%,#6a5011 45%,#d39e20 67%,#fdda87 93%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faca58', endColorstr='#ffffff',GradientType=0 );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.content-wrapper .post h1 {font: bold 28px Arial;}
.content-wrapper .post h2 {font: bold 24px Arial;}
.content-wrapper .post h3 {font: bold 20px Arial;}
.content-wrapper .post p {font: 14px/18px Arial; color: #fff;}
.content-wrapper .post a, .content-wrapper .post a:visited {
    color: #ca0b0b;
    font-weight: bold;
}
.content-wrapper .post a:hover {text-decoration: underline;}

.footer-wrapper {}
.footer-wrapper p {
    font: bold 12px Tahoma;
    color: #fff;
    text-align: center;
}

/* berlaku untuk 992px ke atas */
@media (min-width: 992px) {
    .container {max-width: 990px;}
}

@media (max-width: 1024px ) {
    .floating-banner { top: 12%; }
    .floating-banner.fb-left {left: .5rem;}
    .floating-banner.fb-right {right: 9rem;}
}

@media (min-width: 768px) and (max-width: 960px ) {
    .no-gutters { padding-left: 15px; padding-right: 15px; }
    .no-gutter-left { padding-left: 15px; }

    .jackpot-box {padding-top: 1.6rem;}
    .jackpot-box span {font-size: 22px;}
    ul.supports {text-align: center;}

    .floating-banner { top: 35%; }
    .floating-banner.fb-left {left: .5rem;}
    .floating-banner.fb-right {right: 9rem;}
}

/* berlaku untuk 768px ke bawah */
@media (max-width: 767px ) {
    .no-gutters { padding-left: 15px; padding-right: 15px; }
    .no-gutter-left { padding-left: 15px; }

    .main-menu-wrapper ul {text-align: center; margin-top: .5rem;}
    .main-menu-wrapper ul li {background: none;}
    .main-menu-wrapper .navbar-light .navbar-nav .nav-link { padding-top: .5rem; padding-bottom: .5rem; }
    .floating-banner {display: none;}
}

/* berlaku untuk 420px ke atas dan 768px ke bawah */
@media (min-width: 420px) and (max-width: 768px ) {
}

/* berlaku untuk 420px ke bawah */
@media (max-width: 420px) {
    ul.supports li {display: block;}
}