#datediv .year, #datediv .month, #datediv .day {
    width: 27.8%;
    margin: 0 15px;
}

.donation-gate-btn {
    background-image: url(../content/images/left-arrow-2.png);
    width: 8px;
    height: 10px;
}

.table-none-scroll-xs {
    height: 162px;
}

.red {
    color: #d62446 !important;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: white;
}

.skiplink {
    height: 26px;
    padding-top: 2px;
    margin-top: 25px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    overflow: hidden;
    display: block;
    margin-bottom: 25px;
    font-size: 12px;
    width: 88%;
    color: #fff;
    font-weight: bold;
    background-color: #20598e;
}

.volume {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    right: -5px;
    /** background: url('..../Content/images/volume.png') no-repeat 0 -50px;**/
    position: absolute;
    margin-top: -5px;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.innervoliner {
    margin-top: 110px !important;
    max-width: 1170px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.forgrt {
    line-height: 22px;
    text-decoration: underline;
}

form .labelValid {
    background-image: url(/Content/images/CreditTypes.png), url(/Content/images/CreditTypes.png);
    background-size: 120px 361px, 120px 361px;
    background-repeat: no-repeat;
    background-position: 0px -86px;
    width: 100%;
    height: 30px;
}

.Itemvolinter {
    padding: 5px;
    font-weight: normal;
    font-size: 12px;
    text-align: right;
    direction: rtl;
    float: right;
    line-height: 40px;
}

    .Itemvolinter input[type="radio"], input[type="checkbox"] {
        margin: 0 0 0 15px;
        width: 15px;
    }

    .Itemvolinter input {
    }

.overlayInsetShadow {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 2;
    height: 170px;
    width: 100%;
}

*:focus {
    outline: 0;
}

#getDonorTargetDiv {
    margin-top: -20px;
}

.targetChart {
    margin: 0px;
}

.chartText {
    color: #fff !important;
}

.font-color {
    color: #666;
    line-height: 25px;
    font-size: 12px;
    font-weight: normal;
}

* {
    font-family: 'Noto Kufi Arabic';
}

.share-trigger {
    position: absolute;
    width: auto;
    display: block;
}

.titeldonte {
    height: 70px;
}

.ImgDetails {
}

/*h1 {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
}*/

h2 {
    font-family: 'Noto Kufi Arabic';
    font-size: 14px;
}

.fa-facebook-square {
    font-size: 24px !important;
}

.titlebox {
    font-size: 20PX;
    color: #888;
    width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    display: block;
    height: 53px;
}


.campaignDescription h1 {
    font-size: 26px;
    padding-bottom: 10px;
}

.fa-twitter-square {
    font-size: 24px !important;
}

.fa-google-plus-square {
    font-size: 24px !important;
}

.fast-btn {
    background-color: #fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    height: 83px;
    margin-top: -80px;
    z-index: 999;
    position: relative;
    -webkit-box-shadow: 0px -6px 9px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -6px 9px 0px rgba(0,0,0,0.2);
    box-shadow: 0px -6px 9px 0px rgba(0,0,0,0.2);
    overflow: hidden;
}

.heighnews {
    height: 600px;
    overflow: hidden;
    display: block;
}

.lcnb_linked_title:hover {
    color: #007ffa !important;
}

.datenews:hover {
    opacity: .5;
}

input:active   {
    outline-style: none;
}



.SliderNewDiv {
    text-align: right;
    direction: rtl;
    float: right;
    width: 100%;
}

.donarprofile {
    text-align: right;
    direction: ltr;
    width: 100%;
    margin-top: 90px;
}

.collapsed .arrorToggle:after {
    content: "\e079";
}

.arrorToggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    font-size: 15px;
    color: #fff;
}

.ItemEdit {
    padding: 5px;
    font-weight: normal;
    font-size: 8pt;
    text-align: right;
    direction: rtl;
    float: right;
}

    .ItemEdit input {
        float: right;
        border: 1px solid #eee;
    }

    .ItemEdit select {
        /*width: 45%;*/
        float: right;
        border: 1px solid #eee;
        padding: 0 15px;
    }

/*#isNewCard, #isOldCard, #rdoMasterCard, #rdoVisa, makeDefaultCredit {
    margin: 5px;
}

.content1 label {
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 0px !Important;
    cursor: pointer;
}

.content1 h1 {
    text-align: center;
}*/

.searchDiv {
    text-align: right;
    direction: rtl;
    float: right;
    width: 100%;
}

.MainNewsSeach {
    text-align: right;
    direction: rtl;
    float: right;
    width: 100%;
    margin: 2%;
}

img.MainNewsSeachImage {
    text-align: right;
    direction: rtl;
    float: right;
    width: 25%;
    float: right;
    margin: 2%;
}

.lcnb_news {
    margin-bottom: 50px;
}

.MainNewsSeachData {
    text-align: right;
    direction: rtl;
    float: right;
    width: 70%;
    float: right;
}

.titelnews {
    float: right;
    padding: 1%;
    position: absolute;
    margin: 2%;
    color: #fff;
    font-size: 12px;
    text-align: right;
    line-height: 25px;
}

    .titelnews h1 {
        width: 30%;
        float: right;
        display: block;
        font-size: 16px;
        line-height: 25px;
    }

        .titelnews h1 span {
            display: block;
            float: right;
            font-size: 11px;
            line-height: 25px;
        }

.logo {
    background-image: url("/Content/images/qc-logo.png");
    float: right;
    width: 247px;
    height: 73px;
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    z-index: 5000;
    right: 100px;
    top: 21px;
}

/*.divider-vertical {
    line-height: 40px;
    padding: 0px 11px;
}*/

.date {
    font-size: 9px;
    color: rgba(0, 76, 132, 0.9);
    margin: 10px 0px;
}


#TeamNews .date {
    text-align: right;
    border: none;
}

.itemteaser {
    font-size: 11px;
    line-height: 25px;
}


.Footer {
    width: 100%;
    display: block;
    background-color: #4b4b4b;
    color: #fff;
    height: 600px;
}

.footertext {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}

.copyright {
    background-color: #232323;
    height: auto;
    text-align: center;
    width: 100%;
    font-size: 10px;
    color: #FFF;
    line-height: 40px;
    display: inline-block;
}



.fullscreen,
.content-a {
    width: 100%;
    min-height: 100%;
}

    .not-fullscreen,
    .not-fullscreen .content-a,
    .fullscreen.not-overflow,
    .fullscreen.not-overflow .content-a {
        height: 100%;
        overflow: hidden;
    }

/* content centering styles */
.content-a {
    display: table;
}

.content-b {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
}

.campaignBar {
    display: block;
    color: #fff;
    background-color: rgba(0, 76, 132, 0.9);
    padding: 5px;
}

.chart {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
}

.disable {
    display: none !important;
}

.selectedbtn {
    background-color: #1D929B !important;
}

.smallmenu {
    float: left;
    padding: 10px 10px;
}

.topmenu {
    margin: 0px;
    padding: 0px;
}

    .topmenu li {
        color: #fff;
        float: left;
        font-size: 10px;
        list-style: outside none none;
        margin: 20px 10px;
        position: relative;
        z-index: 20000;
    }

        .topmenu li a {
            color: #fff;
        }

.mainMenuTrigger {
    right: 0px;
    z-index: 5000;
    position: relative;
}


.socialtop {
    float: left;
    list-style: outside none none;
    /* margin: 150px 10px; */
    width: 85px;
    z-index: 100;
    position: absolute;
    top: 10vh;
    margin-left: 10px;
}

    .socialtop ul {
        margin: 0px;
        padding: 0px;
    }

        .socialtop ul li {
            float: left;
            list-style: none;
            width: 82px;
            height: 81px;
            list-style: none;
            margin: 5px;
        }

.cart {
    width: 64px;
    height: 77px;
    background-image: url("/Content/images/cart.png");
}

.donationbtn {
    background-color: #5C1330;
    position: absolute;
    bottom: 14%;
    font-size: 30px;
    z-index: 500;
    left: 45.2%;
    border-radius: 92px;
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 140px;
    color: #fff;
    opacity: 0.8;
    cursor: pointer;
}

.loginForm {
    top: 0 !important;
    left: 0% !important;
}

.btnLogin {
    background-color: #5d5d5d;
    text-align: center;
    font-size: 11px;
    color: #fff;
    float: right;
    float: left;
    height: 42px;
    width: 105px;
}

.marketing {
    background-color: #4b4b4b;
    color: #fff;
}

.divnewsleetr {
    float: right;
}

.social {
    width: 100%;
    float: right;
    margin-bottom: 10px;
    margin-top: 30px;
}

    .social ul {
        margin: 0px;
        padding: 0px;
    }

        .social ul li {
            float: right;
            list-style: none;
            margin: 10px 3px;
        }

            .social ul li a {
                width: 33px;
                height: 32px;
                display: block;
                background-repeat: no-repeat;
            }

.face {
    background-image: url("/Content/images/face-icon.png");
}

    .face:hover {
        background-image: url("/Content/images/face-icon-hover.png");
        opacity: 1;
        transition: all 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
        cursor: pointer;
    }

.inest {
    background-image: url("/Content/images/inestgram-icon.png");
}

    .inest:hover {
        background-image: url("/Content/images/inestgram-hover-icon.png");
        opacity: 1;
        transition: all 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
        cursor: pointer;
    }

.twtter a {
    background-image: url("/Content/images/Twetter-icon.png");
    transition: all 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
}

    .twtter a:hover {
        background-image: url("/Content/images/Twetter-icon-hover.png");
        opacity: 1;
        transition: all 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
        cursor: pointer;
    }

.youtube a {
    background-image: url("/Content/images/you-icon.png");
}

    .youtube a:hover {
        background-image: url("/Content/images/you-icon-hover.png");
        opacity: 1;
        transition: all 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
        cursor: pointer;
    }

.gplus a {
    background-image: url("/Content/images/gplaus-icon.png");
}

    .gplus a:hover {
        background-image: url("/Content/images/gplaus-icon-hover.png");
        opacity: 1;
        transition: all 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
        cursor: pointer;
    }

.snapchat a {
    background-image: url("/Content/images/snapchat-icon.png");
}

    .snapchat a:hover {
        background-image: url("/Content/images/snapchat-icon-hover.png");
        opacity: 1;
        transition: all 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
        cursor: pointer;
    }

.soundCloud a {
    background-image: url("/Content/images/souncloud-normal.png");
}

    .soundCloud a:hover {
        background-image: url("/Content/images/souncloud-hover.png");
        opacity: 1;
        transition: all 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
        cursor: pointer;
    }

.seprator {
    height: 40px;
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.sepratorred {
    border-bottom: 2px solid #952556;
    width: 5%;
    float: right;
}

.sepratorgray {
    border-bottom: 2px solid #d6d6d6;
    float: right;
    width: 95%;
}

.titleDetailMainBody {
    font-family: 'Noto Kufi Arabic';
    font-size: 12px;
    color: #9a9a9a;
    width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    text-align: right;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.HeaderDetailMainBody {
    font-family: 'Noto Kufi Arabic';
    font-size: 1.3em;
    color: #e00570;
    width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    display: block;
    margin-bottom: 22px;
}

.HeaderDetailMainBody-campgin {
    font-family: 'Noto Kufi Arabic';
    font-size: 1em;
    color: #000;
    text-align: right;
    display: block;
    padding: 10px;
}

.HeaderDetailDescription {
    font-family: 'Noto Kufi Arabic';
    font-size: 14px !important;
    direction: initial;
}


.title {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    color: #888;
    width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    text-align: right;
    display: block;
    margin-top: 50px;
    margin-bottom: 20px;
}

    .title a {
        color: #888;
        text-decoration: none;
    }

.mornews {
    width: 52.5% !important;
    float: left;
}


.related {
    border: 1px solid #eee;
    display: inline-block;
    margin-top: 30px;
    width: 100%;
}

.font-size label {
    font-size: 9px;
}

.newssection {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.newssectionartical h3 {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.donationSection {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    max-width: 1170px;
}

.bannerdonation {
    width: 26.5%;
    float: left;
}

    .bannerdonation img {
        width: 100%;
        margin: 0px 0px 30px 0px;
    }

.donationbox {
    height: 370px;
    float: right;
    padding: 1.5%;
    text-align: right;
    color: #777;
    width: 30%;
    margin-right: 2%;
}

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
    float: left;
}

.donation {
    float: right;
}

ul.bjqs {
}

.picdonation {
    float: left;
    width: 64.5%;
    padding: 0px;
    margin: 51px 0 0;
    max-height: 480px;
    overflow: hidden;
}

.donationitems {
    float: left;
    width: 75.5%;
    height: 458px;
    margin-right: 1.5%;
    MARGIN-BOTTOM: 60PX;
    padding: 1%;
    border: 1px solid #eee;
}

.titledonation {
    margin: 20px 0px;
    color: #fff;
    font-size: 16px;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    margin-left: 35px;
    border: 1px solid #eee;
    height: 30px;
    width: 32px;
    font-size: 15px;
    color: #777;
    margin-bottom: 10px;
    background-image: url(/Content/images/right.png );
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -10px;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    margin-left: 0px !important;
    border: 1px solid #eee;
    height: 30px;
    width: 32px;
    font-size: 15px;
    background-image: url(/Content/images/left.png );
    background-repeat: no-repeat;
    background-position: center center;
    color: #777;
    margin-bottom: 10px;
    margin-top: -10px;
}

.donationSearch {
    color: #fff;
    direction: rtl;
    float: right;
    height: 458px;
    padding: 2%;
    text-align: right;
    width: 23%;
    background-color: rgba(0, 76, 132, 0.9);
}

.donationSearchProfile {
    color: #fff;
    direction: rtl;
    float: right;
    height: 500px;
    padding: 2%;
    text-align: right;
    width: 100%;
    background-color: rgba(0, 76, 132, 0.9);
}

.donationbox p {
    font-size: 14px;
    direction: rtl;
}

.donationbox .MainDir {
    font-size: 10px;
    height: 116px;
    overflow: hidden;
}

.spacedonation {
    height: 116px;
    clear: both;
}

.txtSearchWordVertical {
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-size: 9px;
    height: 40px;
    margin: 8px 0px;
    /*width: 98% !important;*/
    font-size: 11px;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

input.txtSearchWordVertical::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}

input.txtSearchWordVertical:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

input.txtSearchWordVertical::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

input.txtSearchWordVertical:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}


.txtSearchWord {
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-size: 9px;
    height: 35px;
    margin: 16px 0px;
    width: 80% !important;
    font-size: 11px;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

input.rq::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #949494;
    font-size: .8em;
}

input.rq:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
    font-size: .8em;
}

input.rq::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
    font-size: .8em;
}

input.rq:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
    font-size: .8em;
}

input.rq::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
    font-size: .8em;
}

.donationSearch select, select.select-newsearch {
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 10px;
    height: 40px;
    margin: 8px 0px;
    padding: 0 5px;
    width: 100%;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-image: url("/Content/images/arow.png");
    background-position: 10px;
    background-repeat: no-repeat;
    BACKGROUND-SIZE: 10PX;
}

    .donationSearch select option {
        background-color: #20598e;
        border: none;
        margin: 10px 0px;
    }



div.donationSearch input {
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-size: 9px;
    margin: 8px 0px;
    /*width: 48%;*/
    font-size: 11px;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

.filterdonation input {
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-size: 9px;
    margin: 16px 5px;
    width: 10%;
    padding: 0px;
    font-size: 11px;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

.filterdonationPart2 input {
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-size: 9px;
    margin: 16px 5px;
    width: 10%;
    padding: 0px;
    font-size: 11px;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

#minamount {
    margin-left: 6px;
}

.filterdonation #maxamount {
    margin-left: 6px;
}

.filterdonationPart2 #maxamount {
    margin-left: 6px;
}

#minamount::-webkit-input-placeholder {
    color: #fff;
}

/* Firefox 4-18 */
#minamount:-moz-placeholder {
    color: #fff;
}

/* Firefox 19+ */
#minamount::-moz-placeholder {
    color: #fff;
}

/* IE10+ */
#minamount:-ms-input-placeholder {
    color: #fff;
}

#maxamount::-webkit-input-placeholder {
    color: #fff;
}

/* Firefox 4-18 */
#maxamount:-moz-placeholder {
    color: #fff;
}

/* Firefox 19+ */
#maxamount::-moz-placeholder {
    color: #fff;
}

/* IE10+ */
#maxamount:-ms-input-placeholder {
    color: #fff;
}

/*.btndo {
    background-color: #e00570;
    font-size: 100%;
    height: 42px;
    margin-top: 10px;
    color: #fff;
    margin-left: auto;
    line-height: 10px;
    margin-right: auto;
    border: 0px;
}

    .btndo:hover {
        background-color: rgb(216, 54, 85) !important;
        color: #fff;
    }*/

/*.bt-donation {
    background-color: #e00570;
    font-size: 100%;
    height: 45px;
    margin-top: 10px;
    width: 100%;
    color: #fff;
    margin-left: auto;
    line-height: 10px;
    margin-right: auto;
    border: 0px;
}*/

.btnsearch {
    background-color: #fff;
    font-size: 100%;
    height: 42px;
    margin-top: 10px;
    width: 100%;
    color: #777;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
}

    .btnsearch:hover {
        background-color: #b4b4b4;
        color: #fff;
    }

.mybanner {
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    overflow: hidden;
    margin-top: 100px;
    max-width: 1170px;
}

    .mybanner img {
        width: 100%;
    }

