/* Show it is fixed to the top */
body {
  	/*min-height: 75rem;*/
  	padding-top: 7rem;
}
.scrollTop {
  	position: fixed;
  	right: 3%;
  	bottom: 20px;
  	background-color: #FFC70F;
  	opacity: 0;
    text-align: center;
  	transition: all 0.4s ease-in-out 0s;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
    z-index: 1;
}
.scrollTop a {
  	padding: 6px;
    height: 40px;
    width: 40px;
	cursor: pointer;
	display: inline-block;
}
.scrollTop .arrow-up {
	background: url('../frontend/arrow-top.png') no-repeat;
	width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
/*NAVBAR*/
nav.navbar {
	background-color: #fff;
	border-top: 7px solid #372682;
}
nav.navbar.fixed-top.scroll {
	border-top: none;
}
nav.navbar .container {
	padding: 0;
}
nav.navbar .dropdown-toggle::after {
	content: none;
}
nav.navbar span.fa {
    font-size: 10px;
    min-width: inherit;
    display: inline-block;
    vertical-align: middle;
    height: 15px;
}
nav.navbar .nav-link {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	color: #000;
}
nav.navbar .nav-link:hover, 
nav.navbar .nav-item.show .nav-link {
	color: #FFC70F;
}
nav.navbar .navbar-nav {
	margin-left: 20px;
}
nav.navbar .nav-item {
	margin-right: 15px;
}
nav.navbar .nav-item:last-child {
	margin-right: 0;
}
nav.navbar .dropdown-menu {
	border-radius: 0;
	background-color: #FFC70F;
	border: none;
	top: 70px;
}
nav.navbar .dropdown-menu .dropdown-item {
	color: #000;
}
nav.navbar .dropdown-menu .dropdown-item:focus, 
nav.navbar .dropdown-menu .dropdown-item:hover,
nav.navbar .dropdown-menu .dropdown-item.active, 
nav.navbar .dropdown-menu .dropdown-item:active {
	background-color: #F0BA00;
	color: #000;
}
nav.navbar .search-form {
	position: relative;
}
nav.navbar .search-form .form-control {
	border-color: #372682;
	border-width: 2px;
}
nav.navbar .search {
	position: absolute;
	right: 10px;
	background-color: #fff;
	color: #372682;
	border: none;
}

/*FOOTER*/
footer.footer {
	margin-top: 50px;
}
footer .container {
	padding: 50px 0 65px;
}
footer .footer-container {
	background-color: #372682;
}
footer .footer-container-bottom {
	background-color: #87D0F3;
}
footer .footer-container-bottom .container {
	font-size: 12px;
	padding: 10px 0;
	text-align: center;
}
footer .logo, footer .col-1, footer .col-2 {
	max-width: 13%;
}
footer .footer-col {
	position: relative;
}
footer .logo.footer-col img {
	position: absolute;
  	top: 50%;
	transform: translate(0%, -50%);
}
footer .list-unstyled {
	margin-bottom: 0;
}
footer .text-muted,
footer .cols-text {
	color: #fff !important;
}
footer .cols-text {
	margin-bottom: 5px;
}
footer .text-muted i.fa {
    margin-right: 10px;
    width: 14px;
    text-align: center;
}
footer .icon-map {
	display: inline-block;
	width: 16px;
	text-align: center;
	height: 20px;
	margin-right: 10px;
	background: url('../frontend/placeholder.png') no-repeat;
	vertical-align: middle;
}
footer .icon-tlp {
	display: inline-block;
	width: 16px;
	text-align: center;
	height: 18px;
	margin-right: 10px;
	background: url('../frontend/telephone.png') no-repeat;
	vertical-align: middle;
}
footer .icon-mail {
	display: inline-block;
	width: 16px;
	text-align: center;
	height: 15px;
	margin-right: 10px;
	background: url('../frontend/envelope.png') no-repeat;
	vertical-align: middle;
}
footer .footer-col:last-child {
	padding-right: 0;
}

/*HOMEPAGE*/
section.banner-content .banner-items {
	position: relative;
}
section.banner-content .banner-items .banner-desc {
    position: absolute;
    top: 30%;
    left: 7%;
    z-index: 10;
    color: #fff;
    padding: 20px 15px;
}
section.banner-content .banner-items .banner-desc h1 {
	font-size: 30px;
	margin-bottom: 25px;
}
section.banner-content .banner-items .banner-desc p {
	font-size: 14px;
}
section.banner-content .banner-items .banner-desc .btn {
	font-weight: 700;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    width: 220px;
    height: 50px;
    line-height: 30px;
    margin-top: 20px;
}
section.banner-content .owl-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
    margin-top: 0;
    display: block;
    text-align: center;
}
section.banner-content .owl-dot {
    border: 2px solid #fff;
    float: none;
    margin: 0 4px;
    display: inline-block;
    border-radius: 15px;
}
section.banner-content .owl-dot span {
    height: 10px;
    width: 10px;
    display: block;
    margin: 2px;
    border-radius: 100%;
    background: transparent;
}
section.banner-content .owl-dot.active span {
    background: #fff;
}
section.visimisi-content,
section.simulasi-content,
section.layanan-content,
section.news-content {
	margin: 50px auto 0;
}
section.visimisi-content .visimisi-col,
section.profile-content.visi-misi-content .visimisi-col {
	background-color: #372682;
	border-top: 7px solid #87D0F3;
}
section.visimisi-content > p{
	display: none;
}
section.visimisi-content .img-visimisi,
section.profile-content.visi-misi-content .img-visimisi {
	width: 100%;
}
section.visimisi-content .visimisi-desc,
section.profile-content.visi-misi-content .visimisi-desc {
    color: #fff;
    padding: 20px;
    position: absolute;
  	top: 50%;
	transform: translate(0%, -50%);
	font-size: 14px;
}
section.visimisi-content .visimisi-desc h5,
section.profile-content.visi-misi-content .visimisi-desc h5 {
	font-weight: 700;
	font-size: 25px;
}
section.profile-content.visi-misi-content .visimisi-col {
	margin-top: 30px;
}
section.visimisi-content .visimisi-desc p,
section.profile-content.visi-misi-content .visimisi-desc p {
	line-height: 28px;
}
section.visimisi-content .visimisi-desc ul,
section.profile-content.visi-misi-content .visimisi-desc ul {
	padding-left: 20px;
	line-height: 28px;
}
section.layanan-content .layanan-cols {
	margin: 0 auto 30px;
}
section.layanan-content .layanan-cols:last-child {
	margin-bottom: 0;
}
section.layanan-content .layanan-col .layanan-title {
	text-align: center;
}
section.layanan-content .layanan-col .layanan-title h2 {
	font-size: 38px;
	text-transform: uppercase;
	font-weight: 700;
}
section.layanan-content .layanan-col .layanan-title .title-desc {
	font-size: 14px;
}
section.layanan-content .layanan-col .layanan-title h2 span {
	font-weight: 300;
}
section.layanan-content .layanan-product {
	text-align: center;
}
section.layanan-content .layanan-product .img-layanan{
	margin: 0 auto 40px;
}
section.layanan-content .layanan-product .desc-content {
	width: 100%;
}
section.layanan-content .layanan-product .desc-content h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 0;
}
section.layanan-content .layanan-product .desc-content p {
	font-size: 14px;
}
section.layanan-content .layanan-product .btn {
    margin: 20px auto 0;
    width: 225px;
    height: 50px;
    line-height: 33px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}
