/**********************START AKMAL**********************/
/*
.sp-megamenu-parent > li:nth-child(3) {
    margin-right: 20px;
}
.sp-megamenu-parent > li:nth-child(4) {
    margin-left: 90px;
}
*/
.sppb-addon.sppb-addon-module.request-form h3 {
    text-align: center;
    display: block;
}
.sppb-addon.sppb-addon-single-image.image-sun::before {
    background: url(https://www.bssparking.com/images/sun.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    top: -6px;
    left: -21px;
    width: 39px;
    height: 39px;
    position: absolute;
    z-index: -1;
}

.sppb-addon.sppb-addon-single-image.image-sun {
    position: relative;
}
.prodcolumn {
    background: #f5f5f5;
    border-radius: 15px;
  	padding-bottom:15px;
}
.testimoni p.sppb-title-subheading {
    font-weight: 600;
  	line-height:38px;
}
#sppb-addon-1699991480127 #btn-1699991480127.sppb-btn-custom:hover {
    background-color: #109140 !important;
}
#sppb-addon-1699991480124 #btn-1699991480124.sppb-btn-custom:hover {
    background-color: #0d438d !important;
    color: #fff !important;
    border-color: #0d438d !important;
}
.hidden{
    display:none !important;
    font-size:0 !important;
}
.produk_cta .sppb-addon.sppb-addon-cta.mycta {
    border-radius: 0 !important;
}
div#sppb-carousel1 {
    box-shadow: 10px 10px 0px white;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    overflow: hidden;
}
#sp-header {
    /*box-shadow: none;*/
}
.project_area .sppb-section-title {
    margin-bottom: 0 !important;
}
.project_area .bt-cs .bt-inner .bt-title {
    position: absolute;
    top: 180px;
    text-align: left !important;
    padding: 0 15px;
    font-weight: 500 !important;
    text-shadow: 1px 1px 4px black;
}
#our_services.services_ {
    padding: 50px 0;
    background: #0d438d;
}
.service_item h3.sppb-addon-title {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    padding-top: 25px;
}
.service_item img.sppb-img-responsive {
    padding: 15px;
    border-radius: 50px;
    border: 2px solid #fff;
    overflow: inherit;
}
.industry_item h3.sppb-addon-title {
    font-size: 18px;
    padding: 20px 0 0;
    font-weight: 400 !important;
}

#topindustry {
    padding-top: 100px;
}

.industry {
    padding-bottom: 75px;
}

#bottomindustry {
    padding-bottom: 100px;
}
.perum h3.sppb-addon-title {
    border-color: #cfcfcf;
    font-size: 18px;
    padding: 13px 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 0 10px 10px;
}
.news-3-column img.nspImage {
    border-radius: 16px;
    box-shadow: -8px -8px 0px rgb(13 67 141 / 75%);
}

.news-3-column .nspArt .nspInfo {
    padding-top: 10px;
    font-size:14px;
    color:#9E9E9E;
}

.news-3-column .nspArt h4.nspHeader a {
    color: #000;
    font-family: 'Manrope';
    font-weight: 500;
}
.nspArts {
    padding: 10px 3px;
}
#k2Container.itemView {
    max-width: 900px;
    margin: 0 auto;
}

