.height{
  height: 80vh;
 }
 .bgjuare{background-image: url('../img/bannerJuare.jpg');background-repeat: no-repeat;
   background-position: cover; width: 100%;height: 200px;margin:auto}
 .search{
 position: relative;
 box-shadow: 0 0 40px rgba(51, 51, 51, .1);
   
 }
 .search input{
  background-color: #444;
  opacity: 0.9;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  height: 50px;
  text-indent: 25px;
  border: 2px solid #d6d4d4;
 }
 .search input:focus{
  box-shadow: none;
  border: 2px solid blue;
 }
 .search .fa-search{
  position: absolute;
  top: 20px;
  left: 16px;
 }
 .search button{
  position: absolute;
  top: 5px;
  right: 5px;
  height: 40px;
  width: 110px;
  background: none;
  color: #FF741D;
  font-size: 24px;text-transform: uppercase;
 }
.bgmenutop{width: 100%;height: auto; margin-top: -50px;position: relative;}
.bgmenutop2{margin-top:-250px;position: relative;background-color: #fff;
  border-radius: 30px;padding-top: 30px;padding-bottom: 30px; }
.bgmenutop2baru{margin-top:-250px;position: relative;background-color: #fff;
   border-radius: 30px;padding-top: 30px;padding-bottom: 30px; }