section.news-content .news-cols {
	margin: 0 auto 30px;
}
section.news-content .news-col,
section.berita-content .page-main.container {
	padding: 0;
}
section.news-content .news-cols:last-child {
	margin-bottom: 0;
}
section.news-content .news-col .news-title {
	text-align: center;
}
section.news-content .news-col .news-title h2 {
	font-size: 38px;
	text-transform: uppercase;
	font-weight: 700;
}
section.news-content .news-col .news-title .title-desc {
	font-size: 14px;
}
section.news-content .news-col .news-title h2 span {
	font-weight: 300;
}
section.news-content figure,
section.berita-content figure {
	position: relative;
	min-height: 350px;
}
section.berita-content figure {
	margin-bottom: 50px;
}
section.news-content figure .figure-img,
section.berita-content figure .figure-img {
	width: 100%;
}
section.news-content figure figcaption.figure-caption,
section.berita-content figure figcaption.figure-caption {
    position: absolute;
    padding:12px;
    width: 85%;
    background-color: #fff;
    left: 50%;
    bottom: -10%;
    transform: translate(-50%, 0%);
    min-height: 180px;
    vertical-align: top;
}
section.news-content figure figcaption .news-col-title a,
section.berita-content figure figcaption .news-col-title a {
	font-weight: 700;
	font-size: 20px;
	color: #000;
    line-height: 20px;
}
section.news-content figure figcaption .news-col-desc,
section.berita-content figure figcaption .news-col-desc {
	font-size: 13px;
	color: #000;
	margin-top: 8px;
}
section.news-content figure figcaption .news-col-readmore,
section.berita-content figure figcaption .news-col-readmore {
	margin-top: 10px;
	text-transform: uppercase;
}
section.news-content figure figcaption .news-col-readmore a,
section.berita-content figure figcaption .news-col-readmore a {
	color: #FFC70F;
	font-weight: 700;
	font-size: 13px;
}
section.news-content figure figcaption .news-col-readmore i,
section.berita-content figure figcaption .news-col-readmore i {
	margin-left: 5px;
}
section.news-content .morenews {
	text-align: center;
}
section.news-content .more-news {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	width: 225px;
    height: 50px;
    line-height: 33px;
}
section.berita-content .pagination {
	margin-top: 30px;
}
section.berita-content .pagination .page-link {
	border-radius: 50px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    background-color: #FFC70F;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
}
section.berita-content .pagination .page-item.active .page-link,
section.berita-content .pagination .page-link.active,
section.berita-content .pagination .page-link:hover {
	background-color: #372682;
	color: #fff;
}
section.berita-content .pagination .page-item[aria-label*="Previous"] .page-link,
section.berita-content .pagination .page-item[aria-label*="Next"] .page-link,
section.berita-content .pagination .page-item .page-link[aria-label*="Previous"],
section.berita-content .pagination .page-item .page-link[aria-label*="Next"],
section.berita-content .pagination .page-item.prev .page-link,
section.berita-content .pagination .page-item.next .page-link {
	background-color: transparent !important;
	color: #000 !important;
	font-size: 0;
}
section.berita-content .pagination .page-item.disabled {
	opacity: 0.5;
}
section.berita-content .pagination .page-item[aria-label*="Previous"] .page-link:before,
section.berita-content .pagination .page-link[aria-label*="Previous"]:before {
    content: "\f177";
	font: normal normal normal 14px/1 FontAwesome;
	line-height: 30px;
}
section.berita-content .pagination .page-item[aria-label*="Next"] .page-link:before,
section.berita-content .pagination .page-link[aria-label*="Next"]:before  { 
	content: "\f178";
	font: normal normal normal 14px/1 FontAwesome;
	line-height: 30px;
}
section.simulasi-content .simulasi-cols,
section.simulasi-page-content .simulasi-cols {
	margin: 0 auto 30px;
}
section.simulasi-content .simulasi-cols:last-child,
section.simulasi-page-content .simulasi-cols:last-child {
	margin-bottom: 0;
	border-top: 7px solid #87D0F3;
	background-color: #372682;
}
section.simulasi-content .simulasi-col .simulasi-title,
section.simulasi-page-content .simulasi-title {
	text-align: center;
}
section.simulasi-content .simulasi-col .simulasi-title h2,
section.simulasi-page-content .simulasi-title h2 {
	font-size: 38px;
	text-transform: uppercase;
	font-weight: 700;
}
section.simulasi-content .simulasi-col .simulasi-title .title-desc,
section.simulasi-page-content .simulasi-title .title-desc {
	font-size: 14px;
    width: 60%;
    display: inline-block;
}
section.simulasi-content .simulasi-col .simulasi-title h2 span,
section.simulasi-page-content .simulasi-title h2 span {
	font-weight: 300;
}
section.simulasi-content .simulasi-cols-left,
section.simulasi-page-content .simulasi-cols-left {
    border-right: 2px solid #fff;
    padding: 0px 30px 30px;
    margin: 25px 0 30px;
}
section.simulasi-content .simulasi-cols-right,
section.simulasi-page-content .simulasi-cols-right {
    padding: 25px 30px;
}
section.simulasi-content .simulasi-cols-left h2,
section.simulasi-content .simulasi-cols-right h2,
section.simulasi-page-content .simulasi-cols-left h2,
section.simulasi-page-content .simulasi-cols-right h2 {
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 25px;
}
section.simulasi-content .form-left-simulasi label,
section.simulasi-content .form-right-simulasi label,
section.simulasi-page-content .form-left-simulasi label,
section.simulasi-page-content .form-right-simulasi label {
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	margin-bottom: 5px;
}
section.simulasi-content .form-left-simulasi small,
section.simulasi-content .form-right-simulasi small,
section.simulasi-page-content .form-left-simulasi small,
section.simulasi-page-content .form-right-simulasi small {
	color: #fff !important;
	font-size: 12px;
}
section.simulasi-content .form-left-simulasi .form-row,
section.simulasi-page-content .form-left-simulasi .form-row {
    width: 96.5%;
    margin-left: 10px;
}
section.simulasi-content .form-left-simulasi .form-control,
section.simulasi-content .form-right-simulasi .form-control,
section.simulasi-page-content .form-left-simulasi .form-control,
section.simulasi-page-content .form-right-simulasi .form-control {
	height: 48px;
    border: none;
}
section.simulasi-content .form-left-simulasi select.form-control,
section.simulasi-page-content .form-left-simulasi select.form-control {
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
section.simulasi-content .form-left-simulasi .form-group.select,
section.simulasi-page-content .form-left-simulasi .form-group.select {
	position: relative;
}
section.simulasi-content .select-arrow,
section.simulasi-page-content .select-arrow {
	font-size: 12px;
	position: absolute;
	bottom: 18px;
	right: 30px;
}
section.simulasi-content .form-control:disabled, 
section.simulasi-content .form-control[readonly],
section.simulasi-page-content .form-control:disabled, 
section.simulasi-page-content .form-control[readonly] {
	background-color: #fff;
}
section.simulasi-content #tgl-lahir,
section.simulasi-content #tgl-peserta,
section.simulasi-content #tgl-pensiun,
section.simulasi-page-content #tgl-lahir,
section.simulasi-page-content #tgl-peserta,
section.simulasi-page-content #tgl-pensiun {
    background: #fff url(../frontend/calendar.png) no-repeat scroll 138px 14px;
    padding-right: 30px;
}
section.simulasi-content .button-group {
	margin-top: 25px;
}
section.simulasi-content .button-group .btn,
section.simulasi-page-content .button-group .btn {
    width: 100%;
    height: 56px;
    font-size: 14px;
    font-weight: 700;
}
.page-title-wrapper {
	background-color: #372682;
	color: #fff;
	padding: 28px 0;
	margin-bottom: 30px;
}
.page-title-wrapper .page-title h2 {
	font-weight: 700;
	font-size: 38px;
	text-transform: uppercase;
}
.page-title-wrapper .page-title h2 span {
	font-weight: 300;
}
.page-title-wrapper .page-title h4 {
	font-size: 20px;
	display: block;
	margin-bottom: 0;
	font-weight: 400;
	display: inline-block;
	width: 100%;
}
section.contact-content .map-container {
	margin-bottom: 50px;
}
section.contact-content .map-container iframe {
	width: 100%;
	min-height: 338px;
}
section.contact-content .desc-main {
	text-align: center;
	font-size: 14px;
	margin: 0 auto;
}
section.contact-content .contact-form-container {
	margin-top: 30px;
}
section.contact-content .form-contact {
	background-color: #FFC70F;
	padding: 30px 15px;
}
section.contact-content .form-contact h2,
section.contact-content .form-contact span {
	padding: 0 15px;
}
section.contact-content .form-contact h2 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 20px;
}
section.contact-content .form-contact span {
	font-size: 14px;
}
section.contact-content .form-contact-col {
	margin-top: 30px;
}
section.contact-content .form-contact-col label {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
}
section.contact-content .form-contact-col .form-control {
	height: 36px;
    border: none;
}
section.contact-content .form-contact-col textarea.form-control {
	height: 108px;
}
section.contact-content .form-contact-col .btn {
    margin: 25px auto 0;
    width: 225px;
    height: 50px;
    line-height: 33px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}