span.itemImage img, .itemView img {
    border-radius: 17px;
    max-width: 100%;
}
.sppb-addon.sppb-addon-cta.mycta {
    padding: 54px 40px;
    border-radius: 18px;
    background: url(https://www.bssparking.com/images/cta-bg.webp) no-repeat 0 0/cover !important;
/*    background: rgb(13,67,141);*/
/*background: linear-gradient(135deg, rgba(13,67,141,1) 28%, rgba(105,56,144,1) 74%, rgba(0,147,221,1) 100%);*/
    color: #fff;
}
.sppb-addon.sppb-addon-cta.bsscta {
    padding: 54px 40px;
    border-radius: 18px;
	background: rgb(13,67,141);
    color: #fff;
}

.sppb-addon-cta.mycta .sppb-cta-subtitle {
    font-size: 18px !important;
}

.mycta h2.sppb-cta-title {
    font-size: 32px;
    font-family: 'Manrope';
    font-weight: 700;
}
.newfooter h3.sppb-addon-title.sppb-feature-box-title.sppb-media-heading, .newfooter .sppb-addon-text {
    font-size: 13px !important;
    margin: 0;
}

.newfooter .sppb-icon .sppb-icon-container > i {
    font-size: 20px !important;
}
.newfooter .sppb-media>.pull-left {
    margin-right: 5px;
}
div#sppb-addon-1699245662016 {
    margin: 0 !important;
}
#sp-bottom .sp-module {
    margin-top: 0 !important;
}
.sp-page-title {
    padding: 130px 0;
    background-position: 50% 84%;
    /*background-image: url(https://www.bssparking.com/images/2018/01/23/covered-car-parking2.jpg) !important;*/
    background-image: url(https://www.bssparking.com/images/page-title.webp) !important;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sp-page-title h2 {
    font-size: 34px;
    line-height: 1;
    font-family: 'Manrope';
    font-weight: 700;
}
.sp-page-title h3 {
    font-family: 'Manrope';
    margin: 20px auto 0px;
    max-width: 620px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 200;
}
.section_static h2.sppb-addon-title {
    font-weight: 900 !important;
    font-size: 38px;
    margin: 0 0 20px;
    color: #14263e;
}

.section_static .sppb-addon-content {
    font-size: 17px;
    line-height: 30px;
}

.section_static .sppb-addon-text-block {
    padding: 0 45px;
}
.section_static .sppb-addon-single-image-container::before {
    position: absolute;
    content: "";
    width: 66px;
    height: 89px;
    top: -19px;
    background: url(https://bssparking.com/images/shield-g.png) no-repeat 0 0;
    right: -30px;
    z-index: 2;
    background-size: 66px;
}
.section_static .shl .sppb-addon-single-image-container::before {
    background: url(https://bssparking.com/images/shield-b.png) no-repeat 0 0;
    left: -30px;
    background-size: 66px;
    top: 22px;
}
.section_static .sppb-img-responsive {
    border-radius: 20px;
}
.section_static .nopseudo .sppb-addon-single-image-container::before {
    background: none !important;
}

.nopseudo .sppb-img-responsive {
    width: 105px;
    padding-left: 45px;
    border-radius: 0;
}
#topindustry.industry {
    position: relative;
}

#topindustry.industry::before {
    content: "";
    position: absolute;
    width: 108px;
    height: 144px;
    background: url(https://bssparking.com/images/shield-g.png) no-repeat 0 0;
    top: 14px;
    left: -43px;
    opacity: .3;
}
#sp-menu h3.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    font-size: 13px;
    line-height: 27px;
}
.sp-megamenu-parent .sp-mega-group {
    display: none;
}

.sp-megamenu-parent .sp-module {
    margin-top: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    padding-top: 10px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    border-radius: 20px;
}
.megaproduk p, .megaproduk p a, .megaproduk h3, .megaproduk h3 a{
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    line-height: 30px;
    color:#333;
    transition:0.3s all ease;
}
.megaproduk p a:hover, .megaproduk h3 a:hover {
    color: #0d438d;
    font-size: 102%;
}
.newportfolio div.catItemImageBlock {
    border-radius: 8px;
    padding: 0;
    margin: 0 10px;
    height: 185px;
}
.newportfolio div.catItemHeader {
    position: relative;
}

.newportfolio div.catItemHeader h3.catItemTitle {
    height: 54px;
    margin: 0 10px;
    text-align: center;
}

.newportfolio div.catItemHeader h3.catItemTitle a {
    color: #333;
    font-family: 'Manrope';
}
.blog-news #sp-main-body .container/*, .newportfolio #sp-main-body .container */{
    max-width: 900px;
    padding-right: 20px;
    padding-left: 20px;
}

.blog-news div.catItemImageBlock {
    height: auto !important;
    padding: 0 !important;
    border-radius: 20px;
    overflow: hidden;
}

.blog-news div.catItemImageBlock span.catItemImage {
    margin: 0;
}

.blog-news div.catItemHeader h3.catItemTitle a {
    color: #333;
}
.btn-info {
    color: #000;
    background-color: #083f8b;
    border-color: #11376c;
}
.btn-info:hover {
    color: #fff;
    background-color: #08316a;
    border-color: #05224a;
}
div.catItemHeader span.catItemDateCreated, div.itemHeader span.itemDateCreated {
    color: #666;
    font-size: 14px;
    font-weight: 300;
}
.creativecontactform_wrapper {
    border-radius: 20px;
}

