*{
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	color: #252525;
	letter-spacing: 0.5px;

}
.judul:after {
    display: block;
    content: "";
    width: 15%;
    min-width: 90px;
    height: 5px;
    margin-top: .2em;
    background: rgba(255, 166, 0);
    margin-left: auto;
    margin-right: auto;
 }
 .kotak h2:after {
    display: block;
    content: "";
    width: 0;
    min-width: 0px;
    height: 5px;
    margin-top: .2em;
    background: rgba(255, 166, 0);
    transition: 0.3s;
    margin-left: auto;
    margin-right: auto;
    
 }
.booknow{
	background-color: rgba(255, 166, 0,0.6);
}
.kaki{
	background-color: rgba(255, 166, 0,0.8);
}

.orange{
	color: #FFA600;
	} 	
.biru{
	color: #00AFEF;
}
.navigasi_a{
	position: sticky;
	top: -1px;
	z-index: 2;
	background-color: rgba(240,240,240);
}
.logonavigasi{
	width: 75px;
}

.kotak{
	border:solid 2px rgba(230,230,230);
	border-radius: 7px;
	background-color: rgba(245,245,245);

}
.konten{
 background-image: url("/img/logo/wave.svg");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: bottom;
}
.about_us{
	position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(250,250,250);
	z-index: 2;
	top: 50vh;
}
.gambar_kartu{
width: 100%;
position: relative;
left: 30%;
 transition: 0.5s;
}
.kepala_kartu{
	overflow:hidden;
}




.badan_kartu{
	background-color:  rgba(255, 166, 0,0.2);
}
.kotak:hover .gambar_kartu{
 
  left: 0;
  transition: 0.5s;
  width: 100%;

}
.navigasi:hover{
	background-color:#ff944d;
	font-weight: 900;

}
.kotak:hover h2:after{
 
  	display: block;
	content: "";
	width: 0;
	min-width: 100%;
	height: 5px;
	margin-top: .2em;
	background: rgba(255, 166, 0);
  	transition: 0.3s;

}
.kotak:hover .booknow{
 	background-color:rgb( 0, 175, 240);
 	width: 100%
  transition: 0.3s;

}
.kotak:hover{
	border:solid 3px rgba(255, 166, 0,0.2);
	border-radius: 7px;
	background-color: rgba(245,245,245);

}





@media only screen and (min-width: 992px){

	.kotak{
	border:solid 2px rgba(230,230,230);
	border-radius: 7px;
	background-color: rgba(245,245,245);

	}




}