.sppb-container-inner-width section#sp-main-body .sppb-row-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
.sppb-container-inner-width section#sp-main-body .sppb-container-inner {
    width: 750px;
  }
}
@media (min-width: 992px) {
.sppb-container-inner-width section#sp-main-body .sppb-container-inner {
    width: 970px;
  }
}
@media (min-width: 1200px) {
.sppb-container-inner-width section#sp-main-body .sppb-container-inner {
    width: 1170px;
  }
}

.sppb-container-inner-width section#sp-main-body .sppb-container-inner{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


@media only screen and (max-width: 991px){
  
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
    display: unset !important;
}
  
}


.fa.fa-long-arrow-right:before {
    content: "\f30b";
    font-weight: 600 !Important;
    font-family: 'Font Awesome 5 Free' !important;
}


.fa.fa-long-arrow-left:before {
    content: "\f30a";
   font-weight: 600 !Important;
    font-family: 'Font Awesome 5 Free' !important;
}


.featherlight {
    z-index: 99999 !important;
}

.mfp-content .popup-image-block {
    position: relative;
    display: flex !important;
    justify-content: center !important;
}


/*--------------------------------------------------------------------------------------------*/




/* LOGO */

#sp-header.menu-fixed .logo img {
   
    max-width: 108px !IMPORTANT;
  margin-top: 0px;
}


.logo img {
    max-width: 180px !IMPORTANT;
    margin-top: -20px;
} 

/*
.logo img {
    max-width: 50% !IMPORTANT;
    margin-top: 0px;
} */


@media screen and (max-width: 767px){
  
 
  .logo img {
    max-width: 90px !IMPORTANT;
    margin-top: -10px !IMPORTANT; 
}
  
  
  #sp-header {
   
    height: 80px !IMPORTANT; 
  }
  
  #sp-header.menu-fixed .logo img {
    max-width: 90px !IMPORTANT;
    margin-top: 0px;
}
  
  div#sp-logo {
    padding-left: 0px;
}
  
  
  
}


/* END OF LOGO */



/* NAVIGATION BAR */

#sp-header {
    background: #fffffff5 !IMPORTANT;
  
}

#sp-header.menu-fixed {
    background: #ffffff !IMPORTANT;
  
}


@media screen and (min-width: 1350px){
  
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #000000 !important;
    padding: 0 24px !important;
    line-height: 90px !important;
    font-size: 17px !important;
}
}
@media screen and (max-width: 1349px){
  
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #000000 !important;
    padding: 0 24px !important;
    line-height: 90px !important;
    font-size: 13px !important;
}
}

@media screen and (max-width: 1200px){
  
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    padding: 0 15px !important;
    font-size: 14px !important;
}
}
@media screen and (max-width: 1050px){

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    padding: 0 10px !important;
    font-size: 14px !important;
}
}

/*
@media screen and (min-width: 1278px){
  
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #000000 !important;
    padding: 0 26px !important;
    line-height: 90px !important;
    font-size: 18px !important;
}
  
  
} BACK UP */

/*@media screen and (min-width: 991px) and (max-width: 1277px){
  
  .sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #000000 !important;
    padding: 0 12px !important;
    line-height: 90px !important;
    font-size: 16px !important;
}
  
}*/


.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    
  color: white !important;
    text-shadow: 1px 2px 4px #00000063;
    background-color: #ffd012;
    transition: 0.3s;
}





li.sp-menu-item.sp-has-child.active:before{
  content: '';
    background: url(/images/00iKasih/logo/heart-solid.svg);
    width: 20px;
    height: 30px;
    position: absolute;
    right: 0;
    left: 0px;
    opacity: 1;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
       filter: invert(27%) sepia(51%) saturate(2994%) hue-rotate(346deg) brightness(106%) contrast(100%) !important;
    margin: auto;
}

