/* here you can put your own css to customize and override the theme */

@font-face {
    font-family: 'BebasNeue';
    src: url('https://cdn.projects.co.id/assets/fonts/BebasNeue.otf');
}


.slide_title {
   font: 300 52px BebasNeue, "Open Sans", sans-serif;
   color: white;
   line-height: 0px;
}

.slide_subtitle {
   font: 400 18px Calibri, "Open Sans", sans-serif;
   color: #96d5d0;
   background: none;
   padding: 0px;
}

.slide_desc {
   font: 'Calibri';
   color: #96d5d0;
   background: none;
}

.white-link {
   color: #96d5d0 !important;
}

.white-link:hover {
   color: white !important;
}

.site-logo {
	padding-top: 8px;
	padding-bottom: 5px;
}

.header-navigation > ul > li > a {
	padding: 15px 12px 18px;
}

.header .mobi-toggler {
	margin: 8px 0 0 30px;
}

.maintitle {
	font-size: 27px;
}

.online {
	color: #35aa47;
	font-size: 14px !important;
}

.offline {
	color: #ccc;
	font-size: 14px !important;
}

.sidebar-menu li:hover, .sidebar-menu li:hover a {
	background-color: #E6400C !important;
	color: white;
}

.sidebar-menu li a:hover, .sidebar-menu li.active a:hover {
	color: white;
}

.sidebar-submenu {
	margin-bottom: 10px;
	margin-left: 7px;
	font-size: 12px;
	background-color: #fdfdfd;
}

.sidebar-submenu li {
	padding: 2px;
}

.sidebar-submenu li:hover, .sidebar-submenu li:hover a {
	background-color: white !important;
	color: #E02222;
}

.sidebar-submenu li a:hover, .sidebar-submenu li.active a:hover {
	color: #E02222;
}

#toc {
	margin-left: 0px;
}

#toc ul li a {
	padding: 2px;
}

.content-page .form-body {
	padding: 0px;
}

.nav-tabs > li.active > a:hover {
	background-color: #E6400C !important;
}

.nav-tabs > li > a:hover {
	background-color: #CECECE !important;
}

.pre-footer {
	background-color: #0A0B0C;
}

.pre-footer a {
	color: #C2C1C1;
}

.pre-footer a:hover {
	text-decoration: underline;
	color: #E6400C;
}

.footer a:hover {
	text-decoration: underline;
	color: yellow;
}

.service-box h2 {
	font-size: 16pt;
	color: #E02222;
	border-bottom: solid 1px #ddd;
}

.blog-teaser {
	font-size: 12pt;
}

.blog-content {
	font-size: 12pt;
}

#promote, #bookmark {
	float: right;
	margin-right: 10px;
}

#promote .btn, #bookmark .btn {
	color: #868c93;	
}

.promo-title {
	color: #E02222;
    border-bottom: 1px solid #ddd !important;
    margin: 30px 0px;
}

.promo-box {
	width: 100%;
	font-size: 12pt;
}

.blog-content a, .blog-content a:hover, .blog-content a:link, .blog-content a:visited {
	color: blue;
}