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

 @font-face {
  font-family: 'MyriadWebPro-Bold';
  src: url('font/MyriadWebPro-Bold.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 #AFD275;height:57px;border-radius:5px 5px 0px 0px}
        #but-menu-promosi{padding:0px;text-align:right}
        .kolom-konten{background:#121212;padding-bottom:70px}
        #kolom-button-home{padding-left:25px;padding-right:25px;margin-bottom:40px}
        .tahap-home{padding:0px}
        #kolom-judul-bank{margin-bottom:15px;text-align:center;margin-top:50px}
        #frame-bank{height:77px;margin-top:10px;background: url(img/bg-bank2.png);background-size: 100% 100% !important;margin-bottom:25px;padding-top:25px}
        #bca{width:120px;margin-right:25px;margin-left:25px;float:left}
        #bri{float:left;width:139px;margin-right:25px}
        #mandiri{float:left;width:127px;margin-right:25px;margin-top:-5px}
        #bni{float:left;width:84px;padding-top:5px}
        #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}
        .txt-footer{text-align:center;font-size:16px;color:#ffffff;margin-top:25px;margin-bottom:50px}
#bank-footer{padding:0px;height:150px;background:#000;margin-bottom:20px;border:solid 2px #8F0000;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}
        
        
        @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) {
        
            #frame-bank{padding-top:25px} 
        #bca{width:110px;margin-right:15px;margin-left:15px;float:left}
        #bri{float:left;width:150px;margin-right:10px}
        #mandiri{float:left;width:130px;margin-right:10px;}
        #bni{float:left;width:95px;padding-top:5px}
        #bca img{width: 110px}
             #mandiri img{width: 120px}
             #bri img{width: 140px}
             #bni img{width: 95px}
            
        }
        
       @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}
           .tahap-home{margin-bottom:15px}
           #kolom-last-dp-wd{display: none}
            #frame-bank{height:350px;background:#fff !important;padding-top:10px;text-align: center;border-radius:5px;border:solid 3px #f2c14b}
           #bca{width:100%;margin-right:0px;margin-left:0px;text-align: center;margin-bottom:35px}
           #bca img{width: 200px}
           #mandiri{width:100%;margin-right:0px;margin-left:0px;text-align: center;margin-bottom:35px}
           #mandiri img{width: 200px}
           #bni{width:100%;margin-right:0px;margin-left:0px;text-align: center;margin-bottom:25px}
           #bni img{width: 200px}
           #bri{width:100%;margin-right:0px;margin-left:0px;text-align: center;margin-bottom:25px}
           #bri img{width: 200px}
           #frame-bank{display: none}
           #kolom-judul-bank{display: none}
           
        }
        
        .judul-form{height:38px;background:#fccd05 !important;background-size: 100% 100% !important;margin-top:25px}
        .kolom-judul-form-1{font-family: 'MyriadWebPro-Bold';font-size:22px;padding-top:9px;padding-left:20px;color:#18121E}
        .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-size:16px;font-weight:bolder;padding-top:8px;color:#fff;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/button-submit.png);font-size:0px;width:113px;height:42px;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}
            #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: 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%}
        }
        
.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;
}