/*
.sp-menu-item.current-item.active:before {
content: '';
    background: url(/images/00iKasih/logo/heart-solid.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    left: 0px;
    opacity: 1;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
      filter: invert(27%) sepia(51%) saturate(2994%) hue-rotate(346deg) brightness(106%) contrast(100%) !important;
    margin: auto;
    } */

.sp-megamenu-parent >li.active>a:before {
content: '';
    background: url(/images/00iKasih/logo/heart-solid.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    left: 0px;
    opacity: 1;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
      filter: invert(27%) sepia(51%) saturate(2994%) hue-rotate(346deg) brightness(106%) contrast(100%) !important;
    margin: auto;
    }


.sp-dropdown li.sp-menu-item.current-item.active > a:after {
    content: '';
    background: url(/images/00iKasih/logo/heart-solid.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    margin-left: 10px;
    opacity: 1;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(27%) sepia(51%) saturate(2994%) hue-rotate(346deg) brightness(106%) contrast(100%) !important;

}



/* END OF NAVIGATION BAR */




/* NAV BUTTON */

#sp-menu .top-right-button {
     margin-left: 10px !important;
    margin-top: 7px !important;
}


@media screen and (max-width: 991px){
  
  #sp-menu .top-right-button {
    margin-left: 0px !important;
    margin-top: 7px !important;
}
  
  
}



#sp-header.menu-fixed #sp-menu .sppb-addon-button-group a:hover {
    color: UNSET !IMPORTANT;
    background: white !IMPORTANT;
  
}

#sp-header.menu-fixed #sp-menu .sppb-addon-button-group a:hover {
    
color: black !important;
    background: linear-gradient(180deg, #FFB311, #FFA611) !important;
  
}




/* END OF NAV BUTTON */



/* OFFCANVAS*/

#offcanvas-toggler >i {
    color: #000 !IMPORTANT;
}

.offcanvas-menu .offcanvas-inner .sp-module {
   margin-top: 0px !important;
    margin-bottom: 0px !important;
}

@MEDIA SCREEN AND (MAX-WIDTH: 991PX){
  
  .offcanvas-menu .offcanvas-inner .sp-module:first-child {

    padding: 40px 30px 30px 30px !IMPORTANT
}
  
  
  .offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    font-size: 18px !IMPORTANT;
  }
  
  
}





/* END OF OFFCANVAS */


/* CTA */

.ctaGradientBG {
    background: linear-gradient(180deg, #FFB311, #FFA611) !IMPORTANT;
}



/* END OF CTA */


/* BOTTOM */


@media screen and (min-width: 991px){
  
  

div#column-wrap-id-1652666157154 {
    padding: 0px;
}


div#column-wrap-id-1652672769806{
  
  padding: 0px !important;
  
}

div#column-wrap-id-1652672769811{
  
  padding: 0px !important;
}
  
  
  .borderRIGHT{
  
    border-right-style: solid;
    border-width: 1PX;
    border-color: #cccccc !important;
  
}
  
  
  
}



#sp-bottom {
    padding: 50px 0px 30PX 0PX !important;
}


#sp-footer:before {
    content: unset !important;
}





/* END OF BOTTOM */


/* FOOTER */

#sp-footer {
    text-align: center;
    padding: 10px 0px !IMPORTANT;
  BACKGROUND-COLOR: #FDA612 !IMPORTANT;
  
      font-size: 13px !IMPORTANT;
    color: white !important;
}



#sp-footer a {
    color: white !important;
}



#sp-footer a:hover {
    color: #ffffff94 !important;
}


/* END OF FOOTER */


/* BLOG */

.entry-image.full-image img {
  
  WIDTH: 100% !IMPORTANT;
  
}


/* END OF BLOG */



/* SCROLL UP */

.scrollup {
    bottom: 30px !IMPORTANT;
}

@media screen and (min-width: 320px) and (max-width: 991px){
  
.scrollup {
    bottom: 25px !important;
    right: 100px;
}
  
}

/* END OF SCROLL UP */





/* PAGE TITLE */



.sp-page-title {
  
padding: 140px 0 60px !important;
  
}