.creativecontactform_header {
    padding: 35px !important;
}

.creativecontactform_form {
    padding: 0 20px !important;
}
/*.contact a::before {*/
/*    width: 115px;*/
/*    height: 31px;*/
/*    content: "";*/
/*    background: #0d438d;*/
/*    position: absolute;*/
/*    border-radius: 20px;*/
/*    top: 29px;*/
/*    left: 0px;*/
/*    z-index: -1;*/
/*    transition:0.3s all ease-out;*/
/*}*/
.contact a:hover::before {
    background: #3c9038;
}
.contact a {
    color: #fff !important;
}
.industry_item h3.sppb-addon-title a {
    color: #333;
    transition: 0.3s all ease;
}

.industry_item h3.sppb-addon-title a:hover {
    font-size: 102%;
}
.border-rd-20 {
    border: 1px solid #e0e0e0;
    padding: 20px;
    border-radius: 15px;
    border-top: 4px solid #0d438d;
}
div.itemToolbar {
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 4px;
}
.view-item #sp-main-body::before {
    background: url(https://bssparking.com/images/shield-gr.png) 5px 10px no-repeat;
    content: "";
    position: absolute;
    width: 112px;
    height: 153px;
    top: 64px;
    left: 179px;
    opacity: 0.5;
}

.view-item #sp-main-body {
    position: relative;
}
#sp-page-builder .services_ .sppb-section-title {
    margin-bottom: 20px;
    margin-top: -80px;
}
.services_ h3.sppb-title-heading {
    display: inline-block;
    margin: 0;
    padding: 13px 22px;
    background: #0d438d;
    color: #fff;
    border-radius: 7px;
    font-size: 27px !important;
    font-family: 'Manrope';
    letter-spacing: 0.5px;
    font-weight: 700;
    box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.3);
}
img.wp-image-189 {
    width: auto;
}
.service_item h3.sppb-addon-title a {
    color: #fff;
    transition: 0.3s all ease;
}

.service_item h3.sppb-addon-title a:hover {
    font-size: 19px;
}
.j2store-product-list .j2store-single-product h2.product-title {
    font-size: 19px;
    font-family: "Manrope";
    text-align: center;
    padding-top: 10px;
}

.j2store-product-list .j2store-single-product h2.product-title a {
    color: #333;
}

.j2store-product-list .j2store-single-product h2.product-title a:hover {
    color: #0d438d;
}

.produk .j2store-addtocart-form {
    display: none;
}

.j2store-thumbnail-image {
    overflow: hidden;
    transition: 0.3s all ease;
}
.j2store-thumbnail-image:hover, img.j2store-img-responsive:hover {
    box-shadow: 0 0 13px 1px rgba(0, 0, 0,0.3);
    border-radius: 12px;
}
.j2store-thumbnail-image img, img.j2store-img-responsive {
    transition: 0.3s all ease;
}
.j2store-thumbnail-image img:hover {
    opacity: 0.8;
    transform: scale(1.01);
}

.simple-product h1.product-title, .j2store-single-product.simple.detail.bs4 h1 {
    font-size: 32px;
    font-family: 'Manrope';
}
.additional-image-list li {
    list-style-type: none;
    display: inline-block;
}
#description table {
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    width: auto;
}

#description table tr td {
    border: 1px solid #e0e0e0;
    padding: 5px 15px;
}

.j2store-single-product .tab-content {
    padding: 15px 4px 0px;
}

.j2store-single-product.simple.detail.bs4 {}

ul.additional-image-list {
    padding: 0px 0px 20px;
}

.j2store-img-responsive {
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}
.j2store-products-row {
    margin-bottom: 25px;
}
.price-sku-brand-container.row {
    display: none;
}
.sp-dropdown.sp-dropdown-main.sp-dropdown-mega h3.sp-module-title {
    text-transform: none;
    font-family: 'Manrope';
    font-size: 18px;
}

.sp-dropdown.sp-dropdown-main.sp-dropdown-mega .sp-module ul > li > a{
    color: #333;
    font-size: 13px;
    font-family: 'Manrope';
    font-weight: 500;
    line-height: 29px;
    padding: 0px 0px 1px;
}

.sp-dropdown.sp-dropdown-main.sp-dropdown-mega .sp-module ul > li {
    list-style: none;
    border-bottom: none;
    padding: 0;
}