section.contact-content .form-desc {
	background-color: #372682;
	color: #fff;
	padding: 30px 15px;
}
section.contact-content .form-desc h2 {
	padding: 0 15px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
	font-size: 20px;
}
section.contact-content .address,
section.contact-content .tlp,
section.contact-content .time,
section.contact-content .mail {
	margin-bottom: 35px;
	padding: 0 15px;
}
section.contact-content .address span,
section.contact-content .time span {
	font-weight: 700;
	display: block;
}
section.contact-content .desc-contact {
	width: 85%;
	display: inline-block;
	vertical-align: middle;
}
section.contact-content .form-desc .map-icon {
	display: inline-block;
	width: 28px;
	text-align: center;
	height: 35px;
	margin-right: 10px;
	background: url('../frontend/pin.png') no-repeat;
	vertical-align: top;
}
section.contact-content .form-desc .tlp-icon {
	display: inline-block;
	width: 28px;
	text-align: center;
	height: 28px;
	margin-right: 10px;
	background: url('../frontend/call.png') no-repeat;
	vertical-align: middle;
}
section.contact-content .form-desc .mail-icon {
	display: inline-block;
	width: 28px;
	text-align: center;
	height: 19px;
	margin-right: 10px;
	background: url('../frontend/mail.png') no-repeat;
	vertical-align: middle;
}
section.contact-content .form-desc .time-icon {
	display: inline-block;
	width: 28px;
	text-align: center;
	height: 28px;
	margin-right: 10px;
	background: url('../frontend/jam.png') no-repeat;
	vertical-align: top;
}
section.profile-content p,
section.berita-content p {
	font-size: 14px;
	width: 100%;
}
section.profile-content h2,
section.berita-content h2 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	width: 100%;
}
section.profile-content .img-profile,
section.berita-content .img-profile {
	width: 100%;
	margin-bottom: 30px;
}
section.profile-content.struktur-content .pengurus-col {
	margin: 30px 0;
	padding: 25px 0 10px;
	border-top: 1px solid #6F6F6F;
	border-bottom: 1px solid #6F6F6F;
}
section.profile-content.struktur-content .pengurus-col .figure-img {
	margin-right: 15px;
	margin-bottom: 0;
}
section.profile-content.struktur-content .pengurus-col .figure-caption {
    display: inline-block;
    vertical-align: middle;
	color: #000;
}
section.profile-content.struktur-content .pengurus-col .figure-caption h5 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
}
section.profile-content.struktur-content .manajer-col {
	padding: 0;
}
section.profile-content.struktur-content .manajer-col .table th,
section.profile-content.struktur-content .manajer-col .table td {
	padding: 5px;
	border-top: none;
	font-size: 15px;
}
section.profile-content.struktur-content .manajer-col .table th {
	font-weight: 400;
	padding-left: 0;
}
section.berita-content.detail .container {
	padding: 0 15px;
}
section.berita-content .date {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}
section.berita-content .date-icon {
	background: #fff url(../frontend/calendar.png) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}
section.berita-content .date span {
	vertical-align: middle;
	margin-left: 5px;
}
section.berita-content .share-news {
	margin-top: 30px;
}
section.berita-content .share-news .pagination {
	margin-top: 10px;
}
section.berita-content .share-news ul li:first-child a {
	margin-left: 0;
}
#rumus2,
small.rumus {
	display: none;
}
section.service-content.peserta-content .page-main h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}
section.service-content.peserta-content .table-peserta .top-table,
section.service-content.peserta-content .table-peserta .footer-table {
	background-color: #372682;
	color: #fff;
	padding: 10px 20px;
	font-weight: 700;
	text-transform: uppercase;
}
section.service-content.peserta-content .table-peserta .main-table .left {
	background-color: #E6F5FC;
	padding: 20px;
	font-size: 16px;
}
section.service-content.peserta-content .table-peserta .main-table .middle {
	background-color: #BCE0F2;
}
section.service-content.peserta-content .table-peserta .main-table .right {
	background-color: #87D0F3;
	padding: 20px;
}
section.service-content.peserta-content .table-peserta .main-table .left > div,
section.service-content.peserta-content .table-peserta .main-table .right > div {
	padding: 5px 0;
}
section.service-content.peserta-content .table-peserta .bold-text {
	font-weight: 700;
}
section.service-content.peserta-content .table-peserta ul {
	margin-bottom: 0;
}
section.service-content.peserta-content .table-peserta .main-table .right ul {
	list-style: none;
}
section.service-content.peserta-content .table-peserta ul li {
	padding: 5px 0;
}
section.service-content.peserta-content .table-peserta .left {
	text-align: left;
}
section.service-content.peserta-content .table-peserta .right {
	text-align: right;
}
section.service-content.peserta-content .syarat-klaim-content {
	margin-top: 50px;
}
section.service-content.peserta-content .syarat-klaim-content .card {
	width: 100%;
	border-radius: 0;
	border: none;
}
section.service-content.peserta-content .syarat-klaim-content .card-header {
	background-color: #372682;
	border-radius: 0 !important;
	padding: 12px 20px;
	border-bottom: 2px solid #fff;
}
section.service-content.peserta-content .syarat-klaim-content .btn {
	padding: 0;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	width: 100%;
    text-align: left;
}
section.service-content.peserta-content .syarat-klaim-content .btn:after {
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
	content: "\f077";
	margin-top: 5px;
}
section.service-content.peserta-content .syarat-klaim-content .btn.collapsed:after {
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
	margin-top: 5px;
	content: "\f078";
}
section.service-content.peserta-content .syarat-klaim-content .collapse {
	background-color: #E6F5FC;
}
section.service-content.peserta-content .syarat-klaim-content .card-body .content {
	padding: 0 10px 20px;
}
section.service-content.peserta-content .syarat-klaim-content .card-body .btn-download {
	margin: 20px 10px;
	display: inline-block;
}
.laporan-cols .card {
	border: none;
	text-align: center;
}
.laporan-cols .card-title {
	font-weight: 700;
	font-size: 20px;
}
.laporan-cols .card-text {
	font-size: 13px;
}
.laporan-cols .btn {
    margin: 20px auto 0;
    width: 225px;
    height: 50px;
    line-height: 33px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}
.card-img-top {
	border-radius: 3px; 
}