/*WA float btn*/
.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;
}
/*Textstyle Judul*/
h1 {
    display: block;
    font-size: 48px;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
/*Textstyle subJudul*/
h2 {
    display: block;
    font-size: 44px;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
/*Sidenav*/
.sidenav {
	opacity: 0.8 !important;
}
.sidenav li{
	opacity: 100 !important;
}
.sidenav a {
	color: white !important;
}
/*Header*/
.header {
	padding: 2px 2px;
}
/*Logo*/
.logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 30%;
}
/*Slider*/
.slider h3 {
	color: red;
	text-shadow: 2px 2px black;
	font-size: 50px;
	font-weight: bolder;
}
.slider h5 {
	color: white; 
	text-shadow: 2px 2px 2px rgba(0,0,0,5);
	font-size: 25px;
	font-weight: normal;
}
/*Body*/
/*Produk*/
.tp {
	color: black;
	font-weight: bold;
}
/*Kontak*/
.kontak a{
	color: black;
}
.map iframe {
	width: 100%;
	max-height: 800px;
	max-width: 800px;
	border-radius: 10px;
}
/*Galeri*/
.card-panel-galeri {
	padding: 10px 10px;
	border-radius: 20px;
	box-shadow: 8px 10px #888888;
}
.mySlides img{
	border-radius: 10px;
}
.prev,.next {
	padding: 10px 5px;
	width: 40%;
}
/*Proyek*/
.count::after { 
	content: " - unit";
	font-style: italic;
}
/*Testimoni*/
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
.slick {
	width: 50%;
	margin: 100px auto;
}
/*Blog*/
.bloglist {
	width:100%; 
	height:500px;
	overflow: auto;
	background-color: white;
	border: 1px solid;
	padding: 10px;
	box-shadow: 5px 10px;
	border-radius: 3px;
}
.bloglist a{
    font-weight: bolder;
    color: blue;
    font-size: 26px;
}
/*Footer*/
.page-footer a{
	color: white;
}
.page-footer h5{
	color: white;
}
.page-footer p{
	color: white;
}