.sp-dropdown.sp-dropdown-main.sp-dropdown-mega .sp-module ul > li > a::before {
    content: "" !important;
    margin-right: 0;
}
.visimisi .sppb-row-container {
    max-width: 890px;
}
.figarea {
    position: relative;
}

.figscaption {
    position: absolute;
    top: 39%;
    left: 200px;
}
.misi .sppb-addon.sppb-addon-feature {
    margin-bottom: 6px;
}

.misi .sppb-feature-box-title {
    margin: 3px 0 0;
}
.section_static.misi .sppb-addon-text-block, .section_static.visimisi .sppb-addon-text-block {
    padding: 0;
}
.newportfolio span.catItemImage img {
    width: 100% !important;
}
#section-id-1699249123714 {
    width: fit-content;
}
img.dj-image {
    border-radius: 8px;
}
span.tagItemImage img {
    border-radius: 11px;
}
div.tagItemReadMore a {
    padding: 9px 26px;
    background: #0d438d;
    border-radius: 4px;
    color: #fff;
}
div.tagItemReadMore a:hover {
    background: #0093dd;
}
/********************END AKMAL*********************/
/********************END AKMAL*********************/
/********************END AKMAL*********************/
/********************END AKMAL*********************/

.itemid-107 span.catItemDateCreated {
    padding: 0;
    margin-top: 10px;
}
.itemid-107 div.catItemHeader h3.catItemTitle {
    font-size: 22px;
    padding: 0 0 20px;
    overflow: hidden;
    line-height: 20px;
}
.itemid-107 div.catItemHeader h3.catItemTitle a {
    color: #0d438d;
}
.itemid-107 div.catItemHeader {
    position: relative;
    top: 20px;
    z-index: 2;
}
.itemid-107 div.catItemView {
    margin-bottom: 10px;
    padding: 4px;
}
div.catItemReadMore a {
    color: #fff;
}
span.catItemDateCreated {
    padding: 10px 0;
    margin-top: 10px;
}
.sp-smart-pretitle {
    color: #fff;
    font-size: 32px;
    margin-bottom: 0;
}
.layout-corpora .slider-title h1 {
    color: #fff !important;
    font-size: 41px;
    font-weight: bold !important;
    margin-top: 0;
}
.layout-corpora .slider-controllers .controller-prev, .layout-corpora .slider-controllers .controller-next {
  bottom: 50% !important;
  margin-bottom: -40px !important;
  position: absolute !important;
}
.ltr .layout-corpora .slider-controllers > a {
  background: transparent !important;
}
.about h3.sppb-addon-title, .service h3.sppb-title-heading, .works h3.sppb-title-heading, .why h3.sppb-title-heading {
  padding: 0 0 25px;
  position: relative;
}
.about h3.sppb-addon-title::after {
    background: #3c9038 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 45px;
}
.about img {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.about .sppb-btn {
    padding: 12px 0;
    text-transform: uppercase;
}
.about .sppb-addon-content {
    font-size: 16px;
    line-height: 28px;
}
.service h3.sppb-title-heading::after, .works h3.sppb-title-heading::after, .why h3.sppb-title-heading::after {
    background: #3c9038 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 50%;
    position: absolute;
    width: 45px;
    margin-left: -22.5px;
}
/*.service h3.sppb-addon-title {*/
/*  font-weight: bold !important;*/
/*}*/
.teks-hijau h3.sppb-addon-title {
    color: #7fb54d;
}
.teks-biru h3.sppb-addon-title {
    color: #0d438d;
}

.hospitality h3.sppb-image-content-title, .team h3.sppb-image-content-title {
    line-height: 50px !important;
    text-transform: uppercase;
    margin-top: 0;
    font-style: italic;
}
.hospitality p.sppb-image-content-text, .team p.sppb-image-content-text, .test-parking-barrier .sppb-addon-content {
    font-size: 16px;
    line-height: 29px;
}
.bt-cs {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background: hsla(0,0%,100%,.2);
    /* width: 80% !important; */
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
}
.projectbaru .bt-cs {
    background: #0d438d;
    margin: 0 auto;
    padding: 20px 20px 0;
    border-radius: 20px;
}
.projectbaru.pronew .bt-cs {
    background: #ffffff1f;
    margin: 0 auto;
    padding: 20px 20px 0;
    border-radius: 20px;
    color: #000;
}
#btcontentslider92 .bt_handles {
    bottom: 20px !important;
    right: 20px !important;
}
.bt-cs .bt-inner img {
    outline: none;
    border: none;
    max-width: 100%;
    margin: 5px 0px;
    border-radius: 10px;
}
.bt-cs .bt-inner .bt-title {
    clear: both;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    text-transform: inherit;
    line-height: 1.2em;
    text-align: center !important;
    display: block;
    margin: 0 auto;
    padding-top: 7px;
}
.bt-introtext {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    margin-top: 20px;
}
.works .bt-title {
  color: #fff !important;
  display: inline-block;
  font-size: 27px;
  margin: 50px 0 14px;
}
.works .bt-introtext {
    color: #fff;
    font-size: 15px;
    line-height: 23px;
}
.why .sppb-addon-feature {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #e0e0e0;
  margin-bottom: 30px;
  min-height: 171px;
  padding: 20px 30px 10px 23px;
}
.why .sppb-addon-text {
  text-align: justify;
}

