.article-header-wrap .article-share-on {
    position: absolute;
    top: 160px;
    left: -160px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    right: initial;    }

/* View Article */
#sp-left .sp-module:first-child, #sp-right .sp-module:first-child, .article-body-right .sp-module:first-child {
    padding-top: 0px; }
    
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title, .article-body-right .sp-module .sp-module-title {
    font-size: 28px;}
    
/*.transparent-header #sp-header .active a {color: .transparent-header4a .sp-page-title .sp-page-title-heading {color: #953f4f;}
#953f4f}
.transparent-header #sp-header a:hover {color: .transparent-header4a .sp-page-title .sp-page-title-heading {color: #953f4f;}
#953f4f}
.transparent-header #sp-header a {color: white}
#sp-header.header-sticky a {color: black}
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: black}*/

/* search box result */
select.inputbox:not([multiple]), select:not([multiple]) {height: 2.75rem}

.article-body-right .sp-module ul > li {
    display: list-item;
    list-style: disc;
    padding-left: .5em}
.article-body-right .sp-module {
background-color: #f9f9f9;
    margin: 20px 0}

/* Heading + Breadcrumbs */

.breadcrumb-white .breadcrumb-item.active {color: inherit}
.breadcrumb-white .breadcrumb-item +.breadcrumb-item:before {color: inherit}
.breadcrumb-white .breadcrumb {background-color: transparent}
.breadcrumb-white .breadcrumb {margin-bottom: 0}
.breadcrumb-white .breadcrumb {padding: 0.5rem 0rem}

.breadcrumb-black .breadcrumb-item.active {color: inherit}
.breadcrumb-black .breadcrumb-item +.breadcrumb-item:before {color: inherit}
.breadcrumb-black .breadcrumb {background-color: transparent}
.breadcrumb-black .breadcrumb {margin-bottom: 0}
.breadcrumb-black .breadcrumb {padding: 0.5rem 0rem}

