html {
background-color: #000;
}
head {
}
@font-face {
font-family: BeaufortBold;
src: url(./fonts/Beaufort-Bold.ttf);
}
@font-face{
font-family: BeaufortBoldItalic;
src: url(./fonts/Beaufort-Bold-Italic.ttf);
}
body {
font-family: "Montserrat", Arial, sans-serif;
font-size: 14px/24px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
color: #d5dee3;
background: #232732 url(../img/header-top-bg.jpg) repeat-x top;
}
*:focus {
outline: 0 !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin: 0;
}
a {
color:#13aff0;
text-decoration: none;
cursor: pointer;
}
a:hover,
a:focus {
color:#0b7cac;
}
input, select{
color: #000;
}
label {
font-weight: normal;
}
small,
.small {
font-size: 13px;
}
.small-xxs {
font-size: 10px;
}
.small-xxxs {
font-size: 9px;
}
.text-white{
color: #FFF;
}
.text-black{
color: #000;
}
.text-muted{
color: #ccc;
}
/*.text-orange,
.text-orange a{
color: #f2d511;
}
a.text-orange:hover,
a.text-orange:focus{
color: #FFEE7B;.top-marquee
}*/
.text-light{
font-weight: 100;
}
.text-center{
text-align: center;
}
hr{
background-color: #e1daca;
border-color: #e1daca;
}
ul{
padding-left: 20px;
}
h2.header{
font-family: "Oswald", sans-serif;
color: #fff;
font-size: 30pt;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #5b748a;
padding-bottom: 30px;
margin-bottom: 55px;
}
/* =============================================== */
.bg{
//background: url(../img/header-bg.jpg) no-repeat center top;
}
body {
background: #3a110d url(../img/background-pattern/pattern-1.jpg) repeat-y top;
}
.bg-image {
background: url(../img/header-background-2800x651.jpg) no-repeat center 29px;
z-index: 0;
}
.bg-image.transparent {
background: url(../img/header-background-opacity-2800x651-transparant.jpg)
no-repeat top center;
z-index: 0;
}
.bg-image.solid {
background: url(../img/header-background-opacity-2800x651-solid.jpg) no-repeat
top center;
z-index: 0;
}
.bg-image.blur {
background: url(../img/header-background-opacity-2800x651-blur.jpg) no-repeat
top center;
z-index: 0;
}
#top_header_bar {
background: url(../img/UI-bg/bg-header.png) repeat-x top center;
height: 29px;
padding-top: 3px;
}
.line-top {
width: 100%;
height: 5px;
background: linear-gradient(to left, #025af3, #8a42a5);
left: 0;
}
#moveinfo{
}
.infobox{
background: linear-gradient(81deg, #2f2078, #241a55);
font-weight: bold;
border-radius: 4px;
padding: 10px;
}
#headerbar {
position: relative;
z-index: 1;
}
.blur > #headerbar{
border-bottom: 1px solid rgba(255,255,255,0.4);
}
#headermenu {
height: 69px;
}
#headermenu ul{
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
}
#headermenu ul li{
display: block;
position: relative;
float: left;
text-transform: uppercase;
color: #444;
margin-top: 2px;
margin-right: 23px;
}
#headermenu ul li:first-child{
/*border-left: 1px solid transparent;
border-right: 1px solid #152971;*/
}
#headermenu ul li:last-child {
/* border-left: 1px solid transparent;
border-right: 1px solid transparent;*/
}
#headermenu ul li a{
height: 30px;
padding-top: 8px;
display: block;
text-decoration: none;
color: #444;
}
.saldo-panel{
float: left;
margin-right: 40px;
}
.saldo{
font-size: 20px;
}
.shortcut-icon-wrapper{
text-align: center;
float: left;
margin: 0 10px;
height: 105px;
}
.shortcut-icon{
background: url(../img/header-icon-bg-normal.svg) no-repeat 0 0;
background-size: 55px 55px;
width: 54px;
display: inline-block;
padding-top: 10px;
color: #fff;
}
.shortcut-icon:hover{
background-image: url(../img/header-icon-bg-active.svg);
color: #fff;
}
.shortcut-icon-wrapper.border{
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
.shortcut-icon-wrapper > ul{
background: linear-gradient(#1D2126CC,#5B4420CC);
border: 1px solid #B2ADA6CC;
}
.shortcut-icon-wrapper > ul > li > a{
color: #fff;
}
.profile-shortcut{
border: 0;
width: 62px;
}
img.header-icon{
width: 35px;
}
.segment-header {
position: relative;
margin: 40px 0 80px;
}
.segment-header:after {
content: "";
background: url(../img/UI-icon/line-title.png) no-repeat top center;
display: inline-block;
width: 100%;
height: 26px;
margin: 0 auto;
top: 50px;
position: absolute;
}
.segment-title {
color: #e0bd9c;
font-weight: 800;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.1rem;
}
.segment-title.beaufort{
font-family: 'BeaufortBoldItalic';
}
.segment-title {
position: relative;
background-image: linear-gradient(
180deg,
rgba(218, 132, 72, 1) 20%,
rgba(241, 182, 101, 1) 35%,
rgba(252, 231, 190, 1) 75%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.5);
}
.segment-title:before,
.segment-title:after {
position: absolute;
top: 0;
}
.segment-title:before {
z-index: -1;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), 3px 3px 3px rgba(0, 0, 0, 0.25),
0 3px 0 rgb(172, 44, 28);
}
.segment-title:after {
z-index: -2;
text-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5), 20px 40px 40px #a51d50;
mix-blend-mode: multiply;
}
.segment-decor:before {
background: url(../img/UI-icon/line-wing-start.png) no-repeat top center;
content: "";
width: 63px;
height: 22px;
left: 30%;
top: 25%;
position: absolute;
}
.segment-decor:after {
background: url(../img/UI-icon/line-wing-end.png) no-repeat top center;
content: "";
width: 63px;
height: 22px;
right: 30%;
top: 25%;
position: absolute;
}
.sub-segment-header h2.segment-title{
font-size: 36px;
text-align: left;
margin-left: 100px;
display: inline-block;
}
.segment-bar{
border-top: 1px solid #f7d8bc;
float: right;
width: 670px;
margin: 35px 35px 0 0;
}
.segment-bar.long{
width: 750px;
}
.content-flex-box {
background: #893127;
border: 1px solid #b04a3f;
width: 100%;
min-height: 208px;
display: block;
padding: 1rem;
}
.content-flex-box.togel {
background: #deab81;
border-color: #ffe2c4;
}
.togel-box {
border: 2px solid #893127;
}
.togel-box span.result-no {
background: url(../img/UI-bg/bg-togel-number.png) no-repeat center;
color: #fff;
font-size: 20px;
font-weight: bold;
width: 31px;
height: 35px;
display: inline-block;
position: relative;
text-align: center;
padding-top: 3px;
}
a.btn-more {
background: url(../img/UI-btn/btn-selengkapnya.png) no-repeat center;
font-size: 12px;
display: inline-block;
color: #3d0e0b;
text-align: center;
padding-top: 2px;
width: 128px;
height: 24px;
}
span.icon-game-title {
position: relative;
top: -0.75rem;
}
i.icon-all {
background: url(../img/UI-icon/all-games-icon.png) no-repeat center -0.2rem;
display: inline-block;
width: 30px;
height: 24px;
position: relative;
}
i.icon-togel {
background: url(../img/UI-icon/togel-icon.png) no-repeat center -0.2rem;
display: inline-block;
width: 30px;
height: 24px;
position: relative;
}
i.icon-slot {
background: url(../img/UI-icon/slot-icon.png) no-repeat center -0.2rem;
display: inline-block;
width: 30px;
height: 24px;
position: relative;
}
i.icon-livecasino {
background: url(../img/UI-icon/live-casino-icon.png) no-repeat center -0.2rem;
display: inline-block;
width: 30px;
height: 24px;
position: relative;
}
i.icon-sport {
background: url(../img/UI-icon/sport-book-icon.png) no-repeat center -0.2rem;
display: inline-block;
width: 30px;
height: 24px;
position: relative;
}
i.icon-sportbook {
background: url(../img/UI-icon/sport-book-icon.png) no-repeat center -0.2rem;
display: inline-block;
width: 30px;
height: 24px;
position: relative;
}
i.icon-sport {
background: url(../img/UI-icon/sport-book-icon.png) no-repeat center -0.2rem;
display: inline-block;
width: 30px;
height: 24px;
position: relative;
}
i.icon-livegame {
background: url(../img/UI-icon/roullete-icon.png) no-repeat center -0.2rem;
display: inline-block;
width: 30px;
height: 24px;
position: relative;
}
/*.carousel-inner .item.active,
.carousel-inner .item.next,
.carousel-inner .item.prev {
display: flex;
}*/
/* #carousel-slot .carousel-inner > .item.active.right,
#carousel-slot .carousel-inner > .item.next {
transform: translateX(33%);
}
#carousel-slot .carousel-inner > .item.active.left,
#carousel-slot .carousel-inner > .item.prev {
transform: translateX(-33%);
}*/
@media (min-width: 768px) {
/* #carousel-slot .carousel-inner > .item.active.left,
#carousel-slot .carousel-inner > .item.next.left {
transform: translateX(33%);
}
#carousel-slot .carousel-inner > .item.active.right,
#carousel-slot .carousel-inner > .item.prev.right {
transform: translateX(-33%);
}
*/
/* #carousel-livecasino .carousel-multi .item.active,
#carousel-livecasino .carousel-multi .next,
#carousel-livegame .carousel-multi .item.active,
#carousel-livegame .carousel-multi .next {
transform: translateX(50%);
}
#carousel-livecasino .carousel-multi .item-start.active,
#carousel-livecasino .carousel-multi .item.prev,
#carousel-livegame .carousel-multi .item.active,
#carousel-livegame .carousel-multi .next {
transform: translateX(50%);
}*/
}
/*.carousel-multi .carousel-item-end,
.carousel-multi .carousel-item-start {
transform: translateX(0);
}*/
#profilemenuwrapper{
position: relative;
z-index: 0;
background: #222533;
height: 75px;
}
.left-holder{
}
.left-holder img{
margin-top: -415px;
position: relative;
}
.right-holder img{
margin-top: -551px;
position: absolute;
right: 0;
}
.carousel-control.left,
.carousel-control.right{
background-image: none!important;
z-index: 1;
}
.inner-menu{
display: inline-block;
text-align: center;
vertical-align: middle;
}
.inner-menu span{
display: block;
font-size: 13px;
font-weight: normal;
}
.inner-menu .caret{
margin-top: 6px;
margin-left: 8px;
color: #ede3b7;
}
#topData{
}
#topData ul{
list-style: none;
}
#topData ul li{
float: none!important;
text-align: left;
margin-right: 15px;
padding-right: 15px;
}
#topData ul li{
//background: transparent url("data:image/gif;base64,R0lGODlhAwABAIAAAAUrSAAAACwAAAAAAwABAAACAgRSADs=") no-repeat scroll 100% 100% / 0.2rem 100%;
}
#topData ul li:last-child{
background: none;
}
#topData i{
color: #f2d511;
}
#topData span{
color: #FFF;
margin-left: 8px;
font-size: 14px;
}
#topInfo{
padding: 4px 10px;
background: #FFA302;
color: #3f1a03;
}
#topInfo i{
color: #3f1a03;
margin-right: 5px;
}
#topLogin{
margin-top: 10px;
}
#topLogin .input-group{
border: 0px;
}
#topLogin .input-group-addon,
#topLogin input{
/*width: 160px;*/
}
#topLogin .input-group-addon i{
color: #f2d511;
}
#topCaptcha{
width: 88px;
}
#login-modal > .modal-dialog {
width: 382px;
}
#login-modal > .modal-dialog > .modal-content {
background: #610b0c;
}
#login-modal > .modal-dialog > .modal-content > .modal-body-wrapper {
background: url(../img/UI-bg/crescent-glow@0.5x.png) no-repeat 40% 30%;
}
#login-modal
> .modal-dialog
> .modal-content
> .modal-body-wrapper
> .modal-body {
background: url(../img/UI-bg/dragon-logo@0.5x.png) no-repeat 50px 40%;
padding: 2rem;
}
#login-modal .modal-header {
border-bottom: none;
}
#login-modal .modal-header:after {
content: "";
background: url(../img/UI-bg/glow-line-sm@0.5x.png) no-repeat top center;
display: inline-block;
width: 100%;
height: 26px;
margin: 0 auto;
top: 50px;
position: absolute;
border-bottom: none!important;
}
#login-modal .modal-header .modal-title {
text-align: center;
margin-left: 32px;
}
#login-modal label,
label {
font-size: 14px;
color: #fbbc97;
}
#login-modal .modal-footer {
background: rgb(151, 32, 46);
background: linear-gradient(
0deg,
rgba(151, 32, 46, 1) 0%,
rgba(154, 34, 48, 1) 6%,
rgba(126, 28, 36, 1) 70%
);
border-top: 1px solid #d53b46;
}
#login-modal .modal-footer > span {
color: #e49f91;
}
#login-modal marquee {
padding: 0 1.5rem;
margin-bottom: 0.5rem;
color: #e49f91;
font-size: 1rem;
}
#login-modal .modal-body input.form-control,
input.form-control {
background: #651d1c;
color: #fff;
border-color: #d97457;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75) inset;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75) inset;
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75) inset;
}
input.form-control:focus,
input.form-control:active {
background: #651d1c;
color: #fff;
}
#login-modal .myButton {
background: rgb(242, 182, 93);
background: linear-gradient(180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 1%, rgb(107, 82, 23) 1%, rgb(107, 82, 23) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(101, 61, 39) 6%, rgb(101,61,39) 6%, rgb(141, 86, 53) 10%, rgb(214, 143, 73) 40%, rgb(242, 181, 89) 57%, rgb(249, 223, 117) 95%, rgb(245, 228, 153) 97%, rgb(245, 228, 153) 98%, rgb(53, 36, 8) 98%, rgb(53, 36, 8) 99%, rgb(151, 119, 73) 99%, rgb(151, 119, 73) 100%);
color: #704b22;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
position: relative;
border-radius: 4px 0;
border-top: 1px solid #edda94;
border-bottom: 1px solid #937446;
height: 31px;
}
#login-modal .myButton:hover{
background: linear-gradient(180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 1%, rgb(107, 82, 23) 1%, rgb(107, 82, 23) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(101, 61, 39) 4%, rgb(101,61,39) 4%, rgb(159, 100, 65) 6%, rgb(230, 160, 91) 40%, rgb(238, 185, 105) 57%, rgb(255, 236, 158) 95%, rgb(245, 228, 153) 97%, rgb(255, 242, 186) 98%, rgb(53, 36, 8) 98%, rgb(53, 36, 8) 99%, rgb(151, 119, 73) 99%, rgb(151, 119, 73) 100%);
}
#login-modal .myButton:active{
background: linear-gradient(180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 1%, rgb(107, 82, 23) 1%, rgb(107, 82, 23) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(101, 61, 39) 6%, rgb(101,61,39) 6%, rgb(141, 86, 53) 50%, rgb(214, 143, 73) 80%, rgb(242, 181, 89) 93%, rgb(249, 223, 117) 94%, rgb(245, 228, 153) 96%, rgb(245, 228, 153) 98%, rgb(53, 36, 8) 98%, rgb(53, 36, 8) 99%, rgb(151, 119, 73) 99%, rgb(151, 119, 73) 100%);
}
#login-modal .myButton:before{
background: url(../img/Button/btn-b-corner1.svg) no-repeat top center;
content: "";
width: 14px;
height: 31px;
position: absolute;
top: -1px;
left: -1.5px;
background-size: 15px 31px;
}
#login-modal .myButton:after{
background: url(../img/Button/btn-b-corner2.svg) no-repeat top center;
content: "";
width: 14px;
height: 31px;
position: absolute;
bottom: -1px;
right: -1.5px;
background-size: 15px 31px;
}
#login-modal button.register-btn,
.register-btn {
background: rgb(251, 245, 193);
background: linear-gradient( 180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 1%, rgb(107, 82, 23) 1%, rgb(107, 82, 23) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(231, 153, 77) 3%, rgb(255, 251, 206) 95%, rgb(245, 228, 153) 97%, rgb(245, 228, 153) 98%, rgb(53, 36, 8) 98%, rgb(53, 36, 8) 99%, rgb(151, 119, 73) 99%, rgb(151, 119, 73) 100% );
color: #843115;
padding: 0.35rem 1.5rem;
position: relative;
font-weight: 500;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
height: 31px;
border-top: 1px solid #edda94;
border-bottom: 1px solid #937446;
border-radius: 4px 0;
}
#login-modal button.register-btn:hover,
.register-btn:hover {
background: rgb(251, 245, 193);
background: linear-gradient( 180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 1%, rgb(107, 82, 23) 1%, rgb(107, 82, 23) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(231, 153, 77) 3%, rgb(255, 251, 206) 95%, rgb(245, 228, 153) 97%, rgb(245, 228, 153) 98%, rgb(53, 36, 8) 98%, rgb(53, 36, 8) 99%, rgb(151, 119, 73) 99%, rgb(151, 119, 73) 100% );
}
#login-modal button.register-btn:before,
.register-btn:before{
background: url(../img/Button/btn-b-corner1.svg) no-repeat top center;
content: "";
width: 14px;
height: 31px;
position: absolute;
top: -1px;
left: -2.5px;
background-size: 15px 31px;
}
#login-modal button.register-btn:after,
.register-btn:after{
background: url(../img/Button/btn-b-corner2.svg) no-repeat top center;
content: "";
width: 14px;
height: 31px;
position: absolute;
bottom: -1px;
right: -2.5px;
background-size: 15px 31px;
}
.bank-status-container{
background: url('../img/bank-container.png') no-repeat;
height: 60px;
padding: 6px 0 5px 30px;
margin-bottom: 15px;
float: left;
width: 300px;
}
.bank-logo{
//height: 30px;
}
.bank-online{
height: 20px;
}
.bank-wrapper{
padding: 5px;
margin-bottom: 10px;
float: left;
//background: #ab3d40;
//border: 2px solid #c3855f;
//box-shadow: 0 3px 8px #4f0608de;
}
.bank-panel.right {
top: 19%;
right: 0px;
float: right !important;
}
.bank-panel {
display: block;
position: fixed;
z-index: 99;
}
.bank-panel ul{
list-style: none;
text-decoration: none;
}
.bank-panel .panel-black {
display: block;
position: relative;
background-color: #172633;
width: 110px;
border: 1px solid #0d8ac9;
border-right: 0px;
border-radius: 10px 0px 0px 10px;
margin-bottom: 10px;
margin-right: 0;
padding: 10px 5px 10px 20px;
}
.gamesection{
background: #131d33;
margin: 0;
}
.gamesection .col-lg-6.bar{
border-right: 1px solid #2b2b2b;
}
.infogame{
text-align: center;
border-radius: 3px;
margin: 0 auto;
padding: 15px;
display: inline-block;
width: 100%;
}
.infopasaran{
//background: linear-gradient(135deg, #A91B1B 0%, #340F0F 100%);
padding: 5px 15px;
color: #fff;
min-width: 300px;
border-radius: 4px;
position: relative;
height: 50px;
margin-right: 15px;
}
.infopasaran:after{
background: url(../img/squarepattern.svg) no-repeat top center;
content: "";
width: 170px;
height: 50px;
position: absolute;
top: 0;
left: 25%;
opacity: 0.2;
}
.infopasaran-caret{
border-radius: 0 4px 4px 0;
//background: #000;
padding: 12px 15px;
height: 50px;
}
.infodetail{
font-weight: 100;
font-size: 11px;
opacity: 0.6;
}
.infodetail-lg{
font-weight: bold;
font-size: 18px;
}
.infodetail.right{
float: right;
}
.opacity-6{
opacity: 0.6;
}
.infogame small{
font-size: 12px;
}
.top-marquee-wrapper{
border: 1px solid #ab836d;
border-radius: 6px;
background: linear-gradient(180deg, rgba(105,71,58) 0%, rgba(105,71,58,0.9) 50%, rgba(105,71,58,0.8) 100%);
padding: 4px;
margin-top: 20px;
position: relative;
box-shadow: 0 5px 10px rgba(30,0,0,0.5);
}
.top-marquee-wrapper:before{
background: url(../img/UI-icon/marquee1.png) no-repeat top center;
content: "";
width: 24px;
height: 18px;
position: absolute;
}
.top-marquee-wrapper:after{
background: url(../img/UI-icon/marquee2.png) no-repeat top center;
content: "";
width: 24px;
height: 18px;
right: 5px;
bottom: 5px;
position: absolute;
}
.top-marquee{
color: #ede3b7;
font-size: 13px;
margin: 5px 35px;
}
.breadcrumb{
background-color: rgba(0,0,0,0.3);
}
.breadcrumb > li{
text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
.breadcrumb > .active{
color: #f7d8bc;
}
.left-bar-wrapper{
background: linear-gradient(180deg, #a41f0a 0%, #683020 70%, #6a0d06 100%);
border: 2px solid #e5d3a8;
box-shadow: 3px 5px 10px rgba(50,7,3,0.75);
position: relative;
}
.left-bar-container{
background: url(../img/UI-bg/bg-line-pattern.png) top center no-repeat;
}
.left-bar{
height: 400px;
margin: 0 5px;
}
.left-bar-header{
background: url(../img/UI-icon/red-glow1.png) no-repeat top center;
height: 53px;
}
.left-bar-header:before{
background: url(../img/UI-icon/corner1.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
top: -3px;
left: -3px;
}
.left-bar-header:after{
background: url(../img/UI-icon/corner2.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
top: -3px;
right: -3px;
}
.left-bar-footer{
background: url(../img/UI-icon/red-glow2.png) no-repeat top center;
height: 53px;
}
.left-bar-footer:before{
background: url(../img/UI-icon/corner3.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
bottom: -3px;
left: -3px;
}
.left-bar-footer:after{
background: url(../img/UI-icon/corner4.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
bottom: -3px;
right: -3px;
}
.left-bar ul{
border-bottom: none;
}
.left-bar li{
width: 100%;
margin: 8px 0;
}
.left-bar li:after{
content: "";
border-bottom: 1px solid #e4c4a4;
position: absolute;
width: 85%;
height: 8px;
margin: 0 10px;
}
.left-bar li:last-child:after{
border-bottom: 0;
}
.left-bar li a{
margin: 5px 0;
padding: 5px;
position: relative;
background: none!important;
border: none!important;
}
.left-bar li.active,
.left-bar li a:hover{
background: rgba(0,0,0,0.5);
border-radius: 4px;
}
.icon-dashboard-button {
padding-left: 25px;
margin-left: 10px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-dashboard-button:before{
background: url(../img/dashboard-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 18px;
background-size: 30px 30px;
}
.icon-togel-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-togel-button:before{
background: url(../img/togel-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 30px 30px;
}
.icon-poker-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-poker-button:before{
background: url(../img/poker-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 30px 30px;
}
.icon-slot-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-slot-button:before{
background: url(../img/slot-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 30px 30px;
}
.icon-casino-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-casino-button:before{
background: url(../img/casino-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 30px 30px;
}
.icon-sport-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-sport-button:before{
background: url(../img/sportbook-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 30px 30px;
}
.icon-sportbook-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-sportbook-button:before{
background: url(../img/sportbook-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 30px 30px;
}
.icon-sport-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-sport-button:before{
background: url(../img/sportbook-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 30px 30px;
}
.icon-arcade-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-arcade-button:before{
background: url(../img/arcade-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 34px 34px;
}
.icon-fishing-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-fishing-button:before{
background: url(../img/fishing-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 34px 34px;
}
.icon-cockfight-button{
padding-left: 25px;
font-weight: bold;
color: #ede3b7;
text-shadow: 0px 3px 3px #320703;
}
.icon-cockfight-button:before{
background: url(../img/cockfight-icon.svg) no-repeat top center;
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 10px;
background-size: 34px 34px;
}
.left-bar .icon-togel-button,
.left-bar .icon-poker-button,
.left-bar .icon-slot-button,
.left-bar .icon-casino-button,
.left-bar .icon-sport-button,
.left-bar .icon-sportbook-button,
.left-bar .icon-sport-button,
.left-bar .icon-fishing-button,
.left-bar .icon-cockfight-button,
.left-bar .icon-arcade-button{
padding-left: 40px;
}
.left-bar .icon-togel-button:before,
.left-bar .icon-poker-button:before,
.left-bar .icon-slot-button:before,
.left-bar .icon-casino-button:before,
.left-bar .icon-sport-button:before,
.left-bar .icon-sportbook-button:before,
.left-bar .icon-sport-button:before,
.left-bar .icon-fishing-button:before,
.left-bar .icon-cockfight-button:before,
.left-bar .icon-arcade-button:before{
background-position: 0 -3px;
}
#navigation .icon-dashboard-button,
#navigation .icon-togel-button,
#navigation .icon-poker-button,
#navigation .icon-slot-button,
#navigation .icon-casino-button,
#navigation .icon-sport-button,
#navigation .icon-sportbook-button,
#navigation .icon-sport-button,
#navigation .icon-arcade-button,
#navigation .icon-fishing-button,
#navigation .icon-cockfight-button,
.navigation-fluid .icon-dashboard-button,
.navigation-fluid .icon-togel-button,
.navigation-fluid .icon-poker-button,
.navigation-fluid .icon-slot-button,
.navigation-fluid .icon-casino-button,
.navigation-fluid .icon-sport-button,
.navigation-fluid .icon-sportbook-button,
.navigation-fluid .icon-fishing-button,
.navigation-fluid .icon-cockfight-button,
.navigation-fluid .icon-arcade-button{
padding-left: 24px;
}
#navigation .icon-dashboard-button:before,
#navigation .icon-togel-button:before,
#navigation .icon-poker-button:before,
#navigation .icon-slot-button:before,
#navigation .icon-casino-button:before,
#navigation .icon-sport-button:before,
#navigation .icon-sportbook-button:before,
#navigation .icon-sport-button:before,
#navigation .icon-arcade-button:before,
#navigation .icon-fishing-button:before,
#navigation .icon-cockfight-button:before,
.navigation-bg .icon-dashboard-button:before,
.navigation-bg .icon-togel-button:before,
.navigation-bg .icon-poker-button:before,
.navigation-bg .icon-slot-button:before,
.navigation-bg .icon-casino-button:before,
.navigation-bg .icon-sport-button:before,
.navigation-bg .icon-sportbook-button:before,
.navigation-bg .icon-fishing-button:before,
.navigation-bg .icon-cockfight-button:before,
.navigation-bg .icon-arcade-button:before{
top: 18px;
}
.dashboard-main-container{
margin: 40px 0;
}
.dashboard-bg.togel{
background: url(../img/logo-game-category/card-togel-icon@1x.png) no-repeat 80px 0;
background-size: 285px;
height: 375px;
margin: 20px 0 60px;
}
.dashboard-bg.slot{
background: url(../img/logo-game-category/card-slot-icon@1x.png) no-repeat 80px 0;
background-size: 285px;
height: 375px;
margin: 20px 0 60px;
}
.dashboard-bg.casino{
background: url(../img/logo-game-category/card-casino-icon@1x.png) no-repeat 80px 0;
background-size: 285px;
height: 375px;
margin: 20px 0 60px;
}
.dashboard-bg.poker{
background: url(../img/logo-game-category/card-poker-icon@1x.png) no-repeat 80px 0;
background-size: 285px;
height: 375px;
margin: 20px 0 60px;
}
.dashboard-bg.arcade,
.dashboard-bg.sport{
position: relative;
height: 352px;
margin: 20px 0 60px;
}
.dashboard-bg.arcade:before,
.dashboard-bg.sport:before{
background: url(../img/logo-game-category/bg-outline-L@1x.png) no-repeat 80px 20px;
content: "";
width: 517px;
height: 352px;
position: absolute;
}
.dashboard-bg.arcade:after,
.dashboard-bg.sport:after{
background: url(../img/logo-game-category/bg-outline-R@1x.png) no-repeat 0 20px;
content: "";
width: 500px;
height: 352px;
position: absolute;
right: 0;
}
.dashboard-bg .carousel-indicators{
margin-bottom: -60px;
}
.dashboard-bg .carousel-indicators li{
background-color: none;
border-color: #f7d8bc;
}
.dashboard-bg .carousel-indicators li.active{
background-color: #f7d8bc;
}
.dashboard-cloud{
position: relative;
}
.dashboard-cloud:before{
background: url(../img/cloud2@1x.png) no-repeat;
content: "";
width: 179px;
height: 76px;
position: absolute;
top: 50px;
left: 20px;
}
.dashboard-cloud:after{
background: url(../img/cloud1@1x.png) no-repeat;
content: "";
width: 179px;
height: 76px;
position: absolute;
top: 320px;
left: 180px;
}
.arcade .dashboard-cloud:before,
.sport .dashboard-cloud:before{
left: 1000px;
z-index: 2;
}
.arcade .dashboard-cloud:after,
.sport .dashboard-cloud:after{
left: 290px;
top: 300px;
z-index: 2;
}
.dashboard-center-panel{
position: relative;
z-index: 2;
}
.sport .dashboard-center-panel:before,
.arcade .dashboard-center-panel:before{
background: url(../img/logo-game-category/bg-card-center-icon@1x.png) no-repeat;
content: "";
width: 268px;
height: 367px;
position: absolute;
left: -50px;
}
.sport .dashboard-center-panel:after{
background: url(../img/logo-game-category/card-sports-icon-no-bg@1x.png) no-repeat;
content: "";
width: 297px;
height: 359px;
position: absolute;
left: -55px;
}
.arcade .dashboard-center-panel:after{
background: url(../img/logo-game-category/card-arcade-icon@1x.png) no-repeat;
content: "";
width: 297px;
height: 359px;
position: absolute;
left: -55px;
}
.dashboard-bg.togel .result-panel{
width: 272px;
margin: 10px 1px;
}
.carousel-arrow-prev{
background: url(../img/nav-arrow-prev.svg) no-repeat;
background-size: 33px 33px;
height: 33px;
width: 33px;
display: inline-block;
}
.carousel-arrow-next{
background: url(../img/nav-arrow-next.svg) no-repeat;
background-size: 33px 33px;
height: 33px;
width: 33px;
display: inline-block;
}
.card-horizontal{
background: linear-gradient(90deg, #7B4240 0%, rgba(54, 13, 9, 0.9) 67.86%, rgba(54, 13, 9, 0) 85.19%);
width: 378px;
height: 125px;
display: inline-block;
position: relative;
border: 1px solid #f7d8bc;
box-shadow: 0 4px 4px rgba(0,0,0,0.8);
margin: 10px;
float: left;
transition: all .3s;
}
.card-horizontal:hover{
transform: translateY(-6px);
box-shadow: 0 25px 25px -20px rgba(0,0,0,.8);
}
.card-horizontal:before{
background: url(../img/pattern-line@1x.png) no-repeat;
background-size: 208px 152px;
content: "";
height: 123px;
width: 208px;
display: inline-block;
position: absolute;
}
.togel .card-horizontal{
width: 252px;
height: 100px;
}
.togel .card-horizontal:before{
background-size: 252px 100px;
width: 252px;
height: 100px;
}
.togel .card-horizontal .infopasaran{
min-width: 250px;
}
.togel .card-horizontal .infopasaran:after{
background: none;
}
.card-vertical{
background: linear-gradient(0deg, #7B4240 0%, rgba(54, 13, 9, 0.9) 67.86%, rgba(54, 13, 9, 0) 85.19%);
background-size: 240px 329px;
width: 240px;
height: 329px;
display: inline-block;
position: relative;
border: 1px solid #f7d8bc;
box-shadow: 0 4px 4px rgba(0,0,0,0.8);
margin: 10px;
float: left;
z-index: 0;
transition: all .3s;
}
.card-vertical:hover{
transform: translateY(-6px);
box-shadow: 0 25px 25px -20px rgba(0,0,0,.8);
}
.card-vertical:before{
background: url(../img/pattern-line.svg) no-repeat bottom;
background-size: 240px;
content: "";
height: 327px;
width: 240px;
display: inline-block;
position: absolute;
z-index: -1;
}
.card-header{
width: 378px;
}
.card-header:before{
background: url(../img/UI-icon/corner1.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
top: -3px;
left: -3px;
}
.card-header:after{
background: url(../img/UI-icon/corner2.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
top: -3px;
right: -3px;
}
.card-footer{
width: 378px;
}
.card-footer:before{
background: url(../img/UI-icon/corner3.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
bottom: -3px;
left: -3px;
}
.card-footer:after{
background: url(../img/UI-icon/corner4.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
bottom: -3px;
right: -3px;
}
.logo-provider{
max-height: 70px;
}
.avatar-provider{
height: 123px;
}
.card-vertical .logo-provider{
margin: 0 auto;
display: block;
}
.card-vertical .logo-provider.pragmatic{
margin: -30px auto 0;
height: 70px;
}
.card-vertical .avatar-provider{
margin-top: -15px;
height: auto;
}
.section-title {
color: #e0bd9c;
font-weight: 800;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.4rem;
margin-top: 0;
padding-top: 12px;
}
.section-title {
position: relative;
background-image: linear-gradient(
180deg,
rgba(218, 132, 72, 1) 20%,
rgba(241, 182, 101, 1) 35%,
rgba(252, 231, 190, 1) 75%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.5);
}
.section-title:before,
.section-title:after {
content: attr(data-text);
position: absolute;
top: 0;
}
.section-title:before {
z-index: -1;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), 3px 3px 3px rgba(0, 0, 0, 0.25),
0 3px 0 rgb(172, 44, 28);
}
.section-title:after {
z-index: -2;
text-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5), 20px 40px 40px #a51d50;
mix-blend-mode: multiply;
}
.main-section-wrapper{
background: #f7edd8;
//background: #0232394f;
margin: 0 2px;
border-top: 1px solid #a68258;
border-left: 2px solid #d6b997;
border-right: 2px solid #d6b997;
border-bottom: 2px solid #a68258;
padding: 20px;
box-shadow: 3px 5px 10px rgba(50,7,3,0.75);
position: relative;
}
.main-section-wrapper-footer{
height: 35px;
}
.main-section-wrapper-footer:before{
background: url(../img/UI-icon/corner3.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
bottom: -6px;
left: -6px;
}
.main-section-wrapper-footer:after{
background: url(../img/UI-icon/corner4.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
bottom: -6px;
right: -6px;
}
.section-header{
background: url(../img/UI-bg/section-header.png) no-repeat top center;
height: 112px;
}
.result-panel{
font-family: 'PT Serif', serif;
background: url(../img/UI-bg/result-panel-bg.png) no-repeat top center;
height: 207px;
width: 269px;
transition: all .3s;
}
.result-panel:hover{
transform: translateY(-6px);
box-shadow: 0 25px 25px -20px rgba(0,0,0,.4);
}
.result-panel h4{
font-size: 16px;
font-weight: bold;
padding: 16px 0 0;
text-align: center;
}
.result-panel h4 a{
color: #e4c4a4;
}
.result-panel p{
margin-bottom: 5px;
}
.result-desc p{
font-size: 10px;
color: #674330;
text-align: center;
margin-bottom: 0;
}
p.result-desc-market{
font-size: 24px;
}
.result-prize-detail span{
font-size: 11px;
color: #e4c4a4;
margin-left: 95px;
}
.dashboard-page-header-wrapper{
background: linear-gradient(0deg,rgba(85, 0, 0, 0.15) 0,#546b6c3b);
border-top: 1px solid hsla(0,0%,100%,.15);
box-shadow: 0px 4px 16px rgba(0,0,0,.4);
margin-bottom: 40px;
}
.dashboard-page-header{
background: url('../img/table-line.svg') no-repeat;
height: 52px;
}
.dashboard-page-header h3{
margin: 0;
padding-top: 9px;
text-align: center;
}
.prize1{
font-size: 30px;
font-weight: bold;
color: #e4c4a4;
letter-spacing: 5px;
line-height: 1;
text-align: center;
margin-left: 30px;
}
.prize2{
font-size: 18px;
font-weight: bold;
color: #e4c4a4;
margin: 5px 0;
letter-spacing: 1px;
}
.prize1 a,
.prize2 a{
color: #e4c4a4;
}
.stepbox{
background: linear-gradient(135deg, #1a2850 0%, #285585 50%, #1e253c 100%);
box-shadow: -6px 6px #35477c;
border-radius: 4px;
display: inline-block;
padding: 20px 25px;
margin: 20px;
}
.stepbox > h2{
font-family: 'Oswald', sans-serif;
font-size: 24pt;
color: #fff;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #8ba8c6;
padding-bottom: 15px;
margin-bottom: 25px;
}
.stepchildbox{
float: left;
width: 360px;
}
.stepchildbox > h3{
font-family: 'Oswald', sans-serif;
font-weight: bold;
font-size: 70pt;
color: #fff;
text-shadow: 4px 4px rgba(0,0,0,0.2);
float: left;
margin-top: 0;
margin-right: 20px;
}
.stepchildsidebox{
float: left;
border-left: 1px solid #8ba8c6;
padding-left: 20px;
width: 250px;
color: #2eaaf1;
}
.stepchildsidebox h4{
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 18pt;
color: #fff;
}
.span-market a{
font-size: 16px!important;
font-weight: bold;
color: #06c;
border-color: #ed2b45!important;
}
.span-result{
color: #fefe00;
border-radius: 100px;
display: inline-block;
font-weight: bold;
text-align: center;
font-size: 40px;
line-height: 1;
width: 30px;
padding: 0;
}
.header-tab{
font-family: 'Oswald', sans-serif;
font-size: 28px;
letter-spacing: 2pt;
text-transform: uppercase;
margin: 0;
padding: 15px 20px 0px;
color: #FFF;
height: 60px;
text-align: center;
border-bottom: 1px solid rgba(255,255,255,0.15);
}
.content-tab{
display: inline-block;
}
.table_data.text-left{
text-align: left;
}
.table_data.text-left td{
padding-left: 10px;
}
.table_data input{
border: 1px solid #2A6CA6;
height: 26px;
}
.table_data .input-group{
border: 1px solid #2A6CA6;
width: 114px;
margin: 0 auto;
}
.table_data .input-group .input-group-addon{
padding: 6px 6px;
}
.table_data .input-group .input-group-addon,
.table_data .input-group input{
border: none;
border-radius: 0px;
}
.table_data .input-group input{
width: 80px;
}
.table_data .table_body tr th{
border-right: 1px solid #2A6CA6;
background: #110d4b;
color: #FFF;
}
.table_data .table_body tr td{
border-right: 1px solid #2A6CA6;
}
.table_data .table_body tr td:last-child{
border-right: 0px;
}
#login-helpers{
padding-top: 1px;
}
@media (max-width: 768px){
#login-helpers{
margin: 0;
}
}
.pseudo-link {
color: #f7d8bc;
text-decoration: none;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.pseudo-link span{
border-bottom: 1px solid #fa9928;
}
.pseudo-link:hover {
color:#FFF;
}
.navbar-collapse{
padding-left: 10px;
padding-right: 10px;
border: 0px;
}
.navbar-nav{
margin: 7.5px 0;
}
@media (min-width: 768px){
.navbar-collapse{
padding-right: 0px;
}
.navbar-nav{
margin: 0;
}
}
#headmenu{
border: 0px;
}
.main-btn,
.secondary-btn{
background: linear-gradient(180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 1%, rgb(107, 82, 23) 1%, rgb(107, 82, 23) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(101, 61, 39) 3%, rgb(141, 86, 53) 20%, rgb(214, 143, 73) 80%, rgb(242, 181, 89) 87%, rgb(249, 223, 117) 94%, rgb(245, 228, 153) 97%, rgb(245, 228, 153) 98%, rgb(53, 36, 8) 98%, rgb(53, 36, 8) 99%, rgb(13, 12, 11) 99%, rgb(153, 99, 21) 100%);
color: #fff;
vertical-align: top;
display: inline-block;
cursor: pointer;
padding: 0;
font-weight: bold;
font-size: 16px;
position: relative;
border-radius: 2px 0;
border: 1px solid #FCE29C;
border-right: 1px solid #977749;
border-bottom: 1px solid #977749;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.main-btn:before,
.secondary-btn:before{
background: url(../img/btn-on/corner-top-off.svg) no-repeat top center;
content: "";
width: 120px;
height: 40px;
position: absolute;
top: -2px;
left: -3.5px;
background-size: 120px 40px;
}
.main-btn:after,
.secondary-btn:after{
background: url(../img/btn-on/corner-btm-off.svg) no-repeat top center;
content: "";
width: 119px;
height: 39px;
position: absolute;
bottom: -1px;
right: -3.5px;
background-size: 120px 40px;
}
.main-btn-div,
.secondary-btn-div{
height: 36px;
padding: 5px 20px;
}
.main-btn:hover,
.secondary-btn:hover{
color: #fff;
}
.main-btn:hover .main-btn-div,
.secondary-btn:hover .secondary-btn-div{
background: url(../img/btn-on/glow-1@1x.png) no-repeat top center;
background-size: 100px 36px;
}
.secondary-btn{
background: linear-gradient(0deg, #572B25 -3.74%, #D57B49 3.62%, #C26A43 9.02%, #934136 54.96%, #86312F 93.36%, #EC978B 98.29%, #93473C 100%);
}
.main-btn:focus,
.secondary-btn:focus,
.main-btn:active,
.secondary-btn:active{
color: #fff;
}
.main-btn:active{
background: linear-gradient(180deg, rgba(245,228,153,1) 0%, rgba(245,228,153,1) 1%, rgba(107,82,23,1) 1%, rgba(107,82,23,1) 5%, rgba(157,124,90,1) 5%, rgba(157,124,90,1) 6%, rgba(87,56,38,1) 6%, rgba(91,54,35,1) 20%, rgba(150,102,50,1) 80%, rgba(159,124,62,1) 87%, rgba(161,146,78,1) 94%, rgba(245,228,153,1) 94%, rgba(245,228,153,1) 95%, rgba(53,36,8,1) 95%, rgba(53,36,8,1) 99%, rgba(151,119,73,1) 99%, rgba(151,119,73,1) 100%);
}
.secondary-btn:active{
background: linear-gradient(180deg, rgb(252, 226, 156) 0%, rgb(252, 226, 156) 1%, rgb(117, 47, 37) 1%, rgb(236, 151, 139) 2%, rgb(100, 24, 22) 3%, rgb(147, 65, 54) 60%, rgb(194, 106, 67) 85%, rgb(213, 123, 73) 97%, rgb(87, 43, 37) 99%, rgb(151, 119, 74) 99%, rgb(151, 119, 74) 100%);
}
.main-btn:active .main-btn-div,
.secondary-btn:active .secondary-btn-div{
background: none;
}
.btn-a{
background: linear-gradient(180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 1%, rgb(107, 82, 23) 1%, rgb(107, 82, 23) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(101, 61, 39) 3%, rgb(141, 86, 53) 20%, rgb(214, 143, 73) 80%, rgb(242, 181, 89) 87%, rgb(249, 223, 117) 94%, rgb(245, 228, 153) 97%, rgb(245, 228, 153) 98%, rgb(53, 36, 8) 98%, rgb(53, 36, 8) 99%, rgb(13, 12, 11) 99%, rgb(153, 99, 21) 100%);
color: #fff;
vertical-align: top;
display: inline-block;
cursor: pointer;
padding: 0;
font-weight: bold;
font-size: 16px;
position: relative;
border-radius: 2px 0;
border: 1px solid #FCE29C;
border-right: 1px solid #977749;
border-bottom: 1px solid #977749;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.btn-a:before{
background: url(../img/Button/btn-a-border1.svg) no-repeat top center;
content: "";
width: 120px;
height: 40px;
position: absolute;
top: -2px;
left: -3.5px;
background-size: 120px 40px;
}
.btn-market{
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
background: transparent;
color: #FFF;
border: 2px solid #ca890f;
border-radius: 4px;
margin: 10px 30px 10px 10px;
padding: 10px 20px 11px 40px;
font-size: 26px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}
.btn-game{
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
background: transparent;
color: #FFF;
border: 2px solid #ca890f;
border-radius: 4px;
margin: 10px;
padding: 10px 20px 11px 40px;
font-size: 26px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}
.btn-market:hover, .btn-game:hover,
.btn-market:focus, .btn-game:focus{
background: #ca890f;
transition: all 0.5s;
color: #FFF;
}
ul#game-menu{
white-space: nowrap;
display: block;
height: 57px;
}
ul#game-menu li{
display: inline-block;
float: none;
padding: 10px 0;
}
ul#game-menu li.active{
background: linear-gradient(0deg,rgba(217, 117, 117, 0.41) 0,rgba(0,0,0,0) 30%);
border-bottom: 1px solid #c6a776;
}
ul#game-menu li.active:after{
background: url(../img/arrow-icon.svg) no-repeat top center;
content: "";
width: 15px;
height: 8px;
position: absolute;
width: 100%;
bottom: 0;
}
ul#game-menu li a{
padding: 8px 10px;
color: #a09b8d;
}
ul#game-menu li.active a{
color: #eee3d1;
font-weight: bold;
}
ul#game-menu > li > a:hover{
color: #eee3d1;
}
ul#game-menu > li > a:hover,
ul#game-menu > li > a:focus{
background: transparent;
}
.navbar-toggle{
border-color: #285f8f!important;
}
.navbar-toggle:hover,
.navbar-toggle:focus{
background-color: #08243C!important;
}
#header{
}
.main-header-margin{
height: 155px;
}
ul.navbar-nav{
float: none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
#navigation, .navigation-bg {
background: url(../img/standard-bg.png) no-repeat center;
border: 0;
border-radius: 0;
margin: 0;
height: 114px;
background-size: 100% 118px;
}
#navigation .container-fluid,
.navigation-bg .container-fluid{
padding-left: 5px;
padding-right: 5px;
}
.navigation-bg .container-fluid{
padding-top: 5px;
}
#navigation li{
border-right: 1px solid rgba(255,200,152,0.2);
}
#navigation li.active{
background: url("../img/icon-active1.png") no-repeat 0 50%;
background-size: 220px 85px;
}
#navigation li.active:after{
background: url(../img/arrow-icon.svg) no-repeat top center;
content: "";
width: 100%;
height: 8px;
position: absolute;
bottom: 2px;
}
#navigation li a, .navigation-bg .navSection li a {
color: #ceefff;
font-size: 13px;
background: transparent;
padding-left: 12px;
padding-right: 12px;
padding-top: 20px;
height: 81px;
}
#navigation li:last-child a,
.navigation-bg .navSection li:last-child a{
border-right: 0;
}
#navigation li.active a,
.navigation-bg .navSection li.active a{
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}
#navigation li.active a::after,
.navigation-bg .navSection li.active a::after{
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(231, 216, 183) 50%,rgba(255,255,255,0) 100%);
}
#navigation li a:hover,
#navigation li:last-child a:hover{
background: url("../img/icon-active1.png") no-repeat 0 50%;
}
#navigation li:last-child a{
background: transparent;
}
#navigation li a i{
color: #f2d511;
}
h1#logo{
margin: 0;
}
#footer-logo{
margin: 0 auto;
display: block;
}
#section{
margin-bottom: 80px;
}
.border-top-transparent{
border-top: 1px solid hsla(0,0%,100%,.15);
}
.select-pane-background{
background: linear-gradient(0deg,rgba(0, 0, 0, 0.41) 0,#546b6c3b);
box-shadow: 0px -5px 14px rgba(0,0,0,.37);
height: 100px;
border-top: 1px solid hsla(0,0%,100%,.35);
}
.select-pane{
background: url(../img/header-icon-bg-active.svg) no-repeat top center;
content: "";
position: absolute;
display: block;
top: 15px;
left: 10px;
background-size: 70px 70px;
width: 70px;
height: 70px;
}
.select-pane img{
height: 50px;
width: 50px;
margin: 11px 9px;
}
.select-pane-wrapper .segment-title{
margin: 30px 0 0 70px;
text-align: left;
}
.select-pane-title-desc span{
padding: 2px 8px;
background: rgba(0,0,0,0.5);
border-radius: 6px;
margin-left: 70px;
text-align: center;
}
.select-pane-background #carousel-provider{
padding: 12px 70px;
height: 100px;
}
.select-pane-background .carousel-control{
width: 60px;
opacity: .75;
}
.select-pane-background .carousel-control:hover{
opacity: 1;
}
.select-pane-background .carousel-control.left .select-pane-shadow{
height: 99px;
background: linear-gradient(to right, #201A1A, #312626) !important;
clip-path: polygon(0px 0px, 60px 0px, 50px 100%, 0px 100%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
user-select: none;
transition-property: filter;
transition-timing-function: ease-in-out;
transition-duration: .1s;
}
.select-pane-background .carousel-control.right .select-pane-shadow{
height: 99px;
background: linear-gradient(to left, #201A1A, #312626) !important;
clip-path: polygon(10px 0px, 60px 0px, 60px 100%, 0px 100%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
user-select: none;
transition-property: filter;
transition-timing-function: ease-in-out;
transition-duration: .1s;
}
.select-pane-background .carousel-control.right,
.select-pane-background .carousel-control.left{
filter: drop-shadow(3px 0px 6px #00000099);
}
.select-provider{
float: left;
padding: 5px;
}
.select-provider.active{
background: linear-gradient(0deg,rgba(217, 117, 117, 0.41) 0,rgba(0,0,0,0) 30%);
border-bottom: 1px solid #c6a776;
color: #fff;
}
.select-provider > img{
height: 60px!important;
}
.pane-background-gradient{
background: linear-gradient(0deg,rgba(0,0,0,.2) 0,transparent);
position: absolute;
left: 0;
right: 0;
height: 200px;
}
.bar-pane-background-gradient{
background: linear-gradient(0deg,rgba(0, 0, 0, 0.41) 0,#546b6c3b);
position: absolute;
left: 0;
right: 0;
height: 81px;
}
.bar-pane{
height: 81px;
}
.bar-menu{
}
.bar-menu > li{
margin-right: 15px;
}
.bar-menu > li > a{
color: #f7d8bc;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5pt;
padding: 7px 15px;
}
.bar-menu > li > a.active{
background: linear-gradient(0deg,rgba(217, 117, 117, 0.41) 0,rgba(0,0,0,0) 30%);
border-bottom: 1px solid #c6a776;
color: #fff;
}
.bar-menu > li > a:hover,
.bar-menu > li > a:focus{
background: transparent;
color: #fff;
}
.menubar-pane-background-gradient{
background: linear-gradient(0deg,rgb(35, 9, 9) 0,rgba(0, 0, 0, 0.41));
position: absolute;
height: 58px;
left: 0;
right: 0;
}
.game-card{
float: left;
text-align: center;
font-weight: bold;
margin: 20px 7px;
position: relative;
display: block;
height: 200px;
/*background: linear-gradient(0deg,rgba(2, 15, 45, 0.33) 0,#63546cb5);
padding: 20px;
border-radius: 20px;
border-top: 1px solid hsla(0,0%,100%,.35);
border-bottom: 1px solid rgb(60, 2, 68);
box-shadow: 0 4px 4px rgba(0,0,0,0.4);*/
background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.3));
border-bottom: 1px solid #ffcc8b59;
border-radius: 10px;
overflow: hidden;
transition: all .3s;
}
.game-card:hover{
transform: translateY(-4px);
box-shadow: 0 25px 25px -20px rgba(0,0,0,.8);
}
.game-card a{
color: #f7d8bc;
height: 200px;
display: inline-block;
}
.game-card a:hover{
color: #fff;
}
.game-card a:hover img{
transform: translateY(-4px);
box-shadow: 0 25px 25px -20px rgba(0,0,0,.2);
}
.game-card img{
height: 120px;
margin: 0 auto 10px;
border: 2px solid rgba(57, 31, 41, 0.58);
border-radius: 10px 10px 0 0;
transition: all .3s;
}
.g-button{
display: block;
position: absolute;
width: 101%;
height: 30px;
background: hsla(0,0%,100%,.1);
bottom: -30px;
left: 0;
z-index: 1;
transition: all .3s ease;
}
.game-card a:hover .g-button{
bottom: 0;
background: hsla(0,0%,100%,.2);
}
#hero-container{
height: 250px;
}
@media (max-width: 768px){
#hero-container{
height: 450px;
}
}
.promo{
margin: 0 auto;
display: block;
}
a.join-now{
background: url("../img/button-join.png") no-repeat 0 0;
width: 231px;
height: 105px;
display: block;
font: 0px/0 a;
transition: opacity 0.3s ease 0s;
margin: 0 auto;
}
a.join-now:hover{
background-position: bottom;
}
#step{
margin: 0 auto;
width: 988px;
}
#content.no{
background: transparent;
border: none;
box-shadow: none;
}
#content{
}
.content-lg{
font-size: 17px;
overflow: auto;
}
footer{
color: #6a5f4f;
}
#footer-menubar{
background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.3));
border-top: 1px solid #ffcc8b;
border-bottom: 1px solid #ffcc8b59;
}
#footer{
padding: 15px 0 5px;
color: #fff;
background: #0b0b0b;
margin-top: 50px;
border-top: 1px solid #344da7;
}
#footer h4{
padding-bottom: 20px;
border-bottom: 1px solid #69b0e7;
}
#footer p{
font-size: 12px;
}
#footer a {
color: #fff;
transition: all 0.3s;
}
#footer a:focus,#footer a:hover{
color: #69b0e7;
background-color: transparent;
text-decoration: underline;
}
#footer-nav{
//background: rgba(0,0,0,0.8);
//padding: 20px;
//border: 1px solid #222;
//border-radius: 8px;
//box-shadow: 0 0 10px rgba(0,0,0,1) inset;
}
#footer-nav.nav li{
float: left;
margin-right: 10px;
}
#footer-nav.nav li a{
padding: 0 5px;
color: #a18d6c;
transition: all 0.3s;
}
#footer-nav.nav li a:hover,
#footer-nav.nav li a:focus{
color: #69b0e7;
background-color: transparent;
}
.footer-desc-panel{
background: #f7f3ec;
margin: 0 2px 60px;
border-top: 1px solid #a68258;
border-left: 2px solid #d6b997;
border-right: 2px solid #d6b997;
border-bottom: 2px solid #a68258;
padding: 20px;
box-shadow: 3px 5px 10px rgba(50,7,3,0.5);
position: relative;
}
.footer-desc-panel-footer:before{
background: url(../img/UI-icon/corner3.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
bottom: -6px;
left: -6px;
}
.footer-desc-panel-footer:after{
background: url(../img/UI-icon/corner4.png) no-repeat top center;
content: "";
width: 25px;
height: 26px;
position: absolute;
bottom: -6px;
right: -6px;
}
.footer-desc-panel h3{
font-weight: bold;
color: 745c38;
}
#footer-bg{
background: url(../img/UI-bg/bg-flame.png) no-repeat top right;
}
#footer-bottom h3{
font-size: 18px;
}
#footer-bottom{
padding: 15px 0;
font-size: 11px;
color: #fff;
background: #000;
}
#footer-info{
padding: 45px 0 10px;
display: inline-block;
}
#topLogin .form-control{
/* height: 24px;
padding: 0 10px;
background: transparent;
border: 1px solid #6777b0;
border-radius: 4px;
color: #fff;*/
}
.register-form .form-control{
border-radius: 0;
box-shadow: none;
}
.hr.default-color {
border-top-color: #69b0e7;
}
.btn-next {
position: relative;
padding: 12px 30px 10px;
margin-right: 20px;
margin-bottom: 20px;
border: 2px solid;
border-right: none;
border-radius: 0;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn-next:before,
.btn-next:after {
position: absolute;
right: -11px;
display: block;
height: 30px;
border-left: 2px solid;
content: "";
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn-next:before {
top: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.btn-next:after {
bottom: -5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn-next.btn-xs {
padding: 8px 20px 6px;
font-size: 11px;
}
.btn-next.btn-xs:before,
.btn-next.btn-xs:after {
position: absolute;
right: -9.5px;
display: block;
height: 24px;
}
.btn-next i {
position: absolute;
top: 50%;
right: 10px;
font-size: 19px;
margin-top: -10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn-next:hover i {
right: 0px;
}
.btn-next,
.btn-next:hover,
.btn-next:focus,
.btn-next:active,
.btn-next:active:hover,
.btn-next:active:focus {
outline: 0 !important;
box-shadow: none;
background-color: transparent;
}
.btn-next {
border-color: #69b0e7;
color: #69b0e7;
}
.btn-next:before,
.btn-next:after {
border-color: #69b0e7;
}
.btn-next:hover {
border-color: #22272c;
color: #22272c;
}
.btn-next:hover:before,
.btn-next:hover:after {
border-color: #22272c;
}
.myButton{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background: linear-gradient(180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 1%, rgb(107, 82, 23) 1%, rgb(107, 82, 23) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(101, 61, 39) 6%, rgb(101,61,39) 6%, rgb(141, 86, 53) 10%, rgb(214, 143, 73) 40%, rgb(242, 181, 89) 57%, rgb(249, 223, 117) 95%, rgb(245, 228, 153) 97%, rgb(245, 228, 153) 98%, rgb(53, 36, 8) 98%, rgb(53, 36, 8) 99%, rgb(151, 119, 73) 99%, rgb(151, 119, 73) 100%);
background-color: #ffec64;
border: 1px solid #ffaa22;
/* border-radius: 4px; */
box-shadow: -4px 4px #be7900;
color: #333333;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
text-shadow: 0px 1px 0px #ffee66;
vertical-align: top;
display:inline-block;
cursor:pointer;
padding:2px 20px;
font-weight: bold;
font-size: 16px;
position: relative;
border-radius: 4px 0;
border-top: 1px solid #edda94;
border-bottom: 1px solid #937446;
height: 30px;
}
.myButton:before{
background: url(../img/Button/btn-b-corner1.svg) no-repeat top center;
content: "";
width: 14px;
height: 31px;
position: absolute;
top: -1px;
left: -2.5px;
background-size: 14px 30px;
}
.myButton:after{
background: url(../img/Button/btn-b-corner2.svg) no-repeat top center;
content: "";
width: 13px;
height: 30px;
position: absolute;
bottom: -1px;
right: -1.5px;
background-size: 14px 30px;
}
.myButton.bigButton{
background: linear-gradient(180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 0.1%, rgb(107, 82, 23) 0.5%, rgb(56, 38, 8) 1.2%,rgb(56, 38, 8) 1.8%,rgb(157, 124, 90) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(101, 61, 39) 6%, rgb(101,61,39) 6%, rgb(141, 86, 53) 10%, rgb(214, 143, 73) 40%, rgb(242, 181, 89) 57%, rgb(249, 223, 117) 95%, rgb(245, 228, 153) 97%,rgb(245, 228, 153) 97%, rgb(245, 228, 153) 97%,rgb(53, 36, 8) 98%, rgb(53, 36, 8) 100%);
border-radius: 7px 0;
}
.bigButton.myButton:before{
background: url(../img/Button/btn-b-corner1.svg) no-repeat top center;
content: "";
width: 18px;
height: 41px;
position: absolute;
top: -1px;
left: -2.5px;
background-size: 18px 40px;
}
.bigButton.myButton:after{
background: url(../img/Button/btn-b-corner2.svg) no-repeat top center;
content: "";
width: 18px;
height: 41px;
position: absolute;
bottom: -2px;
right: -2.5px;
background-size: 18px 40px;
}
.myButton:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
background: linear-gradient(180deg, rgb(245, 228, 153) 0%, rgb(245, 228, 153) 0.1%, rgb(107, 82, 23) 0.5%, rgb(56, 38, 8) 1.2%,rgb(56, 38, 8) 1.8%,rgb(157, 124, 90) 2%, rgb(157, 124, 90) 2%, rgb(157, 124, 90) 3%, rgb(232, 134, 75) 10%, rgb(236, 162, 89) 40%, rgb(242, 181, 89) 57%, rgb(249, 223, 117) 95%, rgb(245, 228, 153) 97%,rgb(245, 228, 153) 97%, rgb(245, 228, 153) 97%,rgb(53, 36, 8) 98%, rgb(53, 36, 8) 100%);
background-color: #ffab23;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
}
.myButton:active, {
position:relative;
top:1px;
}
.myButton:focus{
}
.myButton.big{
height: 40px;
padding: 8px 20px;
font-size: 18px;
}
/* #loginButton{
height: 29px;
border-radius: 4px;
box-shadow: none;
} */
.btn-square{
position: relative;
padding: 5px 10px;
margin-right: 20px;
color: #FFF;
border: 1px solid #fff;
border-radius: 4px;
font-size: 12px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn-square:hover, .btn-square:focus{
color: #fbb600;
border-color: #fbb600;
}
/*.gamesection > .col-lg-6::before{
position: absolute;
top: 0;
left: 0;
content: "";
border-style: solid;
border-color: transparent transparent transparent #0096da;
border-width: 0 0 78px 40px;
}*/
.bigButton{
width: 100%;
height: 40px;
}
#sub-carousel{
border: 1px solid #D0A37F;
box-shadow: 0 4px 4px rgba(0,0,0,0.5);
}
.sub-banner{
/* height: 145px; */
border: 1px solid #D0A37F;
box-shadow: 0 4px 4px rgba(0,0,0,0.5);
}
.right-sub-contact-title{
text-align: center;
text-transform: uppercase;
font-weight: bold;
color: #EBBD80;
}
.right-sub-contact-wrapper{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #64170B), color-stop(0.3, #7E2011));
background: -moz-linear-gradient(top, #64170B 5%, #7E2011 20%);
background: -webkit-linear-gradient(top, #64170B 5%, #7E2011 20%);
background: -o-linear-gradient(top, #64170B 5%, #7E2011 20%);
background: -ms-linear-gradient(top, #64170B 5%, #7E2011 20%);
background: linear-gradient(to bottom, #64170B 5%, #7E2011 20%);
background-color: #621a0d;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64170B', endColorstr='#7E2011', GradientType=0);
padding: 10px 5px 5px;
border: 1px solid #D0A37F;
box-shadow: 0 4px 4px rgba(0,0,0,0.5);
}
.right-sub-contact-inside-wrapper{
background: #460E08;
padding: 5px;
}
.result-content{
padding: 15px 0 15px;
margin-bottom: 30px;
min-height: 350px;
color: #fff;
border-radius: 10px;
border: 2px solid #420101;
background: url('../img/result-bg.jpg') #24272d repeat-x;
}
.result-content h4.title{
font-family: 'Oswald', sans-serif;
margin-bottom: 5px;
text-align: center;
height: 36px;
font-size: 20pt;
}
.result-content h4.title a{
color: #fff;
text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
.result-content small{
}
.result-content-wrapper{
padding: 35px 10px;
background: #22252b;
}
.result-content-wrapper p{
font-size: 10px;
}
.result-content-wrapper a{
color: #fff;
}
.content-header-bar{
padding: 5px 15px 25px;
margin-bottom: 30px;
text-transform: uppercase;
text-align: center;
background: #f5fafc;
border-bottom: 1px solid #D0E9F3;
}
.content-header-bar h3{
color: #22272c;
line-height: 40px;
margin-bottom: 10px;
font-weight: 600;
}
.content-header-bar:after {
display: block;
width: 30px;
border-bottom: 2px solid #22272c;
content: "";
margin: 0 auto;
}
.content-header-bar i{
color: #f2d511;
font-size: 17px;
}
.result-prize{
border-radius: 100px;
/*box-shadow: inset 0 3px 5px rgba(0,0,0,0.3);*/
padding: 10px;
text-align: center;
text-transform: uppercase;
/*background: #253648;*/
border: 2px solid #9b1c1c;
}
.result-prize.prize1{
width: 300px;
margin: 0 auto;
}
.result-prize span.prize-title{
font-family: 'Oswald', sans-serif;
font-size: 15pt;
}
span.result-number{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7797d5), color-stop(0.1, #214672), color-stop(0.25, #2e465e), color-stop(0.75, #15232e), color-stop(1, #130a0f));
background:-moz-linear-gradient(top, #7797d5 0%, #214672 5%, #2e465e 25%, #15232e 75%, #130a0f 100%);
background:-webkit-linear-gradient(top, #7797d5 0%, #214672 5%, #2e465e 25%, #15232e 75%, #130a0f 100%);
background:-o-linear-gradient(top, #7797d5 0%, #214672 5%, #2e465e 25%, #15232e 75%, #130a0f 100%);
background:-ms-linear-gradient(top, #7797d5 0%, #214672 5%, #2e465e 25%, #15232e 75%, #130a0f 100%);
background:linear-gradient(to bottom, #7797d5 0%, #214672 5%, #2e465e 25%, #15232e 75%, #130a0f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7cf2e', endColorstr='#faa20a',GradientType=0);
background-color:#172946;
border-radius: 100px;
padding: 5px 12px;
margin: 5px 2px;
text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
font-weight: bold;
font-size: 23px;
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3), inset 0 -3px 5px #1d2d3a, inset 0 3px 20px rgba(59,108,131,0.5);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3), inset 0 -3px 5px #1d2d3a, inset 0 3px 20px rgba(59,108,131,0.5);
box-shadow: 0 3px 5px rgba(0,0,0,0.3), inset 0 -3px 5px #1d2d3a, inset 0 3px 20px rgba(59,108,131,0.5);
}
span.result-number-sm{
color:#e6b522;
/* background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7cf2e), color-stop(1, #faa20a));
background:-moz-linear-gradient(top, #f7cf2e 5%, #faa20a 100%);
background:-webkit-linear-gradient(top, #f7cf2e 5%, #faa20a 100%);
background:-o-linear-gradient(top, #f7cf2e 5%, #faa20a 100%);
background:-ms-linear-gradient(top, #f7cf2e 5%, #faa20a 100%);
background:linear-gradient(to bottom, #f7cf2e 5%, #faa20a 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7cf2e', endColorstr='#faa20a',GradientType=0);*/
background-color:#172946;
border-radius: 100px;
padding: 4px 8px;
/* text-shadow: 0px 1px 0px rgba(255,255,255,0.8);*/
font-weight: bold;
font-size: 14px;
/* -moz-box-shadow:inset 0px -3px 7px 0px #ffff52, 0 3px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:inset 0px -3px 7px 0px #ffff52, 0 3px 5px rgba(0,0,0,0.3);
box-shadow:inset 0px -3px 7px 0px #ffff52, 0 3px 5px rgba(0,0,0,0.3);*/
}
.notif{
color:#fff;
background: rgba(17,17,17,0.5);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 100px;
padding: 1px 8px;
margin: -17px -8px;
font-weight: bold;
font-size: 14px;
position: absolute;
}
.glow-bg {
border-bottom: 1px solid #69b0e7;
list-style: none;
padding-bottom: 18px;
line-height: 1.3;
}
.text-color{
color: #fa9928;
color: #f7d8bc;
}
.modal-content{
background: #0c0c0e;
color: #fff;
border-radius: 0;
border: 0
}
.modal-header{
background: url("../img/header-bar.jpg") no-repeat top center;
color: #fff;
}
.modal-header:after{
display: block;
width: 30px;
border-bottom: 2px solid #ffd800;
content: "";
margin: 0 auto;
}
.modal-header,
.modal-footer{
border: 0;
}
.modal-header .close{
color: #ffd800;
}
.modal-title{
text-align: center;
text-transform: uppercase;
}
.nav-tabs.tabmail>li{
width: 45%;
text-align: center;
font-weight: bold;
font-size: 16px;
}
.nav-tabs > li > a{
background: #f9f9f9;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
background: linear-gradient(#f9f9f9, #9b9b9b);
}
.nav-tabs > li > a:hover{
background: #f9f9f9;
}
ul.nav-menu{
list-style: none;
}
ul.nav-menu li{
float: left;
}
#market-button{
border: 0;
border-radius: 6px;
background: linear-gradient(115deg, #A91B1B 0%, #4D1F1F 84%, rgba(0,0,0,0) 84%,rgba(0,0,0,0) 86%, #DD2121 86%);
box-shadow: 0 3px 15px rgba(0,0,0,0.15);
margin: 0;
padding: 0;
}
#market-button.pick-market{
background: linear-gradient(115deg, #3c4b6c 0%, #293042 84%, rgba(0,0,0,0) 84%,rgba(0,0,0,0) 86%, #DD2121 86%);
}
#market-button.pick-market .infopasaran span{
font-size: 18px;
font-weight: bold;
padding-top: 7px;
display: block;
letter-spacing: 1.5px;
}
#market-menu{
width: 355px;
background: linear-gradient(#1D2126,#5B4420);
}
#market-menu > li > a{
color: #fff;
}
#market-menu > li > a:hover{
background: rgba(0,0,0,0.3);
color: #fff;
}
.market-menu-container{
min-height: 50px;
margin-bottom: 15px;
background: #2B414F;
}
ul.market-menu:before,
ul.game-menu:before{
display: table;
content: " ";
}
ul.market-menu{
list-style: none;
padding-left: 0;
display: inline-block;
margin-bottom: 0;
}
ul.market-menu li{
float: left;
position: relative;
display: block;
}
ul.market-menu li a{
color: #FFF;
padding: 10px 20px;
font-size: 13px;
display: block;
}
ul.market-menu li.active{
background: #FFC527;
}
ul.market-menu li a:hover{
background: #FFC527;
}
ul.game-menu{
list-style: none;
display: inline-block;
padding: 0;
width: 100%;
background: #FFF;
margin-bottom: 10px;
}
ul.game-menu li{
float: left;
margin-right: 10px;
padding: 10px 12px;
}
ul.game-menu li.active{
background-color:#09f;
display:inline-block;
cursor:pointer;
font-weight: bold;
}
ul.game-menu li a{
}
ul.game-menu li.active a{
color:#fff;
}
.list-group-item{
border: 1px solid #69b0e7;
}
.list-group-item:first-child,
.list-group-item:last-child{
border-radius: 0;
}
.list-group-item > a{
color: #000;
display: inline-block;
width: 100%;
padding: 10px 15px;
}
.list-group-item > a:hover{
background: #EEE;
text-decoration: none;
}
.list-group-item .label{
border: 1px solid #2C89D9;
color: #000;
padding-bottom: 1px;
}
.text-content{
border-top: 1px solid #091C2C;
padding: 30px 0 30px 20px;
}
.table_sm{
min-width: 360px;
}
.table_lg{
min-width: 720px;
}
.table_xl{
min-width: 1024px;
}
.table_md{
min-width: 480px;
}
.table_data{
box-shadow: 0px 4px 16px rgba(0,0,0,.4);
}
table.table_data,
table.jtable{
width: 100%;
text-align: center;
color: #a3a3a3;
}
table.table_data thead,
table.jtable thead{
color: #fff;
background: linear-gradient(0deg,rgba(85, 0, 0, 0.15) 0,#546b6c3b);
border-top: 1px solid hsla(0,0%,100%,.15);
}
table.table_data thead tr,
table.jtable thead tr{
border-bottom: none;
height: 52px;
background: url('../img/table-line.svg') no-repeat;
}
table.table_data tr,
table.jtable tr{
height: 45px;
}
table.table_data th,
table.table_data thead th,
table.jtable th,
table.jtable thead th{
text-align: center!important;
vertical-align: middle;
}
table.table_data td,
table.jtable td{
height: 30px;
font-size: 14px;
}
table.table_data > tbody > tr > td,
table.jtable > tbody > tr > td{
border-top: 0;
}
table.table_data > tbody,
table.jtable > tbody{
background: rgba(0, 0, 0, 0) linear-gradient(rgba(146, 40, 32, 0.21), rgba(146, 40, 32, 0.06)) repeat scroll 0% 0%;
border-top: 1px solid rgb(146, 40, 32);
}
table.table_data > thead > tr > th,
table.jtable > thead > tr > th{
border-bottom: 0;
}
table.table_data.table-striped > tbody > tr:nth-of-type(odd),
table.jtable > tbody > tr:nth-of-type(odd){
background: #27272DBF;
}
table.table_data.table-striped > tbody > tr:nth-of-type(even),
table.jtable > tbody > tr:nth-of-type(even){
background: #27272DBF;
}
table.table_data td a,
table.jtable td a{
font-size: 14px;
}
table.table_data tfoot tr,
table.jtable tfoot tr{
/* //background: #2B414F; */
color: #FFF;
}
div.jtable-main-container div.jtable-title div.jtable-title-text{
font-weight: 100!important;
margin-bottom: 5px;
}
input.form-control[readonly]{
/* background: url('../img/search-input-bg.png') repeat-x; */
/*border-radius: 2px;*/
color: #000;
}
select.form-control,
label.form-control{
border-color: #d97457;
background: #651d1c;
color: #fff;
/*border-radius: 2px;*/
}
input.singlebox{
width: 40px;
font-weight: bold;
font-size: 18px;
text-align: center;
}
input.twobox{
width: 50px;
font-weight: bold;
font-size: 18px;
text-align: center;
}
input.threebox{
width: 50px;
font-weight: bold;
font-size: 18px;
text-align: center;
}
input.fourbox{
width: 60px;
font-weight: bold;
font-size: 18px;
text-align: center;
}
input.fivebox{
width: 70px;
text-align: center;
}
input.tenbox{
width: 120px;
font-weight: bold;
font-size: 18px;
text-align: center;
}
.bg-white{
background: #FFF;
}
/* =============================================== */
.b-l-2x {
border-left-width: 2px;
}
.b-l-3x {
border-left-width: 3px;
}
.b-l-4x {
border-left-width: 4px;
}
.b-l-5x {
border-left-width: 5px;
}
.b-2x {
border-width: 2px;
}
.b-3x {
border-width: 3px;
}
.b-4x {
border-width: 4px;
}
.b-5x {
border-width: 5px;
}
.r {
border-radius: 2px 2px 2px 2px;
}
.r-2x {
border-radius: 4px;
}
.r-3x {
border-radius: 6px;
}
.r-l {
border-radius: 2px 0 0 2px;
}
.r-r {
border-radius: 0 2px 2px 0;
}
.r-t {
border-radius: 2px 2px 0 0;
}
.r-b {
border-radius: 0 0 2px 2px;
}
.m-xxs {
margin: 2px 4px;
}
.m-xs {
margin: 5px;
}
.m-sm {
margin: 10px;
}
.m {
margin: 15px;
}
.m-md {
margin: 20px;
}
.m-lg {
margin: 30px;
}
.m-xl {
margin: 50px;
}
.m-n {
margin: 0 !important;
}
.m-l-none {
margin-left: 0 !important;
}
.m-l-xs {
margin-left: 5px;
}
.m-l-sm {
margin-left: 10px;
}
.m-l {
margin-left: 15px;
}
.m-l-md {
margin-left: 20px;
}
.m-l-lg {
margin-left: 30px;
}
.m-l-xl {
margin-left: 40px;
}
.m-l-xxl {
margin-left: 50px;
}
.m-l-n-xxs {
margin-left: -1px;
}
.m-l-n-xs {
margin-left: -5px;
}
.m-l-n-sm {
margin-left: -10px;
}
.m-l-n {
margin-left: -15px;
}
.m-l-n-md {
margin-left: -20px;
}
.m-l-n-lg {
margin-left: -30px;
}
.m-l-n-xl {
margin-left: -40px;
}
.m-l-n-xxl {
margin-left: -50px;
}
.m-t-none {
margin-top: 0 !important;
}
.m-t-xxs {
margin-top: 1px;
}
.m-t-xs {
margin-top: 5px;
}
.m-t-sm {
margin-top: 10px;
}
.m-t {
margin-top: 15px;
}
.m-t-md {
margin-top: 20px;
}
.m-t-lg {
margin-top: 30px;
}
.m-t-xl {
margin-top: 40px;
}
.m-t-xxl {
margin-top: 50px;
}
.m-t-n-xxs {
margin-top: -1px;
}
.m-t-n-xs {
margin-top: -5px;
}
.m-t-n-sm {
margin-top: -10px;
}
.m-t-n {
margin-top: -15px;
}
.m-t-n-md {
margin-top: -20px;
}
.m-t-n-lg {
margin-top: -30px;
}
.m-t-n-xl {
margin-top: -40px;
}
.m-t-n-xxl {
margin-top: -50px;
}
.m-r-none {
margin-right: 0 !important;
}
.m-r-xxs {
margin-right: 1px;
}
.m-r-xs {
margin-right: 5px;
}
.m-r-sm {
margin-right: 10px;
}
.m-r {
margin-right: 15px;
}
.m-r-md {
margin-right: 20px;
}
.m-r-lg {
margin-right: 30px;
}
.m-r-xl {
margin-right: 40px;
}
.m-r-xxl {
margin-right: 50px;
}
.m-r-n-xxs {
margin-right: -1px;
}
.m-r-n-xs {
margin-right: -5px;
}
.m-r-n-sm {
margin-right: -10px;
}
.m-r-n {
margin-right: -15px;
}
.m-r-n-md {
margin-right: -20px;
}
.m-r-n-lg {
margin-right: -30px;
}
.m-r-n-xl {
margin-right: -40px;
}
.m-r-n-xxl {
margin-right: -50px;
}
.m-b-none {
margin-bottom: 0 !important;
}
.m-b-xxs {
margin-bottom: 1px;
}
.m-b-xs {
margin-bottom: 5px;
}
.m-b-sm {
margin-bottom: 10px;
}
.m-b {
margin-bottom: 15px;
}
.m-b-md {
margin-bottom: 20px;
}
.m-b-lg {
margin-bottom: 30px;
}
.m-b-xl {
margin-bottom: 40px;
}
.m-b-xxl {
margin-bottom: 50px;
}
.m-b-n-xxs {
margin-bottom: -1px;
}
.m-b-n-xs {
margin-bottom: -5px;
}
.m-b-n-sm {
margin-bottom: -10px;
}
.m-b-n {
margin-bottom: -15px;
}
.m-b-n-md {
margin-bottom: -20px;
}
.m-b-n-lg {
margin-bottom: -30px;
}
.m-b-n-xl {
margin-bottom: -40px;
}
.m-b-n-xxl {
margin-bottom: -50px;
}
.p-xxs {
padding: 2px 4px;
}
.p-xs {
padding: 5px;
}
.p-sm {
padding: 10px;
}
.p {
padding: 15px;
}
.p-md {
padding: 20px;
}
.p-lg {
padding: 30px;
}
.p-xl {
padding: 50px;
}
.p-n {
padding: 0 !important;
}
.p-l-none {
padding-left: 0 !important;
}
.p-l-xs {
padding-left: 5px;
}
.p-l-sm {
padding-left: 10px;
}
.p-l {
padding-left: 15px;
}
.p-l-md {
padding-left: 20px;
}
.p-l-lg {
padding-left: 30px;
}
.p-l-xl {
padding-left: 40px;
}
.p-l-xxl {
padding-left: 50px;
}
.p-l-n-xxs {
padding-left: -1px;
}
.p-l-n-xs {
padding-left: -5px;
}
.p-l-n-sm {
padding-left: -10px;
}
.p-l-n {
padding-left: -15px;
}
.p-l-n-md {
padding-left: -20px;
}
.p-l-n-lg {
padding-left: -30px;
}
.p-l-n-xl {
padding-left: -40px;
}
.p-l-n-xxl {
padding-left: -50px;
}
.p-t-none {
padding-top: 0 !important;
}
.p-t-xxs {
padding-top: 1px;
}
.p-t-xs {
padding-top: 5px;
}
.p-t-sm {
padding-top: 10px;
}
.p-t {
padding-top: 15px;
}
.p-t-md {
padding-top: 20px;
}
.p-t-lg {
padding-top: 30px;
}
.p-t-xl {
padding-top: 40px;
}
.p-t-xxl {
padding-top: 50px;
}
.p-t-n-xxs {
padding-top: -1px;
}
.p-t-n-xs {
padding-top: -5px;
}
.p-t-n-sm {
padding-top: -10px;
}
.p-t-n {
padding-top: -15px;
}
.p-t-n-md {
padding-top: -20px;
}
.p-t-n-lg {
padding-top: -30px;
}
.p-t-n-xl {
padding-top: -40px;
}
.p-t-n-xxl {
padding-top: -50px;
}
.p-r-none {
padding-right: 0 !important;
}
.p-r-xxs {
padding-right: 1px;
}
.p-r-xs {
padding-right: 5px;
}
.p-r-sm {
padding-right: 10px;
}
.p-r {
padding-right: 15px;
}
.p-r-md {
padding-right: 20px;
}
.p-r-lg {
padding-right: 30px;
}
.p-r-xl {
padding-right: 40px;
}
.p-r-xxl {
padding-right: 50px;
}
.p-r-n-xxs {
padding-right: -1px;
}
.p-r-n-xs {
padding-right: -5px;
}
.p-r-n-sm {
padding-right: -10px;
}
.p-r-n {
padding-right: -15px;
}
.p-r-n-md {
padding-right: -20px;
}
.p-r-n-lg {
padding-right: -30px;
}
.p-r-n-xl {
padding-right: -40px;
}
.p-r-n-xxl {
padding-right: -50px;
}
.p-b-none {
padding-bottom: 0 !important;
}
.p-b-xxs {
padding-bottom: 1px;
}
.p-b-xs {
padding-bottom: 5px;
}
.p-b-sm {
padding-bottom: 10px;
}
.p-b {
padding-bottom: 15px;
}
.p-b-md {
padding-bottom: 20px;
}
.p-b-lg {
padding-bottom: 30px;
}
.p-b-xl {
padding-bottom: 40px;
}
.p-b-xxl {
padding-bottom: 50px;
}
.p-b-n-xxs {
padding-bottom: -1px;
}
.p-b-n-xs {
padding-bottom: -5px;
}
.p-b-n-sm {
padding-bottom: -10px;
}
.p-b-n {
padding-bottom: -15px;
}
.p-b-n-md {
padding-bottom: -20px;
}
.p-b-n-lg {
padding-bottom: -30px;
}
.p-b-n-xl {
padding-bottom: -40px;
}
.p-b-n-xxl {
padding-bottom: -50px;
}
.r-none {
border-radius: 0px;
}
.r {
border-radius: 2px 2px 2px 2px;
}
.r-2x {
border-radius: 4px;
}
.r-3x {
border-radius: 6px;
}
.r-l {
border-radius: 2px 0 0 2px;
}
.r-r {
border-radius: 0 2px 2px 0;
}
.r-t {
border-radius: 2px 2px 0 0;
}
.r-b {
border-radius: 0 0 2px 2px;
}
.b-none {
border: none!important;
}
.b {
border: 1px solid rgba(0, 0, 0, 0.05);
}
.b-a {
border: 1px solid #dee5e7;
}
.b-t {
border-top: 1px solid #dee5e7;
}
.b-r {
border-right: 1px solid #dee5e7;
}
.b-b {
border-bottom: 1px solid #dee5e7;
}
.b-l {
border-left: 1px solid #dee5e7;
}
.b-grey{
border-color: #404447;
}
.w-1x {
width: 1em!important;
}
.w-2x {
width: 2em!important;
}
.w-3x {
width: 3em!important;
}
.w-xxs {
width: 60px!important;
}
.w-xs {
width: 90px!important;
}
.w-sm {
width: 150px!important;
}
.w {
width: 200px!important;
}
.w-md {
width: 240px!important;
}
.w-lg {
width: 280px!important;
}
.w-xl {
width: 320px!important;
}
.w-xxl {
width: 360px!important;
}
.w-full {
width: 100%!important;
}
.w-auto {
width: auto!important;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.pull-none {
float: none !important;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.clear {
display: block;
overflow: hidden;
}
.container{
width: 1170px!important;
}
.b-r-none{
border-radius: 2px 0 0 2px!important;
}
.market-box{
float: left;
height: 250px;
width: 226px;
margin: 3px 4px;
background: linear-gradient(#fefe00,#ffc000);
border: 1px solid #fefe00;
border-radius: 5px 5px 5px 5px;
display: inline-block;
}
.bank-box{
background: #131d33;
border-bottom: 2px solid #fa9928;
border-top: 2px solid #fa9928;
position: relative;
}
.bank-box.p::before {
left: 50%;
margin-left: -25px;
}
.bank-box::before {
content: "";
position: absolute;
top: 62px;
left: 0px;
width: 50px;
height: 4px;
background: rgb(250, 153, 40);
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bank-box h4{
font-family: "Oswald" ,sans-serif;
font-size: 23pt;
color: #fff;
text-align: center;
padding-top: 0px;
padding-left: 15px;
}
.bank-box table {
height: 125px;
background: #0b0b0b;
border: 1px solid #2A6CA6;
margin: 0 auto;
}
.bank-box td {
vertical-align: middle;
text-align: center;
}
.bank-logo {
float: left;
padding-top: 4px;
padding-bottom: 4px;
}
.bank-status-container {
display: inline-block;
margin: 10px auto 0px;
padding: 0px 5px 0px 5px;
}
.bank-wrapperbox{
margin: 0px auto 0px;
width: 100%;
text-align: center;
padding: 11px;
}
.bank-online {
background: #111 url(../img/online.gif) center no-repeat;
width: 80px;
height: 25px;
display: inline-block;
margin: 12px auto 0px;
border-radius: 4px;
}
.bank-offline {
background: #111 url(../img/offline.gif) center no-repeat;
width: 80px;
height: 25px;
display: inline-block;
margin: 12px auto 0px;
border-radius: 4px;
}
.bank-gangguan {
background: #111 url(../img/gangguan.gif) center no-repeat;
width: 80px;
height: 25px;
display: inline-block;
margin: 5px auto 0px;
border-radius: 4px;
}
.menu{
display: block;
margin-bottom: 15px;
height: 45px;
}
a.no-u{
text-decoration: none;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
background-color: #337ab7;
border-color: rgba(255,255,255,0.3);
color: #fff;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover{
background-color: transparent;
border-color: rgba(255,255,255,0.3);
color: #fff;
}
.pagination > li > a, .pagination > li > span{
background-color: transparent;
border: 1px solid rgba(255,255,255,0.3);
color: #fff;
}