.sp-page-title h3 {
    font-size: 20px !important;
    font-weight: normal !important;
    letter-spacing: 2px !important;
    line-height: 1;
    margin-top: 10px;
}


.sp-page-title .container {
    display: flex;
    flex-flow: column;
    flex-direction: column-reverse;
 text-shadow: 0px 0px 9px #191919a3;
}


.sp-page-title h2 {
    font-size: 80px !important;
    color: #FFFFFF;
    letter-spacing: INHERIT !important;
    line-height: initial !important;
}


@media screen and (max-width: 991px){
  
  .sp-page-title h3 {
    font-size: 12px !important;
    font-weight: normal !important;
    letter-spacing: 2px !important;
    line-height: 1;
    margin-top: 10px;
}
  
  
  .sp-page-title h2 {
    font-size: 40px !important;
    color: #FFFFFF;
    letter-spacing: INHERIT !important;
    line-height: initial !important;
}
  
  
  .sp-page-title {
    padding: 202px 0 152px;
    background-repeat: no-repeat;
    background-position: 70% 10% !important;
    background-size: 220% !important;

    background-attachment: unset !important; 
}
  
  
  
}


/* END OF PAGE TITLE */



/* SIMPLE GALLERY */

.featherlight .featherlight-content {
    padding: unset !important;
    border-bottom: unset !important;
}


/* END OF SIMPLE GALLERY */



/* CENTER ROW */

.rowCENTER .sppb-row {
    justify-content: center;
}

/* END OF CENTER ROW */



/* BLOG SYSTEM */

.blog .page-header {
    display: none !important;
}

.cat-children {
    display: none !IMPORTANT;
}

.blog {
    margin-top: 50px;
}


article.item.item-page {
    margin-top: 50px !IMPORTANT;
}

article.item.item-page .page-header {
    display: none !important;
}

.com-content #sp-main-body {
    background: #F3F5F7 !important;
}



.article-info >dd {
    color: #333333 !important;
  
}

.entry-header h2 a {
  
    font-size: 30px !IMPORTANT;
  
}


@media screen and (max-width: 991px){
  
  .entry-header h2 a {
    font-size: 24px !IMPORTANT;
}
  
  .entry-header {
    margin-bottom: 10px !IMPORTANT;
}
  
}


/* END OF BLOG SYSTEM */



/* CHARITY SALE */


.page-header {
    border-bottom: 1px solid #93939387 !important;
}


.speasyimagegallery-album-description p span{
    font-size: 18px !IMPORTANT;
  
}

.speasyimagegallery-album-description p span a{
   
  color: #deb200 !Important;
  
}




.speasyimagegallery-album-description {
  margin-bottom: 30px !IMPORTANT;
}


.com-speasyimagegallery .page-header h1 {
    color: black !important;
  margin: 0px !important;
}

.com-speasyimagegallery .page-header {
    margin: 0px 0px 15px 0px!important;
}



.com-speasyimagegallery #sp-main-body {
    padding: 50px 0 !important;
}


.view-albums .page-header {
  
    display: none !Important;
  
} 


.speasyimagegallery-album-title {
    font-size: 28px !important;
}


@media screen and (max-width: 991px){
  
  .speasyimagegallery-album-title {
    font-size: 24px !important;
}
  
  .com-speasyimagegallery .page-header h1 {
    color: black !important;
    margin: 0px !important;
    font-size: 28px !important;
}
  
}


/* END OF CHARITY SALE */

/* Blog Sp page */
.view-article .article-infomation .sppb-addon-single-image {
    margin: 0;
}

/* END Blog Sp page */

.sppb-addon-sp-slider .sp-slider-content-align-center .sppb-sp-slider-image, .sppb-addon-sp-slider .sp-slider-content-align-center .sppb-sp-slider-text, .sppb-addon-sp-slider .sp-slider-content-align-center .sppb-sp-slider-title{
 margin-left: 0px !important;
}