.mainCausesContainer {
    position: absolute;
    width: 100%;
    height: 750px;
    background-color: #fff;
    overflow: auto;
    z-index: 100;
    border-bottom: 7px solid rgba(0, 76, 132, 0.9);
    border-top: 2px solid rgba(0, 76, 132, 0.9);
    overflow: auto;
}

.removeClass {
    color: rgba(0, 76, 132, 0.9);
    position: absolute;
    right: 0;
    font-size: 47px !important;
    padding: 10px;
}

.controldonation {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

    .controldonation input {
        background-color: #fff;
        border: 1px solid #b4b4b4;
        text-align: center;
        float: left;
        margin: 2px;
        padding: 6px;
    }

    .controldonation a {
        margin: 5px;
        font-size: 9px;
        color: #777;
        float: left;
        display: block;
        height: 30px;
        line-height: 27px;
        cursor: pointer;
    }

.nextdonation {
    background-image: url(/Content/images/left.png );
    background-repeat: no-repeat;
    background-position: center center;
    width: 33px;
}

#MainCategoryFilterResult {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    /*margin-bottom: 23px;*/
}

.perdonation {
    background-image: url(/Content/images/right.png );
    background-repeat: no-repeat;
    background-position: center center;
    width: 33px;
}

.description {
    font-size: 10px;
    color: #777;
    text-align: right;
}

    .description a {
        color: #777;
    }

.details {
    max-width: 1170px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px !important;
}

.login-m-r {
    height: 40px;
    background-color: #fff;
    border: 1px solid #eee;
    margin-top: 10px;
}

ol.bjqs-markers li a {
    font-size: 0px;
}

.mainnews {
    width: 45%;
    float: right;
    height: auto;
}

.picnews img {
    background-size: 100%;
    width: 100%;
}

.mainnews-text {
    background-color: #4d4d4d;
    bottom: 0;
    color: #fff;
    display: block;
    font-family: 'Noto Kufi Arabic';
    font-size: 12px;
    max-height: 90px;
    padding: 2%;
    text-align: right;
    width: 100%;
    line-height: 25px;
}

.lcnb_wrap {
    margin: 0px !important;
}

.lcnb_light_theme.lcnb_wrap.lcnb_uniblock .lcnb_news, .lc {
    border-bottom: 1px dotted #b4b4b4 !important;
    font-family: 'Noto Kufi Arabic' !important;
}

.lcnb_light_theme .lcnb_title {
    border-bottom: 0px dotted #b4b4b4 !important;
    text-align: right;
    font-family: 'Noto Kufi Arabic' !important;
}

.lcnb_vertical .lcnb_news_inner {
    text-align: right;
}

.lcnb_img .lcnb_img_lb, .lcnb_img .lcnb_video_lb {
    cursor: pointer;
    display: block;
    height: 100%;
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
}



.lcnb_type_height {
    height: 125px !important;
}

.lcnb_wrap.lcnb_uniblock article.lcnb_news {
    background-position: right bottom;
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    direction: rtl;
}

.lcnb_btm_bar, .lcnb_top_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    direction: ltr;
    min-height: 32px;
    left: 0;
    width: 100%;
    z-index: 30;
}

    .lcnb_btm_bar .lcnb_link, .lcnb_top_bar .lcnb_link, .lcnb_btm_bar .lcnb_social_trigger, .lcnb_top_bar .lcnb_social_trigger, .lcnb_btm_bar .lcnb_btn_expand, .lcnb_top_bar .lcnb_btn_expand {
        box-sizing: content-box;
        cursor: pointer;
        float: left;
        font-family: "newsbox";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        height: 25px;
        line-height: 1;
        opacity: 0.7;
        padding: 0 5px;
        text-transform: none;
        width: 25px;
    }

.lcnb_btm_bar, .lcnb_top_bar {
    left: 0;
}



.lcnb_vertical .lcnb_img {
    height: 100%;
    max-width: 150px;
    overflow: hidden !important;
    width: 150px;
    padding-bottom: 10px;
}

.lcnb_lb_icon:before {
    display: block;
    font-family: "newsbox";
    font-size: 9.9vw;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 100%;
    left: 40%;
    line-height: 1;
    margin-right: -14px;
    margin-top: -14px;
    position: absolute;
    text-transform: none;
    top: 20%;
    width: 100%;
}

.lcnb_light_theme.lcnb_vertical .lcnb_img {
    border: 0px !important;
    font-family: 'Noto Kufi Arabic' !important;
}

    .lcnb_light_theme.lcnb_vertical .lcnb_img .lcnb_img_lb, .lcnb_light_theme.lcnb_vertical .lcnb_img .lcnb_video_lb {
        margin: 0px !important;
        font-family: 'Noto Kufi Arabic' !important;
    }

.lcnb_btm_bar .lcnb_btn_time, .lcnb_top_bar .lcnb_btn_time {
    display: table;
    height: auto;
    margin: 2px 10px 0 0;
    text-align: center;
    float: right;
}

.lcnb_light_theme .lcnb_btm_bar .lcnb_date, .lcnb_light_theme .lcnb_top_bar .lcnb_date, .lcnb_light_theme .lcnb_exp_date time, .lcnb_light_theme .lcnb_btm_bar .lcnb_rm_btn, .lcnb_light_theme .lcnb_top_bar .lcnb_rm_btn {
    background-color: #eee !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0 #b4b4b4 !important;
    color: #262626;
    font-family: 'Noto Kufi Arabic' !important;
}

.lcnb_light_theme .lcnb_btm_bar .lcnb_link, .lcnb_light_theme .lcnb_top_bar .lcnb_link, .lcnb_light_theme .lcnb_btm_bar .lcnb_social_trigger, .lcnb_light_theme .lcnb_top_bar .lcnb_social_trigger, .lcnb_light_theme .lcnb_btm_bar .lcnb_btn_expand, .lcnb_light_theme .lcnb_top_bar .lcnb_btn_expand {
    /*border-right: 0px solid #b4b4b4 !important;
    box-shadow: none;*/
    /*font-family: 'Noto Kufi Arabic' !important;*/
}

.lcnb_exp_img_wrap {
    float: right;
    margin-right: 3%;
    max-width: 30%;
    position: relative;
    text-align: center;
    width: auto;
}

.lcnb_exp_txt {
    -moz-hyphens: auto;
    display: none;
    float: right;
    font-size: 13px;
    margin-top: 3px;
    padding-right: 45px;
    width: 67%;
    text-align: right;
}

.lcnb_exp_date {
    display: table-cell;
    font-size: 80%;
    line-height: 14px;
    vertical-align: middle;
    float: left;
}

.infographsection {
    margin-top: 10%;
}

.ls-container, .ls-slide, .ls-inner, .ls-lt-container, .ls-bg {
    border-radius: 0px;
}

.corpretsecation {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.corpret-icon {
    list-style: none;
    position: relative;
    left: 50%;
}

    .corpret-icon li {
        border: 1px solid #eee;
        float: right;
        list-style: outside none none;
        margin: 10px 18px;
        padding: 5px;
        width: 235px;
        text-align: center;
    }

        .corpret-icon li img {
            height: 150px;
            margin: 0;
            max-width: 200px;
            overflow: hidden;
            width: 150px;
            background-size: 100%;
        }

.Story {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    margin-top: 50px;
}

.mapsection {
    margin-top: 50px;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.ls-container, .ls-slide, .ls-inner, .ls-lt-container, .ls-bg {
    border-radius: 0px;
}

    .ls-bg ls-preloaded {
        border-width: 0;
        height: 713.625px;
        margin-left: 0px;
        margin-top: -108.813px;
        padding: 0;
        width: 100%;
    }

.ls-container, .ls-slide, .ls-inner, .ls-lt-container, .ls-bg {
    border-radius: 0px !important;
}

    .ls-bg ls-preloaded {
        margin: 0px !important;
    }



/*#pav-footer-top {
    background-attachment: fixed;
    background-clip: padding-box;
    background-image: url('/Content/images/fotter-bic.png');
    background-position: 0 0;
    height: 400px;
    top: 0;
    width: 100%;
}*/

.cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px;
}

    .cd-fixed-bg.cd-bg-1 {
        background-image: url('/Content/images/fotter-bic.png');
    }

#powered .copyright {
    font-weight: 300;
    line-height: 50px;
    height: 50px;
    font-size: 12px;
    text-align: center;
    background-color: #0c4994;
    background-repeat: no-repeat;
    color: #fff;
}

.backfooter {
    background-color: #f6f6f6;
    height: 600px;
    display: block;
}

#footer {
    background: none repeat scroll 0 0 white;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    min-height: 100px;
    position: relative;
    padding: 10px 0px;
}

.line-shipping {
    font-size: 24px;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.title-shipping {
    font-size: 30px;
    text-align: center;
    font-family: 'Noto Kufi Arabic';
    line-height: 80px;
    padding-top: 145px;
    color: #fff;
}

#footer p {
    color: #fff;
}

.content-shipping {
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-family: 'Noto Kufi Arabic';
}

.lcnb_light_theme.lcnb_has_cmd .lcnb_prev, .lcnb_light_theme.lcnb_has_cmd .lcnb_next {
    background: #fff;
    border: 1px solid #cecece;
    box-shadow: 0px 0px 0 #cfcfcf;
    font-family: 'Noto Kufi Arabic' !important;
}

.maincorpret {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}


.lcnb_minimal_theme.lcnb_has_cmd .lcnb_prev, .lcnb_minimal_theme.lcnb_has_cmd .lcnb_next {
    background-color: #fefefe;
    border: 0px solid #c2c2c2;
}


.picdonation img {
    width: 100%;
    float: right;
    height: 480px;
}



.datacenter {
    height: 100%;
    height: 360px;
    margin-top: 40px;
    background-image: url('/Content/images/datacenter-back.jpg');
    background-repeat: no-repeat;
    background-position: 0px -200px;
}

.colm {
    margin: 10px;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 23%;
    margin-top: 80px;
}

    .colm img {
    }

ol.bjqs-markers {
    font-size: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}


.closen {
    display: none;
}

.fa-h-square:before {
    content: "\f015";
    font-size: 18px;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f00a";
    font-size: 18px;
}



.fa-chain:before, .fa-link:before {
    content: "\f0f6";
}



.lang {
    width: 108px;
    left: 87px !important;
}

.widthaya {
    width: 200px;
    left: -48px !important;
}

.margen {
    margin-top: -10px !important;
}

.htop {
    float: left;
}

.padding {
    padding: 10px 5px !important;
}

.padding-7-left {
    padding-left: 7px !important;
}

.padding-7-right {
    padding-right: 7px !important;
}

.slogan {
    font-size: 18px;
}

.dropdown-menu {
    text-align: right !important;
    font-size: 12px !important;
}



.adress {
    width: 50%;
    direction: rtl;
}

.loginsection {
    margin-top: -50px !important;
    width: 50%;
    left: 0px !important;
    text-align: right;
}

/*Searchpage*/


.searchTitel {
    font-size: 18px;
    border-right: 8px solid rgba(0, 76, 132, 0.9);
    height: 30px;
    width: 100%;
    padding-right: 19px;
    line-height: 30px;
    margin-bottom: 30px;
}

    .searchTitel span {
        color: rgba(0, 76, 132, 0.9);
    }