.nspArt h4.nspHeader {
    font-size: 15px;
    padding-top: 0;
}
.nspArt h4.nspHeader a {
    color: #3C9038;
    font-weight: bold;
}
.news .sppb-addon-container {
  margin: 0 -15px;
}
.custom table tr td {
  padding: 0 5px 9px 0;
}

#sp-bottom ul.menu li a {
    line-height: 19px;
    margin: 0 0 2px;
    text-transform: uppercase;
}
#sp-bottom ul.menu li {
    border: medium none;
}
#sp-bottom ul.menu li a::before {
    content: "";
    margin: 0;
}
.btn, .sppb-btn {
  transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
}
.sppb-btn-block {
  display: block;
  width: 100%;
}
.btn-primary, .sppb-btn-primary {
  background-color: #22b8f0;
  border-color: #0faae4;
}
/*.sppb-btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}*/
.sppb-btn-lg {
  font-size: 20px;
  line-height: 1.33;
  padding: 12px 45px;
}
#sp-right ul.menu li a{
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #e0e0e0;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#sp-left ul li {
  margin: 0 0 4px !important;
}
#sp-left ul li a {
  font-weight: normal;
  line-height: 19px;
  padding: 8px 10px;
  text-align: left;
  text-transform: uppercase;
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #e0e0e0;
}
#sp-left .sp-module .sp-module-title {
    font-size: 24px;
    font-weight: bold;
}
#sp-right ul.menu li a::before, #sp-left ul li a::before {
  content: "";
  margin: 0;
}
#sp-right ul.menu li.current a, #sp-left ul li.current a {
  background: #0D438D none repeat scroll 0 0;
  color: #fff;
}
#sp-right ul.menu li.current a::before {
  content: "\f104";
  left: 10px;
  position: absolute;
}
#sp-left ul li.current a::after {
  content: "\f105";
  right: 10px;
  position: absolute;
}
.kontak .roundtable {
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    border-top: 4px solid #0d438d;
}
.kontak .sppb-addon-content td {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 10px;
}
.kontak .sppb-addon-content table {
    /*border-left: 1px solid #e0e0e0;*/
    /*border-right: 1px solid #e0e0e0;*/
    /*border-top: 4px solid #0d438d;*/
    width:100%;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555555;
  display: block;
  font-size: 14px;
  height: 48px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
textarea#message {
  height: 130px;
  width: 100%;
}
.ccf_copyright_wrapper, .powered_by.powered_by_1 {
  display: none !important;
}
.itemListView.narrow {
  margin: 0 auto;
  max-width: 970px;
}
.itemFullText p , .itemFullText span , .itemFullText LI {
  font-family: 'Manrope', sans-serif !important;
  font-size: 15px  !important;
  text-align:justify !important;
}
.center {
	text-align: center;
	padding: 25px 0;
	background: #fff;
	border-top: 10px solid #0D438D;
	box-shadow: 0px 5px 9px rgba(0,0,0,0.1);
}
}
.small-logo img.sp-default-logo {
	margin: 0 !important;
}
.small-logo h1.logo {
	margin: 8px 0;
}
.teks-hijau img.sppb-img-responsive, .teks-biru img.sppb-img-responsive {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
div.catItemImageBlock{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
div.catItemImageBlock:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
  	/*margin-top: -10px;*/
}
/*span.catItemImage a::before {*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    content: "";*/
/*    left: 0;*/
/*}*/
div.catItemHeader {
    position: absolute;
    top: 20px;
    z-index: 2;
}
.wp-block-image img {
    width: auto;
}
div.catItemHeader .catItemTitle a {
    color: #fff;
}
span.catItemImage, .itemContainer {
    overflow: hidden;
    position: relative;
}
div.catItemHeader .catItemTitle {
    font-size: 16px;
    height: 50px;
    padding: 10px;
    overflow: hidden;
    font-family: 'Manrope';
    line-height: 20px;
}
div.catItemImageBlock {
    /* padding: 8px 0; */
    /* margin: 0 25px 0px 0; */
    overflow: hidden;
    /* float: left; */
}
.itemIsFeatured:before, .catItemIsFeatured:before, .userItemIsFeatured:before {
    display:none;
}
#sp-bottom1 b, #sp-bottom1 strong {
  color: #fff;
  font-size: 15px;
}
#sp-bottom1 td {
  color: #a2a2a2;
  vertical-align: top;
}
div.itemIntroText img {
	width: 100% !important;
	margin: 0 auto 50px;
	box-shadow: 0 6px 4px rgba(0,0,0,0.4);
}
#sp-section-9 {
    position: fixed !important;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    /*border-radius: 6px 0 0 0;*/
    /*width: 200px;*/
    /*background: #00e676;*/
    overflow: hidden;
    z-index: 9999;
}
#sp-section-9 .container {
    width: auto;
}
#sp-user4 p {
    margin: 0;
    width: auto;
}
#sp-user4 p a {
    display: block;
    margin: 0 -15px;
    padding: 10px;
  	color:#fff;
}
div.k2Pagination ul li.active a {
    background: #3186f1;
}
.gkNspPM-PortfolioGrid.with-overlay .figcaption {
    background: rgb(0 0 0 / 50%);
    color: #fff;
}
.gkNspPM-PortfolioGrid .figcaption h3 a {
    color: #fff;
}
.front_button .sppb-col-md-6, .front_button .sppb-col-sm-6, .front_button .sppb-col-xs-6 {
    padding-right: 0;
}
.topnotch .industry_item .sppb-img-container{
   position:relative;
}
.topnotch .industry_item .sppb-img-responsive {
    /* background: #fff; */
    /* border-radius: 75px; */
    /* padding: 29px; */
    width: 77px;
    position: relative;

}
.topnotch .industry_item h3.sppb-addon-title {
    padding-top: 30px;
    margin-bottom: 10px;
}
.topnotch .industry_item h3.sppb-addon-title a{
   color:#fff !important;
}
.topnotch .industry_item .sppb-img-container::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    background: #ffffff;
    border-radius: 75px;
    top: -30px;
    left: 50%;
    z-index: 0;
    margin-left: -65px;
}

