
.site-header_custom{
	background-color: #fff !important;
	color: #8d8d8d;
}

   .anchor {
        display: block;
        position: relative;
        top: -200px;
        visibility: hidden;
    }
    .home_logo-container {
        position: absolute;
        top: 50%;
        left: 70%;
        height: 450px;
        width: 450px;
        margin-top: 80px;
        padding: 40px 60px 0px 60px;
        transform: translate(-50%, -50%);
        background-color: rgba(128,128,128,0.4);
    }
    .footer_centered{
        position: absolute;
        top: 50%;        
        left: 25%;
        height: 350px;
        width: 350px; 
        padding: 7% 1%;     
        transform: translate(-50%, -50%);      
    } 
    .container_footer{
        position: relative;     
    }
    .color-white{
        color: rgba(255,255,255,1);
    }
    .color-flame{
        background: -webkit-linear-gradient(45deg, #ff9900, #dbc571);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .text-shadow{
        text-shadow: 3px 3px 1px rgba(170, 170, 170, 1);
    }
    .feature_list{
        margin-bottom: 30px;
        padding: 25px;
        box-shadow: 5px 8px 5px rgba(170, 170, 170, 0.9);
        background:white;  
    } 
    .bgcolor-flame{
        background: -webkit-linear-gradient(45deg, #ff9900, #dbc571);
    }  
    .features{
        margin-top: 30px;
        background: url("../../img/pattern.png") no-repeat fixed center;
    }

    .feature_img{
        max-width: 78px;
    }
    .feature_bar {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 150px;
        height: 10px;
    }

    .jemaah-green {
      background: #4BBD8C;
    }

    .text-jemaah {
      color: #4BBD8C;
    }

    .event-red {
      background: #F8454E;
    }

    .text-event {
      color: #F8454E;
    }

    .facility-blue {
      background: #0D2D79;
    }

    .text-facility {
      color: #0D2D79;
    }

    .infaq-orange {
      background: #F19741;
    }

    .text-infaq {
      color: #F19741;
    }

    .khidmah-blue {
      background: #1DAAFC;
    }

    .text-khidmah {
      color: #1DAAFC;
    }


    .membership-pricing-table {
        width: 920px
    }

    .membership-pricing-table table .glyphicon,.membership-pricing-table table .glyphicon {
        font-size: 22px
    }

    .membership-pricing-table table .no_icon {
        color: #a93717
    }

    .membership-pricing-table table .yes_icon {
        color: #209e61
    }

    .membership-pricing-table table .plan-header {
        text-align: center;
        font-size: 48px;
        border: 1px solid #e2e2e2;
        padding: 25px 0
    }

    .membership-pricing-table table .plan-header-free {
        background-color: #eee;
        color: #555
    }

    .membership-pricing-table table .plan-header-blue {
        color: #fff;
        background-color: #61a1d1;
        border-color: #3989c6
    }

    .membership-pricing-table table .plan-header-standard {
        color: #fff;
        background-color: #ff9317;
        border-color: #e37900
    }

    .membership-pricing-table table td {
        text-align: center;
        width: 15%;
        padding: 7px 10px;
        background-color: #fafafa;
        font-size: 14px;
        -webkit-box-shadow: 0 1px 0 #fff inset;
        box-shadow: 0 1px 0 #fff inset
    }

    .membership-pricing-table table,.membership-pricing-table table td {
        border: 1px solid #ebebeb
    }

    .membership-pricing-table table tr td:first-child {
        background-color: transparent;
        text-align: right;
        width: 24%
    }

    .membership-pricing-table table tr td:nth-child(5) {
        background-color: #FFF
    }

    .membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .membership-pricing-table table tr:first-child th:first-child {
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: #e2e2e2
    }

    .membership-pricing-table table tr:first-child th .pricing-plan-name {
        font-size: 22px
    }

    .membership-pricing-table table tr:first-child th .pricing-plan-price {
        line-height: 35px
    }

    .membership-pricing-table table tr:first-child th .pricing-plan-price>sup {
        font-size: 45%
    }

    .membership-pricing-table table tr:first-child th .pricing-plan-price>span {
        font-size: 30%
    }

    .membership-pricing-table table tr:first-child th .pricing-plan-period {
        margin-top: -7px;
        font-size: 25%
    }

    .membership-pricing-table table .header-plan-inner {
        position: relative
    }

    .membership-pricing-table table .recommended-plan-ribbon {
        box-sizing: content-box;
        background-color: #dc3b5d;
        color: #FFF;
        position: absolute;
        padding: 3px 6px;
        font-size: 11px!important;
        font-weight: 500;
        left: -6px;
        top: -22px;
        z-index: 99;
        width: 100%;
        -webkit-box-shadow: 0 -1px #c2284c inset;
        box-shadow: 0 -1px #c2284c inset;
        text-shadow: 0 -1px #c2284c
    }

    .membership-pricing-table table .recommended-plan-ribbon:before {
        border: solid;
        border-color: #c2284c transparent;
        border-width: 6px 0 0 6px;
        bottom: -5px;
        content: "";
        left: 0;
        position: absolute;
        z-index: 90
    }

    .membership-pricing-table table .recommended-plan-ribbon:after {
        border: solid;
        border-color: #c2284c transparent;
        border-width: 6px 6px 0 0;
        bottom: -5px;
        content: "";
        right: 0;
        position: absolute;
        z-index: 90
    }

    .membership-pricing-table table .plan-head {
        box-sizing: content-box;
        background-color: #ff9c00;
        border: 1px solid #cf7300;
        position: absolute;
        top: -33px;
        left: -1px;
        height: 30px;
        width: 100%;
        border-bottom: none
    }