a:link { color:inherit;}
        .menumobile{display: none;}
        .text-white{color:#04438C !important}
        
         
        @media (min-width: 1366px) {
  .container
{
    max-width: 1280px;
  }
}
      


      
        
     

        .nav-item {font-family: 'Poppins-regular';padding-left:18px;padding-right: 18px;color:#04438C;}
        .nav-item a{color:#04438C;}
        .owl-buttons{display: none}
/*headercss*/        
.headeratas{padding-top:50px}      
.fl{float:left}
.menuatas{float:left;padding:0px;padding-left:130px}
.link2{width:320px}
.link3{width:260px}
.link4{width:280px}
.link5{width:180px}
/*end header css*/        
 .fl{float:left}       
.textatas{margin-top:-150px}
.txtatas1{font-family: 'Poppins-Bold';color:#04438C;font-size:50px}
.txtatas2{font-family: 'Poppins-SemiBold';color:#06BAFF;font-size:50px;margin-top:-15px}
.txtatas3{font-family: 'Poppins-Medium';color:#04438C;font-size:24px;margin-top:15px}
.txtatas4{font-family: 'Poppins-Regular';color:#4D5E72;font-size:16px;margin-top:15px}
.butatas{margin-top:30px}        
        

.kolabout{background:#EEEEEE;padding-bottom:0px;}
.kolabout1{background:#FFFFFF;border:none !important;box-shadow: 0px 5px 15px 5px #cccc !important;margin-top:-200px;z-index:999;position:relative;padding-bottom:30px}
.txthome1{color:#06BAFF;font-family: 'Poppins-Bold';}
.kolabout2{margin-top:40px;}
.kolabout3{background:#FFFFFF;border:none !important;box-shadow: 0px 5px 15px 5px #cccc !important;border-radius:10px;padding-bottom:50px;min-height:1600px}
.txthome3{color:#06BAFF;font-family: 'Poppins-SemiBold';font-size:30px;text-align:center;padding-top:30px}
.kolgbr1{margin-top:30px}

.kolabout4{background:#FFFFFF;border:none !important;box-shadow: 0px 5px 15px 5px #cccc !important;border-radius:10px;padding-bottom:50px;min-height:1600px;margin-top:60px}

        
.kolpartabout{margin-top:10px;padding:40px;min-height:710px}
.kolteksabout{float:left;padding-left:5px;padding-bottom:5px;margin-top:10px}
.kolteksabout1{height:320px;border-radius:5px;border:solid 1px #06BAFF}
        
.kolheadabout{margin-top:20px;height:80px;border-bottom:solid 1px #04438C;padding-left:0px}
.kolicoabout{float:left;padding-left:0px}
.txtabout1{float:left;font-family: 'Poppins-SemiBold';font-size:16px;color:#04438C;padding-left:15px;padding-top:15px}
.txtabout2{float:left;font-family: 'Poppins-Regular';font-size:11px;color:#04438C;padding-left:0px;padding-top:15px}
.kolvideo{padding:45px}
        

        
.kolomshowcase{background:#fff;margin-top:-100px;z-index:2;position:relative}
.txtjdlshow{margin-top:150px;color:#04438C;font-family: 'Poppins-Medium';}
.kolshow1{background:#FFFFFF;border:none !important;box-shadow: 0px 5px 15px 5px #cccc !important;margin-top:30px;z-index:999;position:relative;padding-bottom:60px}
.kolm40{margin-top:40px;}
.kolshow2{background:#FFFFFF;border:none !important;box-shadow: 0px 5px 15px 5px #cccc !important;border-radius:10px;padding-bottom:10px;min-height:300px;margin-top:50px}
.txtjdlshow2{color:#04438C;font-family: 'Poppins-SemiBold';font-size:26px;text-align:center;padding-top:30px}
.kolslider1{padding:40px;min-height:300px}
        
.txthome4{margin-top:60px;color:#28A1CF;font-family: 'Poppins-Medium';}
.txthome5{margin-top:5px;color:#04438C;font-family: 'Poppins-Medium';text-align:center;font-size:22px}
.kolpart3{margin-top:30px;z-index:999;position:relative;padding-bottom:60px}
.kolpart4{padding:0px !important;float:left;margin-top:30px}
.gbr2{border-radius:10px 10px 0px 0px;}
.kolpart5{background:#FDFDFD;padding:20px;text-align:center;box-shadow: 0px 5px 15px 5px #cccc !important;border-radius:0px 0px 10px 10px;height:140px}
.txthome6{font-family: 'Poppins-Medium';color:#04438C;font-size:18px;line-height:1.3}
        
.txthome7{margin-top:60px;color:#04438C;font-family: 'Poppins-SemiBold';text-align:center;font-size:36px}
.kolindustri{margin-top:30px;z-index:999;position:relative;padding-bottom:60px}
.kolmt20{margin-top:20px}
        
.txthome8{margin-top:40px;color:#28A1CF;font-family: 'Poppins-Medium';font-size:36px}
.kolpr{margin-top:30px;z-index:999;position:relative;padding-bottom:60px}
.kolpro1{padding:0px !important;float:left;margin-top:30px}
.gbr3{ border-radius:5px 5px 0px 0px;}
.koltxtpro{background:#04438C;padding:20px;text-align:center;;border-radius:0px 0px 5px 5px;height:120px;position:relative;margin-top:-80px}
.txthome9{font-family: 'Poppins-Medium';color:#fff;font-size:16px;line-height:1.3}
.txthome10{font-family: 'Poppins-Regular';color:#fff;font-size:14px;line-height:1.3;padding-top:30px}
.txthome10-2{font-family: 'Poppins-Regular';color:#fff;font-size:14px;line-height:1.3;padding-top:30px}
.txthome11{font-family: 'Poppins-Regular';color:#fff;font-size:14px;line-height:1.3;padding-top:10px}

        
/*footer*/
.footer{background:#04438C;min-height:380px}
.footer{background:#04438C;min-height:380px}
.kol-foot1{border-bottom:solid 1px #fff;padding-bottom:30px}
.kol-foot-kiri{float:left;padding-top:30px}
.txtfoot1{margin-top:20px;font-family: 'Poppins-Medium';color:#fff;font-size:20px;line-height:1.3}
.txtfoot2{margin-top:15px;font-family: 'Poppins-Medium';color:#fff;font-size:12px;line-height:1.3}
.kol-foot-kanan{float:left;padding-top:30px}
.txtfoot3{margin-top:20px;font-family: 'Poppins-SemiBold';color:#fff;font-size:15px;line-height:1.3}
.marg-20{margin-top:20px;}
.marg-30{margin-top:20px;}
.kol-logo-foot1{text-align:center;padding-top:40px}
.txtfoot4{text-align:center;margin-top:10px;font-family: 'Poppins-Medium';color:#fff;font-size:15px;line-height:1.3}
        
.cid-qv1frvgcz3 img{height: 30px !important}
.logomobile1{display: none}
.gbr-mobile{display: none}
.kolindustrimobile{display: none}
        
.txtkontak{margin-top:34px;font-family: 'Poppins-SemiBold';color:#fff;font-size:18px;line-height:1.3}
        .kontakmobile{display: none}
        
 @media (max-width: 1366px) {
/* atur menu */     
  .container{max-width: 1000px;}
     .nav-item a{font-size:14px}
     .menuatas{padding-left: 70px}
     .link2{width:260px}
.link3{width:200px}
.link4{width:220px}
.link5{width:180px}
 /* end atur menu */
     
     .textatas{margin-top:-10px}
.txtatas1{font-family: 'Poppins-Bold';color:#04438C;font-size:36px}
.txtatas2{font-family: 'Poppins-SemiBold';color:#06BAFF;font-size:36px;margin-top:-15px}
.txtatas3{font-family: 'Poppins-Medium';color:#04438C;font-size:20px;margin-top:15px}
.txtatas4{font-family: 'Poppins-Regular';color:#4D5E72;font-size:12px;margin-top:15px}
     
     .kolpartabout{height: 780px}
     .kolteksabout1{height: 360px}
     .kolabout1{margin-top:-100px}    
     .kolicoabout img{height: 60px}     
     .txtabout1{padding-left:30px;padding-top: 5px;font-size:15px}
     .txtabout2{font-size:10px}
     .homevid{height: 420px}
     
     .k2{font-size:28px}
     .txthome6{font-size:18px;}
     .txthome6{font-size:15px;}
     
     .txthome9{font-size:13px;}
     .txthome10{font-size:11px;padding-top:25px}
     .txthome10-2{font-size:11px;padding-top:45px}
      .txthome11{font-size:11px;padding-top:10px}
     
     /*footer*/
     
     .txtfoot1{font-size:18px;}
     .txtfoot2{font-size:10px;}
     .txtfoot3{font-size:13px}
     .marg-20 img{width:35px}
     .txtkontak{font-size:14px;margin-top:30px;padding-right:0px}
     
     
}
   
        
 @media (max-width: 1176px) {
/* atur menu */     
  .container{max-width: 1000px;}
     .nav-item a{font-size:14px}
     .menuatas{padding-left: 70px}
     .link2{width:260px}
.link3{width:210px}
.link4{width:220px}
.link5{width:150px}
 /* end atur menu */
     
     .textatas{margin-top:0px}
.txtatas1{font-family: 'Poppins-Bold';color:#04438C;font-size:28px}
.txtatas2{font-family: 'Poppins-SemiBold';color:#06BAFF;font-size:28px;margin-top:-15px}
.txtatas3{font-family: 'Poppins-Medium';color:#04438C;font-size:16px;margin-top:15px}
.txtatas4{font-family: 'Poppins-Regular';color:#4D5E72;font-size:10px;margin-top:15px}
     

}   
        
        
@media (max-width: 1024px) {
/* atur menu */     
  .container{max-width: 900px;}
     .nav-item a{font-size:13px}
     .menuatas{padding-left: 70px}
     .link2{width:230px}
.link3{width:180px}
.link4{width:190px}
.link5{width:130px}
 /* end atur menu */
    
    .txthome6{font-size:13px}
    .txtabout2{font-size:9px}
    .txthome9{font-size:12px}
    .marg-20 img{width:30px} 
    .txtkontak{font-size:12px;margin-top:30px;padding-right:0px}
    
        }
        
        
      @media only screen and (max-width: 1000px)   {
.menumobile{display: block}
.menudesktop{display: none}
      }

       
        
        @media only screen and (max-width: 950px)   {
              
              .cid-qvbxSVITWJ H1{text-align: center}
              .cid-qvbxSVITWJ .mbr-text, .cid-qvbxSVITWJ .mbr-section-btn{text-align: center}
              .navbar{background: #04438C !important}
              .text-white{color:#fff !important}
              
              .logomobile1{text-align: center;margin-bottom:50px;display: block}
             .logomobile1 img{height: 50px}
              #header2-93 {background: url(img/bg-mobile-1.jpg); background-repeat: no-repeat;background-size: cover !important;}
             .textatas{margin-top:-300px;text-align: center;padding: 50px;width: 100%;max-width: 100%;margin: auto}
             .butatas{margin-top:60px}
             .padmobile{padding-right: 30px;padding-left: 30px}
             .kolabout1{padding: 0px;border-radius:25px;}
             .txthome1{font-size:24px}
             .txthome3{color:#04438C;font-size:20px}
             .kolabout3{padding-right: 0px;padding-left: 0px}
             .gbr-mobile{display: none}
             .gbr-desktop{display: block}
             .kolpartabout{padding:10px;min-height:820px}
             .kolicoabout{width: 20%}
             .txtabout1{width: 80%}
             .txtabout2{font-size:10px}
             .kolteksabout1{height: 400px}
             .kolteksabout{padding: 5px}
             .kolvideo{padding:15px;padding-top:50px}
             .homevid{height: 360px;border-radius:5px}
             .kolabout4{padding-right: 0px;padding-left: 0px}
             .kolabout2{padding-bottom:30px}
             .kolabout{padding-bottom: 50px}
             .kolomshowcase{margin-top:10px}
             .txtjdlshow{margin-top:20px;padding-bottom: 40px;font-size:24px}
             .kolshow1{padding: 0px}
             .kolslider1{padding:0px;min-height: 250px;}
             
             .txthome4{font-size:24px}
             .txthome5{font-size:14px;margin-top:30px;padding-left:60px;padding-right:60px;font-weight: bolder}
             
             
             .padm-0{padding: 5px}
             .kolpart5{padding: 15px;padding-top:25px;height:120px}
             .txthome6{font-size: 16px}
             
             .kolindustrimobile{display: block;padding:0px}
             .kolindustri{display: none}
             
             .kol-foot-kiri{max-width: 100%;text-align: center}
             .kol-foot-kanan{max-width:  width: 100%}
             .fl{max-width: 100%;}
             .kontakmobile{display: block}
             .kontakdesktop{display: none}
             .txtfoot3{font-size:18px;text-align: center;margin-top:45px}
             .txtkontak{margin-top:10px;text-align: center}
             .marg-20{text-align: center}
             .marg-20 img {width: 50px;padding-bottom:30px}
             .txthome7{font-size:24px;margin-top:40px;margin-bottom: 30px}
             .txthome8{font-size: 24px}

      }
        
        
        
         @media only screen and (min-width: 461px) and (max-width:768px)   {
              
              .cid-qvbxSVITWJ H1{text-align: center}
              .cid-qvbxSVITWJ .mbr-text, .cid-qvbxSVITWJ .mbr-section-btn{text-align: center}
              .navbar{background: #04438C !important}
              .text-white{color:#fff !important}
              
              .logomobile1{text-align: center;margin-bottom:50px;display: block}
             .logomobile1 img{height: 50px}
             #header2-93 {background: url(img/bg-mobile-1.jpg); background-repeat: no-repeat;background-size: cover !important;}
             .textatas{margin-top:-300px;text-align: center;padding: 50px}
             .butatas{margin-top:60px}
             .padmobile{padding-right: 30px;padding-left: 30px}
             .kolabout1{padding: 0px;border-radius:25px;margin-top:-200px}
             .txthome1{font-size:24px}
             .txthome3{color:#04438C;font-size:20px}
             .kolabout3{padding-right: 0px;padding-left: 0px}
             .gbr-mobile{display: block}
             .gbr-desktop{display: none}
             .kolpartabout{padding:10px;min-height:1420px}
             .kolicoabout{width: 20%}
             .txtabout1{width: 80%}
             .txtabout2{font-size:10px}
             .kolteksabout1{height: 340px}
             .kolteksabout{padding: 5px}
             .kolvideo{padding:15px;padding-top:50px}
             .homevid{height: 240px;border-radius:5px}
             .kolabout4{padding-right: 0px;padding-left: 0px}
             .kolabout2{padding-bottom:30px}
             .kolabout{padding-bottom: 50px}
             .kolomshowcase{margin-top:10px}
             .txtjdlshow{margin-top:20px;padding-bottom: 40px;font-size:24px}
             .kolshow1{padding: 0px}
             .kolslider1{padding:0px;min-height: 250px;}
             
             .txthome4{font-size:24px}
             .txthome5{font-size:14px;margin-top:30px;padding-left:60px;padding-right:60px;font-weight: bolder}
             
             
             .padm-0{padding: 5px}
             .kolpart5{padding: 15px;padding-top:25px;height:120px}
             .txthome6{font-size: 16px}
             
             .kolindustrimobile{display: block;padding:0px}
             .kolindustri{display: none}
             
             .kol-foot-kiri{width: 100%;text-align: center}
             .kol-foot-kanan{width: 100%}
             
             .kontakmobile{display: block}
             .kontakdesktop{display: none}
             .txtfoot3{font-size:18px;text-align: center;margin-top:45px}
             .txtkontak{margin-top:10px;text-align: center}
             .marg-20{text-align: center}
             .marg-20 img {width: 50px;padding-bottom:30px}
             .txthome7{font-size:24px;margin-top:40px;margin-bottom: 30px}
             .txthome8{font-size: 24px}

      }
  
        
        
        
         @media only screen and (max-width: 650px)   {
              
              
              #header2-93 {background: url(img/bg-mobile-1.jpg); }
             .textatas{margin-top:0px;text-align: center;padding: 50px}
             .kolabout1{padding: 0px;border-radius:25px;margin-top:0px}
             
      }
  
        
       @media only screen and (max-width: 460px)   {
              
              .cid-qvbxSVITWJ H1{text-align: center}
              .cid-qvbxSVITWJ .mbr-text, .cid-qvbxSVITWJ .mbr-section-btn{text-align: center}
              .navbar{background: #04438C !important}
              .text-white{color:#fff !important}
              
              .logomobile1{text-align: center;margin-bottom:50px;display: block}
             .logomobile1 img{height: 50px}
             #header2-93 {background: url(img/bg-mobile-1.jpg);}
             .textatas{margin-top:-200px;text-align: center;padding: 50px}
             .butatas{margin-top:60px}
             .padmobile{padding-right: 30px;padding-left: 30px}
             .kolabout1{padding: 0px;border-radius:25px;margin-top:-200px}
             .txthome1{font-size:24px}
             .txthome3{color:#04438C;font-size:20px}
             .kolabout3{padding-right: 0px;padding-left: 0px}
             .gbr-mobile{display: block}
             .gbr-desktop{display: none}
             .kolpartabout{padding:10px;min-height:1420px}
             .kolicoabout{width: 20%}
             .txtabout1{width: 80%}
             .txtabout2{font-size:10px}
             .kolteksabout1{height: 340px}
             .kolteksabout{padding: 5px}
             .kolvideo{padding:15px;padding-top:50px}
             .homevid{height: 240px;border-radius:5px}
             .kolabout4{padding-right: 0px;padding-left: 0px}
             .kolabout2{padding-bottom:30px}
             .kolabout{padding-bottom: 50px}
             .kolomshowcase{margin-top:10px}
             .txtjdlshow{margin-top:20px;padding-bottom: 40px;font-size:24px}
             .kolshow1{padding: 0px}
             .kolslider1{padding:0px;min-height: 250px;}
             
             .txthome4{font-size:24px}
             .txthome5{font-size:14px;margin-top:30px;padding-left:60px;padding-right:60px;font-weight: bolder}
             
             
             .padm-0{padding: 5px}
             .kolpart5{padding: 15px;padding-top:25px;height:120px}
             .txthome6{font-size: 16px}
             
             .kolindustrimobile{display: block;padding:0px}
             .kolindustri{display: none}
             
             .kol-foot-kiri{width: 100%;text-align: center}
             .kol-foot-kanan{width: 100%}
             
             .kontakmobile{display: block}
             .kontakdesktop{display: none}
             .txtfoot3{font-size:18px;text-align: center;margin-top:45px}
             .txtkontak{margin-top:10px;text-align: center}
             .marg-20{text-align: center}
             .marg-20 img {width: 50px;padding-bottom:30px}
             .txthome7{font-size:24px;margin-top:40px;margin-bottom: 30px}
             .txthome8{font-size: 24px}

      }
  
        
         @media only screen and (max-width: 400px)   {
              
              .cid-qvbxSVITWJ H1{text-align: center}
              .cid-qvbxSVITWJ .mbr-text, .cid-qvbxSVITWJ .mbr-section-btn{text-align: center}
              .navbar{background: #04438C !important}
              .text-white{color:#fff !important}
              
              .logomobile1{text-align: center;margin-bottom:50px;display: block}
             .logomobile1 img{height: 50px}
 
             .textatas{margin-top:-250px;text-align: center;padding: 50px}
             .butatas{margin-top:40px}
             .butatas img{width: 180px}

            

      }
        
        @media only screen and (max-width: 360px)   {
              
              .cid-qvbxSVITWJ H1{text-align: center}
              .cid-qvbxSVITWJ .mbr-text, .cid-qvbxSVITWJ .mbr-section-btn{text-align: center}
              .navbar{background: #04438C !important}
              .text-white{color:#fff !important}
              
              .logomobile1{text-align: center;margin-bottom:50px;display: block}
             .logomobile1 img{height: 50px}
 
             .textatas{margin-top:-50px;text-align: center;padding: 50px}
             .butatas{margin-top:40px}
             .butatas img{width: 180px}
            .kolabout1{margin-top: -70px;}
            
            .kolteksabout1{height: 390px}
             .homevid{height: 180px;border-radius:5px}

            

      }
        
        
         @media only screen and (max-width: 320px)   {
              
              .cid-qvbxSVITWJ H1{text-align: center}
              .cid-qvbxSVITWJ .mbr-text, .cid-qvbxSVITWJ .mbr-section-btn{text-align: center}
              .navbar{background: #04438C !important}
              .text-white{color:#fff !important}
              
              .logomobile1{text-align: center;margin-bottom:50px;display: block}
             .logomobile1 img{height: 50px}
 
             .textatas{margin-top:0px;text-align: center;padding: 50px;font-size:18px}
             .butatas{margin-top:40px}
             .butatas img{width: 180px}
            .kolabout1{margin-top: -70px;}
             .txtatas1{font-size:20px}
             .txtatas2{font-size:22px}
             .txtatas3{font-size:12px}
             .txtatas4{font-size:9px}
            
            .kolteksabout1{height: 390px}
             .homevid{height: 180px;border-radius:5px}

            

      }
        

        .negara{border:solid 1px #ccc;border-radius: 5px;width: 60px;height:35px;padding-top:5px;padding-bottom: 5px;margin-top:10px}
        .negara2{border:solid 1px #ccc;border-radius: 10px;margin-top:10px;padding: 10px !important}
        .cid-qv1frvgcz3 .nav-item a{color:#fff}
 @media (max-width: 1366px) and (min-width: 1024px) {
     .textatas{margin-top:0px}
     .txtatas1{font-size:26px}
     .txtatas2{font-size:26px}
     .txtatas3{font-size: 16px}
     .txtatas4{font-size: 10px}
     .butatas {margin-top: 10px;}
     .butatas {height: 40px;}
        }
        
        @media only screen and (min-width: 1921px) and (max-width:2688px){   
         
         .negara{width: 60px;height:35px;padding-bottom: 5px;margin-top:5px;}
            .nav-item.negara{padding-top:5px !important}
             .pallcoat{height: 50px}
             .headeratas{padding-top:40px}
        }
        
         @media only screen and (max-width: 460px)   {
          .textatas{margin-top:-200px}   
             
        }
        
        
        @media (max-width: 1600px) {
   .negara{width: 40px;height:35px;padding-bottom: 5px;margin-top:5px;}
            .nav-item.negara{padding-top:5px !important}
}
         @media (max-width: 1440px) {
   .negara{width: 40px;height:35px;padding-bottom: 5px;margin-top:5px;}
            .nav-item.negara{padding-top:5px !important}
}
        
         @media (max-width: 1366px) {
   .negara{width: 40px;height:35px;padding-bottom: 5px;margin-top:5px;}
            .nav-item.negara{padding-top:5px !important}
             .pallcoat{height: 50px}
             .headeratas{padding-top:40px}
}
        
        @media (max-width: 1176px) {
            .link5{width:100px}
   .negara{width: 30px;height:32px;padding-bottom: 0px;margin-top:5px;}
            .nav-item.negara{padding-top:2px !important}
             .pallcoat{height: 45px}
             .headeratas{padding-top:30px}
            .nav-item a{font-size: 12px}
            .link2{width:180px}
.link3{width:130px}
.link4{width:140px}

}

     @media (max-width: 1024px) {   
         
         .negara{width: 25px;height:30px;padding-bottom: 0px;margin-top:3px;}
            .nav-item.negara{padding-top:02px !important}
        }
        

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}