.utama{line-height: 80px;}
.warnautama{color: orange}
.judul1{text-align: center;color: #00676D;font-size: 25px;margin-bottom: 25px}
.judul1 span{color: orange}
.judul2{text-align: center;color: #1E1E1E;font-size: 15px;margin-top:50%;}
.judul3{font-size: 25px;color: #00676D;font-weight: bold;}
.judul4{font-size: 18px;color: #fff;font-weight: bold;}
.judul5{font-size: 28px;text-transform: uppercase;font-weight: bold;}
.fotowali{margin-left:50px;}
.kotakmenu{width: 100%;border-radius: 20px;height: 100px;}
.kotakmenu:hover{border:1px solid#000;}
.kotakmenu img{width: 60px height:60px;border-radius: 50%;margin-top:20px;}
.imgmenu{width: 60px;}
.kotakmenu h1{font-size: 15px;color: #fff;text-transform: capitalize;margin-top: 30px}
.warna1{ background: rgb(59,216,159);
background: linear-gradient(90deg, rgba(59,216,159,1) 0%, rgba(146,236,128,1) 100%);}
.warna2{
   background: rgb(222,155,212);
background: linear-gradient(90deg, rgba(222,155,212,1) 0%, rgba(132,129,254,1) 100%); 
}
.warna3{
   background: rgb(255,143,28);
background: linear-gradient(90deg, rgba(255,143,28,1) 0%, rgba(255,191,28,1) 100%); 
}
.warna4{
   background: rgb(74,135,227);
background: linear-gradient(90deg, rgba(74,135,227,1) 0%, rgba(74,201,227,1) 100%); 
}
.warna5{
   background: rgb(136,179,243);
background: linear-gradient(90deg, rgba(136,179,243,1) 0%, rgba(108,113,236,1) 100%); 
}
.warna6{
   background: rgb(248,108,108);
background: linear-gradient(90deg, rgba(248,108,108,1) 0%, rgba(214,55,169,1) 100%); 
}
.warna7{
   background: rgb(77,166,172);
background: linear-gradient(90deg, rgba(77,166,172,1) 0%, rgba(114,190,122,1) 100%); 
}
.warna8{
   background: rgb(222,201,127);
background: linear-gradient(90deg, rgba(222,201,127,1) 0%, rgba(191,157,89,1) 100%); 
}
.warna9{
   background: rgb(252,199,120);
background: linear-gradient(90deg, rgba(252,199,120,1) 0%, rgba(205,149,66,1) 100%); 
}
.warna10{
   background: rgb(105,207,229);
background: linear-gradient(90deg, rgba(105,207,229,1) 0%, rgba(112,123,220,1) 100%); 
}
.warna11{
   background: rgb(194,211,88);
background: linear-gradient(90deg, rgba(194,211,88,1) 0%, rgba(117,187,84,1) 100%); 
}
.warna12{
   background: rgb(208,164,229);
background: linear-gradient(90deg, rgba(208,164,229,1) 0%, rgba(229,175,164,1) 100%); 
}
.warna13{
   background: rgb(252,159,120);
background: linear-gradient(90deg, rgba(252,159,120,1) 0%, rgba(252,120,120,1) 100%); 
}
.warna14{
   background: rgb(111,220,174);
background: linear-gradient(90deg, rgba(111,220,174,1) 0%, rgba(51,180,126,1) 100%); 
}
.warna15{
   background: rgb(152,131,211);
background: linear-gradient(90deg, rgba(152,131,211,1) 0%, rgba(219,145,225,1) 100%); 
}
.warna16{
   background: rgb(241,134,185);
background: linear-gradient(90deg, rgba(241,134,185,1) 0%, rgba(229,132,111,1) 100%); 
}
.warna17{
   background: rgb(241,134,185);
background: linear-gradient(90deg, rgba(241,134,185,1) 0%, rgba(108,113,236,1) 100%); 
}
.warna18{
   background: rgb(241,134,185);
background: linear-gradient(90deg, rgba(241,134,185,1) 0%, rgba(252,120,120,1) 100%); 
}
.img-opd{margin:auto;width: 80px;height: 80px;border-radius: 50%;left: 30%;
  padding:10px;background-color: #FFFFFF;border:5px solid#fff;margin-top: -120px;
  position:absolute;
  box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);

}
.img-opd img{width: 70px;height: 50px;border-radius: 50%;}
.kotakopd1{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
  box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(152,131,211);
  background: linear-gradient(90deg, rgba(152,131,211,1) 0%, rgba(219,145,225,1) 100%); 
}
.kotakopd2{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(252,159,120);
  background: linear-gradient(90deg, rgba(252,159,120,1) 0%, rgba(254,108,108,1) 100%); 
}
.kotakopd3{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(74,135,227);
  background: linear-gradient(90deg, rgba(74,135,227,1) 0%, rgba(74,201,227,1) 100%); 
}
.kotakopd4{
 border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(194,211,88);
  background: linear-gradient(90deg, rgba(194,211,88,1) 0%, rgba(117,187,84,1) 100%); 
}
.kotakopd5{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(111,220,174);
  background: linear-gradient(90deg, rgba(111,220,174,1) 0%, rgba(51,180,126,1) 100%); 
}
.kotakopd6{
 border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(74,135,227);
  background: linear-gradient(90deg, rgba(74,135,227,1) 0%, rgba(74,201,227,1) 100%); 
}
.kotakopd7{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(152,131,211);
  background: linear-gradient(90deg, rgba(152,131,211,1) 0%, rgba(219,145,225,1) 100%); 
}
.kotakopd8{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(14,210,210);
  background: linear-gradient(90deg, rgba(14,210,210,1) 0%, rgba(34,238,153,1) 100%); 
}
.kotakopd9{
 border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(252,124,62);
  background: linear-gradient(90deg, rgba(252,124,62,1) 0%, rgba(254,214,187,1) 100%); 
}
.kotakopd10{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(173,155,250);
background: linear-gradient(90deg, rgba(173,155,250,1) 0%, rgba(137,112,252,1) 100%); 
}
.kotakopd11{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(249,85,155);
background: linear-gradient(90deg, rgba(249,85,155,1) 0%, rgba(251,194,201,1) 100%); 
}
.kotakopd12{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(245,13,34);
background: linear-gradient(90deg, rgba(245,13,34,1) 0%, rgba(251,235,174,1) 100%); 
}
.kotakopd13{
 border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(245,209,212);
background: linear-gradient(90deg, rgba(245,209,212,1) 0%, rgba(240,206,129,1) 100%); 
}
.kotakopd14{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(125,132,247);
background: linear-gradient(90deg, rgba(125,132,247,1) 0%, rgba(173,175,232,1) 100%); 
}
.kotakopd15{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(14,210,210);
  background: linear-gradient(90deg, rgba(14,210,210,1) 0%, rgba(34,238,153,1) 100%);
}
.kotakopd16{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(134,106,69);
background: linear-gradient(90deg, rgba(134,106,69,1) 0%, rgba(244,200,127,1) 100%); 
}
.kotakopd17{
 border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(26,204,244);
background: linear-gradient(90deg, rgba(26,204,244,1) 0%, rgba(101,228,232,1) 100%); 
}
.kotakopd18{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(252,124,62);
  background: linear-gradient(90deg, rgba(252,124,62,1) 0%, rgba(254,214,187,1) 100%); 
}
.kotakopd19{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(111,220,174);
  background: linear-gradient(90deg, rgba(111,220,174,1) 0%, rgba(51,180,126,1) 100%); 
}
.kotakopd20{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(152,131,211);
  background: linear-gradient(90deg, rgba(152,131,211,1) 0%, rgba(219,145,225,1) 100%);
}
.kotakopd21{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(14,210,210);
  background: linear-gradient(90deg, rgba(14,210,210,1) 0%, rgba(34,238,153,1) 100%);
}
.kotakopd22{
 border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(152,131,211);
  background: linear-gradient(90deg, rgba(152,131,211,1) 0%, rgba(219,145,225,1) 100%); 
}
.kotakopd23{
 border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(249,225,175);
background: linear-gradient(90deg, rgba(249,225,175,1) 0%, rgba(244,195,93,1) 100%); 
}
.kotakopd24{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(109,187,99);
background: linear-gradient(90deg, rgba(109,187,99,1) 0%, rgba(151,226,122,1) 100%); 
}
.kotakopd25{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(137,240,247);
background: linear-gradient(90deg, rgba(137,240,247,1) 0%, rgba(26,137,147,1) 100%); 
}
.kotakopd26{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
   background: rgb(126,157,254);
background: linear-gradient(90deg, rgba(126,157,254,1) 0%, rgba(150,207,238,1) 100%); 
}
.kotakopd27{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(126,157,254);
background: linear-gradient(90deg, rgba(126,157,254,1) 0%, rgba(150,207,238,1) 100%);
}
.kotakopd28{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(126,157,254);
background: linear-gradient(90deg, rgba(126,157,254,1) 0%, rgba(150,207,238,1) 100%);
}
.kotakopd29{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(126,157,254);
background: linear-gradient(90deg, rgba(126,157,254,1) 0%, rgba(150,207,238,1) 100%);
}
.kotakopd30{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(126,157,254);
background: linear-gradient(90deg, rgba(126,157,254,1) 0%, rgba(150,207,238,1) 100%);
}
.kotakopd31{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
 background: rgb(252,159,120);
  background: linear-gradient(90deg, rgba(252,159,120,1) 0%, rgba(254,108,108,1) 100%); 
}
.kotakopd32{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(14,210,210);
  background: linear-gradient(90deg, rgba(14,210,210,1) 0%, rgba(34,238,153,1) 100%);
}
.kotakopd33{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background: rgb(252,159,120);
  background: linear-gradient(90deg, rgba(252,159,120,1) 0%, rgba(254,108,108,1) 100%); 
}
.kotakopd34{
  border-radius: 10px;
  padding: 0px 10px 10px 10px;
  width: 96%;
  height: 260px;
   box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 18px -9px rgba(0,0,0,0.75);
  background-color: #000;
}
/*bg==============wakil*/

.bgwakil{background-image: url('../images/bgwakil.png');background-repeat: no-repeat;
background-position: cover width: 100%;height: 100%;}
.menuprofil{width: 100%;font-size: 15px;color: #4A4A4A}
.menuprofil span{margin-bottom: 20px;}
.menuprofil:hover{color: orange}
.menuprofil img{margin-bottom: 15px;}
.bgberita{background-color: #F5F5F5}
.garis{width: 70%;height: 1px;background-color: #00676D;position: relative;
  margin-top: -15px;margin-left: 200px}
.menuhover{color:#00676D;font-weight: bold; }
.menuhover:hover{color: orange}
.bgagenda{background-color: #FEAC31;border-radius: 30px;padding-top: 15px;margin-top:-10px;}
.bgagenda h3{font-size: 25px;color: #ffffff;font-weight: bold;}
.pad-menuatas{padding-left: 6px;padding-right: 6px;}
.footernya{width: 100%;height: auto;text-align: center;margin-top: -80px;padding-bottom: 20px;}
.footernya img{width: 100px;margin-bottom:15px;}
.footernya h1{font-size: 18px;color: #fff;text-transform: uppercase;font-weight: bold;margin:5px;}
.footernya h2{font-size: 26px;color: #fff;text-transform: uppercase;font-weight: bold;margin:5px;
margin-bottom:10px;}
.footernya p{font-size: 12px;margin-top:10px;color: #fff}
/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 20%;
  height: auto;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid#444;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 0 20px 10px;  
  width: 80%;
  border-left: none;
  height: auto;
}
.tabcontent th{font-size: 12px;color: #000;font-weight: bold;}
.tabcontent td{font-size: 12px;color: #000;}
.tabcontent h2{font-size: 14px;font-weight: bold;text-transform: uppercase;margin-bottom:10px;color: orange}
.kecil{width: 100%;text-align: center;margin-top: -180px;}
.kecil h1{font-size: 16px;font-weight: bold;text-transform: uppercase;margin-bottom: 5px;color: #444}
.kecil h2{font-size: 14px;font-weight: bold;text-transform: uppercase;margin-bottom: 15px;color: orange}
/*==========================mobile=================================*/
@media (max-width: 576px) {
	.utama{line-height: 50px;}
  .height{
    margin-top: -120px;
    height: 80vh;
   }
   .search{
   position: relative;
   box-shadow: 0 0 40px rgba(51, 51, 51, .1);
     
   }
   .search input{
    background-color: #444;
    opacity: 0.9;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    height: 40px;
    text-indent: 25px;
    border: 2px solid #d6d4d4;
   }
   .search button{
    position: absolute;
    top: 5px;
    right: 5px;
    height: 30px;
    width: 110px;
    background: none;
    color: #FF741D;
    font-size: 16px;text-transform: uppercase;
   }
  .judul1{text-align: center;color: #00676D;font-size: 14px;margin-bottom: 18px}
  .judul1 span{color: orange}
  .judul2{text-align: center;color: #1E1E1E;font-size: 13px;margin-top:50%;}
  .judul3{font-size: 18px;color: #00676D;font-weight: bold;}
  .judul4{font-size: 14px;color: #fff;font-weight: bold;}
  .judul5{font-size: 20px;text-transform: uppercase;font-weight: bold;}
  .kotakmenu{width: 100%;border-radius: 10px;height: 60px;}
  .kotakmenu:hover{border:1px solid#000;}
  .kotakmenu img{width: 40px height:40px;border-radius: 50%;margin-top:10px;box-shadow: -1px 29px 48px -9px rgba(0,0,0,1);
  -webkit-box-shadow: -1px 29px 48px -9px rgba(0,0,0,1);
  -moz-box-shadow: -1px 29px 48px -9px rgba(0,0,0,1);}
  .imgmenu{width: 40px;}
  .kotakkecil{height: 200px;}

}