@font-face {
  font-family: 'MyriadWebPro';
  src: url('font/MyriadWebPro.ttf');
  
}

 @font-face {
  font-family: 'MyriadWebPro-Bold';
  src: url('font/MyriadWebPro-Bold.ttf');
  
}

 @font-face {
  font-family: 'Gotham-Medium_1';
  src: url('font/Gotham-Medium_1.otf');
  
}

a:link {
text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	
}
a:active {
	text-decoration: none;
}

        body{
        font-family: 'MyriadWebPro' !important;
        }
        
        
       @media (min-width: 992px) {
           #header{display:none !important}
        }
        
        
        @media (max-width: 992px) {
            #header{min-height:80px !important}
            #header2{display:none !important}
        }
        

        



             @font-face {
  font-family: 'Gotham-Bold_2';
  src: url('fonts/Gotham-Bold_2.otf');
  
}
        
     body{padding-top:0px !important;background:#000;
background-attachment: fixed !important;
background-size: 100% 100% !important;
        
        }
        


  @media (min-width: 992px) {
#menuu{display:none !important}
#logo-res{display: none !important}
}
        
        
        @media (max-width: 992px) {
            #header{min-height:50px !important}
            #header2{display:none !important}
             #menuu{text-align: center;margin-bottom: 5px}
        }

        @media screen and (max-width: 768px)  and (min-width: 460px){
         
        }
        
         
     @media screen and (max-width: 460px){
         
         
         #kolom-utama{border:none !important;border-top:solid 1px #736867 !important}
        }


      #header2{background: url(img/bg-menu.png);background-size: 100% 100%;z-index:9999;position:relative}
        #menu1{padding-left:0px;padding-top:60px}
        .menu-1{width:auto;text-align:center;font-size:22px;color:#f7903b;padding-top:10px;height:40px;float:left;font-weight:bolder;margin-left:10px;padding-left:10px;padding-right:10px}
        .menukiri{margin-left:50px}
        .menu-2{width:100px;text-align:center;font-size:22px;color:#e3af41;padding-top:10px;height:40px;float:left;margin-left:1px;font-weight:bolder}
        .menu1-home{margin-left:60px}
        .menu-1:hover{background:#f7c34b;color:#000 !important}
        .menu-2:hover{background:#f7c34b;color:#000 !important}
        #header{background: #000;border-bottom:solid 4px #fb022b;min-height:170px}
        .kolom-besar{margin-top:30px;background:url(img/bg-form2.png);background-size:100% 100%;}
.kolom-konten{background:url(img/overlay1.png);background-size:100% 100%;padding-bottom:70px}
        #baris-header{background: #000;height:122px;}
        #header-atas1{font-size:16px;color:#f2c831;padding-top:25px}
        #sosmed-atas{padding-top:10px}
        #baris-menu{/*background: url(img/bg-menu.jpg) !important;background-size: 100% 100% !important;*/background:#990000;height:50px;}
        #but-menu-promosi{padding:0px;text-align:right}
        
        
        #teks-1{text-align:center;font-size:22px;font-weight:bolder;color:#e9e2ce}
        #teks-2{text-align:center;font-size:22px;font-weight:bolder;color:#e5c242;margin-top:5px}
        .txt-all{text-align:center;font-size:14px;color:#ffffff;margin-top:25px;;padding:0px;line-height:1.5em}

.ico1{height:80px;margin-left:30px;margin-right:70px;padding:12px}
.ico2{height:80px;margin-right:70px;padding:12px}
.ico3{height:80px;margin-right:70px;padding:12px}
.menhed{height:110px;background:#54010f;z-index:9999;position:relative;display:none;text-align:center;padding:10px;padding-top:30px}
.logo-game{height:50px;margin-right:60px}

.all-konten{padding:0px;z-index:2222;position:relative}
.kol-runteks{height:40px;background: #000;color:#fff;padding-top:10px;font-size:16px}
.step{padding-left:2px;padding-right:2px}
.bar-icon-besar{margin-top:50px}
.kol-icon-besar{padding-left:30px;padding-right:30px}
.kol-bank{background:#290209;padding:20px;margin-top:40px}
.kol-menu-games{height:auto;background:#fb022b;padding:0px}
.imgbank2{display: none}
.imgbank3{display: none}
.footer-txt{font-size:18px;text-align:center;padding-top:30px;margin-bottom:30px;color:#fff;font-weight:bolder}

.kol-gamess{text-align: center;margin-bottom:45px}
 .kol-gamess img{width: 80%}       
        
#trik_pojok2 {position:fixed;_position:absolute;top:250px; right:12px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollRight+ document.documentElement.clientWidth - offsetWidth);z-index: 9999 }


#trik_pojok {position:fixed;_position:absolute;top:210px; left:10px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollRight+ document.documentElement.clientWidth - offsetWidth);z-index: 9999 }


.kontak-web{width:190px;height:380px;background:url(img/bg-kontak.png)}
.kolom-kontak1{padding:0px;width:100%;height:50px;margin-top:50px}
.kolom-logo-kontak{padding-left:10px;width:50px;float:left}
.kol-txt-wa{padding:0px;padding-left:0px;width:130px;float:left;color:#fff;font-size:15px;padding-top:7px}
.kolom-kontak-2{padding:0px;width:100%;height:50px;margin-top:5px}
.txt-kontak1{padding-left:0px;width:120px;float:left;color:#fff;font-size:18px;padding-top:5px}

   
@media screen and (max-width: 1700px) {
    .flyban{width: 170px}   
}

@media screen and (max-width: 1600px) and (min-width: 1400px) {
    .flyban{width: 170px}
    .container{width: 1000px}
    .menu-1 {font-size: 18px;margin-left: 10px;padding-left: 10px;padding-right: 10px;}
    .menukiri { margin-left: 80px}
    .ico1 {margin-right: 55px; height: 70px}
    .ico2 {margin-right: 55px;height: 70px}
    .ico3 {margin-right: 55px;height: 70px}
    .logo-game{height: 45px}
}


@media screen and (max-width: 1400px) and (min-width: 1280px) {
    .flyban{width: 140px}
    .container{width: 850px}
    .menu-1 {font-size: 17px;margin-left: 5px;padding-left: 7px;padding-right: 7px;}
    .menukiri { margin-left: 80px}
    .ico1 {margin-right: 35px; height: 70px}
    .ico2 {margin-right: 35px;height: 70px}
    .ico3 {margin-right: 35px;height: 70px}
    .logo-game{height: 40px}
     .kontak-web{width:150px;height:290px;background:url(img/bg-kontak.png);background-size: 100% 100%}
.kolom-kontak1{padding:0px;width:100%;height:35px;margin-top:40px}
.kolom-logo-kontak{padding-left:5px;width:35px;float:left}
.kolom-logo-kontak img{width:20px;}
.kol-txt-wa{padding:0px;padding-left:0px;width:115px;float:left;color:#fff;font-size:13px;padding-top:2px}
.kolom-kontak-2{padding:0px;width:100%;height:35px;margin-top:5px}
.txt-kontak1{padding-left:0px;width:115px;float:left;color:#fff;font-size:15px;padding-top:2px}
}


@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .flyban{width: 120px}
    .container{width: 750px}
    .menu-1 {font-size: 14px;margin-left: 5px;padding-left: 5px;padding-right: 5px;}
    .menukiri { margin-left: 100px}
    .ico1 {margin-right: 30px; height: 55px}
    .ico2 {margin-right: 30px;height: 55px}
    .ico3 {margin-right: 30px;height: 55px}
    .logo-game{height: 40px}
    .kontak-web{width:150px;height:290px;background:url(img/bg-kontak.png);background-size: 100% 100%}
.kolom-kontak1{padding:0px;width:100%;height:35px;margin-top:40px}
.kolom-logo-kontak{padding-left:5px;width:35px;float:left}
.kolom-logo-kontak img{width:20px;}
.kol-txt-wa{padding:0px;padding-left:0px;width:115px;float:left;color:#fff;font-size:13px;padding-top:2px}
.kolom-kontak-2{padding:0px;width:100%;height:35px;margin-top:5px}
.txt-kontak1{padding-left:0px;width:115px;float:left;color:#fff;font-size:15px;padding-top:2px}
}

@media screen  and (min-width: 1024px) {
    .float{display: none}
}


@media screen  and (max-width: 1024px) {
    .flyban{width: 100px}
    
}

 @media screen and (max-width: 960px) {
     #trik_pojok2{display: none} 
     #trik_pojok{display: none} 
}



@media screen and (max-width: 1400px) {
    .flyban{width: 140px}   
}



        @media screen and (max-width: 1280px) and (min-width: 1176px) {
            
           #kolom-home-1{padding:0px;important;margin-top:3px}
           #kolom-promo-home img{height:463px;width:380px}
            #running-teks-2{width:950px}
        }
        
        
         @media screen and (max-width: 1176px) and (min-width: 992px) {
            
          
        #bca{width:100px;margin-right:15px;margin-left:10px;float:left}
        #bri{float:left;width:130px;margin-right:12px}
        #mandiri{float:left;width:110px;margin-right:10px;}
        #bni{float:left;width:85px;padding-top:5px}
        #bca img{width: 100px}
             #mandiri img{width: 100px}
             #bri img{width: 130px}
             #bni img{width: 85px}
           
        }
        
        
        @media screen and (max-width: 992px) and (min-width: 760px) {
        
          
             #mandiri img{width: 120px}
             #bri img{width: 140px}
             #bni img{width: 95px}
            .kol-menu-games{display: none}
             
            
        }
        
       @media screen and (max-width: 760px) {
          
           .kol-menu-games{display: none}
           
           .kolgameskiri{width:49%;margin-left:1%;float:left}
           .kolgameskanan{width:49%;margin-right:1%;float:left}
            .kol-gamess img{width: 80%}  
            
           
        }
        
        .judul-form{height:auto;margin-top:20px;text-align: center;}
        .kolom-judul-form-1{font-family: 'MyriadWebPro-Bold';font-size:36px;font-weight:bolder;padding-top:9px;padding-left:20px;color:#fff;letter-spacing: 2px;padding-bottom:20px}
        .kolom-judul-form-2{font-size:16px;padding-top:9px;font-style: italic;text-align:right}
        .kolom-form-utama{margin-top:60px;padding:0px}
        .baris-form2{margin-bottom:20px;padding:0px}
        .kol-label-form{font-family: 'Gotham-Medium_1';font-size:16px;padding-top:8px;color:#f7903b;text-align:right}
        .txt-form{border-radius:0px;height:40px;border:none;border-right:solid 1px #363030;border-left:solid 1px #363030;padding-top:10px;color:#000}
        .txt-form:focus{border-right:solid 1px #363030;border-left:solid 1px #363030;}
        .select-style:focus {border-right:solid 1px #363030;border-left:solid 1px #363030;}
     .txt-form2{border-radius:0px;height:40px;border:none}
        
    .select-style {border: 0;color: #000;padding: 2px 10px;width: 100%;/*-webkit-appearance: none;*/border-radius:0px;background-size: 100% 100% !important;height:35px;border:none;border-right:solid 1px #363030;border-left:solid 1px #363030;}
        .select-style option{color:#fff;background:#150f0f;border:solid 1px #363030}
        .img-captcha{text-align:right}
        .txt-captcha{padding-right:0px}
        .kol-but-submit{padding:0px;text-align:right}
        .button-submit{background:url(img/submit.png);font-size:0px;width:150px;height:44px;border:none}
        
        .kolom-kanan{background: url(img/bg-kanan.png) !important;background-size: 100% 100% !important;padding-bottom:20px}
        .judul-kolom-kanan{font-size:20px;font-weight:bolder;color:#d8c88b;padding-top:15px}
.judul-kolom-kanan-withdraw{font-size:18px;font-weight:bolder;color:#d8c88b;padding-top:15px}
        .txt-kolom-kanan{font-size:14px;line-height:1.2em;padding-top:20px;color:#fff}
        
        @media screen and (max-width: 760px)
        {
            .kol-label-form{text-align:left}
             .kolom-judul-form-2{display: none}
        .kolom-form-utama{margin-top:20px;}
              .img-captcha{text-align:left;margin-bottom:15px;padding:0px}
            .txt-captcha{padding:0px}
             .kol-but-submit{margin-top:30px;text-align:right}
            .kolom-kanan{margin-top:60px}
        }
        
        @media screen and (max-width: 992px) and (min-width: 760px) {
            .form-kolom-kiri{width:100%}
            .form-kolom-kanan{width:100%;margin-top:50px}
            .judul-kolom-kanan{padding-top:30px}
            .judul-kolom-kanan-withdraw{padding-top:30px}
        }
        
        
        @media screen and (max-width: 1176px) and (min-width: 992px) {
            #kolom-form-2{width:100%}
        }
        


.li_menu {
    font-size: 14px;
    padding: 2% 2.5%;
    cursor: pointer;
    background-color: #121212;
    border-bottom: 5px solid #EAC67A;
    margin: 2px auto;
    color: #fff;
    font-weight: 700;
   font-family: 'MyriadWebPro' !important;
    text-align: center;
    width: 48%;
    display: inline-block;
}







.label-container{
	position:fixed;
	bottom:48px;
	right:105px;
	display:table;
	visibility: hidden;
}

.label-text{
	color:#FFF;
	background:rgba(51,51,51,0.5);
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}

.label-arrow{
	display:table-cell;
	vertical-align:middle;
	color:#333;
	opacity:0.5;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#F33;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index:8888;
	animation: bot-to-top 2s ease-out;
}

.lc1{
    padding:0;margin:0;
	position:fixed;
	left:40px;
	padding-bottom:20px;
	bottom:80px;
	z-index:8888;
}

.lc1 li{
	list-style:none;
	margin-bottom:10px;
}

.lc1 li a{
	background-color:#F33;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	width:60px;
	height:60px;
	display:block;
}

.lc1:hover{
	visibility:visible!important;
	opacity:1!important;
}



.my-float{
	font-size:24px;
	margin-top:18px;
}

a#menu-share + ul{
  visibility: hidden;
}

a#menu-share:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

a#menu-share i{
	animation: rotate-in 0.5s;
}

a#menu-share:hover > i{
	animation: rotate-out 0.5s;
}

@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

    .tooltip{
    font-size:20px;letter-spacing: 1px;
}

@media screen and (max-width: 992px) {
    .float{left:10px}
    .lc1{left:10px}
}