 @font-face {
  font-family: 'HelveticaNeue';
  src: url('font/HelveticaNeue.ttf');
  
}

 @font-face {
  font-family: 'HelveticaNeueMed';
  src: url('font/HelveticaNeueMed.ttf');
  
}

 @font-face {
  font-family: 'HelveticaNeuBold';
  src: url('font/HelveticaNeuBold.ttf');
  
}

 @font-face {
  font-family: 'aldrich';
  src: url('font/Aldrich-Regular.ttf');
  
}

@font-face {
  font-family: 'Gotham-Book_2';
  src: url('font/Gotham-Book_2.otf');
  
}

@font-face {
  font-family: 'Gotham-Bold_2';
  src: url('font/Gotham-Bold_2.otf');
  
}

@font-face {
  font-family: 'Gotham-Black_1';
  src: url('font/Gotham-Black_1.otf');
  
}

@font-face {
  font-family: 'Gotham-Thin_1';
  src: url('font/Gotham-Thin_1.otf');
  
}

@font-face {
  font-family: 'Gotham-MediumItalic_1';
  src: url('font/Gotham-MediumItalic_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: 'Gotham-Book_2' !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}




        
     body{
    padding-top:0px !important;background: #ddd !important; background:#ececec;
      font-family: 'Gotham-Book_2';   
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
background-attachment: fixed !important;

        
        }
        
      
@media screen and (max-width: 1768px){
   
        }

@media screen and (max-width: 1680px){
    
        }


@media screen and (max-width: 1600px){
   
        }


@media screen and (max-width: 1440px){
    
    
        }
        

@media screen and (max-width: 1366px){
    
    
        }

@media screen and (max-width: 1280px){
   
    
        }

@media screen and (max-width: 1176px){
    
        }

@media screen and (max-width: 1024px){
    
    
        }

@media screen and (max-width: 960px){
    
    
        }

@media screen and (max-width: 800px){
    
    
        }

@media screen and (max-width: 854px){
   
    
        }


@media screen and (max-width: 768px){
   
    
        }

         
     @media screen and (max-width: 460px){
         
        
        }


    #baris-tahap{padding-left:50px;bottom:-500px}
    #kiri-baris2{background: url(img/bg-home-kiri.jpg) !important;background-size: 100% 100%  !important;height:611px}

        #menu1{padding-left:0px;padding-top:10px;}
        .menu-1{margin-right:0px;font-size:15px;color:#000;height:50px;margin-left:35px;font-weight: bolder}
        .menu-1:hover{color:#e0b500}
       
         #header{background:#000;min-height:170px}
        .kolom-besar{/*background:url(img/overlay1.png);border-right:solid 3px #2d1517;border-left:solid 3px #2d1517box-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:50px;}
        #header-atas1{font-size:16px;color:#f2c831;padding-top:25px}
        #baris-menu{background: linear-gradient(to bottom, #353535 0%, #151515 100%);border-bottom: 4px solid #0a0a0a;height:50px;}
        #kolom-home-1{margin-top:-58px;padding:0px;z-index:5555}
      #kolom-slider{padding:0px}

#main-kolom{min-height:600px;/*background:url(img/bg-home1.png)  !important*/;background-position: center center !important;background-repeat: no-repeat !important;background-size: cover !important;}

.logo-asean{z-index:9999;position:relative;margin-top:-40px;margin-left:-40px}
.txt-footer{height:150px;background:#3d3d3d;font-size:18px;color:#fff; text-align:center;padding-top:50px}

.header-atas{background:#353535;height:65px}
.kol-logo{padding-top:20px}
.kol-bahasa{text-align:right;padding-top:18px}
.logo{padding-top:10px}
.imgfoot2{display: none}
.m-menu{display: none}
.hide1{display: none}

        @media screen and (max-width: 1280px) and (min-width: 1176px) {
            
           #kolom-home-1{padding:0px;important;margin-top:-58px}
           
        }
        
        
         @media screen and (max-width: 1176px) and (min-width: 992px) {
            
           #kolom-home-1{padding:0px;important;margin-top:-58px}
            .menu-1 {margin-right: 0px;font-size: 14px; margin-left: 18px;}
             .menu1-home{margin-left:55px}
           
        }
        
        
        @media screen and (max-width: 992px) and (min-width: 760px) {

            #kolom-home-1{padding:0px;important;margin-top:-8px}
            
              .kol-bahasa{display:none}
        }
        
       @media screen and (max-width: 760px) {
           #kolom-home-1{padding:0px;important;margin-top:0px}
          
           .logo-imc{width:250px}
           .kol-logo{text-align: center;padding-top:7px}
           .kol-bahasa{display:none}
           .header-atas{height: 40px}
           
           #main-kolom{padding:0px}
            .foot1 img{width: 100%}
            .txt-footer{padding-top:10px }
           .imgfoot2{display: block;width: 100%;padding-top:10px}
           .imgfoot1{display: none}
           #left1{display: none}
           #right1{width: 100% !important}
           .m-menu{display: block}
           .k1{padding: 0px}
           #form-daftar{padding:0px !important}
           .hide1{display: block;margin-bottom:12px;text-align: center}
           .hide2{display: none}
           #kolom-form{padding:0px}
        }
        
          @media screen and (max-width: 460px) {
            
              
              
        }
        
          @media screen and (max-width: 400px) {
           
        }
        
        @media screen and (max-width: 360px) {
            
        }
        
      
        
        @media screen and (max-width: 320px) {
           
        .logo-bank3{width:60px !important;margin-right:5px !important;}
            
        }
        
        @media screen and (max-width: 240px) {
            
        }
        



