/*
Theme Name: Element
Version: 1
Author: Element
Author URI: 
License: Element
License URI: 
*/
html {height: 100%;font-size: 1em;line-height: 1.4;margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
body {margin: 0;font-size: 14px;line-height: 1.5;color: #aaaaaa;background: #0f151b;font-family: 'montserrat',Tahoma,"Microsoft Yahei",Arial,Helvetica;}
h1, h2, h3, h4, h5, h6, .title-row, .provider-title, strong{color: #e99115;}
h1, h2, h3, h4, h5, h6{line-height: 1.2;margin: 15px 0px;font-weight: 600;text-align: center}
h1{font-size: 25px;}
h2{font-size: 23px;}
h3{font-size: 21px;}
h4{font-size: 19px;}
h5{font-size: 17px;}
h6{font-size: 15px;}
ol li{list-style: desc;}
.article ul li{list-style: disc;}
li{list-style: none;}
* {-moz-box-sizing: border-box;box-sizing: border-box;}
iframe{width: 100%;height: 600px;border: 1px solid #bb9906;border-radius: 7px;padding: 5px;}
a:hover{color: #ffffff;}
a.read-more{display: block;float: right;width: 14%;text-align: center;padding: 4px;border-radius: 5px;color: #444;background: linear-gradient(to bottom, #FBFBFB 0%, #E5E5E5 100%);border: 1px solid #CCC;margin-top: 10px;}
div, input, label, p, section {display: block;overflow: hidden;position: relative;}
img{width: auto;height: auto;}
.mobile{display:none;}
table, td, th {border: 1px solid #584c26;}
table {width: 100%;border-collapse: collapse;}
/*========== SVG ===========*/
.ico {vertical-align: middle;display: inline-block;background-position: center;background-repeat: no-repeat;height: 25px;width: 25px;background-size: 17px;}
.whatsapp {background-image: url(images/ico/whatsapp.svg);}
.telegram {background-image: url(images/ico/telegram.svg);}
.livechat {background-image: url(images/ico/livechat.svg);}
.idnslot {background-image: url(images/ico/idnslot.svg);}
.pragmaticplay {background-image: url(images/ico/pragmaticplay.svg);}
.pgsoft {background-image: url(images/ico/pgsoft.svg);}
.microgaming {background-image: url(images/ico/microgaming.svg);}
.bgaming {background-image: url(images/ico/bgaming.svg);}
.btg {background-image: url(images/ico/btg.svg);}
.gmw {background-image: url(images/ico/gmw.svg);}
.redtiger {background-image: url(images/ico/redtiger.svg);}
.habanero {background-image: url(images/ico/habanero.svg);}
.isoftbet {background-image: url(images/ico/isoftbet.svg);}
.booming {background-image: url(images/ico/booming.svg);}
.spinomenal {background-image: url(images/ico/spinomenal.svg);}
.netent {background-image: url(images/ico/netent.svg);}
.gameart {background-image: url(images/ico/gameart.svg);}
.felix {background-image: url(images/ico/felix.svg);}
.wearecasino {background-image: url(images/ico/wearecasino.svg);}
.yggdrasil {background-image: url(images/ico/yggdrasil.svg);}
.playson {background-image: url(images/ico/playson.svg);}
.slots {background-image: url(images/ico/slots.svg);}
.casino {background-image: url(images/ico/casino.svg);}
.sports {background-image: url(images/ico/sports.svg);}
.poker {background-image: url(images/ico/poker.svg);}
.esports {background-image: url(images/ico/esports.svg);}
.fishing {background-image: url(images/ico/fishing.svg);}
.promo {background-image: url(images/ico/promotion.svg);}
.referral {background-image: url(images/ico/referral.svg);}
/*========== Menu ===========*/
.lobby-nav li [aria-current], a{color: #f79236;text-decoration: none;}
.menu-item-description {right: 10px;margin-top: 0;padding: 3px;background-color: #ff0000;color: #fff;font-size: 8px;font-weight: bold;text-transform: uppercase;border-radius: 4px;position: absolute;}
ul.menu, ul.contact-us,ul.main-menu{padding:0;margin:0;display: flex;flex-wrap: wrap;}
ul.contact-us{justify-content: right;}
.contact-us li{border-left: 1px solid #181e26;background: #181e26;}
.main-menu li [aria-current], .main-menu li a:hover, .contact-us li a:hover{color: #f79236;}
.main-menu li, .contact-us li{position: relative;display: block;float: left;margin: 0;padding: 0px;}
.main-menu li a, .contact-us li a{color: #ffffff;padding: 10px 21px;line-height: 33px;font-size: 11px;font-weight: 700;}
.main-game{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.main-game li{width: 16%;margin: 3px;border-radius: 5px;text-align: center;align-items: center;display: flex;justify-content: center;border: 1px solid #1f3180;}
.main-game li a{padding: 7px;color: #f5dd43;}
.menu{float: right;position: relative;padding: 0px;margin: 0px auto;}
.menu li{float: left;position: relative;font-size: 14px;text-transform: uppercase;margin: 0px 0px 0px 4px;text-align: center;padding: 5px 5px;border-radius: 2px;}
.menu ul{padding-top: 15px;border-radius: 0px 0px 4px 4px;-webkit-border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;-ms-border-radius: 0px 0px 4px 4px;-o-border-radius: 0px 0px 4px 4px;}
.menu li a{padding: 4px 21px;display: block;color: #ffffff;text-shadow: 0px 0px 3px #000;}
.daftar{background: #f79236;}
.daftar:hover{background: #f57907}
.login, .quick-footer{background: #4b61ea;}
.login:hover{background: #3e51c5;}
.slot-menu .ico, label .ico{background-color: #000;height: 40px;width: 40px;background-size: 40px;border-radius: 38px;}
ul.slot-menu{margin: auto;padding: 5px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.slot-menu li{width: 5%;margin: 5px auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.slot-menu li [aria-current] .ico{border: 1px solid #f7bd36;box-shadow: 0px 0px 3px #f79536;}
.slot-menu li a[aria-current]{color: #f79236;}
.slot-menu li a, .tabs label{color: #7687f4;display: flex;align-items: center;flex-direction: column;font-size: 9px;}
.slot-menu li a:hover{color:#f79236}
/*========== Header ===========*/
.blue, .entry-date{background:000;}
.header {width: 100%;z-index: 99;position: fixed;height: 95px;background: #000000;box-shadow: 0px 0px 5px 0px #000000;}
.top-menu{line-height: 1.2;font-size: 11px;float: right;width: 50%;}
.top-header{height: 60px;border-bottom: 1px solid #2e3842;background: #0f151b;padding: 9px 0px;}
.site-logo {top: 1px;}
.site-logo img{width: 220px;}
.nav-bar{height: 35px;background-color: #181e26;}
.menu-contact-menu-container{float: right;}
.sticky {height: 102px;}
.main{background: #0f151b;}
.container {max-width: 1200px;width: 100%;margin: auto;}
/*========== layout ===========*/
.row{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.row-c{justify-content: center;}
.col-sm {flex: 0 0 10%;max-width: 10%;}
.col-sm-2 {flex: 0 0 20%;max-width: 20%;}
.col-sm-3 {flex: 0 0 30%;max-width: 30%;}
.col-sm-4{flex: 0 0 40%;max-width: 40%;}
.col-sm-5{flex: 0 0 50%;max-width: 50%;}
.col-sm-6 {flex: 0 0 60%;max-width: 60%;}
.col-sm-7 {flex: 0 0 70%;max-width: 70%;}
.col-sm-8{flex: 0 0 80%;max-width: 80%}
.col-sm-10 {flex: 0 0 90%;max-width: 90%;}
.col-sm-12 {flex: 0 0 100%;max-width: 100%;}
.title-row{padding:5px 0px;}
.mm{margin: 25px auto;}
.ms{margin: 15px auto;}
.bb{border-bottom: 1px solid #2e3842;padding-bottom: 20px;display: none}
.bt{border-top: 1px solid #2e3842;padding-top: 20px;}
.bg-nav{background-color: #2e3842;border-radius: 5px;}
.game .col-sm-3{flex: 0 0 16%;max-width: 16%;padding: 9px;margin: 2px 4px;display: flex;flex-wrap: wrap;justify-content: center;}
.game .col-sm-3 img{width: 100%;height: 100%;border-radius: 6px;}
.title-image{width: 100%;color: #000000;background-color: #e99115;text-align: center;padding: 8px;margin: 8px auto;border-radius: 5px;font-weight: 600;font-size: unset}
.provider .container{border-top: 1px solid #2e3842;border-bottom: 1px solid #2e3842;padding: 10px 0px;}
.provider-title{padding: 7px 0px;font-size: 24px;}
.provider-title h3{margin: 5px auto;}
.provider-title, .date, .time{text-align: center;}
.slider img{border-radius:7px;width: 100%;}
/*========== Tabs ===========*/
.tabs {display: flex;flex-wrap: wrap;width: 100%;margin: 10px auto;justify-content: center;}
.tabs label {order: 1;display: flex;justify-content: center;align-items: center;cursor: pointer;background-color: #2e3842;transition: background ease 0.3s;border-radius: 7px;margin: 15px 2px;padding: 5px 19px;}
label .ico-menu{width: 30px;height: 25px;background-size: 25px;}
.tabs .tab {order: 9;flex-grow: 1;width: 100%;display: none;padding: 0px;}
.tabs input[type="radio"] {display: none;}
.tabs input[type="radio"]:checked + label, .tabs label:hover {background: #f79236;color: #ffffff;}
.tabs input[type="radio"]:checked + label + .tab {display: block;}
.tab .col-sm-2{flex: 0 0 20%;max-width: 20%;}
/*========== Progress Bar ===========*/
.list-game .col-sm-2{flex: 0 0 16.666%;}
.item-game{padding: 7px;background: #2f3842;margin: 3px;border-radius: 9px;border: 1px solid #38414d;}
.image-game img{border-radius: 9px;display: block;width: 100%;}
.title-game{text-align: center;color: #fff;padding: 8px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.game-rtp {height: 27px;display: flex;overflow: hidden;line-height: 0;background-color: #e9ecef;border-radius: 5px;position: relative;z-index: 1;}
.game-rtp span{z-index: 15;position: absolute;text-align: center;width: 100%;font-size: 15px;font-weight: bold;color: #ffffff;margin: 14px auto;text-shadow: 0px 1px 4px #000;}
.percent-bar {background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size: 1rem 1rem;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;overflow: hidden;color: #fff;text-align: center;white-space: nowrap;background-color: #1a8c14;transition: width 0.6s ease;-webkit-animation: progress-bar-stripes 1s linear infinite;animation: progress-bar-stripes 1s linear infinite;z-index: 10;width: 100%;}
.per-1, .per-2, .per-3, .per-4, .per-5, .per-6, .per-7, .per-8, .per-9, .per-10, .per-11, .per-12, .per-13, .per-14, .per-15, .per-16, .per-17, .per-18, .per-19, .per-20, .per-21, .per-22, .per-23, .per-24, .per-25, .per-26, .per-27, .per-28, .per-29, .per-30, .per-31, .per-32, .per-33{background-color: #e4293b;}
.per-34, .per-35, .per-36, .per-37, .per-38, .per-39, .per-40, .per-41, .per-42,.per-43, .per-44, .per-45, .per-46, .per-47, .per-48, .per-49, .per-50, .per-51, .per-52, .per-53, .per-54, .per-55, .per-56, .per-57, .per-58, .per-59, .per-60, .per-61, .per-62, .per-63, .per-64, .per-65, .per-66{background-color: #ffc41b;}
.per-67, .per-68, .per-69, .per-70, .per-71, .per-72, .per-73, .per-74, .per-75, .per-76, .per-77, .per-78, .per-79, .per-80, .per-81, .per-82, .per-83, .per-84, .per-85, .per-86, .per-87, .per-88, .per-89, .per-90, .per-91, .per-92, .per-93, .per-94, .per-95, .per-96, .per-97, .per-98, .per-99{background-color: #009823;}
@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}
/*========== Footer ===========*/
.footer{background-color: #181e26;border-top: 1px solid #2e3842;}
.footer .col-sm{border-radius: 5px;border: 1px solid #2e3842;margin: 2px;display: flex;align-content: space-around;flex: 0 0 8%;max-width: 8%;padding: 0px 7px;}
.footer .col-sm img{width: 100%;}
.copyright{text-align: center;font-size: 11px;}
.copyright a, .copyright{color: #727272;}
/*========== Responsive ===========*/
@media only screen and (max-width: 768px){
img{width:100%;height:100%}
.mobile{display:block}
.desktop{display: none !important;}
.row{padding: 0px 10px;justify-content: center;}
.tabs .row{padding: 0px;}
.site-logo img{width: 178px;}
.user-login{margin: 3px auto;}    
/*========== Menu ===========*/    
.menu li{padding: 2px;margin: 2px 2px;}    
.menu li a{padding: 4px 15px;}
ul.contact-us {justify-content: left;}
.contact-us li{padding: 0px 16px 0px 0px;border: 0;background: none;}  
.contact-us li a{display: flex;align-items: center;padding: 0px;}
ul.nav{padding: 0;margin: 0;width: 265px;float: right;background: #000;height: 100%;}
.nav li{padding: 8px 5px;border-bottom: 1px solid #312d21;}
.nav li a{padding: 10px;}
.slot-menu li {width: 14%;}
.slot-menu li a{font-size: 8px;}
.slot-menu .ico, label .ico {height: 30px;width: 30px;background-size: 25px;} 
label .ico {height: 25px;width: 25px;background-size: 20px;}
.list-game .col-sm-2{flex: 0 0 25%;max-width: 25%;}
h1.entry-title{text-align:center;}
.title-game{font-size:10px;padding:1px 0px}
.provider-title{font-size: 18px;}
 /*========== Layout ===========*/
.col-md-6{flex: 0 0 80%;max-width: 80%;} 
.col-sm-1{flex: 0 0 20%;max-width: 20%;padding: 5px;border-left: 1px solid #726332;} 
.game .col-sm-3 {flex: 0 0 32%;max-width: 33%;margin: 2px 2px;padding: 5px;}
.title-image{font-size: 9px;padding: 4px;}
.np{padding: 0;}
.tabs label{margin: 2px;padding: 2px 1px;width: 13%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 5px;font-size: 6px;}
 /*========== Footer ===========*/  
.footer .col-sm{flex: 0 0 23%;max-width: 23%;}
/*========== Sidebar Menu ===========*/
#sidebarMenu {height: 100%;position: fixed;top: 35px;right: 0;width: 250px;margin-top: 60px;transform: translateX(250px);transition: transform 250ms ease-in-out;background: #000000a1;z-index: 98;}
.sidebarMenuInner{margin:0;padding:0;border-top: 1px solid rgba(255, 255, 255, 0.10);}
.sidebarMenuInner li{list-style: none;color: #fff;text-transform: uppercase;font-weight: bold;padding: 20px;cursor: pointer;border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.sidebarMenuInner li span{display: block;font-size: 14px;color: rgba(255, 255, 255, 0.50);}
.sidebarMenuInner li a{color: #fff;text-transform: uppercase;font-weight: bold;cursor: pointer;text-decoration: none;}
input[type="checkbox"]:checked ~ #sidebarMenu {transform: translateX(0);width: 100%;}
input[type=checkbox] {transition: all 0.3s;box-sizing: border-box;display: none;}
.sidebarIconToggle {transition: all 0.3s;cursor: pointer;z-index: 98;top: 4px;right: 11px;height: 27px;width: 27px;float: right;}
.spinner {transition: all 0.3s;box-sizing: border-box;position: absolute;height: 3px;width: 100%;background-color: #fff;}
.horizontal {transition: all 0.3s;box-sizing: border-box;position: relative;float: right;margin-top: 3px;}
.diagonal.part-1 {position: relative;transition: all 0.3s;box-sizing: border-box;float: right;}
.diagonal.part-2 {transition: all 0.3s;box-sizing: border-box;position: relative;float: right;margin-top: 3px;}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {transition: all 0.3s;box-sizing: border-box;opacity: 0;}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {transition: all 0.3s;box-sizing: border-box;transform: rotate(135deg);margin-top: 8px;}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {transition: all 0.3s;box-sizing: border-box;transform: rotate(-135deg);margin-top: -9px;}
}
@media only screen and (max-width: 328px){
.header{height: 75px;}
.top-header{height: 40px;padding: 4px 0px;}
.sticky {height: 81px;}
.site-logo img{width: 145px;}
.user-login{margin: 3px auto;} 
/*========== Layout ===========*/  
.col-sm-1 {flex: 0 0 20%;max-width: 20%;display: flex;flex-wrap: wrap;justify-content: right;}
.col-md-6 {flex: 0 0 80%;max-width: 80%;}
/*========== Menu ===========*/    
.menu li{font-size: 11px;font-weight: 500;}    
.menu li a{padding: 2px 7px;} 
.contact-us li a {display: flex;align-items: center;padding: 0;font-size: 10px;font-weight: 100;}
.contact-us li {padding: 0px 11px 0px 0px;} 
#sidebarMenu{margin-top: 40px;}
.sidebarIconToggle{height: 19px;width: 19px;top: 2px;right: 6px;}
.slot-menu li {width: 15%;}
.slot-menu li a, .tabs label{font-size: 5px;}
.slot-menu .ico, {height: 25px;width: 25px;background-size: 20px;}  
.contact-us .ico, .nav .ico {height: 16px;width: 16px;background-size: 11px;}
ul.nav {width: 202px;}
.nav li a {font-size: 11px;}
.game .col-sm-3 {flex: 0 0 30%;max-width: 30%;margin: 2px 2px;}
.mm{margin: 8px auto;}
}