.resultcommponant {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

    .resultcommponant img {
        float: right;
        margin: 2%;
        display: block;
        max-width: 120px;
        max-height: 113px;
        width: 100%;
        overflow: hidden;
        border: 1px solid #b4b4b4;
    }

.resulttext {
    font-size: 12px;
    direction: rtl;
    text-align: right;
    line-height: 25px;
    margin-top: 20px;
}

    .resulttext span a {
        color: rgba(0, 76, 132, 0.9);
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
    }

.imgnews {
    max-height: 350px;
    overflow-y: hidden;
}

    .imgnews img {
        width: 100%;
    }


.newsWidth {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}



.PrintNews {
    float: left;
    height: 30px;
    line-height: 30px;
}

.relatedNews {
    width: 45%;
    float: right;
    margin: 2%;
}

.relatedNewsFullWidth {
    width: 98%;
    float: right;
    margin: 2%;
}

.newstags {
    margin: 2%;
}

    .newstags a {
        border: 1px solid #eee;
        margin: 2%;
        padding: 5px 10px;
    }

.headnews {
    margin: 2%;
    font-size: 16px;
    text-align: right;
    border-bottom: 2px dotted #eee;
    padding: 1% 0px;
}

.maxheight {
    max-height: 350px;
}

.fb {
    background-color: #fff;
    padding: 2%;
    width: 71%;
    float: right;
    text-align: center;
    margin-bottom: 50px;
}

.newstabs {
}


/*********************Donation***************************/
.btnlogn {
    background-color: #20598e;
    color: #fff;
    padding: 8px;
    margin-top: 20px;
}

    .btnlogn a {
        color: #fff;
    }

.spicalsponser-g1 {
    line-height: 30px;
    background-color: #d8d8d8;
    font-size: 14px !important;
    margin-bottom: 8px;
}

.spicalsponser-g2 {
    line-height: 30px;
    font-size: 14px !important;
    background-color: #fafafa;
    margin-bottom: 8px;
    height: 30px;
}


.donrname-size {
    border-bottom: 1px solid #eee;
    padding: 5px;
    font-size: 11px;
}

.colorback {
    padding: 1%;
}

.sponser-border {
    border-left: 1px solid rgba(0, 76, 132, 0.9);
    border-right: 1px solid rgba(0, 76, 132, 0.9);
    width: 100%;
}

.sponser-color1 {
    font-size: 11px;
    border-bottom: 1px dotted #eee;
    color: #20598e;
    padding: 8px 0px;
}

.sponser-color {
    font-size: 11px;
    border-bottom: 1px dotted #eee;
    color: #777;
    padding: 8px 5px;
    height: 34px;
}

.sponser-pic {
    -webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
    padding: 10px;
    width: 135px;
}

.sponserround {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.bordertayf {
    border-bottom: #b4b4b4 1px dotted;
    padding: 10px;
}


.koiskhover {
    height: 84px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("/Content/images/tayf-05.png");
    background-position: center center;
    background-size: 50px auto;
}

    .koiskhover:hover {
        background-position: center center;
        background-image: url("/Content/images/kiosk.png");
        height: 84px;
        cursor: pointer;
        display: block;
    }

.koiskhoveractive {
    background-image: url("/Content/images/kiosk.png");
    background-position: center center;
    background-size: 50px auto;
    height: 84px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
}
/***********************************************************/

.branch {
    background-position: center center;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
    background-image: url("/Content/images/branches.png");
    background-size: 50px auto;
}

    .branch:hover {
        background-image: url("/Content/images/branchesWays_03.jpg");
        background-position: center center;
        height: 84px;
        background-size: 50px auto;
        display: block;
    }

.branchhover {
    background-image: url("/Content/images/branchesWays_03.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
}

/**************************************************************/

.collecting {
    background-position: center center;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
    background-image: url("/Content/images/tayf-09.png");
    background-size: 50px auto;
}

    .collecting:hover {
        background-image: url("/Content/images/coolcting.png");
        background-position: center center;
        height: 84px;
        display: block;
        background-size: 50px auto;
    }

.collectinghover {
    background-image: url("/Content/images/coolcting.png");
    background-position: center center;
    background-size: 50px auto;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
}

/**************************************************************/
.nogomi {
    background-position: center center;
    height: 84px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("/Content/images/tayf-11.png");
    background-size: 50px auto;
}

    .nogomi:hover {
        background-image: url("/Content/images/nogomi.png");
        background-position: center center;
        height: 84px;
        display: block;
        background-size: 50px auto;
    }

.nogomihover {
    background-image: url("/Content/images/nogomi.png");
    background-position: center center;
    background-size: 70px auto;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
}
/**************************************************************/
.boxicon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 84px;
    background-image: url("/Content/images/snadooq.png");
    background-size: 50px auto;
}

    .boxicon:hover {
        background-image: url("/Content/images/snadooq-hover.png");
        height: 84px;
        background-size: 50px auto;
        background-position: center center;
        display: block;
    }

.boxiconhover {
    background-image: url("/Content/images/snadooq.png");
    background-position: center center;
    background-size: 50px auto;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
}

/**************************************************************/
.tayef {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 84px;
    background-image: url("/Content/images/tayf-13.png");
    background-size: 50px auto;
}

    .tayef:hover {
        background-image: url("/Content/images/tayf.png");
        height: 84px;
        background-size: 50px auto;
        background-position: center center;
        display: block;
    }

.tayefhover {
    background-image: url("/Content/images/tayf.png");
    background-position: center center;
    background-size: 50px auto;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
}

/**************************************************************/
.mobile {
    background-position: center center;
    height: 84px;
    display: block;
    background-repeat: no-repeat;
    background-image: url("/Content/images/mobile.png");
    background-size: 50px auto;
}

    .mobile:hover {
        background-image: url("/Content/images/mobilehover.png");
        background-size: 50px auto;
        background-position: center center;
        height: 84px;
        display: block;
    }

.mobilefhover {
    background-image: url("/Content/images/mobilehover.png");
    background-position: center center;
    background-size: 50px auto;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
}

.about {
    line-height: 25px;
}
/**************************************************************/
/**************************************************************/
.aboutus {
    background-position: center center;
    height: 84px;
    display: block;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url("/Content/images/about-hover.png");
}

    .aboutus:hover {
        background-image: url("/Content/images/about.png");
        background-position: center center;
        height: 84px;
        display: block;
        background-size: 50px auto;
    }

.aboutusfhover {
    background-image: url("/Content/images/about.png");
    background-position: center center;
    background-size: 50px auto;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
}

/**************************************************************/
.department {
    background-position: center center;
    height: 84px;
    display: block;
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-image: url("/Content/images/depart (2).png");
}

    .department:hover {
        background-image: url("/Content/images/depart-hover.png");
        background-position: center center;
        height: 84px;
        display: block;
        background-size: 50px auto;
    }

.departmentfhover {
    background-image: url("/Content/images/depart-hover.png");
    background-size: 50px auto;
    background-repeat: no-repeat;
    width: 84px;
    height: 84px;
    display: block;
}
/**************************************************************/

.board {
    background-position: center center;
    height: 84px;
    display: block;
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-image: url("/Content/images/board.png");
}

    .board:hover {
        background-image: url("/Content/images/board-hover.png");
        background-position: center center;
        height: 84px;
        display: block;
    }

.boardhover {
    background-image: url("/Content/images/board-hover.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px auto;
    height: 84px;
    display: block;
}
/*****************************************************************/

.ceo {
    background-position: center center;
    height: 84px;
    display: block;
    background-repeat: no-repeat;
    background-image: url("/Content/images/ceo.png");
    background-size: 50px auto;
}

    .ceo:hover {
        background-image: url("/Content/images/ceo-hover.png");
        background-position: center center;
        height: 84px;
        background-size: 50px auto;
        display: block;
    }

.ceohover {
    background-image: url("/Content/images/ceo-hover.png");
    background-position: center center;
    background-size: 50px auto;
    background-repeat: no-repeat;
    height: 84px;
    display: block;
}
/*****************************************************************/
/******************************************************************/
.text-sm-center {
    text-align: center;
}

.LessAdvancedPic {
    background-image: url("/Content/images/ArrowUp.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    float: right;
    margin: 16px 5px;
    margin-right: 5px;
    cursor: pointer;
}

.MoreAdvancedPic {
    background-image: url("/Content/images/ArrowDown.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    float: right;
    margin: 16px 5px;
    margin-right: 5px;
    cursor: pointer;
}

.filterdonationAdvanced {
    background-color: rgba(0, 76, 132, 0.9);
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    max-width: 1170px;
    margin-bottom: 15px;
}

    .filterdonationAdvanced .title {
        float: right;
        color: #fff;
        line-height: 60px;
        padding: 0px 20px;
        margin-top: 0px;
        width: 100px;
        font-size: 18px;
    }

.filterdonation {
    background-color: rgba(0, 76, 132, 0.9);
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    max-width: 1170px;
    height: 63px;
}

    .filterdonation .title {
        float: right;
        color: #fff;
        line-height: 60px;
        padding: 0px 20px;
        margin-top: 0px;
        width: 100px;
        font-size: 18px;
    }

    .filterdonation select {
        color: #fff;
        font-size: 9px;
        height: 40px;
        margin: 12px;
        direction: rtl;
        width: 12%;
        background-color: transparent;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        outline: none;
        text-indent: 0.01px;
        text-overflow: '';
        background-image: url("/Content/images/arow.png");
        background-position: 4%;
        background-repeat: no-repeat;
        border: 1px solid #FFF;
        padding-right: 10px;
    }

    .filterdonation input[type="checkbox"] {
        margin: 26px 15px;
        width: 15px;
        height: 15px;
        -moz-appearance: checkbox;
        -webkit-appearance: checkbox;
    }

    .filterdonation select option {
        background-color: #20598e;
        border: none;
        margin: 10px 0px;
    }


.filterdonationPart2 {
    background-color: rgba(0, 76, 132, 0.9);
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    max-width: 1170px;
    height: 63px;
    padding-right: 126px;
}

    .filterdonationPart2 .title {
        float: right;
        color: #fff;
        line-height: 60px;
        padding: 0px 20px;
        margin-top: 0px;
        width: 100px;
        font-size: 18px;
    }

    .filterdonationPart2 select {
        float: right;
        color: #fff;
        font-size: 9px;
        height: 30px;
        margin: 17px 1%;
        direction: rtl;
        width: 12%;
        background-color: transparent;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        outline: none;
        text-indent: 0.01px;
        text-overflow: '';
        background-image: url("/Content/images/arow.png");
        background-position: 4%;
        background-repeat: no-repeat;
        border: 1px solid #FFF;
        padding-right: 10px;
    }

        .filterdonationPart2 select option {
            background-color: #20598e;
            border: none;
            margin: 10px 0px;
        }

.Forgetpass {
    font-size: 11px;
}

.d-campgin {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    background-color: #fff;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    background-color: #fff;
}

.godown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/Content/images/header-downarrow.png') no-repeat center;
    background-size: 50px 27px;
    height: 64px;
    line-height: 64px;
    text-indent: -9999em;
    overflow: hidden;
    opacity: .5;
    z-index: 1;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    transition: opacity .5s linear;
    -webkit-transition: bounce 1s ease-in-out;
    -moz-transition: bounce 1s ease-in-out;
    transition: bounce 1s ease-in-out;
    animation-play-state: paused;
}

.barcampaign {
    width: 55%;
    margin-left: 2% !important;
    margin-right: 2% !important;
    margin-top: 10px !important;
}

.godown:hover {
    -webkit-animation-name: bounce;
    -webkit-animation-duration: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: bounce;
    -moz-animation-duration: 1;
    -moz-animation-timing-function: linear;
    -moz-animation-fill-mode: forwards;
    animation-name: bounce;
    animation-duration: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
}

.donationtab {
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #eee;
    padding-top: 1.5%;
    padding-bottom: 1%;
    max-width: 1170px;
}

#wrapper1 a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.animation {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}




.promo-boxi {
    background: #e00570;
    width: 80px;
    height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/Content/images/Projects-icon.png");
    background-position: center;
    background-repeat: no-repeat;
}

.promo-boxi2 {
    background: #ffa71a;
    width: 80px;
    height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/Content/images/SponserShip.png");
    background-position: center;
    background-repeat: no-repeat;
}

.promo-boxi3 {
    background: #488bda;
    width: 80px;
    height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/Content/images/FastDonation-icon.png");
    background-position: center;
    background-repeat: no-repeat;
}

.promo-boxi4 {
    width: 155px;
    height: 155px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/Content/images/project-profile.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}

.promo-boxi5 {
    width: 155px;
    height: 155px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/Content/images/sponser-profile.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}

.promo-boxi6 {
    width: 155px;
    height: 155px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/Content/images/donation-profile.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}

.promo-box hr {
    background-color: #20598e;
    border-top: 1px solid #20598e;
}


.promo-box {
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer;
}

    .promo-box.middle {
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
    }

    .promo-box i {
        background: #20598e;
        padding: 25px 30px;
        font-size: 31px;
        color: #ffffff;
        text-shadow: 4px 3px 0px rgba(0, 0, 0, 0.1);
    }

    .promo-box hr {
        max-width: 10%;
        background-color: #20598e;
        border: none;
        border-top: 1px solid #20598e;
    }

.promo-boxround {
    width: 110px;
    height: 110px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    transition: all 450ms cubic-bezier(0.75, 0.75, 0.75, 0.75) 0s;
    -ms-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
}

    .promo-boxround:hover {
        transition: all 450ms cubic-bezier(0.75, 0.75, 0.75, 0.75) 0s;
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
        cursor: pointer;
    }

    .promo-boxround img {
        margin: 20px;
    }

.categoray {
    background-color: #f6f6f6;
    padding: 50px 0px;
    display: block;
}

.paddingdonation {
    padding: 25px 0px;
}


.education {
    background-color: #a09dbc;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1053 {
    background-color: #a09dbc;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1053.strok {
        border: 6px solid #686494;
        background-image: url("/Content/images/right-mark.png");
    }

.health {
    background-color: #688ab2;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1054 {
    background-color: #688ab2;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1054.strok {
        border: 6px solid #446EA0;
        background-image: url("/Content/images/right-mark.png");
    }

.water {
    background-color: #61b4d5;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1056 {
    background-color: #61b4d5;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1056.strok {
        border: 6px solid #408EAD;
        background-image: url("/Content/images/right-mark.png");
    }

.mousq {
    background-color: #6fc48d;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1059 {
    background-color: #6fc48d;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1059.strok {
        border: 6px solid #498E61;
        background-image: url("/Content/images/right-mark.png");
    }

.emargancy {
    background-color: #e00570;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1060 {
    background-color: #e00570;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1060.strok {
        border: 6px solid #BA334C;
        background-image: url("/Content/images/right-mark.png");
    }

.imcom {
    background-color: rgba(0, 76, 132, 0.9);
    background-position: center;
    background-repeat: no-repeat;
}

#e_1058 {
    background-color: rgba(0, 76, 132, 0.9);
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1058.strok {
        border: 6px solid #008B96;
        background-image: url("/Content/images/right-mark.png");
    }

.socialcar {
    background-color: #4c82c2;
    background-position: center;
    background-repeat: no-repeat;
}


#e_1700 {
    background-color: #C4C3CC;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1700.strok {
        border: 6px solid #008B96;
        background-image: url("/Content/images/other-more.png");
    }

#e_1055 {
    background-color: #4c82c2;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1055.strok {
        border: 6px solid #4E7098;
        background-image: url("/Content/images/right-mark.png");
    }

.awqf {
    background-color: #cda25d;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1063 {
    background-color: #B07283;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1063.strok {
        border: 6px solid #9D5468;
        background-image: url("/Content/images/right-mark.png");
    }

#e_1680 {
    background-color: #97b789;
    background-position: center;
    background-repeat: no-repeat;
}


.housing {
    background-color: #a89dd1;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1057 {
    background-color: #a89dd1;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1057.strok {
        border: 6px solid #7969B5;
        background-image: url("/Content/images/right-mark.png");
    }

.zakat {
    background-color: #3daca6;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1062 {
    background-color: #9DA1A1;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1064 {
    background-color: #00AA81;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1064.strok {
        border: 6px solid #1D5749;
        background-image: url("/Content/images/right-mark.png");
    }

#e_1062.strok {
    border: 6px solid #717171;
    background-image: url("/Content/images/right-mark.png");
}

.sadakat {
    background-color: #cda25d;
    background-position: center;
    background-repeat: no-repeat;
}

#e_1061 {
    background-color: #cda25d;
    background-position: center;
    background-repeat: no-repeat;
}

    #e_1061.strok {
        border: 6px solid #8E6F3C;
        background-image: url("/Content/images/right-mark.png");
    }


h6 {
    text-align: right;
}

.country {
    font-size: 10px;
    color: rgba(0, 76, 132, 0.9);
    display: block;
    font-weight: lighter;
    font-style: normal;
    text-align: left;
    width: 100%;
    float: left;
}

.content h3 {
    text-align: right;
    font-size: 16px;
}

.disimg {
    padding-top: 60px;
    float: left;
    text-align: left;
}

.content {
    text-align: right;
    direction: rtl;
}


.mycarousel-inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
}

.colomdonation {
    width: 37%;
    margin-left: 5px;
    float: right;
}

.poptarget {
    max-width: 244px;
    direction: rtl;
    text-align: right;
    float: right;
    line-height: 31px;
}

    .poptarget input {
        width: 100%;
        padding: 0px;
        padding-right: 10px;
    }

.social-login-share {
    background-color: #f5f5f5;
    max-width: 350px;
    overflow: hidden;
}

.greenedonat {
    background-color: #20598e !important;
    color: #fff;
    font-size: 13px;
    /*margin-left: 5px;*/
    height: 35px;
    line-height: 13px;
    border-color: transparent !important;
}

input.campaginDonat {
    background-color: #e00570;
    color: #fff;
    font-size: 11px;
    width: 100%;
    max-width: 100%;
    height: 42px;
    border: 0px;
    padding: 10px;
}

/*input.campagin-text-input {
    border: 1px solid #ddd;
    background-color: transparent;
    color: #7c7c7c;
    max-width: 100%;
    width: 100%;
    height: 42px;
    padding: 10px;
    text-align: center;
}*/

.btncapign {
    width: 18%;
    height: 27px;
    margin-top: 0px;
    margin-right: 2%;
}

.lcnb_light_theme .lcnb_btm_bar .lcnb_link, .lcnb_light_theme .lcnb_top_bar .lcnb_link, .lcnb_light_theme .lcnb_btm_bar .lcnb_social_trigger, .lcnb_light_theme .lcnb_top_bar .lcnb_social_trigger, .lcnb_light_theme .lcnb_btm_bar .lcnb_btn_expand, .lcnb_light_theme .lcnb_top_bar .lcnb_btn_expand {
    border: 0px !important;
}

.Newssidepar {
    direction: rtl;
    width: 24%;
    float: left;
    display: block;
    background-color: #fff;
}

.NewsRight {
    direction: rtl;
    width: 70%;
    float: right;
    display: block;
    background-color: #fff;
}

.imgNews {
    direction: rtl;
    width: 70%;
    float: right;
    border: 1px solid #b4b4b4;
    display: block;
    background-color: #fff;
}

.colornews {
    background-color: #e9e9e9 !important;
}

.widthNews {
    direction: rtl;
    max-width: 1200px !important;
    margin-right: auto;
    margin-left: auto;
}

.NewsContent {
    direction: rtl;
    width: 71%;
    float: right;
    background-color: #fff;
    margin-bottom: 50px;
}

.detailindex {
    direction: rtl;
    max-width: 1200px;
    margin: 80px 0px;
    margin-right: auto;
    margin-left: auto;
}


.lcnb_contents_inner_margin {
    margin-right: 109px;
    margin-top: -79px;
}


