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


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}
        }
        

        li{list-style: none}



             @font-face {
  font-family: 'Gotham-Bold_2';
  src: url('fonts/Gotham-Bold_2.otf');
  
}
        
     body{background:url(img/blue-background-dining.jpg)  !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	
background-attachment: fixed !important;
	
background-size: cover !important;
        
        }
        
        @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}
        }
        #menu1{padding-left:0px}
        .menu-1{width:180px;text-align:center;font-size:20px;color:#000;padding-top:14px;height:55px;float:left;font-weight:bolder;background: url('img/li-menu.png') no-repeat center right;}
        .menu-2{width:180px;text-align:center;font-size:20px;color:#000;padding-top:14px;height:55px;float:left;margin-left:1px;font-weight:bolder;background: url('img/li-menu.png') no-repeat center right;}
        .menu-1:hover{background:#e30009;color:#fff;border-radius:5px 0px 0px 0px}
        .menu-2:hover{background:#e30009;color:#fff}
         #header{background:#000;min-height:170px}
        .kolom-besar{/*background:url(img/overlay1.png);border-right:solid 3px #2d1517;border-left:solid 3px #2d1517;box-shadow: 0 10px 16px 0 #000,0 6px 20px 0 #333 !important;*/}
        #baris-header{/*background: url(img/bg-h.png) !important;background-size: 100% 100% !important;*/height:142px;padding-top:20px}
        #header-atas1{font-size:16px;color:#f2c831;padding-top:25px}
        #sosmed-atas{padding-top:10px}
        #baris-menu{background:#fccd05;border-bottom: solid 5px #585858;height:57px;border-radius:5px 5px 0px 0px;margin-bottom:5px}
        #but-menu-promosi{padding:0px;text-align:right}
        #kolom-home-1{margin-top:0px;padding:0px}
        #kolom-slider{padding:0px}
        #kolom-promo-home{padding-left:8px}
        #kolom-running-teks{height:30px;background: url(img/bg-running-teks.png);padding-left:0px;margin-top:8px;margin-bottom:8px}
        #running-teks-1{float:left;width:130px;}
        #running-teks-2{font-size:16px;color:#fff;padding-top:3px;float:left;width:1010px}
        #kolom-button-home{padding-left:25px;padding-right:25px;margin-bottom:40px}
        .tahap-home{padding:0px}
        #kolom-last-dp-wd{margin-bottom:40px;padding-left:105px}
        #kolom-depo{height:370px;background: url(img/bg-last.png) !important;background-size: 100% 100% !important;padding:0px}
        .kolom-judul-dp-wd{padding:0px}
        .baris-judul-last-dp-wd{height:46px;background: url(img/title-kolom.png) !important;background-size: 100% 100% !important;margin-top:10px}
        .judul-last-dp-wd{padding-top:14px;font-weight:bolder;font-size:16px;text-align:center;font-style: italic;}
        .baris-isi-last-dp-wd{padding-top:10px;font-weight:bolder;font-size:14px;text-align:center;font-style: italic;color:#fff}
        .baris-last-depo{height:40px;border-bottom:solid 1px #ffffff}
        #kolom-wd{height:370px;background: url(img/bg-last.png) !important;background-size: 100% 100% !important;padding:0px}
        #kolom-judul-bank{margin-bottom:15px;text-align:center}
        #frame-bank{height:97px;margin-top:10px;background: url(img/bg-bank.png);background-size: 100% 100% !important;margin-bottom:25px;padding-top:30px}
        #bca{width:150px;margin-right:25px;margin-left:25px;float:left}
        #bri{float:left;width:169px;margin-right:25px}
        #mandiri{float:left;width:157px;margin-right:25px;margin-top:-10px}
        #bni{float:left;width:114px;padding-top:5px}
        #teks-1{text-align:center;font-size:22px;font-weight:bolder;color:#e9e2ce}
        #teks-2{text-align:center;font-size:16px;font-weight:bolder;color:#e5c242;margin-top:5px}
        .txt-all{font-size:16px;color:#ffffff;margin-top:25px;;padding:0px;line-height:1.5em}
        .txt-footer{text-align:center;font-size:16px;color:#ffffff;margin-top:15px;margin-bottom:30px}
.line-spacer{padding:0px;width:100%;height:10px;background: url(img/line-spacer.png) !important;background-size: 100% 100% !important;}
.line-spacer2{padding:0px;width:381px;height:10px;background: url(img/line-spacer.png) !important;background-size: 100% 100% !important;}
#frame-bank2{display:none} 

#produk-home{height:auto; margin-top:20px;padding-left:0px; padding-right:0px;margin-bottom:40px}
.games-kol-1{padding:0px;width:24% !important;margin-right:1.3%}
.games-kol-2{padding:0px;width:24% !important}
.box-games{box-shadow: 0 0px 6px 0 #fccd05,0 6px 10px 0 #333 !important;height:285px;padding:0px;border-radius:3px}
.kol-judul-games{height:40px;background: #fccd05;text-align:center;font-size:22px;font-weight:bolder;font-style:italic;padding-top:10px;border-radius:3px 3px 0px 0px;color:#000}
.txt-games{height:30px;background: #e3c006;text-align:center;font-size:16px;font-weight:bolder;font-style:italic;padding-top:5px;border-radius:0px 0px 3px 3px}
.produk-img{border-radius:0px 0px 3px 3px}


#bank-footer{padding:0px;height:150px;background:#000;margin-bottom:20px;border:solid 2px #fccd05;border-radius:2px;padding-top:20px;margin-top:20px }
.kol-bank-1{background: url('img/li-menu.png') no-repeat center right;}
.kol-img-bank{text-align:center}
.kol-txt-bank{font-size:12px;color:#fccd05;padding-top:3px;text-align:center;line-height:1.3em;padding-top:10px}
.txt-bawah{height:670px; background:rgba(0,0,0,0.5)}


        @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) {
            
           #kolom-home-1{padding:0px;important;margin-top:3px}
           #kolom-promo-home img{height:360px;width:312px}
            #running-teks-2{width:750px}
             .menu-1{width:150px;}
            .menu-2{width:150px;}
             
           
        }
        
        
        @media screen and (max-width: 992px) and (min-width: 760px) {
           #kolom-home-1{padding:0px;important;margin-top:3px}
           #kolom-promo-home img{height:278px;width:240px}
            #running-teks-2{width:550px}
            #header-home-h1{font-size:20px !important;padding-top:10px !important}
            #kolom-text-kanan-inner{margin-top:80px !important;padding-top:10px;}
             #header-home-h2{font-size:16px !important;padding-top:10px;line-height: 1.1em;padding:0px!important;margin:0px !important}
            .txt-all{font-size:14px !important}
            .box-games{height:auto !important}
            #produk-home{height:auto !important;padding:0px !important;margin-bottom:30px !important}
        }
        
       @media screen and (max-width: 760px) {
           #kolom-home-1{padding:0px;important;margin-top:3px}
           #kolom-promo-home{display: none}
            #running-teks-2{width:450px}
           #produk-home{height:auto !important;padding:0px !important;margin-bottom:30px !important}
           #kolom-text-kanan{height: 700px !important;background:url(img/overlay2.png) !important;}
            #header-home-h1{font-size:24px !important;padding-top:10px !important}
            #kolom-text-kanan-inner{margin-top:40px !important;padding-top:10px;height:1100px}
             #header-home-h2{font-size:20px !important;padding-top:10px;line-height: 1.2em}
            .box-games{height:auto !important}
           
        }

        
          @media screen and (max-width: 460px) {
            #running-teks-1 img{height:30px;}
            #running-teks-1{width:auto !important;}
            #running-teks-2{width:250px}
              .line-spacer{height:12px;}
                #kolom-running-teks{height:30px;}
              #kolom-button-home{display: none;}
              #produk-home{height:410px !important}
              
              #kolom-text-kanan{height: 1100px !important}
            #header-home-h1{font-size:22px !important;padding-top:10px !important}
            #kolom-text-kanan-inner{margin-top:0px !important;padding-top:10px;height:900px !important}
             #header-home-h2{font-size:18px !important;padding-top:10px;line-height: 1.2em}
              .txt-all{text-align:center}
              
              #produk-home{height:auto !important;padding:0px !important;margin-bottom:50px !important}
            .games-kol-1{padding:0px;width:75% !important;margin:auto}
            .games-kol-2{padding:0px;width:75% !important;margin:auto}
          .box-games{box-shadow: 0 0px 6px 0 #e3c006,0 6px 10px 0 #333 !important;height:auto;padding:0px;border-radius:3px;margin-bottom:20px}
             #bank-footer{height: auto !important;width: 95% !important;margin: auto !important;margin-bottom:40px !important}
               .kol-bank-1{margin-bottom:30px !important}
             .kol-bank-2{margin-bottom:30px !important}
               .txt-bawah{height:auto !important}
              
              
        }
        
          @media screen and (max-width: 400px) {
            #running-teks-1 img{height:30px;}
            #running-teks-1{width:auto !important;}
            #running-teks-2{width:200px}
               .line-spacer{height:10px;}
               #kolom-running-teks{height:30px;}
              #kolom-button-home{display: none;}
             
              .txt-all{text-align:center}
              #kolom-text-kanan{height: 1050px !important}
            #header-home-h1{font-size:22px !important;padding-top:10px !important}
            #kolom-text-kanan-inner{margin-top:0px !important;padding-top:10px;height:900px !important}
             #header-home-h2{font-size:18px !important;padding-top:10px;line-height: 1.2em}
              
              
               #produk-home{height:auto !important;padding:0px !important;margin-bottom:50px !important}
            .games-kol-1{padding:0px;width:75% !important;margin:auto}
            .games-kol-2{padding:0px;width:75% !important;margin:auto}
          .box-games{box-shadow: 0 0px 6px 0 #e3c006,0 6px 10px 0 #333 !important;height:auto;padding:0px;border-radius:3px;margin-bottom:20px}
             #bank-footer{height: auto !important;width: 95% !important;margin: auto !important;margin-bottom:40px !important}
               .kol-bank-1{margin-bottom:30px !important}
             .kol-bank-2{margin-bottom:30px !important}
               .txt-bawah{height:auto !important}

        }
        
        @media screen and (max-width: 360px) {
            #running-teks-1 img{height:30px;}
            #running-teks-1{width:auto !important;}
            #running-teks-2{width:200px}
             .line-spacer{height:8px;}
              #kolom-running-teks{height:30px;}
              #kolom-button-home{display: none;}
           
            #kolom-text-kanan{height: 1100px !important}
            #header-home-h1{font-size:22px !important;padding-top:10px !important}
            #kolom-text-kanan-inner{margin-top:0px !important;padding-top:10px;height:900px !important}
             #header-home-h2{font-size:18px !important;padding-top:10px;line-height: 1.2em}
            .txt-all{font-size:14px !important;text-align:center}
            #produk-home{height:auto !important;padding:0px !important;margin-bottom:50px !important}
            .games-kol-1{padding:0px;width:75% !important;margin:auto}
            .games-kol-2{padding:0px;width:75% !important;margin:auto}
          .box-games{box-shadow: 0 0px 6px 0 #e3c006,0 6px 10px 0 #333 !important;height:auto;padding:0px;border-radius:3px;margin-bottom:20px}
            
            #bank-footer{height: auto !important;width: 95% !important;margin: auto !important;margin-bottom:40px !important}
            .kol-bank-1{margin-bottom:30px !important}
             .kol-bank-2{margin-bottom:30px !important}
            
            .txt-bawah{height:auto !important}

        }
        
      
        
        @media screen and (max-width: 320px) {
            #running-teks-1 img{height:30px;}
            #running-teks-1{width:auto !important;}
            #running-teks-2{width:140px}
            .line-spacer{height:8px;}
            #kolom-button-home{display: none;}
            #produk-home{height:320px !important;padding-left:15px !important}
             #kolom-text-kanan{height: 1300px !important}
            #header-home-h1{font-size:22px !important;padding-top:10px !important}
            #kolom-text-kanan-inner{margin-top:0px !important;padding-top:10px;height:900px !important}
             #header-home-h2{font-size:18px !important;padding-top:10px;line-height: 1.2em}

            #produk-home{height:auto !important;padding:0px !important;margin-bottom:50px !important}
            .games-kol-1{padding:0px;width:75% !important;margin:auto}
            .games-kol-2{padding:0px;width:75% !important;margin:auto}
          .box-games{box-shadow: 0 0px 6px 0 #e3c006,0 6px 10px 0 #333 !important;height:auto;padding:0px;border-radius:3px;margin-bottom:20px}
             #bank-footer{height: auto !important;width: 95% !important;margin: auto !important;margin-bottom:40px !important}
             .kol-bank-1{margin-bottom:30px !important}
             .kol-bank-2{margin-bottom:30px !important}
             .txt-bawah{height:auto !important}
            
        }
        
        @media screen and (max-width: 240px) {
            #kolom-running-teks{display: none;}
            .line-spacer{height:6px;}
            #kolom-button-home{display: none;}
             #bank-jadwal1{height:950px !important;}
            #kolom-jadwal-bank{padding:5px !important;background: none !important;margin-top:50px !important}
            #txt-judul-bank-bawah{padding-top:10px !important}
            #kolom-text-kanan{display: none !important}
    
            
             #produk-home{height:auto !important;padding:0px !important;margin-bottom:30px !important}
            .games-kol-1{padding:0px;width:75% !important;margin:auto}
            .games-kol-2{padding:0px;width:75% !important;margin:auto}
            .box-games{box-shadow: 0 0px 6px 0 #e3c006,0 6px 10px 0 #333 !important;height:auto;padding:0px;border-radius:3px;margin-bottom:20px}
            
            #bank-footer{height: auto !important;width: 95% !important;margin: auto !important;margin-bottom:40px !important}
             .kol-bank-1{margin-bottom:30px !important}
             .kol-bank-2{margin-bottom:30px !important}
             .txt-bawah{height:auto !important}
        }
        

.img-logo a img{max-width: 210px;
    max-height: none !important;
    height: auto !important;padding-top:10px;}
    
    .float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 10px;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}