/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.text-justify {
	text-align: justify;
}

a.menustatis {
	font-size: 0.85rem;
	text-decoration: none !important;
	color: #fff;
}

a.menustatis:hover {
	font-size: 0.85rem;
	color: #d4af36; 
}

.contactaddress {
	font-size: 0.85rem;
}

.emphasis-title h1 {
	margin: 100px 0px;
	font-size: 48px;
	letter-spacing: 1px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

.fontroboto {
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
}

#socmedpanel {
	display: block;
	z-index: 599;
	position: fixed;
	width: 35px;
	height: auto;
	background-color: rgba(255,255,255,0.0);
	text-align: center;
	color: #FFF;
	top: auto;
	left: 30px;
	right: auto;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}

#pageindicator {
	display: block;
	z-index: 599;
	position: fixed;
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,0.0);
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: auto;
	bottom: 10px;
	cursor: pointer;
	border-radius: 2px;
}

.jarakatas {
	/*
	margin: 0px 0px 0px 0px;
	border: thin solid #c00000;
	*/
}

.statisbawah {
	display: block;
	z-index: 599;
	position: fixed;
	width: 100%;
	height: auto;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: auto;
	bottom: 10px;
}

p.aboutus {
	font-size: 1.1rem;
	line-height: 1.4rem;
}

h1.titlepage {
	font-size: 4.1rem;
	line-height: 4.3rem;
}

.subtitlepage {
	font-size: 2.5rem;
	line-height: 2.7rem;
	margin: 3.0rem 0;
}

.gariskanan {
	border-right: thin solid #fff;
}

.fw-x700 {
	font-weight: 700;
}

.contact-bground {
	background-color: #333;
}

.bulletin-overlay-trigger-icon {
	padding: 10px 10px;
	border-radius: 5px;
	background-color: #333;
	color: #fff;
}

.contact-boxing {
	padding: 50px 10px;
	border-radius: 5px;
	background-color: #333;
	color: #fff;
	text-align: center;
}

.garisoutline {
	border: thin solid #ffcc00;
}

.alignicon {
	line-height: 42px;
}

@media (max-width: 699.98px) {

	.imagebanner {
		max-width: 350px;
		min-width: 300px;
	}

}

@media (min-width: 300px) {

	.imagebanner {
		max-width: 350px;
		min-width: 300px;
	}
	
}

@media (min-width: 700px) {

	.imagebanner {
		max-width: 500px;
		min-width: 450px;
	}
	
}