body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.hero-image {
  background-image: url("../img/bannerdtd.jpg") ; 
  background-color: #cccccc;
  height: 570px;
  background-position: center ;
  background-repeat: no-repeat;
  background-size: cover;
  position: inherit;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: White;
}
 
.tulisan_justify{
	text-align: justify;
}

/* style di halaman tentang */
.bg-image-full {
 /* background-image: url("../img/intro-bg.jpg");*/
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
 -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  max-width: 100%;
}

.program-text{
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

/* WA floating */
.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;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  
  .caption-carousel {
	padding-left:190px;
	margin-bottom:-10px;
  }
  
  .caption-carousel .btn{
	padding:5px;
	font-size:12px;
  }
}

.btnred{
	color: #FFFFFF;
	background-color: #C9302C;
	padding: 10px;
	text-decoration: none;
	font-size: 16px;
	border-radius: 5px;
}

.btnred:hover{
	background-color:#D7534F;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 16px;
}

.btnblue{
	color: #FFFFFF;
	background-color: #266092;
	padding: 10px;
	text-decoration: none;
	font-size: 16px;
	border-radius: 5px;
}

.btnblue:hover{
	background-color:#337AB7;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 16px;
}

.btngreen{
	color: #FFFFFF;
	background-color: #55a630;
	padding: 10px;
	text-decoration: none;
	font-size: 16px;
	border-radius: 5px;
}

.btngreen:hover{
	background-color:#396f20;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 16px;
}

@font-face {
   font-family: mySecondFont;
   src: url(../font/BRLNSR.ttf);
}

.navmenu a {
  color: #202124;
  text-align: center;
  text-decoration: none;
  font-family: mySecondFont;
  font-size: 15px;
  border-bottom: 3px solid transparent;
}

.navmenu a:hover {
  border-bottom: 3px solid #283891;
}

.navmenu a.active {
  border-bottom: 3px solid #283891;
}

.bgabu{
	background-color:#F2F2F2;
}

.fontleads{
	font-family: Roboto Medium;
	color: #F2622B;
	font-size:35px;
}

.bgyellow{
	background-color:#F7D2A6;
	padding-top:10px;
	padding-bottom:20px;
}

.center-text{
	font-size:18px;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

.judul{
	font-family: mySecondFont;
	font-size:35px;
}

.bgred{
	/*background-color:#ED7C5D;*/
	background-color:#E8988B;
	padding-top:10px;
	padding-bottom:20px;
}

.bgblue{
	background-color:#616B8C;
	padding-top:10px;
	padding-bottom:20px;
	color:#FFFFFF;
}

.thumbnail-image{
	border:1px solid #999;
	border-radius:4px;
	padding-top: 10px;
}

.myfooter{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #7a7c80;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.myfooter2{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #7a7c80;
}