body { background-color:#FFF; }

h1 { margin-top:-8px; }

h2 { margin-top:10px; }

p { font-size:92%; }

ul li, ol li { font-size:92%; }

.topkiri p { margin:0; padding-top:5px; color:#FFF; text-align:left; }

.topkanan p { margin:0; padding-top:5px; color:#FFF; text-align:right; }

.top { padding-top:30px; padding-bottom:50px; }

.tengah { text-align:center; }

.admin-login-bg { background-color:#001333; }

.bg-text { padding-top: 12%; color:#13505b; text-align:center; }

.bg-text p { font-size:20px; font-weight:bold; }

.bg-0 {
  /*background-color:#95c34b;*/
  background:url("image/bg3.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:100px;
  padding-bottom:100px;
  color:#FFF; }

.bg-1 { background-color:#FFF; padding-top:100px; padding-bottom:100px; }

.bg-1 tbody, .bg-1 td, .bg-1 tfoot, .bg-1 th, .bg-1 thead, .bg-1 tr { font-size:95%; border:1px solid #ccc; padding:10px; }

.bg-2 { background-color:#f2f2f2; padding-top:100px; padding-bottom:100px; }

.bg-3 { background-color:#FFF; padding-top:100px; padding-bottom:100px; }

.bg-4 { color:#FFF; background: linear-gradient(45deg, #1ab0a3 20%, #13505b 100%); }

.bg-4-tb { padding-top:50px; padding-bottom:50px; border-top:5px solid #f2f2f2; }

.bg-5 { color:#FFF; background: linear-gradient(45deg, #13505b 20%, #1ab0a3 100%); padding-top:15px; }

.bg-0 h1, .bg-0 h5, .bg-4 h1, .bg-4 h2 { font-family: 'Roboto', sans-serif; }

.bg-0 h5 { line-height:1.5em; }

.bg-1 h2, .bg-2 h2 { text-align:center; }

.bg-1 h1, .bg-1 h2, .bg-2 h1, .bg-2 h2, .bg-3 h1, .bg-3 h2 { color:#1ab0a3; font-family: 'Roboto', sans-serif; }

.bg-4 a, .bg-5 a { color:#FFF; }

.socmed a { color:#13505b; }

.socmed a:hover { text-decoration:none; color:#0c306c; }

.navbar-dark .navbar-brand { text-transform:uppercase; font-weight:bold; color:#FFF; }

.navbar-dark .navbar-nav .nav-link { color:#FFF; }

.navbar-bg { background-color:#1ab0a3; }

.noborder td { border-top:none; padding:0.5em; }

.listprod { margin-bottom:60px; }

.listprod h2 { text-align:left; }

.blogbox { height:450px; overflow:hidden; }

.blogbox h3 { font-size:large; line-height:1.5em; }

.blogbox a { color:#1ab0a3; text-decoration:none; }

.blogbox a:hover { text-decoration:underline; }

.imgthumb { width:100%; height:200px; overflow:hidden; margin-bottom:10px; }

.blogbox2 h2 { font-size:large; line-height:1.5em; }

.blogbox2 a { color:#1ab0a3; text-decoration:none; }

.blogbox2 a:hover { text-decoration:underline; }

.imgthumb2 { width:100%; margin-bottom:10px; }

.myimg img { height:100px; }

@media(max-width:768px) {
   .top img { width:70%; }
   .topkiri p, .topkanan p { text-align:center; }
   .topkiri { margin-bottom:8px; }
   .bg-0, .bg-3 { padding-top:50px; padding-bottom:50px; }
   .bg-1 { padding-top:80px; padding-bottom:50px; }
   .bg-2 { padding-top:50px; padding-bottom:50px; }
   .listprod { margin-bottom:30px; }
   .blogbox{ height:auto; }
   .bg-text { padding-top: 50%; }
}