@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?esr9ov');
  src:  url('../fonts/icomoon.eot?esr9ov#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?esr9ov') format('truetype'),
    url('../fonts/icomoon.woff?esr9ov') format('woff'),
    url('../fonts/icomoon.svg?esr9ov#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-magnifying-glass:before {
  content: "\e900";
}
.icon-shopping-cart:before {
  content: "\e901";
}
.icon-right-arrow:before {
  content: "\e902";
}
.icon-heart:before {
  content: "\e903";
}
.icon-wallet-filled-money-tool:before {
  content: "\e904";
}
.icon-charity:before {
  content: "\e905";
}
.icon-confirmation:before {
  content: "\e906";
}
.icon-donation:before {
  content: "\e907";
}
.icon-salad:before {
  content: "\e908";
}
.icon-water:before {
  content: "\e909";
}
.icon-charity-1:before {
  content: "\e90a";
}
.icon-helping-hand:before {
  content: "\e90b";
}
.icon-news:before {
  content: "\e90c";
}
.icon-graduated:before {
  content: "\e90d";
}
.icon-vegetable:before {
  content: "\e90e";
}
.icon-water-1:before {
  content: "\e90f";
}
.icon-stethoscope:before {
  content: "\e910";
}
.icon-campaign:before {
  content: "\e911";
}
.icon-budget:before {
  content: "\e912";
}
.icon-social-campaign:before {
  content: "\e913";
}
.icon-help:before {
  content: "\e914";
}
.icon-support:before {
  content: "\e915";
}
/*
Biru : #0561a9;
Kuning : #ffcc01;
Merah : #fc0100;
*/
section{background:#fff;}
.mobile-nav__content{background:#ffcc01;}
.mobile-nav__content .main-nav__navigation-box li a{color:#000;}
.mobile-nav__contact li > i, .mobile-nav__content .main-nav__navigation-box li a button{background:#fc0100;}
.mobile-nav__contact li a, .mobile-nav__contact li a:hover{color:#000;}
.site-header__header-three-wrap{top:20px;}
.page-header{padding-top:180px;}
.main-nav__left-three{background:#fff;}
.main-nav__left-three .logo{padding:18px 0px !important;}
.main-slider-three .swiper-slide__inner{padding-top:200px !important;}
.main-slider-three .thm-btn{background:#ffcc01;color:#fff;}
.main-slider-three .thm-btn:hover{background:#fc0100;color:#fff;}

.news-one{padding-top:80px;margin-top:0px;background:#ffcc01;}
.news-one__date-box{background:#fc0100;}
.news-one__single, .news-one__single:hover {background:#ffcc01;}
.news-one__content, .popular-causes__content, .news-one__content, .news-one__single:hover .news-one__content{background:#0561a9;color:#fff;}
.news-one__content a, .popular-causes__content a{color:#fff !important;}
.popular-causes__content{border:1px solid #0561a9;padding:25px 0px;}
.news-one__btn, .news-one__btn:hover{background:#ffcc01;}
.news-one__title h3, .popular-causes__title h3{font-size:18px;line-height:28px;}
.popular-causes__title{margin-bottom:0px;}
.popular-causes__category{background:#fc0100;}
.popular-causes__title h3{margin-bottom:5px;}
.popular-causes__title p{color:#ffcc01;}
.news-one__title{min-height:120px;}

.gallery-one{padding-top:80px;}

.footer-widget__text{color:#fff !important;}
.footer-widget__title, .footer-widget__explore-list li a, .footer-widget__explore-list li a:hover{color:#fff !important;}
.site-footer::before{background:#3082c2;}
.icon i, .icon a{color:#fff !important;}

.scroll-to-top, .scroll-to-top:hover{background:#fc0100;}

.contentz ul{list-style:none;margin-left:40px;margin-bottom:1rem;}
.block-title{margin-bottom:20px;}
.ccm_table td{padding:5px;line-height:22px;border:1px solid #ccc;}
.main-nav__main-navigation .main-nav__navigation-box > li > a::before {background:#fc0100;}
.make-donation-two{padding-top:60px;}
.popular-causes__carousel.owl-theme .owl-nav{top:-100px;}
.contact-form{padding:30px;}