/*top*/

.sp-megamenu-parent >li>a:after { position: absolute; left: 50%; bottom: 20px; content: ""; -webkit-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); height: 2px; width: 80%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #037242; }

.sp-megamenu-parent >li:hover>a:after{ -webkit-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1); }

div#sp-menu { float: right; }

#sp-header .logo img { max-height: 70px; }

/*end of top*/

/*bottom*/

#sp-footer #sp-footer1 { text-align: center !important; }

#sp-footer .sp-copyright { color: #fff; }

/*end of bottom*/

/*offcanvas*/

.offcanvas-menu { background-color: #0c4228; }

/*end of offcanvas*/

/*title style*/

.left-style-001.sppb-addon-header:after { content: " "; background-color: #e25834; width: 100px; height: 3px; position: absolute; }

.title-001 .sppb-addon-title { color: #0e5232; font-weight: bold; }

.mid-style-001:after { content: " "; background-color: #e25834; width: 100px; height: 3px; position: absolute; left: 10px; right: 10px; margin: auto; }

span.title-small { font-size: 28px; line-height: 1; font-weight: 400; display: block; color: #000; }

span.title-normal { color: #000; font-weight: 400; }

/*end of title style*/

/*font color*/

.font-wh { color: #fff; }

/*end of font color*/

/*primary button*/

.btn.btn-primary, .btn.sppb-btn-primary, .sppb-btn.btn-primary, .sppb-btn.sppb-btn-primary { border-bottom: 3px solid #e35934; padding: 10px 30px; border-top-right-radius: 30px; }

.btn.btn-primary:hover, .btn.sppb-btn-primary:hover, .sppb-btn.btn-primary:hover, .sppb-btn.sppb-btn-primary:hover { background-color: #002d18; }

/*end of primary button*/

/*img hover style*/

.img-hover-style-001:hover .sppb-addon-single-image-container { background: url(/images/1_ParadeJasa/thin-gauge/thin-hover-bg.jpg); background-repeat: no-repeat; background-size: cover; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.img-hover-style-001 .sppb-addon-single-image-container {-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.img-hover-style-001 .sppb-addon-title:after { position: absolute; left: 50%; bottom: 0; content: ""; -webkit-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); height: 3px; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.img-hover-style-001 .sppb-addon-title:before{ position: absolute; left: 50%; bottom: 0; content: ""; -webkit-transform: translateX(0%) scaleX(0); transform: translateX(0%) scaleX(0); height: 3px;width: 10%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 999; }

.img-hover-style-001 .sppb-addon-title:after{ background-color: #e35935; }

.img-hover-style-001 .sppb-addon-title:before{ background-color: #047140; }

.img-hover-style-001:hover .sppb-addon-title:after, .img-hover-style-001:hover .sppb-addon-title:before { -webkit-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1); }


/*end of img hover style*/