.transparent-header .sp-page-title .sp-page-title-heading {color: white;}
.transparent-header .sp-page-title {padding: 135px 0 40px;}
.transparent-header .sp-page-title .breadcrumb a:hover {color: #953f4f;}

.transparent-header1 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header1 .sp-page-title .sp-page-title-heading {color: #953f4f;}
.transparent-header1 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header1 .sp-page-title .breadcrumb > li, .transparent-header1 .sp-page-title .breadcrumb > li + li:before, .transparent-header1 .sp-page-title .breadcrumb > li > a, .transparent-header1 .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header1 .sp-page-title .breadcrumb a:hover {color: #953f4f;}
.transparent-header1 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header1a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header1a .sp-page-title .sp-page-title-heading {color: #953f4f;}
.transparent-header1a .sp-page-title {padding: 135px 0 40px;}
.transparent-header1a .sp-page-title .breadcrumb > li, .transparent-header1a .sp-page-title .breadcrumb > li + li:before, .transparent-header1a .sp-page-title .breadcrumb > li > a, .transparent-header1a .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header1a .sp-page-title .breadcrumb a:hover {color: #953f4f;}
.transparent-header1a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header2 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header2 .sp-page-title .sp-page-title-heading {color: white}
.transparent-header2 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header2 .sp-page-title .breadcrumb > li, .transparent-header2 .sp-page-title .breadcrumb > li + li:before, .transparent-header2 .sp-page-title .breadcrumb > li > a, .transparent-header2 .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header2 .sp-page-title .breadcrumb a:hover {color: #953f4f;}
.transparent-header2 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header2a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header2a .sp-page-title .sp-page-title-heading {color: white}
.transparent-header2a .sp-page-title {padding: 135px 0 40px;}
.transparent-header2a .sp-page-title .breadcrumb > li, .transparent-header2a .sp-page-title .breadcrumb > li + li:before, .transparent-header2a .sp-page-title .breadcrumb > li > a, .transparent-header2a .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header2a .sp-page-title .breadcrumb a:hover {color: #953f4f;}
.transparent-header2a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header3 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header3 .sp-page-title .sp-page-title-heading {color: white}
.transparent-header3 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header3 .sp-page-title .breadcrumb > li, .transparent-header3 .sp-page-title .breadcrumb > li + li:before, .transparent-header3 .sp-page-title .breadcrumb > li > a, .transparent-header3 .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header3 .sp-page-title .breadcrumb a:hover {color: #953f4f;}
.transparent-header3 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header3a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header3a .sp-page-title .sp-page-title-heading {color: white;}
.transparent-header3a .sp-page-title {padding: 135px 0 40px;}
.transparent-header3a .sp-page-title .breadcrumb > li, .transparent-header3a .sp-page-title .breadcrumb > li + li:before, .transparent-header3a .sp-page-title .breadcrumb > li > a, .transparent-header3a .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header3a .sp-page-title .breadcrumb a:hover {color: #953f4f;}
.transparent-header3a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header4 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header4 .sp-page-title .sp-page-title-heading {color: #953f4f;}
.transparent-header4 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header4 .sp-page-title .breadcrumb > li, .transparent-header4 .sp-page-title .breadcrumb > li + li:before, .transparent-header4 .sp-page-title .breadcrumb > li > a, .transparent-header4 .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header4 .sp-page-title .breadcrumb a:hover {color: #953f4f;}
.transparent-header4 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header4a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header4a .sp-page-title .sp-page-title-heading {color: #953f4f;}
.transparent-header4a .sp-page-title {padding: 135px 0 40px;}
.transparent-header4a .sp-page-title .breadcrumb > li, .transparent-header4a .sp-page-title .breadcrumb > li + li:before, .transparent-header4a .sp-page-title .breadcrumb > li > a, .transparent-header4a .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header4a .sp-page-title .breadcrumb a:hover {color: #953f4f;}
.transparent-header4a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header5 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header5 .sp-page-title .sp-page-title-heading {color: inherit;}
.transparent-header5 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header5 .sp-page-title .breadcrumb > li, .transparent-header5 .sp-page-title .breadcrumb > li + li:before, .transparent-header5 .sp-page-title .breadcrumb > li > a, .transparent-header5 .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header5 .sp-page-title .breadcrumb a:hover {color: .transparent-header4a .sp-page-title .sp-page-title-heading {color: #953f4f;}
#953f4f;}
.transparent-header5 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header5a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header5a .sp-page-title .sp-page-title-heading {color: inherit;}
.transparent-header5a .sp-page-title {padding: 135px 0 40px;}
.transparent-header5a .sp-page-title .breadcrumb > li, .transparent-header5a .sp-page-title .breadcrumb > li + li:before, .transparent-header5a .sp-page-title .breadcrumb > li > a, .transparent-header5a .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header5a .sp-page-title .breadcrumb a:hover {color: .transparent-header4a .sp-page-title .sp-page-title-heading {color: #953f4f;}
#953f4f;}
.transparent-header5a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

/* Susun tel, email & social icons */

.sp-contact-info {float: right;}

.sp-contact-info-2 {
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}
.sp-contact-info-2 li {
  display: inline-block;
  margin: 0 10px;
  white-space: nowrap;
}
.sp-contact-info-2 li i {
  margin: 0 3px;
}

.sp-contact-info-3 {
  list-style: none;  padding: 0;
  margin: 0 -10px; font-size: 11.6px
}
.sp-contact-info-3 li {
  display: inline-block;
  margin: 0 10px;
  white-space: nowrap;
}
.sp-contact-info-3 li i {
  margin: 0 3px;
}

/*  Tinggi Top Bar */
#sp-top-bar .sp-module {
    margin: 0 0 -16px 1.25rem;}

/* Font Menu Footer */
#sp-bottom {
    font-size: 13px;}
#sp-bottom .sp-module .sp-module-content {
    color: rgba(235, 235, 235, .6);}
#sp-bottom .sp-module .sp-module-title {
    font-weight: 600;
    font-size: 14px;}
#sp-bottom .sp-module ul > li > a {
    font-size: 13px;}
#sp-bottom .sp-module ul > li > a:hover { color: white;}

#sp-top-bar {height: auto; font-weight: 500;}

#sp-header {top: auto;}

.transparent-header #sp-header:not(.header-sticky) {
    background-color:  rgba(247, 247, 247, 0.7); position: absolute; }
    
#sp-header.header-sticky {
top:-22px; height: 80px; transition: all 0.5s ease-in-out;}

.header-sticky div div .logo {width: 80%}

#sp-header .sp-megamenu-parent > li > a:before {display:none;}

.sp-megamenu-parent > li > a {
    color: #202020;
    text-transform: uppercase;
}

.sp-megamenu-parent > li.active > a {
    font-weight: 600 }

#sp-header .sp-megamenu-parent > li > a {
    padding: 0 0px;
    margin: 0 15px;
}

#sp-header .sp-small-desktop .sp-megamenu-parent > li > a {
    font-size: 13px;
    font-weight: 600;
    margin: 0 13px;
}

 .menu-center-2 {
   float: left;
 }

#sp-bottom .sp-module ul > li > a {
    font-weight: 300;
    color: rgba(245, 245, 245, .6);
}

#sp-footer a, #sp-bottom a {
    color: rgba(219, 219, 219, 0.5);
}