#sppb-addon-1596589565863 {

   background-size: 100% 100%!important;

}

/**menu**/
.sp-megamenu-parent > li:hover > a {
  color: #ffd929;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  font-weight: 500;
  color: #ffd929;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #393939;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #ffd929;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #ffd929;
}

/**header**/
h3.sppb-addon-title span {
    font-weight: 400;
}
/*go to top*/

#gototop { z-index: 99999; position: fixed; opacity: 1; display: block; bottom: 90px !important; right: 20px !important; width: 30px; height: 30px; border-radius: 50px; text-align: center; padding: 0 !important; line-height: 2; }

/*end of go top */

/*top*/

#sp-top {background-color: #393939;padding: 5px 15px;}
@media(max-width:991px){
  #sp-top {background-color: #393939;padding: 3px 15px 8px 15px;}
}
#sp-top1 .sp-contact-info { line-height: 30px; }

#sp-top1 .sp-contact-info .sp-contact-phone span.fa { margin-right: 0; }

#sp-top1 .sp-contact-info li span { font-size: 14px !important; color: #fff; margin-right: 8px !important; line-height: 22px; }

#sp-top1 .sp-contact-info li a { color: #fff; letter-spacing: 0.5px; }

#sp-top1 .sp-contact-info li:not(:last-child) { margin-right: 20px; }

#sp-top2 { text-align: right; }

#sp-top2 .sp-module { display: inline-block; }
#sp-top2 .sp-module p {margin-bottom:0px;font-weight: 500;margin-right: 20px !important;}

@media(max-width:991px){
#sp-top2 .sp-module p {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 0px !Important;
}}
@media(Max-width:500px){
#sp-top2 .mr-2, #sp-top2 .mx-2 {
    margin-right: 0px !important;
  }}
#sp-top2 .sp-module {color:#fff;}
#sp-top2 .sp-module  a{color:#fff;}
#sp-top2 .sp-module a:hover { color: #ffd929; }
#sp-top2 .sp-select { display: none; }
#sp-top2 .top-contact{
  font-weight:bold;
}
#sp-top2 select {height: 30px;padding: 0 5px;line-height: 30px;min-width: 180px;display: block !important;}

@media(max-width:555px){
  #sp-top2 select {min-width: 320px !Important;}}
}
@media(Min-width:991px){
section#sp-top p {
    margin-right: 30px !Important;
}}
/*#sp-top2 .sp-select .sp-select-result i.fa { margin: 0; line-height: 30px; }

#sp-top2 .sp-select .sp-select-dropdown { z-index: 999; }*/


@media (max-width: 768px) {
   #sp-top2 { text-align: left; }
  .sp-contact-info { display: block; }
}

@media (max-width: 399px) {
  div#sp-top2 .sp-module { display: block; }
}


/*end of top*/

/*menu*/

#sp-header { box-shadow: none;}

#sp-header.header-sticky { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }

.sp-megamenu-parent { float: unset; text-align: right;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 0px;width: 320px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding-right: 25px;font-size: 15px;}

.sp-megamenu-parent .sp-dropdown { width: 200px !important; top: 70px !important; }

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after { margin-top: -3px; }

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 14px;line-height: 20px;padding: 8px 25px;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #000;}

.sp-megamenu-parent .sp-dropdown li:hover {
    background: #ffd90b;
}
.sp-megamenu-parent .sp-dropdown li {
    margin-bottom: 0px !important;
}

/*end of menu*/

/**logo**/
#sp-logo {
    position: relative;
}
#sp-logo:before {
    position: absolute;
    content: '';
    width: 1000px;
    height: 111px;
    background: url(/images/0_agnes/logo/logo-mainmenu-bg.png) no-repeat scroll center center / cover;
    top: -40px;
    right: -50px;
    z-index: -1;
}
@media(max-width:991px){
  #sp-logo:before {
    position: absolute;
    content: '';
    width: 800px;
    height: 71px;
    background: url(/images/0_agnes/logo/logo-mainmenu-bg.png) no-repeat scroll center center / cover;
    top: 0px;
    right: 0px;
    z-index: -1;
}}
.logo-image {
    height: 100px !important;
    margin-top: -40px;
    transition: 0.3s !important;
}
#sp-header.header-sticky .logo-image {
    height: 70px !important;
    margin-top: 0px;
}
@media(max-width:991px){
img.logo-image-phone.d-inline-block.d-lg-none {
    height: 70px;
}}
@media(min-width:991px){
#sp-header .logo {justify-content: space-around;}
}
/*side bar*/

