.bg{background:#012231}
.navbar-brand h5 span{color:yellow;}
.navbar-brand h5{margin-bottom:0px;}
.navbar-brand h5{margin-top:10px;}
.navbar-brand p{font-size:0px;}

.text-muted{font-size:13px;}

.nav-item a{color:#ffffff;}

.dropdown-menu{background:gray;}

.centered {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.centered h1{font-weight:bold; color:white;}
.centered p{font-weight:bold; font-size:30px; color:yellow;}

.carousel-item img{height:400px}

.konten{background:#e1e1e1;position:relative;}

p{
  text-align: center;
}
 
a{
  color: #232323;
  text-decoration: none;
  font-weight: 500;
}

a:hover{
  text-decoration: underline;
}
 
.wrapper {
  width: 100%;
  margin: 0 auto;
}

.zoom-effect {  
  position: relative;
  width: 100%;
  height: 270px;
  margin: 0 auto;
  overflow: hidden;  
}
 
.kotak {
  position: absolute;
  top: 0;
  left: 0;
  
}
.kotak img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  width: 350px;
}
 
.zoom-effect:hover .kotak img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.fitur{font-weight:bold;color:#007bff;}

.courses {font-weight:bold;color:#03425e;}

.testi{background:#dfdfdf}
.testi h4{font-weight:bold;color:#03425e;}

.footer1{background:#012231}
.footer1 h5{font-weight:bold;}
.footer1 .list-group-item{padding:0.50rem 0.25rem;border-color:grey; background:#012231;}
.footer1 .list-group-item a{color:white;}
.footer1 hr{border-color:grey;}

.footer2{background:#000508/*background:#767fbc*/}
.footer2 a span{color:yellow;}

.line { border-top: 0px !important; border:0; }

.about {font-weight:bold;color:#03425e;}

.crd2{background:transparent; border:0px;}

.staf{margin-bottom:30px}

.gambar img{width:470px}

.maps iframe{width:810px;}

.form .carousel-item img{width:500px}

.username{color:white}