/*top*/

section#sp-top { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; }

.logo { height: 100px; display: table-cell; vertical-align: middle; }

.logo img { max-height: 90px !important; }

.header-wrapper { top: 100px; }

.sp-megamenu-parent { float: left; }

#sp-header .container-inner { background: rgba(6, 20, 69, 0.9); }

header#sp-header, #sp-header.header-sticky { -webkit-transition: all 0.8s ease-in; transition: all 0.8s ease-in; }

.top-search input#mod-search-searchword { border-radius: 0px; padding: 10px 15px; font-size: 14px; }

.search.top-search form { height: 100px; display: flex; align-items: center; float: right; width: 100%; max-width: 300px; }

.sp-medico-login.sp-mod-login, #sp-position1 .btn-account { text-align: right; line-height: 60px; }

a.btn-login { color: #fff; }

a.btn-login:hover { opacity: 0.7; }

a.dropdown-toggle { color: #fff; }

a.dropdown-toggle:hover { opacity: 0.7; }

#sp-position1 .btn-account li { line-height: 1; }

#sp-position1 .btn-account li a { padding: 10px 20px; display: block; }

#sp-position1 .btn-account li a:hover { background-color: #2d3f74; color: #fff; }

#sp-position1 .sp-medico-login i.fa.fa-user:before { top: 0; height: 60px; background-repeat: no-repeat; }

#sp-position1 i.fa.fa-user:before {content: " ";background-image: url(/images/1_Koperasi/logo/icn-user.png);width: 16px;height: 60px;background-size: contain;background-position: center;background-attachment: scroll;position: absolute;margin-left: -23px;top: 0;background-repeat: no-repeat;filter: brightness(0%) invert(1);}

#sp-position1 div#id-user a.dropdown-toggle i { font-family: 'Heebo', sans-serif; font-weight: 300; }

.btn-account ul.cls-dropdown-menu.dropdown-menu.show { border-radius: 0px; border: 0px solid; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); }

.sp-page-title h2, .sp-page-title h3 { text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5); }

.sp-page-title { margin-bottom: unset; }

@media (max-width: 1003px){
  
.sp-megamenu-parent {display: none !important; }
  
#offcanvas-toggler {display: block !important;position: absolute;right: 0;}

div#sp-menu { position: absolute !important; right: 20px; }

.sp-medico-login.sp-mod-login, #sp-position1 .btn-account {text-align: left;}

#sp-position1 .btn-account a { padding-left: 20px; }
  
}

@media (max-width: 768px){
.sp-page-title > .container { padding: 200px 15px 50px; }
}

/*end of top*/

/*offcanvas*/

.offcanvas-menu .offcanvas-inner .menu > li.active > a, .offcanvas-menu .offcanvas-inner .menu > li > a:hover, .offcanvas-menu .offcanvas-inner .menu > li > a:focus { color: #2d3f74 !important;  }

.offcanvas-menu .offcanvas-inner .menu > li > a { font-weight: 400; }

.offcanvas-menu .offcanvas-inner .menu > li > a:after {content:" ";width: 0px;height: 3px;position: absolute;background-color: #2d3f74;margin-top: 10px;margin-left: 6px;-webkit-transition: all 400ms ease;transition: all 400ms ease;}

.offcanvas-menu .offcanvas-inner .menu > li:hover > a:after, .offcanvas-menu .offcanvas-inner .menu > li:focus > a:after, .offcanvas-menu .offcanvas-inner .menu > li.active > a:after {content:" ";width: 20px;height: 3px;position: absolute;background-color: #2d3f74;margin-top: 10px;margin-left: 6px;-webkit-transition: all 400ms ease;transition: all 400ms ease;}

/*end of offcanvas*/

/*body*/

body { letter-spacing: 0.5px; }

.custom-list ul { font-weight: 300; }

.custom-list ul > li:before { background: #a5aabc; }

.com-sppagebuilder #sp-main-body { background-color: #fff; }

#sp-main-body { background-color: #f9f9f9; }

#sp-left .sp-module { padding: 20px 15px; margin-bottom: 30px; }

.dashboard-option .sppb-addon-feature .sppb-icon-container { transition: 0.5s; }

.dashboard-option .sppb-addon-feature:hover .sppb-icon-container { color: #000 !important; }

.dashboard-option .sppb-addon-feature:hover h3 a { color: #000 !important; }

/*end of body*/

/*title style*/

.title-style-001 .sppb-addon-title:before { content: " "; width: 50px; height: 3px; position: absolute; background-color: #a5aabc; margin-top: -18px; left: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }

.title-style-001:hover .sppb-addon-title:before { width: 100px; background-color: #061445; }

.title-style-002 .sppb-addon-title:before {content: " ";width: 50px;height: 3px;position: absolute;background-color: #a5aabc;margin-top: -18px;-webkit-transition: all 400ms ease;transition: all 400ms ease;}

.title-style-002:hover .sppb-addon-title:before { background-color: #ffffff; width: 100px; }

/*end of title style*/

/*cta sec*/

.cta-txt-001 .sppb-addon-content { font-weight: 300; }

.cta-txt-001 .sppb-addon-content a { color: #fff; font-style: italic; text-decoration: underline; }

.cta-txt-001 .sppb-addon-content a:hover { color: #a5aabc; }

.cta-txt-002 .sppb-addon-title, .cta-txt-002 { color: #fff; font-weight: 300; }

.contact-section .container-inner { padding-top: 50px; padding-bottom: 50px; }

/*end of cta sec*/

/*footer*/

#sp-bottom .sp-module ul > li { display: inline-block; margin-right: 10px; }

#sp-bottom .sp-module ul > li > a:before { content: ">"; margin-right: 5px; }

#sp-bottom .sp-module ul > li > a { color: #061445; font-weight: 500; }

#sp-bottom .container-inner, #sp-bottom .container-inner:before, #sp-bottom .container-inner:after { background-color: #fff!important; color: #000!important; }

#sp-footer, #sp-footer .container-inner, #sp-footer .container-inner:before, #sp-footer .container-inner:after { background-color: #061445!important; color: #fff!important; }

#sp-footer a, #sp-bottom a { color: #000; }

#sp-bottom a:hover, #sp-bottom a:focus { color: #000; }

#sp-bottom1 .sppb-row-overlay { display: none; }

#sp-bottom2 img.sppb-img-responsive { max-height: 130px; }


/*end of footer*/