body{
	width: 100%;
	height: 100%;
}

.box-atas{
	margin-top: 0%;
}

.HUBwa h4{
	border: 1px solid #16CDF2;
	background-color: #16CDF2;
	width: 50%;
	height: 100%;
	margin-top: 5%;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0px 0px 3px 3px silver;
	padding: 2%;
	box-sizing: border-box;
	color: white;
}

.HUBwa h4:hover{
	transition: 0.5s;
	border: none;
	background-color: white;
	color: black;
}

.boxPW{
	width: 100%;
	height: 100%;
	float: left;
}

.BoxFix{
	width: 25%;
	height: 540px;
	float: left;
	padding: 0.5%;
	box-sizing: border-box;
}

.box-deskripsi{
	width: 100%;
	height: 310px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.box-judul{
	width: 100%;
	height: 60px;
}

.box-TEXT{
	width: 100%;
	height: 190px;
}

.box-DETAIL{
	width: 100%;
	height: 40px;
}

.scrollup {
	bottom: 2%;
	display: none;
	outline: medium none;
	position: fixed;
	right: 15px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 40px;
	z-index: 999997;
}



#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	background-color: #148146;
	width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.judul{
	text-align: center;
}

.judul h1{
	font-weight: bolder;
	color: #148146;
}

.box-slogan{
	padding-top: 1%;
	padding-left: 3%;
	padding-right: 3%;
	margin-top: 3%;
	box-sizing: border-box;
	background-color: #148146;
}

.box-slogan h1{
	font-weight: bolder;
	color: #FDFE01;
}

.box-slogan p{
	color: white;
}

.footer-atas{
	width: 100%;
	height: auto;
	background-color: #2ab56a;
}

.box-footer p{
	color: white;
}

.news-des2 p{
	font-size: 14px;
}

.wrapper-program-kerja{
	height: 350px;
	margin-top: 30px;
}

.box-program-kerja{
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 2%;
	box-sizing: border-box;
}

.box-program-kerja:hover{
	box-shadow: 2px 2px 10px 1px #148146;
}

.box-program-kerja img{
	height: 70%;
	margin-bottom: 20px;
}

.box-program-kerja p{
	font-weight: bolder;
	color: #148146;
}

.box-galeri{
	height: 100%;
}

.box-galeri img{
	width: 100%;
}

.box-galeri img:hover{
	box-shadow: 5px 5px 10px 0 #148146;
}

.ml-title{
	font-weight: bolder;
	text-transform: uppercase;
}

.ml-title2{
	font-size: 16px;
}

.artikel-home{
	min-height: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.artikel-home img{
	margin-bottom: 10px;
}

.artikel-home p{
	font-size: 16px;
	font-weight: bolder;
	color: #148146;
}

.btn-ijo{
	background-color: #148146;
	margin-top: 10px;
}

.btn-ijo:hover{
	background-color: transparent;
	border: 1px solid #148146;
}

.btn-ijo:hover span{
	color: #148146;
}

/* Extra Things */
body{background: #eee ;font-family: 'Open Sans', sans-serif;}h3{font-size: 30px; font-weight: 400;text-align: center;margin-top: 50px;}h3 i{color: #444;}

@media(max-width:980px){

.judul h2{
	font-size: 23px;
}


}


@media(max-width:780px){

.judul h2{
	font-size: 23px;
}

.BoxFix{
	width: 50%;
}

}


@media(max-width:480px){

.judul h2{
	font-size: 23px;
}

.box-atas{
	margin-top: 0%;
}

.deskripsi-left{
	text-align: left;
}

.BOX-paketwisata-utama{
}

.boxPW{
	width: 100%;
	height: 100%;
}

.BoxFix{
	width: 100%;
	height: 100%;
}

.box-deskripsi{
	width: 100%;
	height: 100%;
}

.box-judul{
	width: 100%;
	height: 100%;
}

.box-TEXT{
	width: 100%;
	height: 100%;
}

.box-DETAIL{
	width: 100%;
	margin-top: 20px;
}

}


/*Open Display 13.5 inch*/

@media(max-width:1296px){


	
}

/*Close Display 13.5 inch*/

/*Open Display 13 inch*/

@media(max-width:1248px){



}

/*Close Display 13 inch*/

/*Open Display 12.5 inch*/

@media(max-width:1200px){


}

/*Close Display 12.5 inch*/

/*Open Display 12 inch*/

@media(max-width:1152px){


}

/*Close Display 12 inch*/

/*Open Display 11.5 inch*/

@media(max-width:1104px){


}

/*Close Display 11.5 inch*/

/*Open Display 11 inch*/

@media(max-width:1056px){


}

/*Close Display 11 inch*/

/*Open Display 10.5 inch*/

@media(max-width:1008px){


}

/*Close Display 10.5 inch*/

/*Open Display 10 inch*/

@media(max-width:960px){


}

/*Close Display 10 inch*/

/*Open Display 9.5 inch*/

@media(max-width:912px){



}

/*Close Display 9.5 inch*/

/*Open Display 9 inch*/

@media(max-width:864px){



}

/*Close Display 9 inch*/

/*Open Display 8.5 inch*/

@media(max-width:816px){



}

/*Close Display 8.5 inch*/

/*Open Display 8 inch*/

@media(max-width:768px){

#header .header-berita {
	width: 100%;
}

.judul h1{
	font-size: 28px;
}

.box-slogan h1{
	font-size: 28px;
}

.news-des2 p{
	font-size: 14px;
}

.footer-atas{
	padding: 5px;
	box-sizing: border-box;
	margin-top: 10px;
}

.sidebar-wrapper{
	padding-top: 20px;
	border-top: 3px solid #148146;
	box-sizing: border-box;
}

.ml-title{
	font-size: 24px;
}

}

/*Close Display 8 inch*/

/*Open Display 7.5 inch*/

@media(max-width:720px){


}

/*Close Display 7.5 inch*/

/*Open Display 7 inch*/

@media(max-width:672px){

}

/*Close Display 7 inch*/

/*Open Display 6.5 inch*/

@media(max-width:624px){



}

/*Close Display 6.5 inch*/

/*Open Display 6 inch*/

@media(max-width:576px){

.judul h1{
	font-size: 24px;
}

.box-slogan h1{
	font-size: 24px;
}

.news-des2 p{
	font-size: 13px;
}

}

/*Close Display 6 inch*/

/*Open Display 5.5 inch*/

@media(max-width:528px){

}

/*Close Display 5.5 inch*/

/*Open Display 5 inch*/

@media(max-width:480px){

}

/*Close Display 5 inch*/

/*Open Display 430px*/

@media(max-width:430px){

}

/*Close Display 430px*/