.lcnb_minimal_theme.lcnb_wrap.lcnb_boxed article.lcnb_news {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.lcnb_boxed.lcnb_horizontal article.lcnb_news {
    margin: 3px 11px;
}

.lcnb_wrap.lcnb_boxed article.lcnb_news {
    overflow: auto !important;
}


.indexaya {
    z-index: 5000;
}


div.module:last-child {
    margin-bottom: 0;
}




div.module.parallax {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.nstory {
    width: 320px;
    left: -100%;
}


.mainSliderContainer {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}

/* 1. OVERALL STYLING ******/

/* body */

/*body {
    font-family: Open Sans, sans-serif;
    color: #4b4b4b;
    background: #ffffff;
    font-size: 13px;
    line-height: 1.6;
    word-wrap: break-word;
    background-color: #ffffff;
}*/
/* boxed layout */

.main-wrap {
    display: block;
    margin: 0 auto;
    background: #ffffff;
}
/* links */

a {
    text-decoration: none;
    font-size: inherit;
    color: #20598e;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    /*font-size: 12px;*/
}

    a:hover {
        text-decoration: none;
        color: #4b4b4b;
    }

    a:focus {
        outline: thin dotted;
        outline: 0px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        text-decoration: none;
    }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a {
    color: inherit;
}

    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover {
        color: #20598e;
    }
/* headings */

h1, h2, h3, h4, h5, h6 {
    line-height: 2;
}

h6 {
    font-size: 11px;
}
/* paragraphs */

.lead {
    font-weight: 400;
}

p.lead {
    font-size: 15px;
    font-weight: 400;
}

/* iframe */
iframe {
    border: none;
}
/* text color */

.grey {
    color: #9a9a9a;
}

.light-grey {
    color: #9a9a9a;
}
/* gallery content caption */

.content-caption {
    padding: 15px 15px 15px 15px;
}
/* blockquote */

.content.single blockquote p, .content blockquote p {
    font-size: 21px;
    font-style: italic;
    font-family: "Georgia", serif;
    line-height: 1.5;
}

.content.single blockquote cite, .content blockquote cite {
    text-align: right;
    font-size: 13px;
    display: block;
}

blockquote {
    margin: 40px 0px 70px 0px;
    border-left: none;
    padding: 0px 30px 0px 50px;
    position: relative;
    clear: both;
}

    blockquote:before {
        content: "";
        position: absolute;
        font-family: "FontAwesome";
        font-size: 21px;
        color: #9a9a9a;
        left: 15px;
        top: 0;
    }

    blockquote footer:before, blockquote small:before, blockquote .small:before {
        content: none;
    }

.content.single blockquote footer cite:before, .content blockquote footer cite:before {
    content: none;
}

.content {
    padding: 10px 15px 20px 15px;
}

    .content.single p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .content.comments {
        padding: 20px 30px 20px 30px;
    }

img.full {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
}


/* border */

hr.inline-hr {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
/* preloader */

.preloader {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #ffffff;
    top: 0;
    left: 0;
    color: #eeeded;
}

    .preloader .preloader-content-wrapper {
        display: table;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .preloader .preloader-content {
        display: table-cell;
        vertical-align: middle;
    }
/* accordion */

.panel-default {
    border-color: #eeeded;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-default > .panel-heading {
    color: #4b4b4b;
    background-color: #ffffff;
    border-color: #eeeded;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    color: inherit;
}

/* vertical tabs */

.tabs-left, .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.tabs-left {
    border-right: 1px solid #eeeded;
}

.tabs-right {
    border-left: 1px solid #eeeded;
}

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 2px;
    }

.tabs-left > li {
    margin-right: -1px;
}

.tabs-right > li {
    margin-left: -1px;
}

.tabs-left > li.active > a, .tabs-left > li.active > a:focus, .tabs-left > li.active > a:hover {
    border-bottom-color: #eeeded;
    border-right-color: transparent;
}

.tabs-right > li.active > a, .tabs-right > li.active > a:focus, .tabs-right > li.active > a:hover {
    border-bottom: 1px solid #eeeded;
    border-left-color: transparent;
}

.tabs-left > li > a {
    border-radius: 0;
    margin-right: 0;
    display: block;
}

.tab-content.left, .tab-content.right {
    border: none;
}

.tabs-right > li > a {
    border-radius: 0;
    margin-right: 0;
}
/* progress */

.progress {
    border-radius: 0;
}

.progress-bar {
    background-color: #20598e;
}
/* 2. SECTIONS *****************/

/* overall sections */

section {
    margin: 0px 0px;
}

.sectiontop {
    margin: 100px 0px 40px 0px;
}

section.no-top-margin {
    margin: 0px 0px 80px 0px;
}

section.no-bottom-margin {
    margin: 80px 0px 0px 0px;
}
/* section with image inside */

section.box-section {
    padding: 15px 0px;
    border: 1px solid #eeeded;
    background: #f5f5f5;
}

    section.box-section > .container-fluid {
        padding-top: 80px;
        padding-bottom: 80px;
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        -moz-box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        background-image: url(/Content/images/full_background_1.png);
        background-repeat: no-repeat;
        background-position: cover;
        background-size: cover;
    }
/* breadcrumbs */

section.breadcrumbs {
    padding: 15px 0px;
    border: 1px solid #eeeded;
    background: #f5f5f5;
    margin: 0px;
}

    section.breadcrumbs > .breadcrumbs-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        -moz-box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
    }

.breadcrumb {
    padding: 0;
    padding-top: 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    text-align: right;
    font-size: 13px;
}

    .breadcrumb li a {
        color: #9a9a9a;
    }

    .breadcrumb > .active a {
        color: #4b4b4b;
    }

        .breadcrumb > .active a:hover {
            color: #20598e;
        }
/* sponsor sections */

section.box-section.sponsors {
    margin-bottom: 0;
}

    section.box-section.sponsors > .container-fluid {
        padding-top: 40px;
        padding-bottom: 40px;
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        -moz-box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
    }
/* blue background section */

.blue-background {
    background-color: #20598e;
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px 0px;
}
/* footer section */

footer.dark-background {
    padding: 30px 0px;
    background: #373737;
    color: #ffffff;
}
/* 3. BLOG POST *****************/

.date {
    text-align: center;
    border: 1px solid #eeeded;
    border-bottom: none;
    line-height: 1;
}

p.month {
    color: #9a9a9a;
    padding: 10px 0px 0px 0px;
}

p.day {
    font-size: 25px;
    font-weight: 700;
}

p.year {
    font-size: 13px;
    color: #ffffff;
    background-color: #20598e;
    line-height: 13px;
    padding: 4px 0px;
}

/* tags */

ul.tags li {
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

    ul.tags li:after {
        content: ", ";
        color: #9a9a9a;
    }

    ul.tags li:last-child:after {
        content: " ";
        color: #9a9a9a;
    }

    ul.tags li a {
        font-size: 13px;
        color: #9a9a9a;
    }

        ul.tags li a:hover {
            color: #20598e;
        }
/* 4. DEFAULT NAV SETTINGS */

/* 5. HEADER ******************/

.main-header {
    padding: 50px 0px 40px 0px;
}



.button {
    background: #20598e;
    padding: 5px;
    margin-top: -5px;
    margin-left: 20px;
}

.main-nav .pt-nav .button, .main-nav .pt-nav .button a {
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .main-nav .pt-nav .button:hover, .main-nav .pt-nav .button a:hover {
        opacity: 0.7;
        filter: opacity(70);
        color: #ffffff;
    }
/* fixed nav */

.main-header.fixed-nav .main-nav {
    margin: 0px;
    padding: 0px;
}

    .main-header.fixed-nav .main-nav .pt-nav ul li ul li:first-child {
        padding-top: 21px;
    }
/* 6. TOP BAR *********************/

.top-bar {
    background-color: #20598e;
    padding: 15px 0px;
}

    .top-bar a {
        color: #ffffff;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .top-bar a:hover {
            opacity: 0.9;
            filter: opacity(90);
        }

    .top-bar i {
        opacity: 0.7;
        filter: opacity(70);
        padding-right: 5px;
    }



.add-info {
    text-align: right;
}

    .add-info .list-inline {
        margin-bottom: 0;
    }
/* 7. MAIN SLIDER ***********************/



.slide-content h3 {
    font-size: 70px;
    font-weight: 900;
    line-height: 1.2;
}

.slide-content p {
    font-size: 25px;
}
/* 8. BOX STYLE ********************/


/* 9. UPCOMING EVENT *******************/

.up-event {
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    z-index: 100;
    WIDTH: 340PX;
    LEFT: 250px;
    margin-top: -15%;
}


.event-icon {
    font-size: 36px;
    color: #20598e;
    border-right: 1px solid #eeeeee;
    padding: 20px 25px;
}

.event-title a {
    line-height: 35px;
    max-width: 600px;
    color: #fff;
}

.event-title {
    text-align: center;
}

    .event-title h3 a:hover {
        color: #20598e;
    }

.event-counter ul.list-inline {
    margin-bottom: 0px;
    margin: 0px;
}

.event-counter ul li {
    padding: 18px;
    border-left: 0px solid #eeeeee;
}

    .event-counter ul li:first-child {
    }

.event-counter span {
    font-size: 20px;
    margin: 0px;
    line-height: 24px;
}

.event-counter p {
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    color: #9a9a9a;
}
/* up event single */

.upcoming-event.single .event-icon {
    font-size: 36px;
    color: #20598e;
    border-right: none;
    padding: 20px 0px;
}

.upcoming-event.single .event-counter ul li {
    padding: 20px;
    border-left: none;
    margin-left: 0px;
}

    .upcoming-event.single .event-counter ul li:first-child {
    }

/* 10. PROMO BOXES *******************/

.promo-box {
    text-align: center;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 30px;
}

    .promo-box.middle {
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
    }

    .promo-box i {
        background: #20598e;
        padding: 25px 30px;
        font-size: 31px;
        color: #ffffff;
        text-shadow: 4px 3px 0px rgba(0, 0, 0, 0.1);
    }

    .promo-box hr {
        max-width: 10%;
        background-color: #20598e;
        border: none;
        border-top: 1px solid #20598e;
    }
/* 11. CONTENT HEADINGS - TITLES ********/

.heading h3 {
    margin-top: 0px;
}

.heading {
    margin-bottom: 30px;
}

    .heading .border {
        display: block;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        margin-top: 30px;
    }

    .heading .border-inner {
        display: block;
        max-width: 40px;
        height: 3px;
        background-color: #20598e;
        margin: 1px 0px;
    }

.form-heading {
    padding: 20px 30px 0px 30px;
}

/* Fade transition for carousel items */


/* 13. IMAGE OVERLAY ************/
.content-hidden {
    display: none;
}

.media .overlay-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1030;
}

.media .overlay {
    display: table;
    width: 100%;
    height: 100%;
    padding: 15px;
    color: #ffffff;
}

.media .overlay-content {
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(0, 172, 193, 0.7);
    text-align: center;
}

    .media .overlay-content ul {
        color: #666;
        display: inline-block;
        margin: 0px;
    }

        .media .overlay-content ul li {
            margin: 0px 5px;
        }

            .media .overlay-content ul li a {
                color: #666;
                font-size: 35px;
            }

/* 15. ICON ON HOVER **************************/

/* 16.PROGRESS BARS *********************/


/* 17. BUTTONS ************************/

.button-normal {
    padding: 7px 14px;
    text-align: center;
    display: inline-block;
    margin: 15px 0px;
}

    .button-normal.left-text, .button-normal.full.left-text {
        text-align: left;
    }

    .button-normal.full {
        padding: 7px 14px;
        text-align: center;
        display: block;
        width: 100%;
        margin: 15px 0px;
    }

    .button-normal:hover {
        opacity: 0.7;
        filter: opacity(70);
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }

    .button-normal.blue {
        background: #20598e;
        color: #ffffff;
    }

    .button-normal.white {
        background: #ffffff;
        color: #4b4b4b;
        border: 1px solid #9a9a9a;
    }

.btn-primary {
    color: #fff;
    background-color: #6b6b6b;
    border-color: #6b6b6b;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #20598e;
        border-color: #20598e;
    }
/* 18. TOOLTIPS ********************/

.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 10px;
    opacity: 0;
    filter: opacity(0);
}

    .tooltip.top .tooltip-arrow {
        border-top: 5px solid #20598e;
    }

    .tooltip.left .tooltip-arrow {
        border-left: 5px solid #20598e;
    }

    .tooltip.bottom .tooltip-arrow {
        border-bottom: 5px solid #20598e;
    }

    .tooltip.right .tooltip-arrow {
        border-right: 5px solid #20598e;
    }

.tooltip-inner {
    background-color: #20598e;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/* 19. FORMS ******************/


.input-group-addon {
    padding: 0px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #9a9a9a;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 0px;
}

    .input-group-addon a {
        color: #9a9a9a;
    }

        .input-group-addon a:hover {
            color: #20598e;
        }

.address-input {
    padding-top: 10px;
}

/* form */

.content textarea {
    background: #f5f5f5;
    display: block;
    width: 100%;
    border: 1px solid #eeeeee;
    min-height: 180px;
    font-size: 12px;
    padding-top: 15px;
    line-height: 1.5;
}

.content .form-control:focus {
    border-color: #20598e;
    background: #ffffff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* donate form */

.donate-form h5 {
    margin-bottom: 5px;
}

.donate-form h4 {
    margin-top: 0px;
}

.donate-form label {
    font-size: 13px;
    margin-right: 13px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    padding-top: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* 20. WIDGETS ****************/

.widget {
    margin-bottom: 30px;
}

.widget-search-causes .box {
    padding: 20px 20px 10px 20px;
}

.widget-title {
    margin-bottom: 25px;
}

.widget-box {
    margin-bottom: 25px;
    position: relative;
}

.widget-dropdown a i {
    margin-top: 3px;
}
/* search & categories */

.widget ul li {
    color: #9a9a9a;
    padding: 10px 0px;
    border-bottom: 1px solid #eeeeee;
}

    .widget ul li:last-child {
        border-bottom: none;
    }

    .widget ul li a {
        color: #6b6b6b;
        display: block;
        width: 100%;
    }

        .widget ul li a:hover {
            color: #20598e;
            display: block;
            width: 100%;
        }

        .widget ul li a i {
            vertical-align: bottom;
            margin-top: 3px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .widget ul li a:hover i {
            margin-right: 5px;
        }

.widget.footer-widget ul li {
    color: #ffffff;
    padding: 8px 0px;
    border-bottom: 1px dashed #303030;
}

.widget.footer-widget p {
    font-size: 13px;
    margin-bottom: 5px;
}

.widget.footer-widget ul li:first-child {
    padding: 0px 0px 8px 0px;
}

.widget.footer-widget ul li a, .widget.footer-widget ul li:first-child {
    color: #ffffff;
    font-size: 13px;
}

.widget.footer-widget ul li span {
    color: #6b6b6b;
    display: block;
    font-size: 12px;
    margin-top: 5px;
}
/* author widget */

.widget-author .box {
    padding: 30px 30px 1px 30px;
    text-align: center;
}

.widget-author .media.author {
    width: 148px;
    max-width: 148px;
    display: inline-block;
}

    .widget-author .media.author .small-product-wrapper {
        margin-bottom: 20px;
    }

.widget-author p {
    margin-bottom: 8px;
}
/* share widget */

.widget-share .box {
    padding: 0px;
}

.widget-share ul {
    padding: 0px;
    margin: 0px;
}

.widget-share .widget-box ul li {
    display: block;
    border: none;
    border-right: 1px solid #eeeeee;
    float: left;
    margin: 0px;
    width: 33.3333%;
}

.widget-share .widget-box {
    margin: 0px;
}

    .widget-share .widget-box ul li:last-child {
        border-right: none;
    }

    .widget-share .widget-box ul li a {
        padding: 10px 0px;
        text-align: center;
        display: block;
        width: 100%;
        filter: opacity(70);
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

        .widget-share .widget-box ul li a:hover {
            opacity: 0.7;
        }

        .widget-share .widget-box ul li a i {
            margin-bottom: 8px;
            font-size: 28px;
        }

        .widget-share .widget-box ul li a:hover i {
            margin-bottom: 8px;
            margin-right: 0;
        }

        .widget-share .widget-box ul li a.facebook {
            color: #3b5998;
        }

        .widget-share .widget-box ul li a.google-plus {
            color: #d34836;
        }

        .widget-share .widget-box ul li a.twitter {
            color: #55acee;
        }
/* widget events */

.widget-event .box {
    padding: 20px 15px 1px 40px;
    position: relative;
    overflow: hidden;
}

.widget-event p {
    margin-bottom: 6px;
    text-align: left;
}

.widget-event .box.date:before, .widget-event .box.time:before, .widget-event .box.location:before {
    font-family: "FontAwesome";
    font-size: 51px;
    position: absolute;
    color: #eeeeee;
}

.widget-event .box.date:before {
    content: "";
    left: -20px;
    top: 10px;
}

.widget-event .box.time:before {
    content: "";
    left: -12px;
    top: 0px;
}

.widget-event .box.location:before {
    content: "";
    left: -5px;
    top: 0px;
}
/* widgets cause */

.widget-cause .box {
    padding: 15px 20px 15px 20px;
}

.widget-cause h4 span {
    font-size: 13px;
}
/* widgets donate */

.widget-donate .box {
    padding: 0px;
}

.widget-donate h4 a {
    display: block;
    width: 100%;
    text-align: center;
    background: #20598e;
    padding: 20px 0px;
    color: #ffffff;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

    .widget-donate h4 a:hover {
        opacity: 0.7;
        filter: opacity(70);
        color: #ffffff;
    }
/* 21. DROPDOWN ***********************/

.dropdown-menu {
    position: absolute;
    top: 100%;
    /*left: 0;*/
    z-index: 1000;
    display: none;
    float: left;
    /*min-width: 100%;*/
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
}

    .dropdown-menu > li > a {
        display: block;
        padding: 8px 10px;
        clear: both;
        font-weight: 400;
        line-height: inherit;
        color: #4b4b4b;
        white-space: nowrap;
    }


        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #20598e;
            background-color: transparent;
        }

.widget ul.dropdown-menu li {
    padding: 0px 0px;
    border: none;
}
/* 22. EVENTS *********************/

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* 23. GALLERY **************/

.gallery .media {
    position: relative;
    overflow: hidden;
}

    .gallery .media img {
        width: 100%;
        height: auto;
        display: block;
    }

    .gallery .media a:before {
        opacity: 0.7;
        filter: opacity(70);
        content: '';
        font-family: 'FontAwesome';
        position: absolute;
        font-size: 21px;
        top: 10px;
        right: -40px;
        z-index: 5;
        color: #ffffff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .gallery .media a:hover:before {
        right: 10px;
    }
/* 24. SHOP ********************/

/* sale tag */

.sale {
    position: absolute;
    background-color: #20598e;
    color: #ffffff;
    font-size: 13px;
    bottom: 20px;
    left: 0;
    padding: 1px 12px;
    z-index: 40;
}
/* arrow icon color */

.media .shop:before {
    color: #eeeeee;
}
/* meta */

.meta a.cart {
    margin-left: 10px;
    font-size: 17px;
}
/*  shopping cart */

.sub-total {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0px 0px 0px;
}

    .sub-total p {
        color: #9a9a9a;
    }

        .sub-total p span {
            color: #4b4b4b;
            font-size: 15px;
        }
/* 25. FOOTER *********************/

footer.dark-background.footer-top {
    padding: 60px 0px;
    border-bottom: 1px solid #303030;
}

footer.dark-background a {
    font-size: 12px;
    color: #ffffff;
}

    footer.dark-background a:hover {
        font-size: 12px;
        color: #20598e;
    }

footer ul, footer p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
/* social */

.social li a {
    font-size: 31px;
    color: #ffffff;
}

    .social li a:hover {
        opacity: 0.7;
        filter: opacity(70);
    }

.logo-white {
    margin-top: 17px;
}
/* 26. PAGINATION ****************/

.paginate {
    margin: 0px 0px 20px 0px;
}

    .paginate ul li {
        margin: 0px 2px;
        padding: 0px;
    }

        .paginate ul li a {
            border: 1px solid #9a9a9a;
            color: #9a9a9a;
            display: block;
            width: 25px;
            padding: 5px 0px;
            text-align: center;
            line-height: 15px;
            font-size: 13px;
        }

            .paginate ul li a.active, .paginate ul li a:hover {
                border: 1px solid #4b4b4b;
                color: #4b4b4b;
                transition: all 0.2s linear;
            }

    .paginate.single {
        margin: 0px;
    }
/* 27. MAP ****************/

.map {
    max-height: 400px;
}

    .map.event {
        min-height: 471px;
    }
/* 28. CALENDAR ****************/

.table-bordered {
    border: 1px solid #eeeded;
}

.has-event {
    background-color: #20598e;
    color: #ffffff;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

    .has-event:hover {
        opacity: 0.7;
        filter: opacity(70);
    }

div.zabuto_calendar .table th, div.zabuto_calendar .table td {
    padding: 0px;
    text-align: center;
}

div.zabuto_calendar .table tr td div.day {
    margin: 0;
    padding: 5px 5px 70px 0px;
    text-align: right;
    position: relative;
    overflow: hidden;
}

    div.zabuto_calendar .table tr td div.day:before {
        content: "";
        position: absolute;
        left: -10px;
        top: 0;
        font-size: 81px;
        overflow: hidden;
        color: #f7f7f7;
        font-family: "FontAwesome";
        opacity: 0.5;
    }

    div.zabuto_calendar .table tr td div.day.has-event:before {
        content: "";
        position: absolute;
        left: -10px;
        top: 0;
        font-size: 81px;
        overflow: hidden;
        color: #f7f7f7;
        font-family: "FontAwesome";
        opacity: 0.2;
    }

.modal-content.calendar {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #eeeded;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
}

    .modal-content.calendar .modal-header {
        min-height: 16.43px;
        padding: 25px;
        border-bottom: 1px solid #eeeeee;
    }

    .modal-content.calendar .modal-footer {
        min-height: 16.43px;
        padding: 0px 25px 25px 25px;
        border-top: none;
    }

    .modal-content.calendar .modal-body {
        padding: 25px;
    }

section.box-section {
    padding: 15px 0px;
    border: 1px solid #eeeded;
    background: #f5f5f5;
}

    section.box-section > .container-fluid {
        padding-top: 80px;
        padding-bottom: 80px;
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        -moz-box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 1);
        background-image: url(../images/full_background_1.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

section.breadcrumbs {
    padding: 15px 0px;
    border: 1px solid #eeeded;
    background: #f5f5f5;
    margin: 0px;
}

    section.breadcrumbs > .breadcrumbs-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #ffffff;
    }

section.box-section.sponsors {
    margin-bottom: 0;
}

    section.box-section.sponsors > .container-fluid {
        padding-top: 40px;
        padding-bottom: 40px;
        background: #ffffff;
    }

.iconfast {
    margin-top: -250px;
    float: left;
    margin-left: 3%;
    z-index: 30;
    position: relative;
    width: 210px;
}



.paddingqr {
    padding-top: 10px;
}

.amountrq {
    width: 100%;
    height: 41px;
    border: 1px solid #eee;
    color: #777;
    font-size: 11px;
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.iconfast img:hover {
    transition: all 150ms cubic-bezier(0.75, 0.75, 0.75, 0.75) 0s;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    cursor: pointer;
}

.iconfast img {
    transition: all 150ms cubic-bezier(0.75, 0.75, 0.75, 0.75) 0s;
    -ms-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
    margin-bottom: 3px;
}

.iconfast span {
    color: #fff;
    font-size: 10px;
    display: block;
    padding: 5px;
}

.campaginnews img {
    width: 100%;
}


.RepositionCalendar {
    top: 66%;
    left: 46%;
}



.RepositionPaidBox {
    top: 75%;
    left: 5%;
    width: 518px;
}



.namecampgin {
    background-color: rgba(0, 0, 0, 0.64);
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin: 0px;
    text-align: center;
    margin-top: -40px;
    z-index: 10000;
}

.new-upevent {
    height: 35px;
    text-align: center;
    margin-top: -15%;
    line-height: 35px;
    margin-right: 2%;
    float: right;
    color: #fff;
    font-size: 14px;
    width: 250px;
    z-index: 1;
    position: relative;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%);
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 );
*/}


.itemRemaining {
    width: 20%;
    text-align: center;
}

.paidAmount {
    width: 20%;
    text-align: center;
}


.tabro3 {
    background-color: #e00570 !important;
    color: #fff;
    width: 70px;
    text-align: center;
    font-size: 14px;
    margin: 0px 15px;
}

.topmargan {
    margin-top: 60px;
}

.topcontact {
    margin-top: 35px !important;
}

.heightitel {
    height: 20px;
    overflow: hidden;
    text-align: right;
}

.fullwidth {
    width: 100%;
    display: block;
}
/************************
    Donor
    *********************/
.backprofile {
    background-image: url("/Content/images/back-profile.jpg");
    width: 100%;
    height: 500px;
}

.thanks {
    color: #fff;
    float: right;
}

    .thanks img {
        border: 3px solid #fff;
    }

    .thanks span {
        font-size: 11px;
        line-height: 22px;
        font-weight: 100;
    }

.lastdonation {
    background-color: #daebf0;
    width: 100%;
    height: 40px;
    color: #506571;
    margin-top: 20px;
    padding: 1%;
    text-align: center;
    direction: rtl;
    line-height: 30px;
}

.lastdonation-grid1 {
    width: 100%;
}

.datedonation {
    background-color: #506571;
    width: 100%;
    height: 40px;
    color: #fff;
    padding: 1%;
    text-align: center;
    direction: rtl;
    line-height: 30px;
}

.target {
    color: #fff;
    float: left;
    margin-top: 115px;
}

    .target img {
        display: block;
        border: 0px;
        margin-bottom: 10px;
    }

.mymenu {
    width: 100%;
    height: 68px;
    line-height: 36px;
    background-color: #fff;
    -webkit-box-shadow: 0px 14px 23px -19px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 14px 23px -19px rgba(0,0,0,0.61);
    box-shadow: 0px 14px 23px -19px rgba(0,0,0,0.61);
    z-index: 1000;
    font-size: 12px;
    position: relative;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    display: block;
    z-index: 1;
}

.SelectedMenuItemSub {
    background-color: #20598e !important;
    color: #fff !important;
}

.mymenu ul {
    margin: 0px;
    padding: 0px;
    padding-right: 20px;
    float: right;
}

    .mymenu ul li {
        list-style: none;
        float: right;
        text-align: center;
        padding: 15px 10px;
    }

        .mymenu ul li a {
            color: #666;
            font-size: 13px;
            display: block;
            padding: 0px 5px;
        }

            .mymenu ul li a:hover {
                color: #fff;
                background-color: rgba(0, 76, 132, 0.9);
                display: block;
            }

            .mymenu ul li a:active {
                color: #fff;
                background-color: rgba(0, 76, 132, 0.9);
                display: block;
            }

        .mymenu ul li img {
        }


ul.profile-icon {
    margin: 0px;
    padding: 0px 20px;
    float: left;
    width: 20%;
}

    ul.profile-icon li {
        float: left;
        padding: 15px 5px;
        text-align: center;
    }

        ul.profile-icon li a {
            color: none;
            background-color: transparent !important;
            display: block;
        }

            ul.profile-icon li a:hover {
                color: none;
                background-color: transparent !important;
                display: block;
            }

.profile-icon li img {
    width: 30px;
}

.padingmenu {
    padding-top: 120px;
}

.campaignbtn {
    width: 12%;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    height: 23px;
    margin-right: 2%;
    margin-top: 0px;
}

.campgin-row {
    padding: 10px;
    display: block;
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 );*/ /* IE6-9 */
    overflow: hidden;
    margin-bottom: 15px;
}

.campgin-row-new {
    background-color: #444;
    display: block;
    height: 80px;
    margin: 0px;
    padding: 20px;
}

    .campgin-row-new .btncapign {
        width: 30%;
        height: 43px;
        margin-top: 0px;
        margin-right: 2%;
    }

    .campgin-row-new .campaignselect {
        width: 30%;
    }

    .campgin-row-new .campaignbtn {
        background-color: transparent;
        border: 1px solid #fff;
        width: 30%;
        color: #fff;
        height: 42px;
        margin-right: 2%;
        margin-top: 0px;
    }

.campaignselect {
    width: 49%;
    float: right;
    background-color: transparent;
    -moz-appearance: none;
    color: #fff;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-image: url("/Content/images/arow.png");
    background-position: 10px;
    background-repeat: no-repeat;
    height: 43px;
    padding-left: 7px;
    direction: rtl;
    padding-right: 11px;
    font-size: 16px;
    border: 1px solid #fff;
}

    .campaignselect option {
        background-color: #555;
    }

.myproject {
    width: 100%;
    background-color: #f5f7f9;
    display: block;
    margin-bottom: 50px;
}

.Count {
    padding: 0px;
    height: 32px;
    background-color: #eee;
    border: 1px;
    width: 58%;
    float: left;
    margin-top: 0px;
}

.counter {
    padding-right: 30px;
    line-height: 37px;
}

.countqr {
    width: 20%;
}

.mysponser {
    background-color: #f6f7fc;
    padding-top: 70px;
    display: block;
}

    .mysponser h1 {
        font-size: 18px;
        text-align: center;
        padding: 1%;
    }

    .mysponser span {
        font-size: 14px;
        text-align: center;
        color: #80a84f;
        margin: 5px 0;
        display: block;
        padding: 0;
    }

.btnsponser {
    background-color: #EEE;
    float: right;
    height: 40px;
    color: rgba(0, 76, 132, 0.9);
    text-align: center;
    border: 1px solid #fff;
    line-height: 38px;
    font-size: 12px;
}

.total {
    background-color: rgba(0, 76, 132, 0.9);
    float: right;
    height: 40px;
    color: #fff;
    text-align: center;
    margin: 1%;
    border: 0;
    line-height: 38px;
    width: 125px;
    text-align: center;
    float: left;
}

.projectinput {
    width: 60%;
    border: 1px solid #b4b4b4;
    float: right;
    background-color: #fff;
    padding: 0px;
    text-align: center;
    margin: 1%;
}

.btnspay {
    background-color: #e00570;
    width: 35%;
    float: right;
    color: #fff;
    margin: 1%;
    border: 0px;
    line-height: 11px;
    text-align: center;
}

.detalesbtn {
    background-color: transparent;
    border: 1px solid rgba(0, 76, 132, 0.9);
    float: right;
    height: 35px;
    color: rgba(0, 76, 132, 0.9);
    text-align: center;
    width: 100%;
    line-height: 35px;
}

.paddingtop {
    margin-top: 55px;
}

.clear {
    clear: both;
}

.text-right h1 {
    text-align: right;
    margin: 0px;
}

.latest {
    float: right;
    width: 80%;
    padding: 1%;
    margin-top: 10px;
    font-size: 12px;
}

    .latest tr {
    }

    .latest td {
        width: 50%;
        background-color: #fff;
        text-align: center;
        border-bottom: 1px solid #eee;
        align-content: center;
        vertical-align: middle;
    }

        .latest td input[type="checkbox"] {
            float: none;
        }

    .latest th {
        width: 50%;
        background-color: #eaeaea;
        height: 40px;
        color: #666;
        text-align: center;
        font-size: 12px;
    }

    .latest td.tdcolor {
        background-color: #eaeaea;
        width: 25%;
        color: #666;
        height: 40px;
    }

.tdwidth {
    width: 22.2%;
    float: right;
    height: 40px;
    line-height: 40px;
}



.left-search {
    float: left;
}

.mymenudisplayed {
    display: none;
}

/***************************Popup*****************************************/

.popup {
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.33);
    margin-bottom: 50px;
    background-color: #fff;
}

    .popup h1 {
        text-align: center;
        font-size: 15px;
        color: #666;
        margin: 10px;
        padding: 2%;
    }

.hedpopup {
    background-color: rgba(0, 76, 132, 0.9);
    width: 50%;
    float: right;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.divgrid {
    background-color: #f0f0f0;
    width: 50%;
    float: right;
    text-align: center;
    color: #666;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #fff;
    font-size: 13px;
}

.divgrid2 {
    background-color: #f0f0f0;
    width: 50%;
    float: right;
    text-align: center;
    color: #666;
    border-right: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #fff;
    font-size: 13px;
}

.foterpopup {
    background-color: rgba(0, 76, 132, 0.9);
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 10px 0px;
}

    .foterpopup a {
        border: 1px solid #fff;
        color: #fff;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        text-decoration: none;
        width: 50%;
    }

.targetlable {
    float: right;
}
/***************************
    Cart
    ***********************/
.cartcolm {
    width: 100%;
    background-color: #fff;
    display: block;
}

.res {
    display: initial;
}

.side-2 {
    float: right;
    max-width: 300px;
    position: fixed;
}

.sidecart {
    border: 1px solid #eee;
    margin-bottom: 50px;
    display: block;
    background-color: #fff;
    padding-bottom: 20px;
    overflow: auto;
}

.totalamount-cart {
    text-align: center;
    padding: 30px 0;
    overflow: hidden;
    background-color: #eee;
    margin-bottom: 0;
}

    .totalamount-cart h1 {
        font-size: 18px;
    }

    .totalamount-cart span {
        font-size: 18px;
        color: #ff345b;
        text-align: center;
    }


.totalamount {
    height: 60px;
    text-align: center;
    padding: 20px 0;
}

    .totalamount h1 {
        font-size: 18px;
    }

    .totalamount span {
        font-size: 18px;
        color: #ff345b;
        text-align: center;
    }

.chosedonate {
    padding: 1% 3%;
    text-align: right;
    font-family: 12px;
    top: 55px;
    z-index: 100;
}

.selctor {
    width: 100%;
    height: 30px;
    border: 1px solid #eee;
    margin: 5px;
    background-color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 30px;
}

.donrtext {
    background-color: #fff;
    text-align: center;
    font-size: 11px;
}

.selctoramount {
    width: 50%;
    height: 30px;
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 500;
}

.innameof {
    width: 100%;
    height: 30px;
    border: 1px solid #eee;
    margin: 5px 0px;
    background-color: #fff;
    text-align: center;
    font-size: 11px;
}

.chosedonate span {
    display: block;
    font-size: 11px;
}

.chosedonate input[type="radio"] {
    margin: 0px 5px !important;
}

.chosedonate .aliment label {
    float: right;
}

.aliment a {
    margin-right: 10px;
    margin-top: 5px;
    width: 22px;
    height: 22px;
    background-image: url(../Content/images/info-icon-ar.png);
    display: inline-block;
}


.headcart {
    background-color: #ececec;
    height: 40px;
    display: block;
}

.cartcomponant {
    float: right;
    width: 100%;
    direction: rtl;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}


.projecttext {
    font-size: 11px;
    float: right;
    display: block;
    direction: rtl;
    text-align: center;
    line-height: 37px;
}

.projectpic {
    padding: 2%;
    float: right;
}

    .projectpic img {
        width: 100%;
        max-height: 85px;
    }

    .projectpic h1 {
        text-align: center;
        font-size: 12px !important;
    }

.donrtext {
    font-size: 11px;
    float: right;
    display: block;
    direction: rtl;
    text-align: right;
    line-height: 37px;
}

    .donrtext h1 {
        text-align: center;
        font-size: 14px;
    }

    .donrtext h2 {
        text-align: right;
        font-size: 14px;
    }

    .donrtext span {
        text-align: center;
        font-size: 12px;
        color: #333;
    }

    .donrtext p {
        text-align: right;
        font-size: 12px;
        color: #333;
    }

.tafsel {
    display: none;
}

.under {
    color: rgba(0, 76, 132, 0.9);
    text-decoration: underline;
}


.heantbox {
    float: right;
    display: block;
}

    .heantbox a {
        font-size: 11px;
    }

.bardonation {
    padding: 3% 0%;
}

.heantbox h1 {
    width: 100%;
    margin: 10px 0px;
    font-size: 12px;
    overflow: hidden;
    color: #666;
}

.cart-teaser {
    float: right;
    width: 100%;
    margin: 10px 0px;
}

    .cart-teaser img {
        width: 100px;
        height: 100px;
        float: right;
    }

.sponsor-name {
    font-size: 12px !important;
    text-align: right !important;
}

.sponsor-input {
    width: 100%;
    border: 1px solid #eee;
    margin: 5px;
    background-color: #fff;
    text-align: center;
    font-size: 11px;
}

.img-top {
    margin-top: 70px;
}

.titlecart {
    font-size: 14px;
    float: right;
    text-align: right;
    margin: 20px 10px;
}

.padding {
    padding: 10px 5px !important;
}

.floatr {
    float: right;
    direction: rtl;
    text-align: right !important;
}

.txtDescription {
    width: 100%;
    text-align: right;
    height: 90px;
}

.right {
    float: right;
}

.grid-color1 {
    background-color: #fff;
}

    .grid-color1 label {
        margin: 0px 2px;
        MARGIN-TOP: 8PX;
        border: 0px;
    }

.grid-color2 {
    background-color: #fbfbfb;
    border-top: 1px solid #fff;
}

.grid-color3 {
    background-color: #07adbb;
    color: #fff;
    border-bottom: 3px solid #fff;
}

.dropdownlist {
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 9px;
    height: 35px;
    margin: 16px 0px;
    width: 20%;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    text-indent: 0.01px;
    background-image: url("/Content/images/arow.png");
    background-position: 10px;
    background-repeat: no-repeat;
    BACKGROUND-SIZE: 10PX;
}


.stop {
    border: 1px solid rgba(0, 76, 132, 0.9);
    color: rgba(0, 76, 132, 0.9);
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
}

.play {
    border: 1px solid rgba(0, 76, 132, 0.9);
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 76, 132, 0.9);
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.arrowUpLogin {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F5F5F5;
    position: fixed;
    z-index: 50000;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    top: 32px;
    margin-left: 109px;
}

.arrowUpDiv {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F5F5F5;
    position: fixed;
    z-index: 50000;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    top: 60px;
    left: 430px;
}


.titleNotification, .MessageNotification {
    text-align: right;
    color: rgb(53, 53, 53);
}

.basketNotification {
    width: 300px;
    height: auto;
    position: fixed;
    background-color: #F5F5F5;
    z-index: 50000;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    top: 42px;
    padding: 10px;
    margin-left: 12px;
}

.basketNotificationLogin {
    width: 100%;
    height: auto;
    position: fixed;
    background-color: #F5F5F5;
    z-index: 50000;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    top: 42px;
    padding: 10px;
    margin-left: 25px;
    max-width: 420px;
}

.basketNotificationContainer {
    text-align: center;
    padding: 10px;
}

.NotificationContainer {
    text-align: center;
}

.closeClass {
    border-radius: 100%;
    margin-top: 15px;
    padding: 0px 5px 1px 5px;
    float: right;
    border: 1px solid #20598e;
    font-family: cursive;
    font-size: 11px;
    font-style: normal;
    line-height: 16px;
    color: rgb(52, 174, 185);
    margin: 14px 1px 0px 0px;
    cursor: pointer;
}

/* SLIDE ONE */
.slideOne {
    width: 50px;
    height: 10px;
    background: #333;
    margin: 20px auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    .slideOne label {
        display: block;
        width: 16px;
        height: 16px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        cursor: pointer;
        position: absolute;
        top: -3px;
        left: -3px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
/*        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
*/    }

    .slideOne input[type=checkbox]:checked + label {
        left: 37px;
    }

/* SLIDE TWO */
.slideTwo {
    width: 80px;
    height: 30px;
    background: #333;
    margin: 20px auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    .slideTwo:after {
        content: '';
        position: absolute;
        top: 14px;
        left: 14px;
        height: 2px;
        width: 52px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #111;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    }

    .slideTwo label {
        display: block;
        width: 22px;
        height: 22px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        cursor: pointer;
        position: absolute;
        top: 4px;
        z-index: 1;
        left: 4px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
/*        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
*/    }

        .slideTwo label:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            background: #333;
            left: 6px;
            top: 6px;
            -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
            -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
            box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
        }

    .slideTwo input[type=checkbox]:checked + label {
        left: 54px;
    }

        .slideTwo input[type=checkbox]:checked + label:after {
            background: #00bf00;
        }

/* SLIDE THREE */
.slideThree {
    width: 80px;
    height: 26px;
    background: #333;
    margin: 20px auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    .slideThree:after {
        content: 'OFF';
        font: 12px/26px Arial, sans-serif;
        color: #000;
        position: absolute;
        right: 10px;
        z-index: 0;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    }

    .slideThree:before {
        content: 'ON';
        font: 12px/26px Arial, sans-serif;
        color: #00bf00;
        position: absolute;
        left: 10px;
        z-index: 0;
        font-weight: bold;
    }

    .slideThree label {
        display: block;
        width: 34px;
        height: 20px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        cursor: pointer;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 1;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    }

    .slideThree input[type=checkbox]:checked + label {
        left: 43px;
    }

/* ROUNDED ONE */
.roundedOne {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    margin: 20px auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

    .roundedOne label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        left: 4px;
        top: 4px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
        background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
        background: -o-linear-gradient(top, #222 0%, #45484d 100%);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .roundedOne label:after {
            filter: opacity(0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            background: #00bf00;
            background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
            background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
            background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
            background: linear-gradient(top, #00bf00 0%, #009400 100%);
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            top: 2px;
            left: 2px;
            -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        }

        .roundedOne label:hover::after {
            filter: opacity(30);
            opacity: 0.3;
        }

    .roundedOne input[type=checkbox]:checked + label:after {
        filter: opacity(100);
        opacity: 1;
    }

/* ROUNDED TWO */
.roundedTwo {
    width: 15px;
    height: 15px;
    background-color: #fff;
    margin: 8px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    float: right;
    background-color: #fff;
    border: 1px solid #666;
}

    .roundedTwo label {
        cursor: pointer;
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        left: 2px;
        top: 1px;
        background-color: #FFF;
    }

        .roundedTwo label:after {
            filter: opacity(0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 2px;
            left: 0px;
            border: 2px solid #ff345b;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .roundedTwo label:hover::after {
            filter: opacity(30);
            opacity: 0.3;
        }

    .roundedTwo input[type=checkbox]:checked + label:after {
        filter: opacity(100);
        opacity: 1;
    }

/* SQUARED ONE */
.squaredOne {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    margin: 20px auto;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

    .squaredOne label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
        background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
        background: -o-linear-gradient(top, #222 0%, #45484d 100%);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .squaredOne label:after {
            filter: opacity(0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            background: #00bf00;
            background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
            background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
            background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
            background: linear-gradient(top, #00bf00 0%, #009400 100%);
            top: 2px;
            left: 2px;
            -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        }

        .squaredOne label:hover::after {
            filter: opacity(30);
            opacity: 0.3;
        }

    .squaredOne input[type=checkbox]:checked + label:after {
        filter: opacity(100);
        opacity: 1;
    }

/* SQUARED TWO */
.squaredTwo {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    margin: 20px auto;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

    .squaredTwo label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
        background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
        background: -o-linear-gradient(top, #222 0%, #45484d 100%);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .squaredTwo label:after {
            filter: opacity(0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredTwo label:hover::after {
            filter: opacity(30);
            opacity: 0.3;
        }

    .squaredTwo input[type=checkbox]:checked + label:after {
        filter: opacity(100);
        opacity: 1;
    }


/* SQUARED THREE */
.squaredThree {
    width: 20px;
    margin: 20px auto;
    position: relative;
}

    .squaredThree label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        border-radius: 4px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
        background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
        background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
        background: -o-linear-gradient(top, #222 0%, #45484d 100%);
        background: linear-gradient(top, #222 0%, #45484d 100%);
    }

        .squaredThree label:after {
            filter: opacity(0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredThree label:hover::after {
            filter: opacity(30);
            opacity: 0.3;
        }

    .squaredThree input[type=checkbox]:checked + label:after {
        filter: opacity(100);
        opacity: 1;
    }

/* SQUARED FOUR */
.squaredFour {
    width: 15px;
    margin: 15px;
    float: right;
}

    .squaredFour label {
        cursor: pointer;
        position: absolute;
        width: 15px;
        height: 15px;
        top: 0;
        background-color: #fff;
        border: 1px solid #b4b4b4;
        margin-top: 25px;
    }

        .squaredFour label:after {
            filter: opacity(0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 2px;
            left: 2px;
            border: 2px solid #ff345b;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredFour label:hover::after {
            filter: opacity(30);
            opacity: 0.5;
        }

    .squaredFour input[type=checkbox]:checked + label:after {
        filter: opacity(100);
        opacity: 1;
    }

.check-input {
    margin-top: 50px;
}

    .check-input input[type="checkbox"] {
        width: 15px;
        height: 15px;
    }

input[type="checkbox"].checkprofile {
    margin: 0px;
    margin-top: -150px !important;
}

.labeldonation1 {
    color: black;
    border: 0px !important;
    font-weight: normal;
}

.labeldonation2 {
    color: #f39d00;
    border: 0px !important;
    font-weight: normal;
}

.labeldonation3 {
    color: #20598e;
    border: 0px !important;
    font-weight: normal;
}

.margain-campgin {
    margin-top: 50px;
}

.zakat-input {
    border: 1px solid #eee;
    padding: 10px;
    width: 100%;
}

.titleDivOnMobile {
    visibility: hidden !important;
}

@media screen and (max-width: 1199px) {
    .titleDivOnMobile {
        visibility: visible !important;
    }

    .padding-20-top-xs {
        padding-top: 20px !important;
    }

    .padding-20-bottom-xs {
        padding-bottom: 20px !important;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1450px) {

    .up-event {
        LEFT: 120px;
        margin-top: -150px;
    }
}

@media print {

    @page {
        size: auto; /* auto is the initial value */
        margin: 0mm; /* this affects the margin in the printer settings */
    }

    html {
        background-color: #FFFFFF;
        margin: 0px; /* this affects the margin on the html before sending to printer */
    }

    body {
        border: solid 1px blue;
        margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
    }

    .noprint {
        display: none;
    }
}

@media screen and (max-width: 1420px) {

    .iconfast span {
    }
}


@media screen and (max-width: 1350px) and (min-width:1145px) {

    .heighnews {
        height: 400px;
        overflow: hidden;
        display: block;
    }
}

@media screen and (max-width: 1199px) {


    .up-event {
        margin-top: 0px;
        padding: 0px 0px 0px 0px;
        position: absolute;
        z-index: 100;
        WIDTH: 100%;
        LEFT: 0px;
        margin-top: 0%;
    }

    .margain-campgin {
        margin-top: 0;
    }

    .donationSection {
        width: 96%;
    }

    .newssection {
        width: 96%;
    }

    .corpretsecation {
        width: 96%;
    }



    .iconfast span {
    }

    ul.bjqs-controls {
        float: left;
    }

    .divider-vertical {
        display: none;
    }

    .backprofile {
        height: auto;
    }

    .iconfast {
        margin-top: -250px;
    }

    .up-event-campgin {
        margin-top: -15%;
        float: right;
        margin-right: 6%;
    }

    .searchdivresponsev {
        display: block;
        margin-top: 20px;
        width: 90% !important;
        border: 1px solid #eee;
        height: 45px;
        margin-left: auto;
        margin-right: auto;
    }

    .colomdonation {
        width: 100% !important;
        float: right;
    }

    .searchdivresponsev img {
        margin: 1%;
        float: left;
    }


    .NewsContent {
        width: 90% !important;
        margin: 5% !important;
    }

    .Newssidepar {
        display: none !important;
    }

    .detailindex {
        margin: 0px !important;
    }

    .maktb {
        display: none !important;
    }

    .disable {
        display: block !important;
    }

    .loginsection {
        width: 100% !important;
    }

    .closen {
        display: block;
    }



    .collapse.in {
        display: block !important;
        height: 100vh !important;
        overflow: auto !important;
        padding-bottom: 100px;
    }

    .footerpic {
        background-position: 0px -120px;
    }

    .datacenter {
        margin-top: 40px;
        background-color: #232323;
        background-position: 0px 0px;
        display: block;
    }

    .colm {
        margin: 10px;
        float: right;
        text-align: center;
        color: #fff;
        font-size: 9px;
        width: 40%;
    }

        .colm h2 {
            font-size: 10px;
        }

        .colm img {
            width: 30%;
            background-size: 30%;
        }

    .bannerdonation {
        width: 100%;
        margin-top: 10px;
        margin-right: 0px;
    }

    .fb {
        background-color: #fff;
        padding: 2%;
        width: 94%;
        float: none;
        text-align: center;
        margin-bottom: 50px;
        margin-right: auto;
        margin-left: auto;
    }

    .titleDiv {
        font-size: 16px !important;
        width: 240px !important;
    }

    .sloganDiv {
        font-size: 12px !important;
        width: 240px !important;
    }

    .descriptionDiv {
        font-size: 12px !important;
        width: 240px !important;
    }

    a.ButtonDiv {
        font-size: 12px !important;
    }

    #datediv .year, #datediv .month, #datediv .day {
        width: 26.6%;
        margin: 0 15px;
    }


    .fast-btn {
        background-color: #fff;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding: 25px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        height: 80px;
        margin-top: 0px;
        z-index: 1000;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right !important;
    }
}

@media screen and (max-width: 1144px) and (min-width:801px) {

    .heighnews {
        height: 300px;
        overflow: hidden;
        display: block;
    }

    .side {
        background-color: #fbfbfb;
        position: fixed;
        bottom: 0px;
        max-width: 100%;
        z-index: 300;
        -webkit-box-shadow: -1px -4px 28px -9px rgba(0,0,0,0.75);
        -moz-box-shadow: -1px -4px 28px -9px rgba(0,0,0,0.75);
        box-shadow: -1px -4px 28px -9px rgba(0,0,0,0.75);
        padding: 0;
        left: 0;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {

    .backprofile {
    }



    .ImgDetails {
        height: auto;
    }


    .slide-content h3 {
        font-size: 54px;
        font-weight: 900;
        line-height: 1;
    }

    .slide-content p {
        font-size: 20px;
    }

}

@media only screen and (max-width: 966px) {
    .backprofile {
        height: auto;
    }

    .chosedonate {
        top: 0px !important;
    }

    .target {
        margin-top: 25px;
        width: 100%;
    }

        .target img {
            display: block;
            border: 0px;
            margin-right: auto;
            margin-left: auto;
        }

    #getDonorTargetDiv {
        margin-top: 50px;
    }

    .promo-boxround {
        width: 70px;
        height: 70px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

        .promo-boxround img {
            margin: 17px;
            width: 37px;
        }
}

@media only screen and (max-width: 750px) {
    .cartcomponant {
        background-color: #f9f9f9;
    }

    .side-2 {
        background-color: #fbfbfb;
        position: fixed;
        bottom: 0px;
        max-width: 100%;
        z-index: 300;
        -webkit-box-shadow: -1px -4px 28px -9px rgba(0,0,0,0.75);
        -moz-box-shadow: -1px -4px 28px -9px rgba(0,0,0,0.75);
        box-shadow: -1px -4px 28px -9px rgba(0,0,0,0.75);
        left: 0;
    }

    .sidecart {
        margin-bottom: 0px;
        padding: 0;
        overflow: auto;
        background-color: #fbfbfb;
    }

    .mysponser span {
        padding: 10px 0;
    }

    .totalamount {
        border-bottom: 0px;
    }

    .padding-none-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .padding-less-xs {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .table-none-scroll-xs {
        height: 255px;
        max-height: 255px;
        overflow-y: hidden !important;
    }

    .padding-v-none-xs {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}

@media only screen and (max-width: 800px) {
    .details {
        margin-top: 100px !important;
    }

    .filterdonation {
        margin-top: 20px;
        height: 125px;
        margin-bottom: 20px;
        width: 96%;
        padding-right: 9px;
    }

    .filterdonationPart2 {
        margin-top: 20px;
        height: 225px;
        margin-bottom: 20px;
        width: 96%;
        padding-right: 9px;
    }

    .filter-respon {
        height: 120px !important;
    }

    .text-sm-center {
        text-align: center;
        width: 100%;
    }

    .iconfast {
        width: 100%;
        margin-top: -120px;
        background-color: #eee;
        height: 80px;
        padding-top: 20px;
        margin-left: 0px;
        margin-bottom: 25px;
    }

        .iconfast img {
            width: 25px;
        }

        .iconfast span {
            color: #333;
        }

    .targetChart {
        float: none;
        margin: 0px auto;
        height: 200px;
        margin-top: 50px;
    }

    .target {
        height: 200px;
        width: 100%;
    }

        .target img {
            display: block;
            border: 0px;
            margin-right: auto;
            margin-left: auto;
        }

    .mymenu {
        display: none;
    }


    .chosedonate {
        padding: 0px;
        top: 0px !important;
        width: 100%;
    }

    .img-top {
        margin-top: 0px;
    }

    .mymenudisplayed {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
    }

        .mymenudisplayed span {
            height: 35px;
            font-size: 12px;
            margin-top: 25px;
            width: 30%;
        }


        .mymenudisplayed select {
            height: 35px;
            direction: rtl;
            width: 60%;
            margin-top: 25px;
        }

    .promo-boxi, .promo-boxi2, .promo-boxi3 {
        width: 50px;
        height: 50px;
        background-size: 35px;
    }

    .disimg img {
    }

    .disimg {
        padding-top: 0px;
        float: left;
        padding-bottom: 20px;
        text-align: left;
        margin-top: -35px;
    }

    .mybanner {
        height: auto;
    }

    .filterdonation .title {
        width: 90%;
        margin: 2%;
        text-align: center;
    }



    .filterdonation select {
        width: 43%;
        margin: 2%;
    }

    .filterdonation input {
        width: 28%;
        margin: 2%;
    }

    .filterdonationPart2 .title {
        width: 90%;
        margin: 2%;
        text-align: center;
    }



    .filterdonationPart2 select {
        width: 43%;
        margin: 2%;
    }

    .filterdonationPart2 input {
        width: 28%;
        margin: 2%;
    }


    .corpret-icon li {
        width: 40%;
        text-align: center;
        margin-bottom: 2%;
    }

    .colomdonation {
        width: 100% !important;
        float: right;
    }



    .titelnews {
        display: none;
    }

    .mainnews {
        width: 100%;
        height: auto;
        margin-bottom: 2%;
    }

    .mornews {
        width: 100% !important;
        height: auto;
        margin-bottom: 2%;
        float: right;
    }

    #pav-footer-top {
        display: none;
    }

    .donationbtn {
        background-color: #5C1330;
        position: absolute;
        bottom: 18%;
        font-size: 14px;
        z-index: 500;
        left: 49.2%;
        border-radius: 32px;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 54px;
        color: #fff;
        opacity: 0.8;
        cursor: pointer;
    }

    .socialtop, .smallmenu {
        display: none;
    }

    .mainnews-text {
        overflow: hidden;
        height: 60px;
        font-size: 11px;
    }

    .maincorpret {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .corpret-icon li {
        margin: 10px;
    }

    .footerpic {
        display: none;
    }

    .bannerdonation {
        width: 100%;
        margin-top: 10px;
    }

    .donationitems {
        width: 100%;
        font-size: 100%;
        margin-top: 10px;
    }

    .donationSearch {
        width: 100%;
        font-size: 100%;
        margin-top: 10px;
    }

    .picdonation {
        width: 100%;
        margin-top: 10px;
    }

        .picdonation img {
            height: auto;
            width: 100%;
            margin-top: 49px;
        }

    .donationbox {
        width: 100%;
        font-size: 100%;
        height: 300px;
        margin-top: 10px;
    }

    .datacenter {
        margin-top: 40px;
        background-color: #232323;
        display: block;
    }

    .colm {
        margin: 10px;
        float: right;
        text-align: center;
        color: #fff;
        font-size: 9px;
        width: 40%;
    }

        .colm h2 {
            font-size: 10px;
        }

        .colm img {
            width: 60%;
            background-size: 60%;
        }

    .titleDiv {
        font-size: 12px !important;
        width: 240px !important;
    }

    .descriptionDiv {
        font-size: 0px !important;
    }

    a.ButtonDiv {
        font-size: 12px !important;
    }
}


    .importlink ul {
        padding: 0px;
        margin: 0px;
    }

        .importlink ul li {
            color: #fff;
            list-style: none;
            font-size: 12px;
            line-height: 30px;
        }

            .importlink ul li a {
                color: #fff;
                text-decoration: none;
            }

                .importlink ul li a:hover {
                    cursor: pointer;
                    color: #1ea6b2;
                }
/************************************/
.flipplay {
    float: right;
    direction: rtl;
}
/******* playerContainer ********/



.paly-icon {
    border: 2px solid #3F4247;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    float: left;
}

input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    width: 100%; /* Specific width is required for Firefox. */
}

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
    }

    input[type=range]:focus {
        outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
    }

    input[type=range]::-ms-track {
        width: 100%;
        cursor: pointer;
        background: transparent; /* Hides the slider so custom styles can be added */
        border-color: transparent;
        color: transparent;
    }



    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: 1px solid #000000;
        width: 16px;
        border-radius: 3px;
        background: #ffffff;
        cursor: pointer;
        margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
        box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
    }

    /* All the same stuff for Firefox */
    input[type=range]:-moz-range-thumb {
        box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
        border: 1px solid #000000;
        width: 16px;
        border-radius: 3px;
        background: #ffffff;
        cursor: pointer;
    }

    /* All the same stuff for IE */
    input[type=range]::-ms-thumb {
        box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
        border: 1px solid #000000;
        width: 16px;
        border-radius: 3px;
        background: #ffffff;
        cursor: pointer;
    }


.ui-slider-handle {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.playerContainer {
    width: 90%;
    max-width: 650px;
    border: 2px solid #3F4247;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
    margin-top: 40px;
}

.margen-play {
    margin: 24px 0 0px 0;
}

.ui-slider-horizontal {
    height: .2em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: .6em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    margin-top: -2px;
}

.share-audo {
    max-width: 175px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 60px;
    line-height: 60px;
    background-color: transparent;
}

.headphone {
    width: 50px;
    border-right: 1px solid #fff;
    background-image: url("/Content/images/headphoneicon-tafreej.png");
    height: 40px;
    background-position: center center;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
}

.soundcloud {
    width: 50px;
    background-image: url("/Content/images/Sound-icon-tafreej.png");
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    margin-top: 10px;
}

.youtube-icon {
    width: 50px;
    background-image: url("/Content/images/you-icon-tafreej.png");
    background-repeat: no-repeat;
    float: left;
    height: 40px;
    background-position: center center;
    margin-top: 10px;
}


    .youtube-icon a, .soundcloud a {
        width: 50px;
        height: 40px;
        display: block;
    }

.ui-widget-content {
    border: 0px;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 45px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: #3f4247;
}

.glyphiconsize {
    font-size: 24px;
    margin-left: 11px;
    margin-top: 9px;
    outline: none;
}

/*************cases-of-the-episode*************/
/**************Filter**************/

.filterdonationAdvanced {
    background-color: rgba(0, 76, 132, 0.9);
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    max-width: 1170px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.searsh-titel {
    margin-top: 10px;
    padding: 10px;
    font-size: 1.3em;
    margin-top: 25px;
}

.content input::-webkit-input-placeholder {
    color: #999;
}



/**************Request*************/

.request {
    border: 1px solid #DEDEDE;
    text-align: center;
    color: #5d5d5d;
    margin: 10px 0;
    background-color: #F9F9F9;
    margin-bottom: 20px;
}

.title-3 {
    font-size: 30px;
}

.title-2 {
    font-size: 1.2em;
    margin: 10px;
    text-align: right;
}

.request-details p {
    line-height: 22px !important;
    margin: 10px 0;
    font-size: .9em;
    text-align: right;
    color: #666;
}

.request-follow img {
    max-width: 70px;
}
/**************EndRequest*************/

.icon-methods {
    width: 100%;
    background-color: #eaeff2;
    margin-top: 100px;
    position: fixed;
    z-index: 9;
    top: 0px;
}

.margen-koisk {
    margin-top: 300px;
}

.markar {
    border: 1px solid #20598e;
    padding: 7px;
    display: block;
    color: #20598e;
    max-width: 170px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .markar:hover, .markar:focus, .markar:active {
        color: #fff;
        background-color: #20598e !important;
    }

    .markar a {
        max-width: 120px;
    }

/***********Geras***********/
.dategeras {
    background-color: rgba(0, 76, 132, 0.9);
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: 'Noto Kufi Arabic';
    line-height: 40px;
}

.gerastext {
    text-align: center;
    color: #666;
    font-size: 1.2em;
    font-family: 'Noto Kufi Arabic';
}

.back-gheras {
    margin-bottom: 40px;
}
/****************End***************/

/************map******************/
.message .lower {
    display: block;
}

.message p {
    display: block;
    overflow: hidden;
    word-wrap: break-word;
    color: #e00570;
    font-size: 1.2em !importaNT;
}

.smallMessage .original {
    padding-top: 11px;
    font-size: 11px;
}

.message .original {
    color: #666;
}

.mapinform {
    background-color: #fff;
    border: 1px solid #b4b4b4;
    height: 40px;
    margin: 8px 0;
    width: 99%;
}

.smallMessage .translated {
    font-size: 15px;
    height: 18px;
    color: #e00570;
}

.smallMessage, .smallMessage .dot, .smallMessage .wrap, .borderradius.csstransforms .smallMessage.enabled:hover .dot {
    width: 100% !important;
}

.mapbtn {
    background-color: #e00570;
    border: 0px solid #b4b4b4;
    height: 40px;
    width: 100%;
    color: #fff;
    margin-top: 10px;
}

.adp, .adp table {
    font-family: Roboto,Arial,sans-serif;
    font-weight: 300;
    color: #2C2C2C;
    WIDTH: 100%;
}

    .adp, .adp table TD {
        height: 40PX;
    }
/************************/

.text-right-left {
    text-align: right;
}

.COLOR-RIG {
    color: #20598e;
}

.checkrig {
    float: left !important;
    width: 20px !important;
    height: 17px !important;
    margin: 0px !important;
}


/********************
    CAMPAIGN FAST DONATION
    *************************/

.campaignFastDonation {
    background-color: #fff;
    max-width: 390PX;
}

.border-radius-5 {
    border-radius: 5px;
}

.bag-gray {
    background-color: #f3f3f3;
}

.campaignFastDonation button.donate {
    background-color: #e00570;
}

.campaignFastDonation button.add-to-basket {
    background-color: #20598e;
    background-repeat: no-repeat;
    background-position: 85px 6px;
    padding: 0 20px !important;
}

.campaignFastDonation button.donate, .campaignFastDonation button.add-to-basket {
    display: inline-block;
    padding: 6px 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    border: 1px solid transparent;
    height: 44px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
}

.campaignFastDonation a {
    color: #333;
}

.gray-number .glyphicon {
    font-weight: normal;
}

/********************
    END CAMPAIGN FAST DONATION
    *************************/


/********************
    fast-donate-campaign
    *********************************/

.fast-donate-campagin {
    max-width: 307px;
    position: absolute;
    z-index: 1000;
    margin-top: -37vh;
    left: 250px;
    width: 100%;
}



.campaignDescription {
    font-size: 12px;
    padding: 40px;
    color: #666;
    background: #fff;
    border: 1px solid #eee;
    margin-top: 84px;
    z-index: 999;
    position: relative;
    padding: 18px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    padding: 40px;
    margin-bottom: 25px;
    overflow: hidden;
    line-height: 30px;
}

.share-campagin {
    z-index: 1000;
    position: absolute;
    margin-top: -214px;
    right: 118px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
    padding: 10px;
}

.share-icon {
    background-image: url("/Content/images/share-icon.jpg");
    height: 59px;
    width: 60px;
    position: absolute;
    margin-top: -213px;
    right: 58px;
    z-index: 100;
    background-size: 100%;
    background-position: center;
}

/********************
    End fast-donate-campagin
    *************************/

/********* PROJECTS DETAILS **********/
.border-top {
    border-top: 1px solid #dfdfdf !important;
}

.border-bottom {
    border-bottom: 1px solid #dfdfdf !important;
}

.underline {
    text-decoration: underline !important;
}

.padding-10-top {
    padding-top: 10px !important;
}

.padding-10-bottom {
    padding-bottom: 10px !important;
}

.border-radius-10px {
    border-radius: 10px;
}

.bg-transparent {
    background-color: transparent !important;
}

h2.donate-header {
    line-height: 40px;
}

.border-none {
    border: none;
}
/********* DONATION METHODS **********/
.list-inline-donation li {
    height: 40px;
}

    .list-inline-donation li:last-child {
        border-left: none;
    }

.bg-gray-2 {
    background-color: #f9f9f9;
    border-bottom: 5px solid #e9e9e9;
}

.text-color-default {
    color: #20598e !important;
    line-height: 34px;
}

.list-inline-right li {
    float: right !important;
    padding: 0;
    text-align: center;
    border-left: 1px solid #bbb;
}

.donationMethods-icon {
    position: relative;
    top: 10px;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin: 0 0 0 10px;
}

.collectors-icon {
    background-image: url(/Content/images/collectors.png);
    width: 34px;
    height: 22px;
    top: 5px;
}

h1.text-color-default {
    line-height: 50px;
}

.text-color-default i {
    float: right;
}

.kheer-card-icon {
    background-image: url(/Content/images/kheer-card.png);
    width: 40px;
    height: 30px;
}

.website-icon {
    background-image: url(/Content/images/website.png);
    width: 34px;
    height: 34px;
}

.sms-icon {
    background-image: url(/Content/images/sms.png);
    width: 34px;
    height: 34px;
}

.customerService-icon {
    background-image: url(/Content/images/customerService.png);
    width: 30px;
    height: 34px;
}

.mobileApp-icon {
    background-image: url(/Content/images/mobileApp.png);
    width: 22px;
    height: 40px;
}

.bankTransfare-icon {
    background-image: url(/Content/images/bankTransfare.png);
    width: 34px;
    height: 32px;
}

.nogomiPoints-icon {
    background-image: url(/Content/images/nogomiPoints.png);
    width: 34px;
    height: 34px;
}

.kiosk-icon {
    background-image: url(/Content/images/kiosk-2.png);
    width: 24px;
    height: 36px;
}

.ivr-icon {
    background-image: url(/Content/images/ivr.png);
    width: 34px;
    height: 26px;
}

.myPoints-icon {
    background-image: url(/Content/images/myPoints.png);
    width: 34px;
    height: 32px;
}

.appStore-icon {
    background-image: url(/Content/images/appStore.png);
    width: 19px;
    height: 22px;
    top: 5px;
}

.map-marker {
    top: 2px;
}

.side-icon {
    direction: rtl;
}

/********LOGIN WITH MOBILE************/

.loginBtn-update {
    color: #fff !important;
    background-color: #20598e !important;
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    float: right !important;
    height: 42px;
    font-size: 12px;
}

.border-radius-none {
    border-radius: 0;
}

.separate hr {
    border-top: 1px solid #e4e4e4;
    margin-top: 22px;
    margin-bottom: 22px;
}

.font-size-11 {
    font-size: 11px;
}

.control-label-right {
    float: left;
}

.padding-none-left {
    padding-right: 0 !important;
}

.padding-none-right {
    padding-left: 0 !important;
}

.padding-less-right {
    padding-left: 5px;
}

.padding-less-left {
    padding-right: 5px;
}

.padding-less {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


/********************
    End fast-donate-campagin
    *********************************/

.birthday-icon {
    margin-top: 20px;
}

.search-horizontal {
    background-color: transparent;
}

.search-horizontal-max input {
    width: 100% !important;
}


.ridomonth {
    margin: 4px !important;
}

/*LOGIN*/

.circle {
    border-radius: 50%;
    margin: 0.48em 2em 0.35em 1em;
    font-size: 1em;
}

.logingoogleBtn {
    background-color: #dd4b39 !important;
    border: solid 1px #dd4b39 !important;
}

    .logingoogleBtn:hover, .logingoogleBtn:focus, .logingoogleBtn:active, .logingoogleBtn.active, .logingoogleBtn:hover, .logingoogleBtn:focus, .logingoogleBtn:active, .logingoogleBtn.active {
        background-color: #fff !important;
        border: solid 1px #dd4b39 !important;
    }

    .logingoogleBtn .fa-google-plus, .logingoogleBtn .fa-google-plus:hover {
        color: #dd4b39;
        background: #fff;
        padding: 0.5em;
    }

    .logingoogleBtn:hover .fa-google-plus, .logingoogleBtn:focus .fa-google-plus, .logingoogleBtn:active .fa-google-plus, .logingoogleBtn.active .fa-google-plus, .logingoogleBtn:hover .fa-google-plus:hover, .logingoogleBtn:focus .fa-google-plus:hover, .logingoogleBtn:active .fa-google-plus:hover, .logingoogleBtn.active .fa-google-plus:hover {
        color: #fff;
        background: #dd4b39;
        padding: 0.5em;
    }

.loginFacebookBtn .fa-facebook, .loginFacebookBtn .fa-facebook:hover {
    color: #3B5998;
    background: #fff;
    padding: 0.45em 0.7em;
}

.loginFacebookBtn:hover .fa-facebook, .loginFacebookBtn:focus .fa-facebook, .loginFacebookBtn:active .fa-facebook, .loginFacebookBtn.active .fa-facebook, .loginFacebookBtn:hover .facebook:hover, .loginFacebookBtn:focus .fa-facebook:hover, .loginFacebookBtn:active .fa-facebook:hover, .loginFacebookBtn.active .fa-facebook:hover {
    color: #fff;
    background: #3B5998;
    padding: 0.45em 0.7em;
}

.color-header {
    line-height: 44px;
    margin-bottom: 0;
    color: #fff;
}

/**SPONSORSHIP DETAILS**/

.sponsorMountHeader {
    margin-left: auto;
    margin-right: auto;
}

.h1-h3-exception {
    line-height: 50px;
    margin: 5px auto;
}

.input-icon {
    position: absolute;
    top: 22px;
    right: 24px;
    font-size: 17px;
}

.input-icon-2 {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 26px;
    color: #20598e;
}

/** PAYMENT STEPS **/

.chosedonatePopup {
    width: 320px;
}

.numberCircleBorderGreen {
    border-radius: 50%;
    border: 1px solid #32acb7;
    padding: 2px;
    background-color: transparent;
    width: 30px;
    height: 30px;
    margin-right: auto;
    margin-left: auto;
}

.numberCircleGreen {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 14px;
    padding: 8px;
    background: #32acb7;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.numberCircleGray {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 14px;
    padding: 8px;
    background: #d6d6d6;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.numberCircleLinewhite {
    font-size: 16px;
    color: #fff;
}

    .numberCircleLinewhite b {
        font-family: Arial;
    }

.numberCircleGreen-h1, .numberCircleGray-h1 {
    margin: 10px 0;
    font-size: 12px;
    direction: rtl;
    text-align: center;
}

.numberCirclePaymentSeparate {
    position: absolute;
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    left: 14%;
    top: 2%;
}

    .numberCirclePaymentSeparate hr {
        border-top: 3px solid #e4e4e4;
        margin-top: 22px;
        margin-bottom: 22px;
    }

.border-gray {
    border: solid 1px #b4b4b4;
}

.paymentMenu li:last-child {
    border: none !important;
}

.paymentMenu li:first-child {
    border: none !important;
}

/********************
    fast-donate-campagin
    *********************************/

.fast-donate-campagin {
    max-width: 307px;
    position: absolute;
    z-index: 1000;
    margin-top: -37vh;
    left: 250px;
    width: 100%;
}



.campaignDescription {
    font-size: 12px;
    padding: 40px;
    color: #666;
    background: #fff;
    border: 1px solid #eee;
    margin-top: 84px;
    z-index: 999;
    position: relative;
    padding: 18px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    padding: 40px;
    margin-bottom: 25px;
    overflow: hidden;
    line-height: 30px;
}

.share-campagin {
    z-index: 1000;
    position: absolute;
    margin-top: -214px;
    right: 118px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
    padding: 10px;
}

.share-icon {
    background-image: url(/Content/images/dall-logo-share.png);
    height: 35px;
    width: 186px;
    position: inherit;
    position: absolute;
    z-index: 10;
    right: 0px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}



@media screen and (max-width: 1199px) {

    .mysponser span {
        padding: 10px 0;
    }
}

.campaignDescription {
    position: static;
    margin-top: 170px;
}

.up-event-campgin {
    margin-top: 0;
    float: right;
    margin-right: 0;
}

.share-campagin {
    z-index: 1000;
    position: inherit;
    right: 0px;
    padding: 10px;
    margin-top: 0px;
    background: #a5a5a5; /* Old browsers */
    background: -moz-linear-gradient(top, #fff 11%, #fff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff 11%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff 11%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/********************
    End fast-donate-campagin
    *********************************/

/********************************* 
    MOTIVATOR SIDE SOCIAL
    *********************************/

.motivatorSideSocial {
    margin: 0;
    padding: 0;
    text-align: center;
    margin: 25px 0;
}

    .motivatorSideSocial li {
        display: inline;
        padding: 0 2px;
    }

/********************************* 
    END MOTIVATOR SIDE SOCIAL
    *********************************/
.row.vdivide [class*='col-']:not(:last-child):after {
    background: #e0e0e0;
    width: 1px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 70px;
}

.mobile-key-input-2 {
    width: 75% !important;
    padding: 0 10px !important;
    margin-left: 72px !important;
    margin-bottom: 10px !important;
}

.mobile-key-input-3 {
    width: 72% !important;
}

/***************** SMS METHOD *******************/
.choose-amount .btn {
    display: inline-block;
    padding: 6px 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    border: 1px solid transparent;
    height: 46px;
}

.choose-amount .btn-default, .choose-amount .btn-default {
    font-weight: 500;
    color: #fff;
    background-color: #20598e;
    border-color: transparent;
}

    .choose-amount .btn-default:hover, .choose-amount .btn-default:active, .choose-amount .btn-default:focus, .choose-amount .btn-default:visited, .choose-amount .btn-default.active, .choose-amount .btn-default.active:hover, .choose-amount .btn-default.active:active, .choose-amount .btn-default.active:focus, .choose-amount .btn-default.active:visited {
        font-weight: 500;
        color: #fff;
        background-color: #e00570;
        border-color: transparent;
    }

.sms-box {
    border-radius: 7px;
    line-height: 24px;
    padding: 10px;
    -webkit-box-shadow: 1px 2px 12px -1px rgba(143,143,143,0.09);
    -moz-box-shadow: 1px 2px 12px -1px rgba(143,143,143,0.09);
    box-shadow: 1px 2px 12px -1px rgba(143,143,143,0.09);
}

    .sms-box p {
        font-size: 1.2em;
    }

/***************** END SMS METHOD *******************/

.smsAmount {
    font-weight: 500;
    color: #fff;
    background-color: #20598e;
    border-color: transparent;
    height: 40px;
}

.activeAmount {
    font-weight: 500;
    color: #fff;
    background-color: #e00570;
    border-color: transparent;
}

.smsAmountClass {
    font-size: 20px;
    font-family: Arial;
    padding: 0 10px;
    color: #20598e !important;
}

.border-none {
    border: none !important;
}
/****************************** PROFILE PAGE ******************************/
.profile-image {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .profile-image span {
        position: absolute !important;
        bottom: 0;
        background-color: rgba(0,0,0,.6);
        height: 24px;
        line-height: 24px;
        color: #fff;
        font-size: 11px;
        margin: 0;
        max-width: 90%;
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.green-transparent-btn {
    border-radius: 30px !important;
    border: 1px solid #1f9ca9;
    color: #1f9ca9;
    height: 40px;
    line-height: 28px;
}

    .green-transparent-btn:hover {
        background-color: #1f9ca9;
        border: 1px solid #1f9ca9;
        color: #fff;
    }

.red-transparent-btn {
    border-radius: 30px !important;
    border: 1px solid #e00570;
    color: #e00570;
    height: 40px;
    line-height: 28px;
}

    .red-transparent-btn:hover {
        background-color: #e00570;
        border: 1px solid #e00570;
        color: #fff;
    }

.card-shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(54,54,54,0.33);
    -moz-box-shadow: 0px 2px 5px 0px rgba(54,54,54,0.33);
    box-shadow: 0px 2px 5px 0px rgba(54,54,54,0.33);
}

.bg-gray-border {
    background-color: #ebebeb;
    border: 1px solid #d5d5d5;
}

.profile-image-border {
    border: 1px solid #939393;
}

.hr-gray {
    border-top: 1px solid #d8d8d8;
}

.goal-icon {
    width: 22px;
    height: 22px;
    border: 2px solid #3ab4bf;
    border-radius: 50%;
}

    .goal-icon span {
        width: 14px;
        height: 14px;
        border: 2px solid #3ab4bf;
        border-radius: 50%;
        display: block;
        margin: auto;
        margin-top: 2px;
    }

        .goal-icon span i {
            width: 6px;
            height: 6px;
            border: 2px solid #3ab4bf;
            background-color: #3ab4bf;
            border-radius: 50%;
            display: block;
            margin: auto;
            margin-top: 2px;
        }

.profile-menu-list {
    list-style: none;
}

    .profile-menu-list li {
        border-bottom: 1px solid #eaeaea;
        line-height: 42px;
    }

        .profile-menu-list li:first-child {
            height: 50px;
            line-height: 50px;
        }

        .profile-menu-list li:last-child {
            border-bottom: none;
        }

        .profile-menu-list li a, .profile-menu-list li a i {
            color: #626262;
            font-size: 16px;
            line-height: 42px;
            background-repeat: no-repeat;
        }

        .profile-menu-list li:first-child a, .profile-menu-list li:first-child a i {
            line-height: 50px;
        }

.profile-menu-list-horizontal {
    list-style: none;
    margin-bottom: 0 !important;
}

    .profile-menu-list-horizontal li {
        line-height: 20px;
    }

        .profile-menu-list-horizontal li button:active, .profile-menu-list-horizontal li button:hover, .profile-menu-list-horizontal li button:focus, .profile-menu-list-horizontal li button:visited {
            color: #20598e;
        }

        .profile-menu-list-horizontal li a, .profile-menu-list-horizontal li a i, .profile-menu-list-horizontal li button i {
            color: #626262;
            font-size: 16px;
            line-height: 40px;
        }

            .profile-menu-list-horizontal li a p {
                margin-bottom: 0;
            }

.more-icon:before {
    content: "\e234";
}

a.profile-more:hover ul, a.profile-more:active ul, a.profile-more:focus ul {
    display: block;
}

.profile-dropdown-menu {
    min-width: 346px !important;
}

.profile-menu-three-icons {
    background-color: #fbfbfb;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}

    .profile-menu-three-icons ul {
        list-style: none;
    }

        .profile-menu-three-icons ul li a {
            color: #626262;
        }

            .profile-menu-three-icons ul li a img {
                margin: auto;
                display: block;
            }

.profile-sponsorship-icon {
    background-image: url("/content/images/profile-sponsorship-icon.png");
    width: 17px;
    height: 18px;
    margin: 10px -8px 0px 10px;
    background-repeat: no-repeat
}

.profile-projects-icon {
    background-image: url("/content/images/profile-projects-icon.png");
    width: 21px;
    height: 13px;
    margin: 13px -5px 0 6px;
    background-repeat: no-repeat
}

.profile-deduction-icon {
    background-image: url("/content/images/profile-deduction-icon.png");
    width: 36px;
    height: 17px;
    margin: 10px 0 0 3px;
    background-repeat: no-repeat;
    background-position: 7px;
}

.profile-dall-icon {
    background-image: url("/content/images/profile-dall-icon.png");
    width: 18px;
    height: 18px;
    margin: 9px -9px 0px 10px;
    background-repeat: no-repeat
}

.profile-dall-linked {
    background-image: url("/content/images/profile-link-icon.png");
    width: 18px;
    height: 18px;
    margin: 10px -11px 0 10px;
    background-repeat: no-repeat
}

.profile-annual-report {
    background-image: url("/content/images/annual-report-icon.png");
    width: 17px;
    height: 23px;
    margin: 10px -11px 0 10px;
    background-repeat: no-repeat
}

.profile-whatsapp-icon {
    background-image: url("/content/images/DonorProfile/profile-whatsapp-icon.webp");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat
}

.profile-contact-icon {
    background-image: url("/content/images/profile-contact-icon.png");
    background-repeat: no-repeat;
    width: 28px;
    height: 32px;
}

.yellow-back {
    background-color: #ddc107;
    padding-top: 10px !important;
}

.yellow-dark-back {
    background-color: #c7b021;
}

.red-back {
    background-color: #e14764;
    padding-top: 10px !important;
}

.red-dark-back {
    background-color: #cd415c;
}

.orange-back {
    background-color: #f29441;
    padding-top: 10px !important;
}

.orange-dark-back {
    background-color: #be712d;
}

.purple-back {
    background-color: #3c5168;
    padding-top: 10px !important;
}

.purple-dark-back {
    background-color: #223850;
}

.blue-back {
    background-color: #20598e;
    padding-top: 10px !important;
}

.blue-dark-back {
    background-color: #0e9eab;
}

.green-back {
    background-color: #54bfa1;
    padding-top: 10px !important;
}

.green-dark-back {
    background-color: #4caf94;
}

.color-white {
    color: white !important;
}

.rtl {
    direction: rtl !important;
}

select.transparent-select {
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(/Content/images/ArrowDown.png) !important;
    background-size: 12px;
    background-position: 4%;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 0;
    margin-top: 8px;
    height: 40px;
    line-height: 24px;
    border: 1px solid #fff;
}

    select.transparent-select option {
        color: #626262;
    }

.default-back-color {
    background-color: #20598e;
}

ul.table-list {
    list-style: none;
    border-bottom: 1px solid #eaeaea;
    height: 50px;
}

    ul.table-list li {
        line-height: 34px;
    }

/************** SWITCH ON-OFF **************/

.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #34A7C1;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-right: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: right;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 12px;
        color: white;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "تفعيل";
        padding-right: 10px;
        background-color: #fff;
        color: #34A7C1;
    }

    .onoffswitch-inner:after {
        content: "إيقاف";
        padding-left: 10px;
        background-color: #34A7C1;
        color: #fff;
        text-align: left;
    }

.onoffswitch-switch {
    display: block;
    width: 20px;
    height: 20px;
    margin: 6px 9px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 56px;
    border: none;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-right: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: 0px;
    background-color: #20598e;
}

/************** END SWITCH ON-OFF **************/

/************** SCROLLBAR **************/

.table-content {
    overflow-y: scroll;
    margin: 5px 0;
}

    .table-content::-webkit-scrollbar {
        width: 4px;
        height: 50%;
    }

    /* Track */
    .table-content::-webkit-scrollbar-track {
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }


/************** SCROLLBAR **************/

.line-height-28 {
    line-height: 28px !important;
}

.border-top {
    border-top: 1px solid #ececec;
}

.border-bottom {
    border-bottom: 1px solid #ececec;
}

.gray-bg-sponsor {
    background-color: #f5f7f9;
}

.green-bg-sponsor {
    background-color: #20598e;
    height: 56px;
}

select.gray-arrow {
    background-position: 4%;
}

.donate-now {
    color: #fff;
    background-color: #ff345b;
    border: none;
    height: 40px;
}

.button-green-border {
    border: 1px solid #20598e;
    border-radius: 5px;
    background-color: transparent;
    color: #20598e;
    font-size: 12px;
}


.float-none {
    float: none !important;
}

.current-sponsor-h2 {
    font-size: 12px;
}

.radio-default {
    position: relative !important;
    margin: 0 0 0 10px !important;
}

/**  Accordion  **/
button.accordion {
    background-color: #20598e;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    padding: 10px 15px;
    color: #fff;
}

    button.accordion span {
        background-image: url(/Content/images/ArrowDown.png);
        width: 20px;
        height: 12px;
        background-repeat: no-repeat;
        margin-top: 7px;
    }

    button.accordion.active, button.accordion:hover {
        background-color: #1f98a6;
    }

        button.accordion.active span {
            background-image: url(/Content/images/ArrowUp.png);
            background-repeat: no-repeat;
        }

div.panel {
    padding: 15px;
    display: none;
    background-color: white;
}

    div.panel.show {
        display: block;
    }
/**  END Accordion  **/

/****************************** END ALL PROFILE PAGE ******************************/


.button-red-border {
    border: 1px solid #ff345b;
    border-radius: 5px;
    background-color: transparent;
    color: #ff345b;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

.button-green-border {
    border: 1px solid rgba(0, 76, 132, 0.9);
    border-radius: 5px;
    background-color: transparent;
    color: rgba(0, 76, 132, 0.9);
    font-size: 12px;
    height: 40px;
    line-height: 36px;
}



/****************************** ACCOUNTS MERGE ******************************/

.bg-green-light {
    background-color: #daf5f0;
    border-bottom: 1px solid #dfdfdf;
}

.bg-red-light {
    background-color: #f7d1d8;
    border-bottom: 1px solid #dfdfdf;
}

.bg-gray-light {
    background-color: #e9f0f6;
    border-bottom: 1px solid #dfdfdf;
}

.border-white-right {
    border-left: 1px solid #fff;
}

.border-gray-right {
    border-left: 1px solid #dfdfdf;
}

.activeButton {
    background-color: #20598e !important;
    color: #fff !important;
}
/****************************** END ACCOUNTS MERGE ******************************/

/****************************** LOGIN VALIDATION ******************************/

.validation-summary-errors ul li {
    color: red;
    direction: rtl;
    text-align: right;
}

/****************************** END LOGIN VALIDATION ******************************/

.input-transparenr {
    background-color: transparent !important;
    border: none !important;
}

.total-amount {
    font-size: 16px;
    text-align: center;
}

.medium-text {
    font-size: 16px;
}

.vertical-separate {
    width: 2px;
    background-color: #eee;
    height: 255px;
    display: block;
    margin: auto;
}

.line-height-30 {
    line-height: 30px !important;
}

.red-light {
    color: #e00570 !important;
}

/******** MY PROJECTS ********/

.projects-levels {
    background: #20598e;
    border-left: 2px solid #fff;
    height: 10px;
}

.projects-levels-back {
    background-color: #eee;
    height: 10px;
}

.perioued-project {
    padding: 0;
    margin: 0;
}


    .perioued-project > li a {
        line-height: 1.5;
        height: 45px;
        border-radius: 0px 0px 0 0;
        color: #777 !important;
        width: 100%;
        background-color: #fff !important;
        display: block;
        text-align: center;
    }

    .perioued-project li {
    }


.perioued-project {
}


    .perioued-project > li > a:hover, .perioued-project > li a:focus, .perioued-project > li > a:active, .perioued-project > li.active > a, .perioued-project > li.active > a:hover, .perioued-project > li.active > a:focus, .perioued-project > li.active > a:active {
        color: #777 !important;
        width: 100%;
        background-color: #fff !important;
        text-align: center;
    }

.border-bottom {
    border-bottom: 1PX solid #b4b4b4;
}

.m-b-20 {
    margin-bottom: 20PX;
}

.green-color-font {
    color: #20598e;
}

/*************popupdal********************/


.popup-share-dal {
    max-width: 500px;
}





.max-width-400 {
    max-width: 400px;
}

.color-gray {
    color: #666;
}

.btn-cart-donate {
    background-color: #20598e;
    background-image: url(/Content/images/QC_add-to-cart.png);
    background-repeat: no-repeat;
    background-position: 60% 4px;
    padding-right: 55px !important;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    border: 1px solid transparent;
    height: 42px;
}



/****************************************
    Mohamed
    ******************************************/

.none-close {
    display: none;
}

.squaredFour_5998733 [class*=border-] input[type="checkbox"] {
    border-color: inherit;
    color: inherit;
}

.checkbox-card {
    width: 15px;
    height: 15px;
    background-color: #fff !important;
    border: 1px solid #6b6969 !important;
    color: #d20808 !important;
}

.ednalign-checkout {
    text-align: end !important;
}

.selctoramount-checkout {
    height: 38px;
    border: 1px solid #eee;
    background-color: #fff !important;
    text-align: center;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 500;
}

.main-p-m {
    background-color: #eee;
    padding: 6px;
    border: 1px solid #eee;
    font-family: sans-serif;
    height: inherit;
}

.selctorcart {
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center;
    color: #777;
    background-position: 6%;
    padding-left: 20px;
    padding-right: 10px;
}

.selctorcart-padding {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.titelcart-padding {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.delet-icon {
    font-size: 24px;
    border-right: 1px solid #acacac;
    float: right;
    color: #555555;
    padding-right: 25px;
}

.span-text-titel {
    float: right;
    line-height: 35px;
}

.cartimg img {
    border: 1PX solid #eee;
}

.bg-green {
    background-color: #32acb7 !important;
}


.completed-donation {
    background-color: #54bfa1;
    padding: 10px 60px;
}

    .completed-donation .fa {
        font-size: 56px;
        font-weight: lighter;
    }

.donationValues li button {
    border: 1px solid rgba(0, 76, 132, 0.9);
    background-color: #fff;
    color: rgba(0, 76, 132, 0.9);
}

    .donationValues li button:hover, .donationValues li button:active, .donationValues li button:focus {
        border: 1px solid rgba(0, 76, 132, 0.9);
        background-color: rgba(0, 76, 132, 0.9);
        color: #fff;
    }

.donationValues li h2 {
    line-height: 38px;
}
/*END COMPLETED DONATION*/

.btn-danger {
    color: #fff;
    background-color: #e00570 !important;
    border-color: #e00570 !important;
}

.borderd-tabs {
    border-bottom: 2px solid #20598e;
}

.z-index9999 {
    z-index: 9999;
}

.position-absolute {
    position: absolute;
}

.ramadan-QC_padding-section {
    padding-bottom: 60px;
    padding-top: 60px;
}

.icon-bar-rectangle {
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 3px;
    background: #fff;
    margin-top: 6px;
}
/*
.owl-wrapper {
    float: left;
}
*/
/********************************Media Print Tarek**********************************/
.object-cover {
    object-fit: cover;
    width: 100%;
}

.fontSize24 {
    font-size: 24px;
}

.fontSize22 {
    font-size: 18px;
}

.fontSize18 {
    font-size: 18px;
}

.blue {
    color: #2980B9;
}

.thumbnail {
    background-color: #fff !important;
}

.backGround-Blue {
    background-color: #2980B9 !important;
}

.form-control-special {
    background-color: #fff;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: #4b4b4b;
    direction: rtl;
    display: block;
    font-size: 11px;
    height: 42px;
    line-height: 1.3;
    margin-bottom: 7px;
    padding: 0 15px !important;
    text-align: right;
    width: 100%;
}

.max-height-325 {
    max-height: 325px;
}

.rolls {
    max-height: 250px;
    overflow: scroll;
}