.sub-menu-about {
	padding-top: 73px;
}

.sub-menu-about .container {
	padding-top: 1em;
	padding-bottom: 1em;
}

.sub-menu-about h2 {
	font-size: 1.3em;
	font-weight: bold;
}

.sub-menu-about .btn-submenu {
	background-color: transparent;
	color: #333333;
	text-decoration: none;
	padding: 7px 15px;
	font-size: 0.95em;
}

.sub-menu-about .btn-submenu.active {
	background-color: #1D609E;
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 15px;
	font-size: 0.95em;
}

.sub-menu-about .btn-submenu:hover,
.sub-menu-about .btn-submenu:focus,
.sub-menu-about .btn-submenu:active {
	background-color: #00385E;
	color: #FFFFFF;
}

.banner-hero {
	width: 100%;
	height: 100vh;
	min-height: 900px;
	background: url('../imgs/about/banner-hero-1.png') top left;
	background-size: cover;
}

.banner-hero .content-hero {
	width: 100%;
}

.banner-hero .content-hero h1 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.4;
}

.content-description {
	width: 100%;
	max-width: 800px;
}

.bg-whocompany {
	background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('../imgs/logo-text-buana-color.png') no-repeat center;
	background-size: 100% auto;
}

.bg-visimisi {
	width: 100%;
	background: url('../imgs/about/banner-hero-2.png') top center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.bg-solusi {
	width: 100%;
	background: url('../imgs/about/banner-hero-3.png') center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.solusi-descrption h5 {
	color: #1D609E;
	font-weight: 600;
}

.bg-hubungikami {
	width: 100%;
	background: url('../imgs/about/banner-hero-4.png') top center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-pageriding {
	background: linear-gradient(180deg, rgba(233,245,255,1) 0%, rgba(233,245,255,1) 35%, rgba(251,246,242,0) 100%);
}

.bg-pageriding .breadcrumb a {
	text-decoration: none;
	color: inherit;
	color: #0E92E4;
}

.page-bookriding {
	width: 100%;
	background-color: #FFFFFF;
}

.banner-hero-buanavalue {
	width: 100%;
	height: 100vh;
	min-height: 530px;
	max-height: 530px;
	background: url('../imgs/about/banner-hero-5.png') top left;
	background-size: cover;
}

.cont-alamat {
	max-width: 380px;
}

@media (max-width: 991.98px) {
  /*-*/
}

@media (max-width: 767.98px) {
  .sub-menu-about .title-sub-menu-about {
    width: 100%;
  }
}