/*div#sp-position2 {position: fixed;right: 0;top: 58.5%;color: #fff;padding: 15px 15px 0px 15px;max-width: 320px;vertical-align: bottom; z-index: 999;}

div#sp-position2:before {content: " "; position: absolute; background-color: #7b7b7b; width: 100%; height:120px; bottom: 0}

div#sp-position2 .sppb-addon-text-block { position: absolute; top: 20px;}

@media (max-width: 1400px){div#sp-position2 {top: 70%}}

@media(max-width:991px){div#sp-position2 .sppb-addon-text-block {top: 50px;}}*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items { text-align: left;}


/*off canvas*/

.offcanvas-menu {border-left: 5px solid #ffd929;}

.close-offcanvas { background: #fff; color: #000; }

.close-offcanvas:hover { background: #fff; color: #e79f03; }

.offcanvas-menu .offcanvas-inner { padding: 50px 10px 0; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span { padding: 10px 20px; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus { background: #fff; color: #e79f03; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {background: #fff;color: #ffd929;font-weight: 500;}

@media (max-width: 992px){
  body.ltr #offcanvas-toggler.offcanvas-toggler-right { text-align: right; float: unset; margin-right: 20px; } }


/*end of off canvas*/


/*title header*/

.com-spproperty.view-property #sp-title { display: block; }

.sp-page-title {padding: 80px 0 80px;position: relative;}
.sp-page-title:before{
  content:" ";
  background-color: rgb(0 0 0 / 0.3);
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:0
}
.sp-page-title .sp-page-title-heading {color: #ffd929;font-size: 36px;font-weight: 600;letter-spacing: 2px;margin: 0;text-transform: uppercase;position: relative;text-shadow: 1px 1px 8px #000;}

.sp-page-title .sp-page-title-sub-heading {color: #fcda5b;margin-top: 30px;text-transform: uppercase;font-weight: 700;letter-spacing: 2px;text-shadow: 1px 1px 8px rgb(0 0 0);z-index: 2;position: relative;}

.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a {
    color: #fff;
}

.sp-page-title .breadcrumb > .active {
    color: #fff;
    opacity: 1;
}

.sp-page-title .breadcrumb > li > a:hover, .sp-page-title .breadcrumb > li > a:focus {
    opacity: 1;
    color: #ffd929;
}
.sp-page-title .breadcrumb {
  position:relative;
}
@media (max-width: 768px) {
  .sp-page-title .sp-page-title-heading {font-size: 24px;}
  .sp-page-title .sp-page-title-sub-heading { font-size: 26px; }
  .sp-page-title {padding: 40px 0 40px;position: relative;}
}
@media(max-width:450px){
.sp-page-title .breadcrumb {
    display: block;
}}

/*end of title header*/


/*body*/

body { letter-spacing: 0.5px; }

body.com-spproperty .sppb-btn, .sppb-btn { padding: 15px 25px;}

.sppb-testimonial-pro .sppb-testimonial-message:before,
.sppb-testimonial-pro .sppb-testimonial-message:after{ display: none;}
.sppb-testimonial-pro .sppb-item img.sppb-avatar-circle { width: 100px !important; height: 100px !important; border: 2px solid #e79f03;}

.slide-style:after { content: url(/images/0-FactoryJohore/home/slide/home-slide-style.png); position: absolute; bottom: -7px;}

.section-style-top:before { content: ""; position: absolute; background: url(/images/0-FactoryJohore/section-style-top.png)  no-repeat scroll center center / cover; width: 100%; height: 100px; top: -5px; }

.section-style-top:after { content: ""; position: absolute; background: url(/images/0-FactoryJohore/section-style-bottom.png)  no-repeat scroll center center / cover; width: 100%; height: 100px; bottom: -5px; }

/*end of body*/

/*bottom*/

#sp-footer { border: none;}

#sp-footer .container-inner {border-top:1px solid #fff;}
#sp-footer .container-inner, #sp-footer .container-inner a { color: #fff; font-weight: 300; letter-spacing: 1px; padding: 12px 0; }

#sp-footer {text-align: center;background-color: #212c3e; padding-bottom:50px;}

#sp-bottom {background: #212c3e;color: #fff;}

#sp-bottom .sp-module ul > li {margin-bottom: 5px;}

#sp-bottom ul >li >a:before { font-family: FontAwesome; content: "\f105"; margin-right: 10px;display:none;}

#sp-bottom .sp-module ul > li > a {color: #fff;}

#sp-bottom .sp-module ul > li.active > a, #sp-bottom .sp-module ul > li > a:hover { color: #fbda2a; }

#sp-bottom .sp-module .sp-module-title { color: #fbda2a; font-size: 18px; font-weight: 500; margin-bottom: 15px; }

#sp-bottom a {color: #fff;}

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

#sp-bottom4 p { margin-bottom: 8px; }

@media (max-width:767px){
  #sp-footer {padding-bottom:100px;}
}

@media (max-width: 480px) {
  #sp-bottom .sp-module { margin-bottom: 25px; } }

/*#sp-live-chat {     height: 44px; }*/

/*end of bottom*/

.djslider-default .navigation-container { top: 40% !important; }

.author-img {
    display: none !important;
}
@media(min-width:768px){
  div.pagination ul.pagination li.page-item, .pagination-wrapper ul.pagination li.page-item {
    /* margin: auto; */
}

ul.pagination {
    display: block !important;
}

.pagination {
    width: 100%;
    overflow: auto;
}
}
@media(max-width:767px){
  div.pagination, .pagination-wrapper {
   display: flex !important; 
  overflow-x: scroll;
}
}

/*copyright*/
.sp-copyright strong {
    color: #ffd929;
    font-weight: 500;
}

#sp-footer .container-inner a:hover, #sp-footer .container-inner a:focus {
    color: #ffd929;
}

/*livechat glowing*/


@keyframes glowing2 {
  0% { box-shadow: 0 0 0px #3ca8f3; }
  40% { box-shadow: 0 0 20px #3ca8f3; }
  60% { box-shadow: 0 0 20px #3ca8f3; }
  100% { box-shadow: 0 0 -10px #3ca8f3; }
}

#phone a {
  animation: glowing2 2000ms infinite;
}

@keyframes glowing3 {
  0% { box-shadow: 0 0 0px #5ad469; }
  40% { box-shadow: 0 0 20px #5ad469; }
  60% { box-shadow: 0 0 20px #5ad469; }
  100% { box-shadow: 0 0 -10px #5ad469; }
}

#wechat button {
  animation: glowing3 2000ms infinite;
}

@keyframes glowing4 {
  0% { box-shadow: 0 0 0px #50bf56; }
  40% { box-shadow: 0 0 20px #50bf56; }
  60% { box-shadow: 0 0 20px #50bf56; }
  100% { box-shadow: 0 0 -10px #50bf56; }
}

.whatsappchat {
  animation: glowing4 2000ms infinite;
}

@keyframes glowing5 {
  0% { box-shadow: 0 0 0px #fcda5b; }
  40% { box-shadow: 0 0 20px #fcda5b; }
  60% { box-shadow: 0 0 20px #fcda5b; }
  100% { box-shadow: 0 0 -10px #fcda5b; }
}

button.enquiry-button {
  animation: glowing5 2000ms infinite;
}

.support-img{
    background:#212c3e;
    position: relative;
    z-index:999 !important;
}
.support-img img {
    position: fixed;
    right: 30px;
    bottom: 80px;
    width: 200px;
    z-index:999 !important;
}
@media (max-width:767px){
    .support-img img{
        transform: scale(-1, 1);
        right: auto;
        left:0;
        bottom: 00px;
        width: 130px;
    }
}