.bottomnotch .industry_item .sppb-img-container{
   position:relative;
}
.bottomnotch .industry_item .sppb-img-responsive {
    /* background: #fff; */
    /* border-radius: 75px; */
    /* padding: 29px; */
    width: 77px;
    position: relative;

}
.bottomnotch .industry_item h3.sppb-addon-title {
    padding-top: 30px;
    margin-bottom: 10px;
}
.bottomnotch .industry_item h3.sppb-addon-title a{
  	color: #333;
}
.bottomnotch .industry_item .sppb-img-container::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    background: #00bf63;
    border-radius: 75px;
    top: -30px;
    left: 50%;
    z-index: 0;
    margin-left: -65px;
}
.no-border .sppb-video-block {
    border: 5px solid #2262bb;
    border-radius: 17px;
}
.hero-produk h2.sppb-addon-title {
    font-weight: 500;
    font-size: 54px;
    color: #fff;
    letter-spacing: -1px;
}
.hero-produk .sppb-addon-content {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 25px;
}
.product_item .sppb-media-body {
    background: #0d438d;
    padding: 12px 30px;
    position: relative;
}

.product_item .sppb-media-body h3.sppb-addon-title {
    color: #fff;
    font-size: 18px;
}
.product_item .sppb-media-body h3.sppb-addon-title a {
    color: #fff;
}
.product_item .sppb-media-body a.sppb-btn {
    padding: 16px 13px;
    position: absolute;
    top: 17px;
    right: 20px;
}

.sppb-addon.sppb-addon-feature.product_item {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.15);
}
.product_item .sppb-media-body .sppb-addon-text {
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    margin-top: -10px;
}
.solution_item img.sppb-img-responsive {
    border-radius: 12px;
}
.industry_item.solution_item h3.sppb-addon-title {
    font-size: 12px;
    color: #fff;
    padding: 0;
}

.solution_item .sppb-img-container::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6951155462184874) 35%, rgba(255,255,255,0.014443277310924318) 100%);
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.sppb-addon.sppb-addon-feature.industry_item.solution_item {
    position: relative;
}

span.sppb-img-container {position: relative;}

.industry_item.solution_item .sppb-media-content {
    margin-top: -38px;
    position: relative;
}
@media (max-width: 1920px){
	.gkNspPM-PortfolioGrid {
	    margin: 0px;
  }
}
@media (min-width: 992px){
    
    .contact a::before {
    width: 115px;
    height: 31px;
    content: "";
    background: #0d438d;
    position: absolute;
    border-radius: 20px;
    top: 29px;
    left: 0px;
    z-index: -1;
    transition:0.3s all ease-out;
    }
    li.sp-menu-item.no-desktop {
    display: none;
    }
}
@media (max-width: 991px){
    .newportfolio div.catItemImageBlock {
    height: 114px;
    }
}

@media (max-width: 767px){
    .newportfolio div.catItemImageBlock {
    height: 80px;
    }
}
@media (max-width: 600px){
    .newportfolio div.catItemImageBlock {
    height: 190px;
    }
  	
  	.project_area .bt-cs .bt-inner .bt-title {
    font-size:12px;
    top: 40px;
	}
  	.news-3-column .nspImageWrapper {
    	margin: 0 !important;
	}

	.news-3-column p.nspInfo {
    	margin: 0;
	}
}
@media (max-width: 460px){
    /*.industry_item img.sppb-img-responsive {
    width: 60px;
    }
  	.newhero {
    	height: 100vh;
	}*/
  	.portoflio_area .sppb-col-md-4 {
    	margin-bottom: 20px;
	}
    .bt-cs .bt-inner .bt-title {
    font-size: 16px;
    font-weight: 100;
    line-height: 22px;
    }
    .bt-cs .bt-inner img {
    margin: 5px 0px 5px;
    }
    .news-3-column .nspArt.nspCol3 {
    margin-bottom: 40px;
    }
    .sp-page-builder .page-content #section-id-1699245398225 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    }
    .figscaption {
    position: absolute;
    top: 46%;
    left: 68px;
    }
    .figscaption h2.sppb-addon-title {
    font-size: 10px;
    margin: 0 0 3px;
    }
    .figscaption p.p1 {
    line-height: 16px;
    font-size: 12px;
    }
    .section_static .sppb-addon-text-block {
    padding: 0 25px;
    }
    .section_static h2.sppb-addon-title {
    font-size: 27px;
    }
    .figures img.sppb-img-responsive {
    height: 180px;
    object-fit: cover;
    -o-object-fit: cover;
    }
    .newportfolio div.catItemView {
    margin-bottom: 25px;
    }
    .newportfolio div.catItemHeader h3.catItemTitle {
    max-height: 50px;
    }
    .industry_item span.sppb-img-container {
    text-align: right;
    }
    .topnotch .industry_item span.sppb-img-container {
    text-align: center;
    }
    .topnotch .industry_item h3.sppb-addon-title {
    margin-bottom: 65px;
	}
    .bottomnotch .industry_item span.sppb-img-container {
    text-align: center;
    }
    .bottomnotch .industry_item h3.sppb-addon-title {
    margin-bottom: 65px;
	}
  	.industry_item h3.sppb-addon-title {
    font-size: 14px;
	}
    .front_button a {
    font-size: 13px !important;
    }
    .view-item #sp-main-body::before {
    top:0;
    left: 267px;
    }
  .project_area .bt-cs .bt-inner .bt-title {
    font-size:12px;
    top: 140px;
	}
}
@media (max-width: 360px){
    .newportfolio div.catItemImageBlock {
    height: 160px;
    }
    .newportfolio div.catItemHeader h3.catItemTitle {
    height: 50px;
    }
    #sp-header .logo {
    margin: 0 auto;
    }
}