@font-face {
    font-family: 'Proxima Nova Black';
    src: url('../fonts/ProximaNova-Black.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/ProximaNova-Bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova BoldIt';
    src: url('../fonts/ProximaNova-BoldIt.otf');
    /*
    font-weight: bold;
    font-style: italic;
    */
}

@font-face {
    font-family: 'Proxima Nova Extra Bold';
    src: url('../fonts/ProximaNova-Extrabold.otf');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('../fonts/ProximaNova-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Light Italic';
    src: url('../fonts/ProximaNova-LightItalic.otf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova Reg';
    src: url('../fonts/ProximaNova-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Reg Italic';
    src: url('../fonts/ProximaNova-RegItalic.otf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova Semi bold';
    src: url('../fonts/ProximaNova-Semibold.otf');
    /*
    font-weight: normal;
    font-style: normal;
    */
}

@font-face {
    font-family: 'Proxima Nova Semibold Italic';
    src: url('../fonts/ProximaNova-SemiboldItalic.otf');
    /*
    font-weight: normal;
    font-style: normal;
    */
}

body{
    overflow-x: hidden;
    font-size: 14px;
    font-family: "Proxima Nova Reg";
}

/* general style start */
.full-screen-container{
    width: 100%;
    /*
    float: left;
    */
}

.thank-you{
    min-height: 150vh !important;
}


@media (min-width: 992px) {
    .main-section-height{
        min-height: 70vh !important;
    }

    .thank-you{
        min-height: 90vh !important;
    }
}

.font-bold{
    font-weight: bold;
}

.font-italic{
    font-style: italic;
}

@media (min-width: 768px) {
    .hide-on-desktop{
        display: none !important;
    }
}

@media (max-width: 768px) {
    .hide-on-mobile{
        display: none !important;
    }
}

@media (max-width: 1200px) {
    .hide-on-medium-screen{
        display: none !important;
    }
}

.row-margin-top{
    margin-top: 30px;
}

.only-left-radius{
    border-radius: 4px 0px 0px 4px !important;
}

.only-right-radius{
    border-radius: 0px 4px 4px 0px !important;
}
.no-radius{
    border-radius: 0px !important;
}

.no-border{
    border: none !important;
}

.button-link, .button-link:hover, .button-link:focus, .button-link:active{
    background-color: #f41232 !important;
    border-radius: 4px;
    /*
    line-height: 10px;
    */
    padding: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none !important;
    cursor: pointer;
}

.learn-more{
    margin-top: 30px;
}

.learn-more .button-link{
    background-color: #f5821f !important;
    padding: 10px;
}

.custom-bold{
    font-family: "Proxima Nova Bold";
}

.white-font{
    color: #ffffff !important;
}

.roman-list{
    list-style-type: upper-roman
}

.no-padding-margin-top{
    padding-top: 0px;
    margin-top:0px;
}

.black-background{
    background-color: #000000;
}
/* general style end */

.navbar{
    background-image: url("../images/menu-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 1032px;
    /*
    box-shadow: 0px -150px 200px #ffffff inset;
    */
    box-shadow: 0 -160px 180px -40px #ffffff inset;
    border-bottom: none;
    padding-top: 30px;
    color: #ffffff !important;
    margin-top: 25px;
}



@media (min-width: 768px) and (max-width: 1200px) {
    .navbar{
        box-shadow: 0 -200px 180px -40px #ffffff inset;
        height: 722px;
    }
}

.navbar-brand img{
    width: 220px;
}

.navbar-brand span{
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
}

@media (max-width: 768px) {
    .navbar{
        background-image: url("../images/menu-background-mobile.png");
        height: 800px;
        box-shadow: 0 -160px 180px -40px #ffffff inset;
        border-bottom: none;
        padding-top: 30px;
        color: #ffffff !important;
    }

    .navbar-brand img{
        margin-top: -6px;
        width: 220px;
    }
}

@media (min-width: 415px) and (max-width: 550px){
    .navbar{
        background-image: url("../images/menu-background-mobile-415-550.png");
        height: 1000px;
    }
}

@media (min-width: 550px) and (max-width: 768px){
    .navbar{
        background-image: url("../images/menu-background-mobile-550-768.png");
        height: 1000px;
    }
}

@media (max-width: 768px) {
    /*breadcrumb style start*/
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        /*
        background-color: #ddd;
        */
        background-color: transparent;
        color: #ffffff;
    }

    .navbar-default .navbar-toggle {
        /*
        border-color: #ddd;
        */
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
    }


    .navbar-default .navbar-toggle .icon-bar {
        background-color: rgba(254, 254, 254, 1);
        line-height: 5px;
    }


    .navbar-toggle .icon-bar {
        display: block;
        width: 35px;
        height: 3px;
        border-radius: 1px;
    }
    /*breadcrumb style end*/
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    /*
    font-weight: bold;
    */
    /*
    font-family: "Proxima Nova Bold";
    */
    font-family: "Proxima Nova Semi bold";
    /*
    font-family: "Proxima Nova Light";
    */
    padding-top: 20px;
    margin-left: 10px;
    font-size: 12px;
    letter-spacing: 1px;
}

/*code for dropdown menu start*/

.navbar-default .dropdown li a{
    padding: 5px;
    padding-left: 20px;
    margin: 0px;
}

@media (max-width: 992px) {
    .navbar-default .dropdown li a{
        padding: 2px;
        padding-left: 0px;
        text-indent: 25px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: inherit;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: inherit;
    }
}

/*code for dropdown menu end*/

.navbar .donate, .navbar .donate:hover{
    background-color: #f41232 !important;
    border-radius: 4px;
    /*
    line-height: 5px;
    */
    /*
    margin-top: 5px;
    */
    padding: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: "Proxima Nova Reg";
    font-size: 12px;
    letter-spacing: 1px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .navbar .donate, .navbar .donate:hover{
        padding: 4px;
    }

    .navbar-default .navbar-nav > li > a {
        margin-left: 1px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 10px;
        margin-left: 3px;
        padding: 5px;
        padding-top: 8px;
        margin-top: 15px;
        letter-spacing: 0px;
    }

    .navbar .donate, .navbar .donate:hover{
        padding: 5px;
    }
}

@media (max-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
        margin-left: 28px;
        padding: 5px;
        padding-top: 8px;
        margin-top: 5px;
    }

    .navbar .donate, .navbar .donate:hover{
        padding: 6px;
    }

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    border: none !important;
    overflow-x: hidden;
    box-shadow: none;
}

.navbar-others {
    background-image: none !important;
    box-shadow: none !important;

    background-color: #ffffff;
}

.navbar-transparent {
    background-image: none !important;
    box-shadow: none !important;

    background-color: transparent !important;
}

@media (min-width: 768px) {
    .navbar-others, .navbar-transparent {
        height: 120px !important;
    }
}

@media (max-width: 768px) {
    .navbar-others, .navbar-transparent{
        height: auto !important;
    }
}

.main-color{
    color: #f07d00;
}

.main-color a{
    color: inherit;
}

.blue-color{
    color: #38a7ed;
}

.blue-color a{
    color: inherit;
}
/*style for the home page start*/
.banner-message{
    margin-top: 100px;
}

.banner-message h2{
    margin: 0px;
    padding: 0px;
    font-size: 60px;
    font-family: "Proxima Nova Semi bold";
}

.banner-message h2 span{
    display: inline;
    margin: 0px;
    font-size: inherit;
}

.banner-message span{
    /*
    font-size: 14px;
    */
    font-size: 16px;
    /*
    color: #292929;
    */
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: "Proxima Nova Bold";
}

@media (min-width: 768px) {
    .banner-message span{
        /* it was for old design */
        /*
        color: #292929;
        */
    }
}

.banner-message a{
    background-color: #f41232 !important;
    border-radius: 4px;
    /*
    line-height: 10px;
    */
    padding: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none !important;

}

@media (max-width: 768px) {
    .banner-message{
        margin-top: 30px;
        text-align: center;
    }

    .banner-message h2{
        font-size: 60px;
    }

    .banner-message span{
        font-size: 16px;
        display: block;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .banner-message a{
        padding: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.mission-message{
    font-size: 18px;
    font-family: "Proxima Nova Bold";
}

.mission-message img{
    width: 55px;
    margin-top: 20px;
    margin-bottom: 5px;
}

@media (max-width: 992px) {
    .mission-message{
        font-size: 20px;
        padding-left: 25px;
        padding-right: 25px;
        font-family: "Proxima Nova Reg";
    }

    .mission-message img{
        width: 70px;
        margin-bottom: 30px;
    }
}

.slider{
}

.slider .slide{
    padding: 0px;
    text-align: center;
    border-radius: 4px;
    /*
    border: 1px solid #a0a09f;
    box-shadow:0px 5px #dedddb;
    */

    /*
    padding-bottom: 15px;
    */
    margin-bottom: 15px;

    /*
    float: left;
    width: 19%;
    */

    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.2;

}

@media (min-width: 992px) {
    .slider .slide{
        margin-top: 15px;
    }
}

.slider .slide div{
    border: 1px solid #a0a09f;
    border-top-width: 0px;
    box-shadow:0px 5px #dedddb;
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.slider .slide img{
    width: 100%;
}

.slider .slide h4{
    font-family: "Proxima Nova Bold";
    margin-top: 25px;
    font-size: 18px;
}

.slider .slide p{
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    font-size: 11px;
    height: 80px;
    overflow-y: hidden;
}

@media (min-width: 1200px) {
    .slider .slide p{
        padding-left: 25px;
        padding-right: 25px;
    }
}

.slider .slide a{
    color: #f5821f;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
}
@media (max-width: 992px) {
    .slider .slide p{
        height: 90px;
    }
}

@media (max-width: 768px) {
    .slider .slide h4{
        font-size: 20px;
    }

    .slider .slide div{
        padding-bottom: 40px;
    }

    .slider .slide p{
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 15px;
        font-size: 14px;
    }

    .slider .slide a{
        font-size: 15px;
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .slider .slide p{
        padding-left: 5px;
        padding-right: 5px;
        height: 200px;
    }
}

@media (max-width: 600px) {
    .slider .slide p{
        padding-left: 5px;
        padding-right: 5px;
        height: 140px;
    }
}

.zakat{
    margin-top: 30px;
    background-image: url("../images/child.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 369px;
    padding: 0px;
    cursor: pointer;
}

.zakat span{
    margin-top: 100px;
    float: right;
    display: inline-block;
}

.zakat img{
    width: 100px;
    border: none;
}

.zakat p{
    float: left;
    margin-top: 120px;
    margin-left: -12px;
    width: 160px;
    font-size: 14px;
}

@media (max-width: 992px) {
    .zakat{
        /*
        height: 269px;
        */
        height: 669px;
        background-image: url("../images/child-mobile.jpg");
        background-repeat: no-repeat;
        background-position: center center;
    }
    .zakat span{
        margin-top: 0px;
        width: 100%;
        text-align: center;
        float: right;
    }

    .zakat p{
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        text-align: center;
        width: 350px;
        font-size: 30px;
    }
}
@media (max-width: 768px) {
    .zakat{
        height: 569px;
    }
}

.home-video{
    background-color: #0f0f0f;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.home-video video{
    width: 100%;
    height: 550px;
}

.slider-2{
    background-color: #030302;
    background-image: url("../images/home/slider-2-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    padding: 0px;
    color: #ffffff;
}


.slider-2 .tracker{
    width: 100%;
    margin-top: 70px;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .slider-2 .tracker{
        margin-top: 120px;
    }
}

.slider-2 .tracker span{
    display: block;
    font-family: "Proxima Nova Bold";
    color: #f48121;
    font-size: 12px;
    letter-spacing: 2px;
    margin-top: 10px;
}

.slider-2 h2{
    font-family: "Proxima Nova Semi bold";
    margin-top: 40px;
    text-shadow: 1px 1px 2px black, 0 0 15px blue, 0 0 5px darkblue;
}

.slider-2 p{
    font-family: "Proxima Nova Reg";
    font-size: 14px;
    padding-bottom: 40px;
    padding-right: 80px;
    text-shadow: 1px 1px 5px black, 0 0 25px blue, 0 0 5px darkblue;
}

.slider-2 .donate{
    padding-bottom: 0px !important;
}
.slider-2 .donate a{
    background-color: #f41232 !important;
    border-radius: 4px;
    padding: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none !important;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .slider-2{
        height: 380px;
    }
}

@media (max-width: 992px) {
    .slider-2{
        background-image: url("../images/home/slider-2-1-mobile.png");
        background-size: cover;
        background-position: top center;
        /*
        height: 680px;
        */
        height: 480px;
    }


    .slider-2 .tracker{
        max-width: 190px;
        margin-top: 80px;
        margin-bottom: 60px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .slider-2 h2{
        text-align: center;
        font-size: 70px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .slider-2 p{
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 14px;
    }

    /*
    .slider-2 .donate a{
        padding: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        letter-spacing: 2px;
    }
    */
}

@media (max-width: 768px) {
    .slider-2{
        /*
        height: 540px;
        */
        height: 550px;
    }
}

.slider-2 .carousel .carousel-indicators{
    /*
    top: 0px;
    */
    top: 70px;
    left: -1px;
    background-image: url("../images/slider-bg.png");
    background-repeat: repeat-x;
    background-position: center center;
    height: 15px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    width: auto;
}

.slider-2 .tracker-caption{
    /*
    margin-top: 20px;
    */
    margin-top: 90px;
    display: block;
    font-family: "Proxima Nova Bold";
    color: #f48121;
    font-size: 12px;
    letter-spacing: 2px;
    float: left;
}

@media (min-width: 1200px) {
    .slider-2 .carousel .carousel-indicators{
        top: 120px;
    }

    .slider-2 .tracker-caption{
        margin-top: 140px;
    }
}

/*working here start*/
@media (max-width: 992px) {

    .slider-2 .carousel .carousel-indicators{
        /*
        left: 38%;
        */
        /*
        left: calc(60% - 173px);
        */
    }

    .slider-2 .tracker-caption{
        /*
        margin-left: 38%;
        */
        /*
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        */
        width: 100%;
        text-align: center;
    }
}

/*
@media (max-width: 768px) {
    .slider-2 .carousel .carousel-indicators{
        left: calc(75% - 173px);
    }

    .slider-2 .tracker-caption{
        margin-left: calc(75% - 173px);
    }
}

@media (max-width: 568px) {
    .slider-2 .carousel .carousel-indicators{
        left: calc(75% - 173px);
    }

    .slider-2 .tracker-caption{
        margin-left: calc(75% - 173px);
    }
}
*/
/*working here end*/

.slider-2 .carousel .carousel-indicators li {
    background-color: #666666;
    border-color: #666666;
    width: 12px;
    height: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin: 0px;
}

.slider-2 .carousel .carousel-indicators .active {
    background-color: #f48121 !important;
    border-color: #f48121;
}

.slider-2 .carousel .carousel-indicators .left-space{
    margin-left: 64.5px !important;
}

.newsletter{
    background-color: #ebebeb;
    padding-top: 40px;
    padding-bottom: 40px;
}

.newsletter p{
    font-size: 14px;
}

.newsletter .success-message{
    font-size: 18px;
    color: #f48121;
}

.newsletter .error-input{
    border-color: #9e393d !important;
}

.newsletter .inline-form{
}

.newsletter .inline-form input{
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 0px;
    /*
    margin: 5px 0px 5px 0;
    */
    width: 180px;
    /*
    width: 100%;
    */
}

.newsletter .inline-form button{
    background-color: #f48121;
    color: #ffffff;
    border-radius: 0px;
    font-size: 12px;
    width: 180px;
    /*
    width: 103%;
    */
    /*
    margin-top: -8px;
    line-height: 20px;
    */
    margin-top: 0px;
    line-height: 33px;
    border: none;
    padding-top: 4px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .newsletter .inline-form button{
        line-height: 30px;
    }
}

/*768px*/
@media (min-width: 992px) {
    .newsletter .inline-form .left-margin{
        margin-left: -11px;
    }
    .newsletter .inline-form .left-margin-button{
        margin-left: -3px;
    }

    .newsletter .inline-form .left-radius{
        border-radius: 5px 0px 0px 5px;
    }

    /*
    .newsletter .inline-form .right-radius{
        border-radius: 0px 5px 5px 0px;
    }
    */
}

/*
@media (max-width: 992px) {
    .newsletter .inline-form button{
        width: 100%;
    }
}
*/

/*768*/
@media (min-width: 768px) and (max-width: 992px){
    .newsletter .inline-form input, .newsletter .inline-form button{
        border-radius: 0px;
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        margin-top: 0px;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .newsletter p{
        font-size: 18px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .newsletter .inline-form input, .newsletter .inline-form button{
        border-radius: 0px;
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        margin-top: 0px;
        /*
        width: 350px;
        */
        width: 100%;
    }

    .newsletter .inline-form .left-radius{
        border-radius: 5px 5px 0px 0px;
    }

    .newsletter .inline-form .right-radius{
        border-radius: 0px 0px 5px 5px;
    }
}

.newsletter .inline-form .btn-primary {
    background-image: none;
    border-color: #f48121;
}


.newsletter ::placeholder {
    color: #b4b4b3;
    opacity: 1; /* Firefox */
}

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

.newsletter ::-ms-input-placeholder { /* Microsoft Edge */
    color: #b4b4b3;
}

.slider-3{
    padding: 0px;
}

.slider-3 .carousel-control {
    opacity: 1;
}

.slider-3 img{
    width: 100%;
}

.slider-3 .carousel-control.left, .slider-3 .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
    background: none;
}

.slider-3 .carousel-control.right {
    right: 0px;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    background: none;
}

.slider-3 .carousel-control .glyphicon-chevron-left, .slider-3 .carousel-control .glyphicon-chevron-right, .slider-3 .carousel-control .icon-next, .slider-3 .carousel-control .icon-prev, .slider-3 .carousel-control .glyphicon-menu-left, .slider-3 .carousel-control .glyphicon-menu-right{
    /*
    width: 0px;
    height: 10px;
    margin-left: 35px;
    margin-top: -10px;
    font-size: 20px;
    */
    margin-left: -30px;
    margin-right: -30px;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 15px;

}

/*
@media (min-width: 1200px) {
    .slider-3 .carousel-control .glyphicon-chevron-left, .slider-3 .carousel-control .glyphicon-chevron-right, .slider-3 .carousel-control .icon-next, .slider-3 .carousel-control .icon-prev, .slider-3 .carousel-control .glyphicon-menu-left, .slider-3 .carousel-control .glyphicon-menu-right{
        margin-left: 45px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .slider-3 .carousel-control .glyphicon-chevron-left, .slider-3 .carousel-control .glyphicon-chevron-right, .slider-3 .carousel-control .icon-next, .slider-3 .carousel-control .icon-prev, .slider-3 .carousel-control .glyphicon-menu-left, .slider-3 .carousel-control .glyphicon-menu-right{
        margin-left: 45px;
    }
}

@media (max-width: 768px) {
    .slider-3 .carousel-control .glyphicon-chevron-left, .slider-3 .carousel-control .glyphicon-chevron-right, .slider-3 .carousel-control .icon-next, .slider-3 .carousel-control .icon-prev, .slider-3 .carousel-control .glyphicon-menu-left, .slider-3 .carousel-control .glyphicon-menu-right{
        margin-left: 35%;
    }
}
*/

.slider-3 .carousel-control .glyphicon-chevron-left, .slider-3 .carousel-control .glyphicon-chevron-right, .slider-3 .carousel-control .icon-next, .slider-3 .carousel-control .icon-prev, .slider-3 .carousel-control .glyphicon-menu-left , .slider-3 .carousel-control .glyphicon-menu-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.slider-3 .carousel-indicators {
    left: 13%;
    /*
    bottom: 10px;
    */
    bottom: 10%;
}

@media (max-width: 768px) {
    .slider-3 .carousel-indicators {
        bottom: 0%;
    }
}

.slider-3 .carousel-indicators li {
    background-color: #575757;
    border: none;
    width: 12px;
    height: 12px;
}

.slider-3 .carousel-indicators .active {
    background-color: #fff !important;
    margin-bottom: 1px;
}

.slider-3 .carousel-caption{
    margin-top: 0px;
    text-align: left;
    left: 10%;
    right: 10%;
    top:8%;
}

@media (min-width: 1200px) {
    .slider-3 .carousel-caption{
        top:18%;
    }
}

.slider-3 .carousel-caption h4{
    font-size: 30px;
    font-family: "Proxima Nova Bold";
    text-shadow: 1px 1px 2px black, 0 0 15px blue, 0 0 5px darkblue;
}

.slider-3 .carousel-caption p{
    width: 85%;
    font-size: 14px;
    margin-bottom: 30px;
    font-family: "Proxima Nova Reg";
    text-shadow: 1px 1px 5px black, 0 0 25px blue, 0 0 5px darkblue;
}

.slider-3 .carousel-caption a{
    background-color: #3d3d3d;
    border-radius: 5px;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 12px;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 16px;
}

/*520px*/
@media (max-width: 768px) {
    .slider-3 .carousel-caption{
        top:35%;
    }

    .slider-3 .carousel-caption h4{
        font-size: 36px;
        text-align: center;
    }

    .slider-3 .carousel-caption p{
        width: 95%;
        margin-bottom: 15px;
        font-size: 14px;
        text-align: center;
    }

    .slider-3 .carousel-caption a{
        padding: 6px;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 18px;
        text-align: center;

        width: 160px;
        display: block !important;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .slider-3 .carousel-indicators {
        float: none;
        margin-left: auto;
        margin-right: auto;
        left: 19%;
        /*
        bottom: -5%;
        */
    }
}

@media (max-width: 600px) {
    .slider-3 .carousel-caption{
        top:22%;
    }

    .slider-3 .carousel-caption h4{
        font-size: 20px;
        text-align: center;
    }

    .slider-3 .carousel-caption p{
        width: 95%;
        margin-bottom: 15px;
        font-size: 14px;
        text-align: center;
    }
}

.team-orange{
    padding: 0px;
    position: relative;
}

.team-orange img{
    width: 96%;
    margin-left: 10px;
}
.team-orange div{
    position: absolute;
    top:5%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

.team-orange div img{
    width: 70px;
    margin-left: 0px;
}

.team-orange h1{
    font-size: 46px;
    width: 50%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 15px;
    font-family: "Proxima Nova Bold";
}

.team-orange a{
    border-radius: 5px;
    background-color: #f07d00;
    color: #ffffff;
    font-size: 15px;
    padding: 12px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    letter-spacing: 3px;
}

@media (min-width: 1200px) {
    .team-orange div{
        top:15%;
    }
}

@media (max-width: 992px) {
    .team-orange img{
        width: 100%;
        height: 300px;
        margin-left: 0px;
    }

    .team-orange div img{
        width: 70px;
        height: auto;
        margin-left: 0px;
    }

    .team-orange h1{
        width: 30%;
    }
}
@media (max-width: 768px) {
    .team-orange h1{
        width: 40%;
    }
}

.team-orange-container a, .code-of-conduct a{
    color: #FFFFFF;
    background-color: #fca64e;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    /*
    width: 200px;
    */
    padding: 20px;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 20px;
    font-weight: bold;
}

.team-orange-container a{
    width: 200px;
}

.code-of-conduct a{
    width: 320px;
}

.get-involve{
    background-image: url("../images/home-line.png");
    background-repeat: repeat-x;
    background-position: center center;
    height: 170px;
}

.get-involve p{
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
    font-size: 22px;
    background-color: #ffffff;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 992px) {
    .get-involve p{
        width: 45%;
    }
}

@media (max-width: 768px) {
    .get-involve p{
        width: 65%;
        font-size: 20px;
    }
}

.promo{
    text-align: center;
    color: #ffffff;
}


.promo .col-1, .promo .col-2, .promo .col-3{
    padding: 0px;
}

.promo .col-1 div, .promo .col-2 div, .promo .col-3 div{
    padding-bottom: 50px;
    border-radius: 0px 0px 5px 5px;
}

.promo .col-1 div{
    background-color: #ef6c8d;
    margin-right: 7px;
}

.promo .col-2 div{
    background-color: #01a5ce;
    margin-left: 3.5px;
    margin-right: 3.5px;
}

.promo .col-3 div{
    background-color: #ffaa3c;
    margin-left: 7px;
}

@media (max-width: 992px) {
    .promo .col-1 div, .promo .col-2 div, .promo .col-3 div{
        margin: 0px;
        margin-bottom: 20px;
    }
}

.promo img{
    width: 100%;
}

.promo p{
    font-size: 20px;
    padding: 25px;
    padding-bottom: 10px;
}

.promo a{
    color: inherit;
    text-decoration: none;
    border-radius: 5px;
    background-color: #cfd7df;
    padding: 25px;
    padding-top: 14px;
    padding-bottom: 14px;
    letter-spacing: 2px;
    cursor: pointer;
}

.promo .col-1 a{
    background-color: #f289a4;
}

.promo .col-2 a{
    background-color: #34b7d8;
}

.promo .col-3 a{
    background-color: #f07d00;
}

/*padding for small section on mobile start*/
@media (max-width: 768px){
    .slider-3, .team-orange, .promo .col-1, .promo .col-2, .promo .col-3{
        padding-left: 15px;
        padding-right: 15px;
    }
}
/*padding for small section on mobile end*/

/*style for the home page end*/


/*style for the donation page start*/
.donate-background{
    background-color: #f9fbff;
}

.donate-strap{
    text-align: center;
}

.donate-strap .para1{
    font-family: "Proxima Nova Semi bold";
    font-size: 48px;
    line-height: 41px;
}

.donate-strap .para2{
    font-size: 14px;
    padding-left: 200px;
    padding-right: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1200px){
    .donate-strap .para2{
        padding-left: 100px;
        padding-right: 100px;
    }
}
@media (max-width: 768px){
    .donate-strap .para2{
        padding-left: 20px;
        padding-right: 20px;
    }
}

.donate-strip-container{
    padding-top: 0px;
}
@media (max-width: 768px){
    .donate-strip-container{
        padding-top: 0px;
    }
}

.donate-strip{
    background-image: url("../images/donate/donation-strip.png");
    background-repeat: no-repeat;
    height: 177px;
    background-size: contain;
    color: #ffffff;
    font-family: "Proxima Nova Bold";
}

.donate-strip p{
    width: 80%;
}

.donate-strip .message{
    font-size: 16px;
    margin-top: 15px;
}

.donate-strip .address{
    font-size: 12px;
    line-height: 20px;
    margin-top: 40px;
}

@media (max-width: 1200px){
    .donate-strip {
        height: 147px;
    }

    .donate-strip p{
        width: 90%;
    }

    .donate-strip .message{
        margin-top: 5px;
    }

    .donate-strip .address{
        margin-top: 25px;
    }
}

@media (max-width: 992px){
    .donate-strip {
        height: 115px;
    }

    .donate-strip p{
        width: 90%;
    }

    .donate-strip .message{
        margin-top: 5px;
        font-size: 12px;
    }

    .donate-strip .address{
        margin-top: 8px;
    }
}

@media (max-width: 768px){
    .donate-strip{
        background-image: url("../images/donate/donation-strip-mobile.png");
        background-size: cover;
        height: 500px;
        margin-bottom: 20px;
    }

    .donate-strip p{
        width: 80%;
        text-align: center;
        margin-left: 10%;
        margin-right: 10%;
    }

    .donate-strip .message{
        margin-top: 40%;
        font-size: 18px;
    }

    .donate-strip .address{
        margin-top: 8px;
    }
}

@media (max-width: 600px){
    .donate-strip .message{
        margin-top: 50%;
        font-size: 18px;
    }
}

.donate-section{
    background-image: url("../images/donate/donate-group.png");
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
    height: 800px;
}
@media (min-width: 1900px) and (max-width: 2200px){
    .donate-section{
        height: 750px;
        background-size: 55%;
    }
}

@media (min-width: 1800px) and (max-width: 1950px){
    .donate-section{
        height: 700px;
        background-size: 55%;
    }
}

@media (min-width: 1650px) and (max-width: 1800px){
    .donate-section{
        height: 650px;
        background-size: 55%;
    }
}

@media (min-width: 1450px) and (max-width: 1650px){
    .donate-section{
        height: 600px;
        background-size: 55%;
    }
}

@media (min-width: 1200px) and (max-width: 1450px){
    .donate-section{
        height: 600px;
        background-size: 60%;
    }
}

@media (max-width: 1200px){
    .donate-section{
        height: 600px;
        background-size: 60%;
        background-position: center right;
    }
}

@media (max-width: 992px){
    .donate-section{
        background-size: 60%;
        height: 500px;
        /*ignored for design change*/
        /*
        background-position: center right;
        */

        /*new design changes start*/
        height: 550px;
        background-position: bottom right;
        /*new design changes end*/
    }
}
@media (max-width: 768px){
    .donate-section{
        background-image: url("../images/donate/donate-group-mobile.png");
        background-position: top center;
        background-size: contain;
        background-repeat: no-repeat;
        /*
        height: 900px;
        */
        height: auto;

        /*
        padding-top: 433px;
        */
        padding-top: 55%;
    }
}
.donation-box{
    background-color: #f9fbff;
    border-radius: 4px;
    border: 1px solid #959595;
    padding: 0px;
    font-family: "Proxima Nova Bold";

    padding-bottom: 25px;
    z-index: 1001;
}

.donation-box .header{
    background-color: #ffaa3c;
    color: #ffffff;
    font-size: 14px;
    padding: 20px;
    border-bottom: 1px solid #a0a09f;
    margin-bottom: 20px;
}

.donation-box .gen-label{
    font-size: 12px;
}

@media (min-width: 1200px){
    .donation-box{
        margin-top: 5%;
    }
}

@media (min-width: 2000px){
    .donation-box{
        margin-top: 10%;
    }
}

@media (max-width: 768px){
    .donation-box{
        border: none;
        border-width: 0px;
    }

    .donation-box .header{
        font-size: 18px;
    }
}

.donation-box ul li {
    padding: 0px;
    margin: 0px;
    width: 50%;
}

.donation-box .nav-pills > li.active > a, .donation-box .nav-pills > li.active > a:focus, .donation-box .nav-pills > li.active > a:hover {
    background-color: #f07d00;
    color: #ffffff;
    border: 1px solid #f07d00;
}


.donation-box .nav > li > a, .donation-box .nav > li > a:focus, .donation-box .nav > li > a:hover {
    background-color: #ffffff;
    color: #f07d00;
    border: 1px solid #f07d00;
}

.donation-box .tab-content{
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 992px){
    .donation-box .tab-content{
        padding-top: 8px;
    }
}

.donation-box #monthly ul li, .donation-box #single ul li {
    padding: 0px;
    margin: 0px;
    width: 33.33%;
}

.donation-box #monthly ul li a, .donation-box #single ul li a{
    cursor: pointer;
}

.donation-box #monthly ul, .donation-box #single ul{
    margin-bottom: 8px;
}

.donation-box #monthly span, .donation-box #single span{
    color: #f07d00;
}

.donation-box #monthly .currency, .donation-box #single .currency{
    position: absolute;
    left: 0px;
    color: #f07d00 !important;
}

.donation-box .controls{
    padding: 0px;
    margin-top: 5px;
}

.donation-box .controls span, .donation-box .controls #card-errors{
    color: #9e393d;
    display: inline-block;
    width: 100%;
    text-align: left;
    text-indent: 5px;
}

.donation-box #monthly-others, .donation-box #single-others{
    border: 1px solid #f07d00;
    color: #f07d00;
}

.donation-box #monthly .form-control-feedback, .donation-box #single .form-control-feedback{
    /*working here*/
    /*
    color: #acacac;
    */
    color: #f07d00;
    font-family: "Proxima Nova Bold";
}

.donation-box #monthly .form-control-feedback{
    margin-right: 20px;
}

/* .donation-box #monthly input[type=text], .donation-box #single input[type=text], .donation-box input[type=email]{*/
.donation-box input[type=text], .donation-box input[type=email]{
    color: #acacac;
    text-align: left;
    text-indent: 20px;
}

/*.donation-box #monthly ::placeholder,  .donation-box #single ::placeholder*/
.donation-box ::placeholder{
    color: #acacac;
    opacity: 1; /* Firefox */
}

/*donation-box #monthly :-ms-input-placeholder, .donation-box #single :-ms-input-placeholder*/
.donation-box :-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #acacac;
}

/*.donation-box #monthly ::-ms-input-placeholder, .donation-box #single ::-ms-input-placeholder*/
.donation-box  ::-ms-input-placeholder{ /* Microsoft Edge */
    color: #acacac;
}

.donation-box .center-option{
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.donation-box .donate-now{
    margin-top: 10px;
    /*
    margin-bottom: 25px;
    */
}

.donation-box .donate-now input[type=submit], .donation-box .donate-now input[type=button]{
    background-color: #f41232 !important;
    border-radius: 4px;
    color: #ffffff;
    box-shadow: none;
    border: none;
    /*
    line-height: 5px;
    */
    /*
    margin-top: 5px;
    */
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Proxima Nova Reg";
    font-size: 12px;
    letter-spacing: 1px;
}

#next-slide, #prev-slide, #name_slide, #prev_slide_tr{
    /*working here*/
    background-color: #01a5ce !important;
}

/*search list start*/
.donation-box .expandable-search{
    position: relative;
    width: 100%;
}
}

.donation-box .expandable-search input[type=text]{
    color: #f48121;
    /*
    text-align: center;
    */
    text-indent: 7px;
    margin-bottom: 10px;
}

.donation-box .expandable-search ::placeholder {
    color: #f48121;
    opacity: 1; /* Firefox */
}

.donation-box .expandable-search :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #f48121;
}

.donation-box .expandable-search ::-ms-input-placeholder { /* Microsoft Edge */
    color: #f48121;
}


.donation-box .expandable-search .glyphicon-search{
    color: #f48121;
}

.donation-box #search-span{
    /*
    position: absolute;
    top: 35px;
    width: 93%;
    */
    /*
    display: none;
    */
    position: absolute;
    width: 100%;
    margin-top: -10px;
    background-color: #ffffff;
    z-index: 3;
    border: 1px solid #959595;
    text-align: left;
    border-radius: 0px 0px 4px 4px;
    border-bottom: none;
}

.donation-box #search-span a{
    border-bottom: 1px solid #959595;
    width: 100%;
    line-height: 40px;
    text-indent: 20px;
    cursor: pointer;
    color: #f07d00;
    text-decoration: none;
    display: block;
}

.donation-box #search-span a:hover, .donation-box #search-span .selected{
    background-color: #dbdbdb;
}

.donation-box .check-box{
    margin-left: 5px;
}
/*search list end*/
/*style for the donation page end*/


/*stripe element styling start*/
.StripeElement {
    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 1px solid transparent;

    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
/*stripe element styling end*/

/*thank you page style start*/
.thank-you-background{
    background-color: #fffef7;
    background-image: url("../images/thankyou/background.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.thank-you{

}

.thank-you h1{
    font-family: "Proxima Nova Semi bold";
    font-size: 46px;
}

.thank-you p{
    font-size: 14px;
}

.thank-you .message{
    margin-top: 30px;
}

.thank-you .message .left-col, .thank-you .message .right-col{
    height: 340px;
    padding: 0px;
    border: 1px solid #959595;
}

.thank-you .message .left-col .video{
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.thank-you .message .right-col{
    background-color: #ffffff;
}

.thank-you .message .right-col .options{
    margin-top: 109px;
    font-family: "Proxima Nova Bold";
    font-size: 20px;
}

.thank-you .message .right-col .choose{
    font-size: 12px;
}

.thank-you .message .right-col .payment-options{
    padding-top: 20px;
}

.thank-you .message .right-col .payment-options a{
    background-color: #f07d00 !important;
    border-radius: 4px;
    /*
    padding: 20px;
    */
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none !important;
    font-family: "Proxima Nova Bold";
    display: inline-block;
    width: 140px;
}

@media(min-width: 768px) and (max-width: 992px){
    .thank-you-background{
        background-image: url("../images/thankyou/background-mobile.png");
        background-size: 100%;
        background-position: center 70%;
    }
}

@media (max-width: 768px){
    .thank-you-background{
        background-image: url("../images/thankyou/background-mobile.png");
        background-size: 100%;
        background-position: center 80%;
    }

    .thank-you h1{
        font-size: 56px;
    }

    .thank-you p{
        font-size: 19px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .thank-you .message{
        margin-top: 10px;
    }

    .thank-you .message .left-col, .thank-you .message .right-col{
        height: 250px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .thank-you .message .right-col .options{
        margin-top: 20px;

        padding-left: 40px;
        padding-right: 40px;
    }

    .thank-you .message .right-col .choose{
        font-size: 12px;
    }

    .thank-you .message .right-col .payment-options a{
        display: block;
        margin-bottom: 5px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 520px){
    .thank-you-background{
        background-position: center 20%;
    }
}
/*thank you page style end*/

/* template style start */
.template-nav{
    /* your background image */
    background-repeat: no-repeat;
    background-size: cover;
    height: 632px;
    box-shadow: 0px -1px 10px 0px #ffffff inset;

    border-bottom: none;
    padding-top: 30px;
}

@media (min-width: 1200px) {
    .template-nav{
        height: 1000px;
        background-position: top center;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .template-nav{
        /* your background image tab*/
    }
}

@media (max-width: 768px) {
    .template-nav{
        /* your background image mobile*/
        background-position: bottom center;
        height: 1200px;
    }
}

@media (max-width: 515px) {
    .template-nav{
        height: 1100px;
    }
}

@media (max-width: 420px) {
    .template-nav{
        height: 1000px;
    }
}

.template-banner-message{
    margin-top: 100px;
}

.template-banner-message .other-container{
    width: 400px;
    height: 133px;
    text-align: center;
    display: block;
}

.template-banner-message .other-container p{
    color: #f07d00 !important;
    font-family: "Proxima Nova Black";
    font-size: 40px;
    line-height: 40px;
    padding-top: 15px;
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 768px) {
    .template-banner-message .other-container{
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }
}

.template-banner-message .reap-container{
    background-image: url("../images/template/brushstroke.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 400px;
    height: 133px;
    text-align: center;
    display: block;
}

.template-banner-message .reap-container p{
    color: #ffffff;
    font-family: "Proxima Nova Semi bold";
    font-size: 40px;
    line-height: 40px;
    padding-top: 35px;
    padding-left: 60px;
    padding-right: 60px;
}

.template-banner-message .give-container{
    width: 330px;
    margin-left: 35px;
    border: 1px solid #959595;
    background-color: transparent;
    height: 200px;
}

.template-banner-message .give-container .left-col{
    width: 35%;
    text-align: center;
    height: inherit;
    float: left;
    padding-top: 60px;
}

.template-banner-message .give-container .left-col img{
    width: 85px;
}

.template-banner-message .give-container .right-col{
    width: 65%;
    text-align: left;
    color: #000000;
    height: inherit;
    float: left;
}

.template-banner-message .give-container .right-col p{
    margin-top: 25px;
    margin-bottom: 12px;
    padding-right: 20px;
    font-size: 14px;
}

.template-banner-message .no-box-container{
    width: 400px;
    background-color: transparent;
    height: auto;
}

.template-banner-message .no-box-container .one-col{
    width: 100%;
    text-align: center;
    height: inherit;
    float: left;
    padding-top: 10px;
    color: #000000;
}

.template-banner-message .no-box-container .one-col p{
    margin-top: 10px;
    margin-bottom: 25px;
    padding-left: 70px;
    padding-right: 70px;
    font-size: 14px;
}

.second-donation-button{
    padding-top: 15px;
}

.second-donation-button .button-link{
    background-color: #01a5ce !important;
}

.template-banner-message .no-box-container .one-col .stand-out{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px !important;
}

.template-banner-message .no-box-container .banner-donation-tag{
    background-image: url("../images/ramadan/2019/tag.png");
    background-size: contain;
    width: 30px;
    height:30px;
    display: inline-block;
    line-height: 33px;
    color: #FFFFFF;
}

@media (max-width: 768px){
    .template-banner-message{
        margin-top: 20px;
    }

    .template-banner-message .reap-container{
        background-image: url("../images/template/brushstroke-mobile.png");
        background-repeat: no-repeat;
        background-size: 100% 200px;
        height: 200px;
        text-align: center;
        display: block;
        width: 100%;
    }

    .template-banner-message .reap-container p{
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 50px;
        line-height: 50px;
        padding-top: 55px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .template-banner-message .give-container{
        width: 90%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: -20px;
        border: 1px solid #959595;
        /*
        background-image: url("../images/zakat/zakat-hundred-percent-background.png");
        background-repeat: repeat-x;
        */
        height: 270px;
    }

    .template-banner-message .give-container .left-col{
        width: 100%;
        text-align: center;
        height: auto;
        float: left;
        padding-top: 30px;
    }

    .template-banner-message .give-container .left-col img{
        width: 75px;
    }

    .template-banner-message .give-container .right-col{
        width: 100%;
        text-align: center;
        color: #000000;
        height: auto;
        float: left;
    }

    .template-banner-message .give-container .right-col p{
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }

    .zakat-strapline-message{
        font-size: 14px;
    }

    .template-banner-message .no-box-container{
        width: 100%;
    }
}

@media (max-width: 600px){
    .template-banner-message .reap-container{
        background-size: 100% 250px;
        height: 250px;
    }

    .template-banner-message .reap-container p{
        font-size: 50px;
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (max-width: 430px){
    .template-banner-message .reap-container p{
        padding-left: 40px;
        padding-right: 40px;
    }
}

.template-page{

}

.template-page h2, .template-page h4{
    font-family: "Proxima Nova Bold";
    font-size: 18px;
}

.template-page ol{
    margin-top: 15px;
}

.template-page ol li{
    /*
    font-family: "Proxima Nova Semi bold";
    */
    font-size: 16px;
    margin-bottom: 12px;
}

.template-page .button-margin{
    margin-bottom: 50px;
}

.template-page .main-title{
    margin-top: 5px;
    font-family: "Proxima Nova Light";
    font-size: 44px ;
    line-height: 44px;
}

.template-page .strapline-message{
    font-size: 14px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .template-page .strapline-message{
        padding-left: 10px;
        padding-right: 10px;
    }
}

.template-page .line-button-container{
    margin-top: 50px;
}

.template-page .template-services div{
    height: 240px;
    border: 1px solid #a0a09f;
}

.template-page .template-services p{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 240px;
}
.template-page .template-services p:hover{
    opacity: 0.8;
}

.template-page .template-services img{
    margin-top: 45px;
    width: 50px;
}

.template-page .template-services span{
    font-family: "Proxima Nova Bold";
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

.template-page .template-services .para{
    font-family: inherit;
    font-size: 12px;
}

@media (min-width: 1200px) {
    .template-page .template-services .para{
        padding-left: 50px;
        padding-right: 50px;
    }
}

.template-page .template-services .box-2{
    border-left: none;
}

@media (max-width: 992px) {

    .template-page .template-services div{
        margin-left: 15px;
        margin-right: 15px;
    }

    .template-page .template-services .box-2{
        border: 1px solid #a0a09f;
        border-top: none;
    }
}

.template-page .line-message{
    background-image: url("../images/home-line.png");
    background-repeat: repeat-x;
    background-position: center center;
    height: 110px;
}

@media (max-width: 992px) {
    .template-page .line-message{
        margin-bottom: 40px;
    }

    .template-page .line-message-emergency{
        margin-bottom: 1px;
    }
}

.template-page .line-message p{
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    font-size: 22px;
    background-color: #ffffff;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: "Proxima Nova Bold";
}

@media (min-width: 992px) {
    .template-page .line-message-emergency p {
        padding-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .template-page .line-message p{
        width: 40%;
    }
}

@media (max-width: 768px) {
    .template-page .line-message p{
        width: 55%;
        font-size: 20px;
    }
}


.template-video-section{
    margin-top: 65px;
    background-image: url("../images/template/template-video-bg.png");
    background-position: top center;
    background-repeat: repeat-y;
}

.template-video-section .video-container, .template-video-section .video-message{
    height: 350px;
}

.template-video-section .video-container {
    background-color: #0d0b11;
    /*
    padding-top: 10px;
    padding-bottom: 10px;
    */
}

.template-video-section .video-container .video{
    width: 100%;
    /*
    height: 330px;
    */
    height: 330px;
}

.template-video-section .video-message{
    background-color: #ffaa3c;
    color: #ffffff;
}

.template-video-section .video-message p{
    padding-left: 50px;
    font-size: 14px;
    font-family: "Proxima Nova Bold";
    padding-bottom: 20px;
}

.template-video-section .video-message h3{
    padding-left: 50px;
    font-family: "Proxima Nova Bold";
    font-size: 36px;
    margin: 0px;
}

@media (max-width: 1200px) {
    .template-video-section .video-message h3{
        font-size: 26px;
    }
}

.template-video-section .video-message .line-1{
    padding-top: 90px;
}

.template-video-section .video-message .line-1 img{
    padding-bottom: 5px;
}

@media (min-width: 1200px) {
    .template-video-section .video-message .line-1{
        padding-top: 100px;
    }
}

.template-video-section .video-message .button-container{
    padding-top: 10px;
}

.template-video-section .video-message .button-container a{
    border: 1px solid #ffffff;
    background-color: #ffaa3c !important;
}

@media (max-width: 992px) {


    .template-video-section .video-message{
        height: auto;
    }

    .template-video-section{
        background-image: none;
    }

    .template-video-section .video-message h3{
        padding-left: 0px;
        text-align: center;
    }

    .template-video-section .video-message p{
        padding-left: 0px;
        font-size: 20px;
        padding-bottom: 15px;
        text-align: center;
    }

    .template-video-section .video-message .line-1{
        padding-top: 50px;
    }

    .template-video-section .video-message .button-container{
        padding-bottom: 60px;
    }
}

/*directors start*/
.template-page .directors{
    margin-bottom: 55px;
}

.template-page .directors h3{
    color: #f07d00;
    font-size: 14px;
    line-height: 22px;
    font-family: "Proxima Nova Bold";
    margin: 0px;
    padding: 0px;
}

.template-page .directors p{
    font-size: 12px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.template-page img{
    margin-top: 15px;
    width: 160px;
}

.template-page .directors .col-1, .template-page .directors .col-2, .template-page .directors .col-3{
    padding: 0px;
}

.template-page .directors .col-1 div, .template-page .directors .col-2 div, .template-page .directors .col-3 div{
    text-align: center;
    border: 1px solid #a0a09f;
    border-bottom: 1px solid #f07d00;
    border-radius: 4px;
    height: auto;
    background-image: url("../images/template/directors.png");
    background-repeat: repeat-x;
    background-position: bottom left;
}


@media (min-width: 992px) {
    .template-page .directors .col-1 div, .template-page .directors .col-2 div, .template-page .directors .col-3 div{
        height: 430px;
    }

    .template-page .directors .col-1 div {
        margin-right: 11px;
    }

    .template-page .directors .col-2 div {
        margin-left: 5.5px;
        margin-right: 5.5px;
    }

    .template-page .directors .col-3 div {
        margin-left: 11px;
    }

    .template-page .directors .col-last {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .template-page .directors .last-row{
        padding-bottom: 15px;
    }

    .template-page .directors .col-1, .template-page .directors .col-2, .template-page .directors .col-3{
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 15px;
    }

    .template-page .directors .dir-contents{
        padding-bottom: 25px;
    }
}
/*directors end*/

.template-footer-section{
    margin-top: 65px;
    /*
    background-image: url("../images/zakat/zakat-bottom.png");
    */
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 369px;
    box-shadow: 0px -20px 100px 0px #ffffff inset;
}

@media (min-width: 1200px) {
    .template-footer-section{
        height: 469px;
    }
}

@media (min-width: 1600px) {
    .template-footer-section{
        height: 509px;
    }
}

@media (min-width: 2000px) {
    .template-footer-section{
        height: 609px;
    }
}

@media (min-width: 2300px) {
    .template-footer-section{
        height: 709px;
    }
}

@media (max-width: 992px) {
    .template-footer-section{
        /*
        background-image: url("../images/zakat/zakat-bottom-mobile.png");
        */
        height: 704px;
    }
}

@media (max-width: 768px) {
    .template-footer-section{
        height: 616px;
    }
}

@media (max-width: 590px) {
    .template-footer-section{
        height: 500px;
    }
}

@media (max-width: 450px) {
    .template-footer-section{
        height: 416px;
    }
}

.template-footer-section .title{
    font-family: "Proxima Nova Bold";
    font-size: 36px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .template-footer-section .title{
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.template-page .bottom-section{

}

.template-page .bottom-section img{
    width: 100%;
    box-shadow: 0px -20px 100px 0px #ffffff inset;
}

.template-footer-section-without-image{
    margin-top: 65px;
}

.template-footer-section-without-image .title{
    font-family: "Proxima Nova Bold";
    font-size: 36px;
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .template-footer-section-without-image{
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .template-footer-section-without-image .title{
        font-size: 20px;
    }
}

/* template style end */

/*zakat page style start*/
.zakat-nav{
    background-image: url("../images/zakat/background.jpg");
    /*
    background-repeat: no-repeat;
    background-size: cover;
    height: 632px;
    box-shadow: 0px -1px 10px 0px #ffffff inset;

    border-bottom: none;
    padding-top: 30px;
    */
}

@media (min-width: 1200px) {
    .zakat-nav{
        /*
        height: 1000px;
        background-position: top center;
        */
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .zakat-nav{
        background-image: url("../images/zakat/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .zakat-nav{
        background-image: url("../images/zakat/background-mobile.jpg");
        /*
        background-position: bottom center;
        height: 1200px;
        */
    }
}

@media (max-width: 515px) {
    .zakat-nav{
        /*
        height: 1100px;
        */
    }
}

@media (max-width: 420px) {
    .zakat-nav{
        /*
        height: 1000px;
        */
    }
}

.zakat-banner-message{
    /*
    margin-top: 100px;
    */
}

.zakat-banner-message .reap-container{
    /*
    background-image: url("../images/template/brushstroke.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 400px;
    height: 133px;
    text-align: center;
    display: block;
    */
}

.zakat-banner-message .reap-container p{
    /*
    color: #ffffff;
    font-family: "Proxima Nova Semi bold";
    font-size: 40px;
    line-height: 40px;
    padding-top: 35px;
    padding-left: 60px;
    padding-right: 60px;
    */
}

.zakat-banner-message .give-zakat-container{
    /*
    width: 330px;
    margin-left: 35px;
    border: 1px solid #959595;
    background-color: transparent;
    height: 200px;
    */
}

.zakat-banner-message .give-zakat-container .left-col{
    /*
    width: 35%;
    text-align: center;
    height: inherit;
    float: left;
    padding-top: 60px;
    */
}

.zakat-banner-message .give-zakat-container .left-col img{
    /*
    width: 85px;
    */
}

.zakat-banner-message .give-zakat-container .right-col{
    /*
    width: 65%;
    text-align: left;
    color: #000000;
    height: inherit;
    float: left;
    */
}

.zakat-banner-message .give-zakat-container .right-col p{
    /*
    margin-top: 25px;
    margin-bottom: 12px;
    padding-right: 20px;
    font-size: 14px;
    */
}

@media (max-width: 768px){
    .zakat-banner-message{
        /*
        margin-top: 20px;
        */
    }

    .zakat-banner-message .reap-container{
        /*
        background-image: url("../images/zakat/brushstroke-mobile.png");
        background-repeat: no-repeat;
        background-size: 100% 200px;
        height: 200px;
        text-align: center;
        display: block;
        width: 100%;
        */
    }

    .zakat-banner-message .reap-container p{
        /*
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 50px;
        line-height: 50px;
        padding-top: 55px;
        padding-left: 60px;
        padding-right: 60px;
        */
    }

    .zakat-banner-message .give-zakat-container{
        /*
        width: 90%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: -20px;
        border: 1px solid #959595;
        */
        background-image: url("../images/zakat/zakat-hundred-percent-background.png");
        background-repeat: repeat-x;
        /*
        height: 270px;
        */
    }

    .zakat-banner-message .give-zakat-container .left-col{
        /*
        width: 100%;
        text-align: center;
        height: auto;
        float: left;
        padding-top: 30px;
        */
    }

    .zakat-banner-message .give-zakat-container .left-col img{
        /*
        width: 75px;
        */
    }

    .zakat-banner-message .give-zakat-container .right-col{
        /*
        width: 100%;
        text-align: center;
        color: #000000;
        height: auto;
        float: left;
        */
    }

    .zakat-banner-message .give-zakat-container .right-col p{
        /*
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
        */
    }

    .zakat-strapline-message{
        /*
        font-size: 14px;
        */
    }
}

@media (max-width: 600px){
    .zakat-banner-message .reap-container{
        /*
        background-size: 100% 250px;
        height: 250px;
        */
    }

    .zakat-banner-message .reap-container p{
        /*
        font-size: 50px;
        padding-left: 80px;
        padding-right: 80px;
        */
    }
}

@media (max-width: 430px){
    .zakat-banner-message .reap-container p{
        /*
        padding-left: 40px;
        padding-right: 40px;
        */
    }
}

.zakat-page .strapline-message{
    /*
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 30px;
    */
    margin-bottom: 5px;
}

.zakat-services{
}

.zakat-services div{
    height: 300px;
    border: 1px solid #959595;
}

@media (max-width: 768px) {
    .zakat-services div{
        margin-left: 15px;
        margin-right: 15px;
    }
}

.zakat-services img{
    width: 60px;
    margin-top: 50px;
    margin-bottom: 15px;
}

.zakat-services .title{
    font-family: "Proxima Nova Bold";
    font-size: 16px;
}

.zakat-services .description{
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

.zakat-services  .col-1{
    border-radius: 5px 0px 0px 5px;

}

@media (min-width: 992px) {
    .zakat-services  .col-2{
        border-right: none;
        border-left: none;
    }
}

.zakat-services .col-3{
    border-radius: 0px 5px 5px 0px;
}

@media (max-width: 992px) {
    .zakat-services  .col-1{
        border-radius: 5px 5px 0px 0px;

    }
    .zakat-services  .col-2{
        border-top: none;
        border-bottom: none;
    }

    .zakat-services .col-3{
        border-radius: 0px 0px 5px 5px;
    }
}

.zakat-page .what-donation-delivers{
    margin-bottom: 50px;
}

/*
.zakat-page .give-zakat-button-container{
    margin-top: 50px;
}
*/

.zakat-video-section{
    /*
    margin-top: 65px;
    background-image: url("../images/zakat/zakat-video-bg.png");
    background-position: top center;
    background-repeat: repeat-y;
    */
}

.zakat-video-section .video-container, .zakat-video-section .video-message{
    /*
    height: 350px;
    */
}

.zakat-video-section .video-container {
    /*
    background-color: #0d0b11;
    */
}

.zakat-video-section .video-container .video{
    /*
    width: 100%;
    height: 330px;
    */
}

.zakat-video-section .video-message{
    /*
    background-color: #ffaa3c;
    color: #ffffff;
    */
}

.zakat-video-section .video-message p{
    /*
    padding-left: 50px;
    font-size: 14px;
    font-family: "Proxima Nova Bold";
    padding-bottom: 20px;
    */
}

.zakat-video-section .video-message .line-1{
    /*
    padding-top: 90px;
    */
}

@media (min-width: 1200px) {
    .zakat-video-section .video-message .line-1{
        /*
        padding-top: 100px;
        */
    }
}

.zakat-video-section .video-message .button-container{
    /*
    padding-top: 10px;
    */
}

.zakat-video-section .video-message .button-container a{
    /*
    border: 1px solid #ffffff;
    background-color: #ffaa3c !important;
    */
}

@media (max-width: 992px) {
    .zakat-video-section .video-message{
        /*
        height: auto;
        */
    }

    .zakat-video-section{
        /*
        background-image: none;
        */
    }

    .zakat-video-section .video-message p{
        /*
        padding-left: 0px;
        font-size: 20px;
        font-family: "Proxima Nova Bold";
        padding-bottom: 15px;
        text-align: center;
        */
    }

    .zakat-video-section .video-message .line-1{
        /*
        padding-top: 50px;
        */
    }

    .zakat-video-section .video-message .button-container{
        /*
        padding-bottom: 60px;
        */
    }
}

.zakat-page .zakat-help{
    height: auto;
    margin-top: 20px;
}

@media (min-width: 992px) {
    .zakat-page .zakat-help{
        background-image: url("../images/home-line.png");
        background-repeat: repeat-x;
        background-position: center center;
        height: 110px;
        margin-top: 20px;
    }
}

.zakat-page .zakat-help p{
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 36%;
    font-size: 22px;
    background-color: #ffffff;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: "Proxima Nova Bold";
}

@media (max-width: 992px) {
    .zakat-page .zakat-help p{
        width: 80%;
        font-size: 20px;
        padding-top: 40px;
        padding-bottom: 20px;
    }
}

.image-box{
    text-align: center;
}

.image-box .col-1, .image-box .col-2, .image-box .col-3, .image-box .col-4, .image-box .col-5{
    padding: 0px;
    margin-bottom: 15px;
}

.image-box .col-1 div, .image-box .col-2 div, .image-box .col-3 div, .image-box .col-4 div, .image-box .col-5 div{
    padding-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #959595;
}

.image-box .col-1 div{
    margin-right: 10px;
}

.image-box .col-2 div{
    margin-left: 5px;
    margin-right: 5px;
}

.image-box .col-3 div{
    margin-left: 10px;
}

.image-box .col-4 div{
    margin-right: 7.5px;
}

.image-box .col-5 div{
    margin-left: 7.5px;
}

@media (max-width: 992px) {
    .image-box .col-1 div, .image-box .col-2 div, .image-box .col-3 div, .image-box .col-4 div, .image-box .col-5 div{
        margin: 0px;
        margin-bottom: 20px;
    }
}

.image-box img{
    width: 100%;
}

.image-box img:hover{
    opacity: 0.8;
}


.image-box h3{
    font-family: "Proxima Nova Bold";
    font-size: 22px;
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.image-box p{
    font-size: 14px;
    padding-left: 25px;
    padding-right: 25px;
}

@media (max-width: 768px){
    .image-box .col-1, .image-box .col-2, .image-box .col-3, .image-box .col-4, .image-box .col-5{
        padding-left: 15px;
        padding-right: 15px;
    }
}

.image-box a, .image-box a:hover{
    border: none;
    text-decoration: none;
    color: inherit;
}


.zakat-footer-section{
    background-image: url("../images/zakat/zakat-bottom.jpg");
    /*
    margin-top: 65px;
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 369px;
    box-shadow: 0px -20px 100px 0px #ffffff inset;
    */
}

@media (min-width: 1200px) {
    .zakat-footer-section{
        /*
        height: 469px;
        */
    }
}

@media (min-width: 1600px) {
    .zakat-footer-section{
        /*
        height: 509px;
        */
    }
}

@media (min-width: 2000px) {
    .zakat-footer-section{
        /*
        height: 609px;
        */
    }
}

@media (min-width: 2300px) {
    .zakat-footer-section{
        /*
        height: 709px;
        */
    }
}

@media (max-width: 992px) {
    .zakat-footer-section{
        background-image: url("../images/zakat/zakat-bottom-mobile.jpg");
        /*
        height: 704px;
        */
    }
}

@media (max-width: 768px) {
    .zakat-footer-section{
        /*
        height: 616px;
        */
    }
}

@media (max-width: 590px) {
    .zakat-footer-section{
        /*
        height: 500px;
        */
    }
}

@media (max-width: 450px) {
    .zakat-footer-section{
        /*
        height: 416px;
        */
    }
}

.zakat-footer-section .title{
    /*
    font-family: "Proxima Nova Bold";
    font-size: 36px;
    margin-bottom: 20px;
    */
}

@media (max-width: 768px) {
    .zakat-footer-section .title{
        /*
        font-size: 20px;
        margin-bottom: 20px;
        */
    }
}
/*zakat page style end*/

/*orphan kind page style start*/
.orphan-nav{
    background-image: url("../images/orphankind/background.jpg");
}

@media (min-width: 768px) and (max-width: 992px) {
    .orphan-nav{
        background-image: url("../images/orphankind/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .orphan-nav{
        background-image: url("../images/orphankind/background-mobile.jpg");
    }
}

@media (max-width: 600px) {
    .orphan-nav{
        height: 1050px;
    }
}

@media (max-width: 400px) {
    .orphan-nav{
        height: 900px;
    }
}

.orphan-banner-message{

}

.orphan-banner-message .reap-container p{
    padding-top: 50px;
}

@media (max-width: 768px) {
    .orphan-banner-message .reap-container p{
        padding-top: 70px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 600px){
    .orphan-banner-message .reap-container p{
        padding-top: 100px;
    }
}

.orphan-certificate{
    margin-top: -20px;
}

.orphan-certificate img{
    width: 40px;
}

.orphan-page{

}

/*
.orphan-page .main-title{
    margin-top: 5px;
    font-family: "Proxima Nova Light";
    font-size: 44px ;
    line-height: 44px;
}

.orphan-page .strapline-message{
    font-size: 14px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .orphan-page .strapline-message{
        padding-left: 10px;
        padding-right: 10px;
    }
}
*/

.orphan-page .services{
}

.orphan-page .services div{
    height: 180px;
    /*
    border: 1px solid #a0a09f;
    */
}

.orphan-page .services p{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 180px;
}
.orphan-page .services p:hover{
    opacity: 0.6;
}

.orphan-page .services img{
    margin-top: 45px;
    width: 50px;
}

.orphan-page .services span{
    font-family: "Proxima Nova Bold";
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

.orphan-page .services .box-1, .orphan-page .services .box-2{
    border-right: 1px solid #a0a09f;
    border-bottom: 1px solid #a0a09f;
}
.orphan-page .services .box-3{
    border-bottom: 1px solid #a0a09f;
}
.orphan-page .services .box-4, .orphan-page .services .box-5{
    border-right: 1px solid #a0a09f;
}

@media (max-width: 992px) {
    .orphan-page .services .box-1{
        border: none;
        border-right: 1px solid #a0a09f;
        border-bottom: 1px solid #a0a09f;
    }
    .orphan-page .services .box-2{
        border: none;
        border-bottom: 1px solid #a0a09f;
    }
    .orphan-page .services .box-3{
        border: none;
        border-right: 1px solid #a0a09f;
        border-bottom: 1px solid #a0a09f;
    }
    .orphan-page .services .box-4{
        border: none;
        border-bottom: 1px solid #a0a09f;
    }
}

.orphan-video-section{

}
.orphan-video-section .video-message .line-1{
    padding-top: 140px;
}

@media (min-width: 1200px) {
    .orphan-video-section .video-message .line-1{
        padding-top: 150px;
    }
}

@media (max-width: 992px) {
    .orphan-video-section .video-message .line-1{
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

.sponsor-orphans{

}
.sponsor-orphans .title{
    font-family: "Proxima Nova Bold";
    font-size: 36px;
    margin-bottom: 20px;
    margin-top: 50px;
}

@media (max-width: 768px) {
    .sponsor-orphans .title{
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.sponsor-orphans .sponsor-box{
    font-family: "Proxima Nova Bold";
    float: left;
    width: 100%;
}

.sponsor-orphans .sponsor-box .header{
    float: left;
    width: 100%;
    background-color: #ffaa3c;
    color: #ffffff;
    border-radius: 4px 4px 0px 0px;
}

.sponsor-orphans .sponsor-box .header .left-section{
    float: left;
    width: 28%;
    text-align: center;
    border-right: 1px solid #ffffff;
}
.sponsor-orphans .sponsor-box .header .left-section img{
    width: 72px;
}
.sponsor-orphans .sponsor-box .header .right-section{
    float: left;
    width: 72%;
    text-align: center;
    font-size: 14px;
    line-height: 77px;
}

.sponsor-orphans .sponsor-box .sponsor-body{
    float: left;
    width: 100%;
    border: 1px solid #ffaa3c;
    border-top: none;
    /*
    height: 150px;
    */
    border-radius: 0px 0px 4px 4px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.sponsor-orphans .sponsor-box .sponsor-body a{
    display: block;
    background-color: #f07d00 !important;
    width: 75%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.sponsor-orphans .sponsor-box .sponsor-body span{
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width: 992px) {
    .sponsor-orphans .sponsor-box{
        padding-bottom: 15px;
    }
}
/*orphan kind page style end*/
.feedourworldshort-nav{
    background-image: url("../images/feed-our-world/background.jpg");
}

/*Feed Our World page style start*/
.feedourworld-nav{
    background-image: url("../images/feed-our-world/background.jpg");
}

@media (min-width: 768px) and (max-width: 992px) {
    .feedourworld-nav{
        background-image: url("../images/feed-our-world/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .feedourworld-nav{
        background-image: url("../images/feed-our-world/background-mobile.jpg");
    }
}

@media (max-width: 600px) {
    .feedourworld-nav{
        height: 1050px;
    }
}

@media (max-width: 400px) {
    .feedourworld-nav{
        height: 900px;
    }
}

.feedourworld-banner-message{

}

.feedourworld-banner-message .reap-container p{
    padding-top: 50px;
    padding-left: 57px;
    padding-right: 57px;
}

@media (max-width: 768px) {
    .feedourworld-banner-message .reap-container p{
        padding-top: 70px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 600px){
    .feedourworld-banner-message .reap-container p{
        padding-top: 100px;
    }
}

@media (max-width: 385px){
    .feedourworld-banner-message .reap-container p{
        padding-top: 80px;
    }
}

.feedourworld-banner-message .no-box-container .one-col p{
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 992px){
    .feedourworld-banner-message .no-box-container .one-col p{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.feedourworld-video-section .video-message .line-1, .feedourworld-video-section .video-message .line-2{
    font-family: inherit;
    padding-bottom: 0px;
}

.feedourworld-video-section .video-message .line-0{
    padding-top: 40px;
}

.feedourworld-video-section .video-message .line-0-1{
    padding-top: 5px;
}

.feedourworld-video-section .video-message .line-1{
    padding-top: 80px;
}

@media (min-width: 1200px) {
    .feedourworld-video-section .video-message .line-1{
        padding-top: 100px;
    }
}

.feedourworld-video-section .video-message h3{
    padding-top: 15px;
    padding-bottom: 25px;
}

@media (max-width: 992px) {
    .feedourworld-video-section .video-message .line-1, .feedourworld-video-section .video-message .line-2{
        font-family: inherit;
        padding-bottom: 0px;
    }

    .feedourworld-video-section .video-message .line-1{
        padding-top: 45px;
    }

    .feedourworld-video-section .video-message .line-2{
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.map{
    width: 20px !important;
    margin-bottom:15px;
}

.feedourworld-footer-section{
    background-image: url("../images/feed-our-world/bottom-image.jpg");
    box-shadow: none;
    height: 600px;
}

@media (min-width: 1200px) {
    .feedourworld-footer-section{
        height: 809px;
    }
}

@media (min-width: 1600px) {
    .feedourworld-footer-section{
        height: 929px;
    }
}

@media (min-width: 1900px) {
    .feedourworld-footer-section{
        height: 1100px;
    }
}

@media (min-width: 2200px) {
    .feedourworld-footer-section{
        height: 1300px;
    }
}

@media (max-width: 992px) {
    .feedourworld-footer-section{
        background-image: url("../images/feed-our-world/bottom-image-mobile.jpg");
        height: 854px;
    }
}

@media (max-width: 768px) {
    .feedourworld-footer-section{
        height: 606px;
    }
}

@media (max-width: 590px) {
    .feedourworld-footer-section{
        height: 450px;
    }
}

@media (max-width: 450px) {
    .feedourworld-footer-section{
        height: 416px;
    }
}
/*Feed Our World page style end*/

/*Thirst Relief page style start*/
.thirstrelief-nav{
    background-image: url("../images/thirst-relief/background.jpg");
}

@media (min-width: 768px) and (max-width: 992px) {
    .thirstrelief-nav{
        background-image: url("../images/thirst-relief/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .thirstrelief-nav{
        background-image: url("../images/thirst-relief/background-mobile.jpg");
    }
}

@media (max-width: 600px) {
    .thirstrelief-nav{
        height: 1050px;
    }
}

@media (max-width: 400px) {
    .thirstrelief-nav{
        height: 900px;
    }
}

.thirstrelief-banner-message{

}

.thirstrelief-banner-message .reap-container p{
    padding-top: 50px;
    padding-left: 57px;
    padding-right: 57px;
}

@media (max-width: 768px) {
    .thirstrelief-banner-message .reap-container p{
        padding-top: 70px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 600px){
    .thirstrelief-banner-message .reap-container p{
        padding-top: 100px;
    }
}

.thirstrelief-banner-message .no-box-container .one-col p{
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 992px){
    .thirstrelief-banner-message .no-box-container .one-col p{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.thirstrelief-page{

}

.thirstrelief-video-section{

}

.thirstrelief-video-section .video-message h3{
    padding-top: 95px;
    padding-bottom: 25px;
}

.thirstrelief-video-section .video-message .line-1{
    padding-top: 0px;
    padding-bottom: 80px;
}

.thirstrelief-footer-section{
    background-image: url("../images/thirst-relief/bottom-image.jpg");
    box-shadow: none;
    height: 600px;
}

@media (min-width: 1200px) {
    .thirstrelief-footer-section{
        height: 809px;
    }
}

@media (min-width: 1600px) {
    .thirstrelief-footer-section{
        height: 929px;
    }
}

@media (min-width: 1900px) {
    .thirstrelief-footer-section{
        height: 1100px;
    }
}

@media (min-width: 2200px) {
    .thirstrelief-footer-section{
        height: 1300px;
    }
}

@media (max-width: 992px) {
    .thirstrelief-footer-section{
        background-image: url("../images/thirst-relief/bottom-image-mobile.jpg");
        height: 954px;
    }
}

@media (max-width: 768px) {
    .thirstrelief-footer-section{
        height: 806px;
    }
}

@media (max-width: 590px) {
    .thirstrelief-footer-section{
        height: 550px;
    }
}

@media (max-width: 450px) {
    .thirstrelief-footer-section{
        height: 416px;
    }
}
/*Thirst Relief page style end*/

/*About us page style start*/
.aboutus-nav{
    background-image: url("../images/aboutus/background.jpg");
    height: 1100px;
    background-position: top center;
}
@media (min-width: 1600px) {
    .aboutus-nav{
        height: 1200px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .aboutus-nav{
        /*background-tab.png*/
        /*
        background-image: url("../images/aboutus/background.png");
        */

        height: 1100px;
    }
}

@media (max-width: 768px) {
    .aboutus-nav{
        background-image: url("../images/aboutus/background-mobile.jpg");
        background-position: bottom center;
    }
}

@media (max-width: 650px) {
    .aboutus-nav{
        height: 950px;
    }
}

@media (max-width: 500px) {
    .aboutus-nav{
        height: 800px;
    }
}

.aboutus-banner-message{
    margin-top: 50px;
}

.aboutus-banner-message .title-container{
    background-image: url("../images/template/brushstroke-general.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 420px;
    height: 108px;
    text-align: center;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.aboutus-banner-message .title-container p{
    color: #ffffff;
    font-family: "Proxima Nova Semi bold";
    font-size: 40px;
    line-height: 40px;
    padding-top: 22px;
    padding-left: 68px;
    padding-right: 68px;
}

@media (max-width: 768px) {
    .aboutus-banner-message {
        margin-top: 20px;
    }

    .aboutus-banner-message .title-container {
        background-image: url("../images/template/brushstroke-general-mobile.png");
        background-repeat: no-repeat;
        background-size: 100% 250px;
        height: 250px;
        text-align: center;
        display: block;
        width: 100%;
    }

    .aboutus-banner-message .title-container p {
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 45px;
        line-height: 50px;
        padding-top: 40px;
    }
}

.aboutus-page{

}

.aboutus-page .strapline-message{
    margin-top: 35px;
    margin-bottom: 10px;
}

.aboutus-page .strapline-message h3{
    margin: 0px;
    padding: 0px;
}

.aboutus-page .line-button-container {
    margin-top: 20px;
}

.aboutus-page .bottom-line{
    margin-top: 25px;
    margin-bottom: 15px;
}

.aboutus-video-section{
    margin-bottom: 20px;
}

.aboutus-video-section .video-container{
    padding: 0px;
    overflow: hidden;
}

.aboutus-video-section .video-container img{
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .aboutus-video-section .video-container img{
        height: 100%;
    }
}

.aboutus-video-section .video-message .line-1{
    padding-top: 80px;
}

@media (min-width: 1200px) {
    .aboutus-video-section .video-message .line-1{
        padding-top: 90px;
    }
}

@media (max-width: 992px){
    .aboutus-video-section .video-message .line-1{
        padding-top: 60px;
    }
}

.aboutus-page .line-message p{
    width: 25%;
}

@media (max-width: 992px) {
    .aboutus-page .line-message{
        margin-bottom: 10px;
    }

    .aboutus-page .line-message p{
        width: 35%;
    }
}

@media (max-width: 600px) {
    .aboutus-page .line-message p{
        width: 40%;
    }
}

@media (max-width: 500px) {
    .aboutus-page .line-message p{
        width: 50%;
    }
}

@media (max-width: 400px) {
    .aboutus-page .line-message p{
        width: 60%;
    }
}
/*About us page style end*/

/*What we do page style start*/
.whatwedo-nav{
    background-image: url("../images/what-we-do/background.jpg");
    height: 1100px;
    background-position: top center;
    margin-bottom: 50px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .whatwedo-nav{
        height: 950px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .whatwedo-nav{
        height: 900px;
    }
}

@media (max-width: 768px) {
    .whatwedo-nav{
        background-image: url("../images/what-we-do/background-mobile.jpg");
        background-position: bottom center;
        height: 950px;
        margin-bottom: 0px;
    }
}

@media (max-width: 650px) {
    .whatwedo-nav{
        height: 850px;
    }
}

@media (max-width: 500px) {
    .whatwedo-nav{
        height: 810px;
    }
}


.whatwedo-banner-message{
    margin-top: 40px;
    color: #252525;
}

@media (min-width: 1200px) {
    .whatwedo-banner-message{
        margin-top: 60px;
    }
}

.whatwedo-banner-message .title{
    width: 400px;
    text-align: center;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    font-family: "Proxima Nova Semi bold";
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.whatwedo-banner-message .desc{
    width: 700px;
    text-align: center;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.whatwedo-banner-message .desc p{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.whatwedo-banner-message .stand-out{
    font-family: "Proxima Nova Bold";
    color: #f07d00;
    /*
    color: #ffaa3c;
    */
}

@media (max-width: 768px) {
    .whatwedo-banner-message .title{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .whatwedo-banner-message .desc{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.whatwedo-page{
}

.columns-container{

}

.columns-container .image-container, .columns-container .details-container{
    height: 340px;
    overflow-y: hidden;
    margin-bottom: 70px;
}

@media (min-width: 1200px) {
    .columns-container .image-container, .columns-container .details-container{
        height: 400px;
    }
}

.columns-container .image-container{
}

.columns-container .image-container img{
    width: 100%;
}

@media (min-width: 992px) {
    .columns-container .details-container {
        display: flex;
        align-items: center;
    }

    .columns-container .move-left{
        float: left;
    }

    .columns-container .move-right{
        float: right;
    }
}

.columns-container .details-container div h3{
    background-image: url("../images/what-we-do/header-line.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    font-family: "Proxima Nova Bold";
    font-size: 30px;
    line-height: 50px;
    padding-top: 0px;
    margin-top: 0px;
}

.columns-container .details-container div p{
    padding-top: 2px;
    padding-bottom: 20px;
}

.columns-container .details-container div .button-link{
    background-color: #f07d00 !important;
}


@media (max-width: 992px) {
    .columns-container .image-container, .columns-container .details-container{
        height: auto;
        overflow-y: hidden;
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .columns-container .details-container{
        padding-bottom: 20px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .columns-container .details-container div h3{
        background-position: bottom center;
    }
}
/*What we do page style end*/

/*Ramadan 2019 page style start*/

.ramadan-banner-message{
    margin-top: 80px;
}

@media (min-width: 1200px) {
    .ramadan-banner-message{
        margin-top: 100px;
    }
}

@media (max-width: 768px) {
    .ramadan-banner-message{
        margin-top: 30px;
    }

    .ramadan-banner-message h2{
        line-height: 60px;
    }

    .ramadan-banner-message span{
        /*
        margin-bottom: 15px;
        */
        line-height: 12px;
    }

    .ramadan-banner-message .zakat-policy{
        margin-bottom: 20px;
    }
}


.ramadan-2019-nav{
    background-image: url("../images/ramadan/2019/background.png");
    box-shadow: 0px -5px 10px 0px #ffffff inset;
}

@media (min-width: 2000px) and (max-width: 2200px) {
    .ramadan-2019-nav{
        height: 800px;
    }
}

@media (min-width: 1600px) and (max-width: 2000px) {
    .ramadan-2019-nav{
        height: 700px;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .ramadan-2019-nav{
        height: 600px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .ramadan-2019-nav{
        height: 550px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .ramadan-2019-nav{
        height: 500px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .ramadan-2019-nav{
        height: 450px;
    }
}
/*
@media (max-width: 768px) {
    .ramadan-2019-nav{
        background-image: url("../images/ramadan/2019/background-mobile.png");
    }
}
*/

@media (min-width: 550px) and (max-width: 768px){
    .ramadan-2019-nav{
        background-image: url("../images/ramadan/2019/background-mobile-550-768.png");
        background-position: top center;
    }
}

@media (max-width: 550px) {
    .ramadan-2019-nav{
        background-image: url("../images/ramadan/2019/background-mobile-415-550.png");
        background-position: top center;
        height: 980px;
    }
}


.ramadan-2019-page{

}

.promo-ramadan{
    text-align: center;
    color: #252525;
}

.promo-ramadan .col-1, .promo-ramadan .col-2, .promo-ramadan .col-3, .promo-ramadan .col-4{
    padding: 0px;
    /*
    padding-bottom: 50px;
    */
}

.promo-ramadan .col-1 div{
    margin-right: 7px;
}

.promo-ramadan .col-2 div{
    margin-left: 3px;
    margin-right: 5px;
}

.promo-ramadan .col-3 div{
    margin-left: 5px;
    margin-right: 3px;
}

.promo-ramadan .col-4 div{
    margin-left: 7px;
}

@media (max-width: 992px) {
    .promo-ramadan .col-1 div, .promo-ramadan .col-2 div, .promo-ramadan .col-3 div, .promo-ramadan .col-4 div{
        margin: 0px;
        margin-bottom: 20px;
    }
}

.promo-ramadan img{
    width: 100%;
}

.promo-ramadan h3{
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    font-family: "Proxima Nova Bold";
    font-size: 22px;
}

.promo-ramadan p{
    font-size: 14px;
}


@media (max-width: 768px){
    .promo-ramadan .col-1, .promo-ramadan .col-2, .promo-ramadan .col-3, .promo-ramadan .col-4{
        padding-left: 15px;
        padding-right: 15px;
    }
}

.donation-tag-container{
    text-align: center;
    cursor: pointer;
}

.donation-tag-container p{
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    padding-top: 15px;

    height: 40px;
    font-family: "Proxima Nova Bold";
}

.donation-tag-container .button-container{
    margin-top: 10px;
}

@media (max-width: 992px) {
    .donation-tag-container .button-container{
        margin-bottom: 50px;
    }
}

.donation-tag-container .button-container a{
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    padding-left: 30px;
    padding-right: 30px;

    color: #ffaa3c;
    border: 1px solid #ffaa3c;
    background-color: #ffffff !important;
}

.donation-tag{
    background-image: url("../images/ramadan/2019/tag.png");
    background-size: contain;
    width: 201px;
    height:200px;
    display: block;
    float:none;
    margin-left: auto;
    margin-right: auto;
}

.donation-tag p{
    padding: 0px;
    margin: 0px;
    line-height: 200px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 84px;
    font-family: "Proxima Nova Bold";
}

.donation-tag p sup{
    font-size: 52px;
    font-family: "Proxima Nova Reg";
}

.donation-tag-hundreds p{
    font-size: 74px !important;
}

.donation-tag-hundreds p sup{
    font-size: 42px !important;
}

.donation-tag-thousands p{
    font-size: 64px !important;
}

.donation-tag-thousands p sup{
    font-size: 32px !important;
}


.ramadan-2019-page .video-section{
    margin-top: 65px;
}

.ramadan-2019-page .video-container, .ramadan-2019-page .video-message{
    height: 300px;
    padding: 0px;
    margin: 0px;

}

.ramadan-2019-page .video-container .video{
    width: 100%;
    height: 300px;
    background-color: #000000;
    padding:5px;
}

.ramadan-2019-page .video-message{
    background-image: url("../images/ramadan/2019/video-brush.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;

    display: flex;
    align-items: center;
}

.ramadan-2019-page .video-message p{
    color: #ffffff;
    padding-top: 30px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    font-size: 16px;
}

@media (max-width: 992px){
    .ramadan-2019-page .video-section{
        margin-top: 15px;
    }

    .ramadan-2019-page .video-container .video{
        background-color: #ffffff;
    }

    .ramadan-2019-page .video-message{
        background-image: url("../images/ramadan/2019/video-brush-mobile.png");
    }
}

@media (max-width: 500px){
    .ramadan-2019-page .video-message{
        margin-top: -50px;
    }
}
/*Ramadan 2019 page style end*/

/* style for Contact us start */
.contact-page{

}

.contact-options{

}

.contact-options div{
    height: 350px;
    background-color: #fff9e5;
    text-align: center;
}

.contact-options img{
    width: 180px;
    margin-top: 37px;
}

.contact-options p{
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.contact-options .title{
    color: #f07d00;
    font-size: 12px;
}

.contact-options .details{
    font-weight: bold;
}

.contact-options .details a, .contact-options .details a:hover{
    color: inherit;
}

@media (min-width: 992px) {
    .contact-options .middle-col {
        border-left: 1px solid #ffaa3c;
        border-right: 1px solid #ffaa3c;
    }
}

@media (max-width: 992px) {
    .contact-options .middle-col {
        border-top: 1px solid #ffaa3c;
        border-bottom: 1px solid #ffaa3c;
    }

    .contact-options div{
        border-radius: 0px !important;
    }

    .contact-options .small-screen{
        margin-top: 57px;
    }
}

.contact-page .line-message{
    margin-top: 15px;
}

@media (max-width: 992px) {
    .contact-page .line-message{
        margin-bottom: 5px;
    }
}

.contact-page .line-message p{
    width: 20%;
}

@media (max-width: 992px) {
    .contact-page .line-message p{
        width: 23%;
    }
}

@media (max-width: 600px) {
    .contact-page .line-message p{
        width: 35%;
    }
}

@media (max-width: 400px) {
    .contact-page .line-message p{
        width: 45%;
    }
}

.contact-page .social-media{
    text-align: center;
}

.contact-page .social-media img{
    width: 70px;
    border:none;
    margin-left: 20px;
    margin-right: 20px;

}

@media (max-width: 992px) {
    .contact-page .social-media img{
        margin-left: 10px;
        margin-right: 10px;

    }
}

@media (max-width: 400px) {
    .contact-page .social-media img{
        margin-left: 0px;
        margin-right: 0px;

    }
}
.contact-page .google-map{
    margin-top: 65px;
    width: 100%;
    height: 450px;
}

/* style for Contact us end */

/* style for Work with us start */
.work-with-us-page{
}

.work-with-us-page .main-title{
    margin-bottom: 20px;
}

.work-with-us-page .strapline-message{
    margin-bottom: 10px;
}

.work-with-us-page .line-message p{
    width: 20%;
}

@media (max-width: 992px) {
    .work-with-us-page .line-message{
        margin-bottom: 10px;
    }

    .work-with-us-page .line-message p{
        width: 23%;
    }
}

@media (max-width: 600px) {
    .work-with-us-page .line-message p{
        width: 35%;
    }
}

@media (max-width: 400px) {
    .work-with-us-page .line-message p{
        width: 45%;
    }
}

.work-with-us-page .position{

}

.work-with-us-page .position h3{
    color: #f07d00;
    font-size: 14px;
    line-height: 20px;
    font-family: "Proxima Nova Bold";
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 6px;
}

.work-with-us-page .position p{
    padding-left: 10px;
    padding-right: 10px;
}

.work-with-us-page .position .col-1, .work-with-us-page .position .col-2, .work-with-us-page .position .col-3{
    padding: 0px;
}

.work-with-us-page .position .col-1 div, .work-with-us-page .position .col-2 div, .work-with-us-page .position .col-3 div{
    text-align: center;
    border: 1px solid #a0a09f;
    border-bottom: 1px solid #f07d00;
    border-radius: 4px;
    height: auto;
    background-image: url("../images/work-with-us/position.png");
    background-repeat: repeat-x;
    background-position: bottom left;
}


@media (min-width: 992px) {
    .work-with-us-page .position .last-row{
        position: absolute;
        bottom:10px;
        width: 100%;
        text-align: center
    }

    .work-with-us-page .position .col-1 div, .work-with-us-page .position .col-2 div, .work-with-us-page .position .col-3 div{
        height: 370px;
    }

    .work-with-us-page .position .col-1 div {
        margin-right: 7px;
    }

    .work-with-us-page .position .col-2 div {
        margin-left: 3.5px;
        margin-right: 3.5px;
    }

    .work-with-us-page .position .col-3 div {
        margin-left: 7px;
    }

    .work-with-us-page .position .col-last {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .work-with-us-page .position .last-row{
        padding-bottom: 15px;
    }

    .work-with-us-page .position .col-1, .work-with-us-page .position .col-2, .work-with-us-page .position .col-3{
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 15px;
    }
}

.work-with-us-page .footer-section{
    margin-top: 10px;
    background-image: url("../images/work-with-us/bottom-image.png");
    box-shadow: none;
    height: 520px;
}

@media (min-width: 1200px) {
    .work-with-us-page .footer-section{
        height: 500px;
    }
}

@media (min-width: 1350px) {
    .work-with-us-page .footer-section{
        height: 600px;
    }
}

@media (min-width: 1550px) {
    .work-with-us-page .footer-section{
        height: 700px;
    }
}

@media (min-width: 1750px) {
    .work-with-us-page .footer-section{
        height: 800px;
    }
}

@media (min-width: 2000px) {
    .work-with-us-page .footer-section{
        height: 900px;
    }
}

@media (min-width: 2300px) {
    .work-with-us-page .footer-section{
        height: 1100px;
    }
}

@media (max-width: 992px) {
    .work-with-us-page .footer-section{
        background-image: url("../images/work-with-us/bottom-image-mobile.png");
        height: 800px;
    }
}

@media (max-width: 768px) {
    .work-with-us-page .footer-section{
        height: 600px;
    }
}

@media (max-width: 560px) {
    .work-with-us-page .footer-section{
        height: 500px;
    }
}

@media (max-width: 450px) {
    .work-with-us-page .footer-section{
        height: 400px;
    }
}

.work-with-us-page .footer-section .title{
    font-size: 14px;
    font-family: "Proxima Nova Bold";
    margin-bottom: 15px;
}

.work-with-us-page .footer-section a{
    color: #f07d00;
    font-size: 14px;
    font-family: "Proxima Nova Bold";
}
/* style for Work with us end*/

/*Emergency Response style start*/
.emergencyresponse-nav{
    background-image: url("../images/emergency-response/background.jpg");
}

@media (min-width: 768px) and (max-width: 992px) {
    .emergencyresponse-nav{
        background-image: url("../images/emergency-response/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .emergencyresponse-nav{
        background-image: url("../images/emergency-response/background-mobile.jpg");
        height: 1100px;
    }
}

@media (max-width: 600px) {
    .emergencyresponse-nav{
        height: 1050px;
    }
}

@media (max-width: 500px) {
    .emergencyresponse-nav{
        height: 950px;
    }
}

@media (max-width: 400px) {
    .emergencyresponse-nav{
        height: 900px;
    }
}

.emergencyresponse-banner-message{

}

.emergencyresponse-banner-message .reap-container p{
    padding-top: 50px;
    padding-left: 48px;
    padding-right: 48px;
}

@media (max-width: 768px) {
    .emergencyresponse-banner-message .reap-container p{
        padding-top: 70px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 600px){
    .emergencyresponse-banner-message .reap-container p{
        padding-top: 100px;
    }
}

@media (max-width: 385px){
    .emergencyresponse-banner-message .reap-container p{
        padding-top: 80px;
    }
}

.emergencyresponse-banner-message .no-box-container .one-col p{
    padding-left: 60px;
    padding-right: 60px;
    color: #ffffff;
    text-shadow: 1px 1px 2px black, 0 0 15px blue, 0 0 5px darkblue;
}

@media (max-width: 992px){
    .emergencyresponse-banner-message .no-box-container .one-col p{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.emergencyresponse-page{

}

.emergencyresponse-video-section .video-message .line-1{
    padding-top: 120px;
}

@media (max-width: 992px) {
    .emergencyresponse-video-section .video-message .line-1{
        padding-top: 30px;
    }
}

.emergencyresponse-footer-section{
    background-image: url("../images/emergency-response/bottom-image.jpg");
    box-shadow: none;
    height: 600px;
}

@media (min-width: 1050px) {
    .emergencyresponse-footer-section{
        height: 609px;
    }
}

@media (min-width: 1200px) {
    .emergencyresponse-footer-section{
        height: 809px;
    }
}

@media (min-width: 1600px) {
    .emergencyresponse-footer-section{
        height: 929px;
    }
}

@media (min-width: 1900px) {
    .emergencyresponse-footer-section{
        height: 1100px;
    }
}

@media (min-width: 2200px) {
    .emergencyresponse-footer-section{
        height: 1300px;
    }
}

@media (max-width: 992px) {
    .emergencyresponse-footer-section{
        background-image: url("../images/emergency-response/bottom-image-mobile.jpg");
        height: 854px;
    }
}

@media (max-width: 768px) {
    .emergencyresponse-footer-section{
        height: 606px;
    }
}

@media (max-width: 590px) {
    .emergencyresponse-footer-section{
        height: 550px;
    }
}

@media (max-width: 450px) {
    .emergencyresponse-footer-section{
        height: 416px;
    }
}

.emergencyresponse-page .emergencyresponse-line-message{
}

@media (min-width: 992px) {
    .emergencyresponse-page .emergencyresponse-line-message{
        height: 110px;
    }
}

.emergencyresponse-page .emergencyresponse-line-message p{
    width: 42%;
    font-size: 22px;
}

@media (max-width: 992px) {
    .emergencyresponse-page .emergencyresponse-line-message{
        height: 110px;
    }
    .emergencyresponse-page .emergencyresponse-line-message p{
        width: 60%;
        font-size: 20px;
        padding-top: 40px;
        padding-bottom: 20px;
    }
}
/*Emergency Response style end*/

/*Team Orange style start*/
.teamorange-nav{
    background-image: url("../images/team-orange/background.png");
    background-position: top center;
}

@media (min-width: 768px) and (max-width: 992px) {
    .teamorange-nav{
        background-image: url("../images/team-orange/background.png");
    }
}

@media (max-width: 768px) {
    .teamorange-nav{
        background-image: url("../images/team-orange/background-mobile.png");
        height: 900px;
    }
}

@media (min-width: 2000px) {
    .teamorange-nav{
        height: 1300px;
    }
}

@media (max-width: 680px) {
    .teamorange-nav{
        height: 800px;
    }
}

@media (max-width: 600px) {
    .teamorange-nav{
        height: 700px;
    }
}

@media (max-width: 500px) {
    .teamorange-nav{
        height: 600px;
    }
}

@media (max-width: 400px) {
    .teamorange-nav{
        height: 500px;
    }
}

.teamorange-banner-message{
    margin-top: 90px;
    color: #252525;
}

@media (min-width: 1200px) {
    .teamorange-banner-message{
        margin-top: 120px;
    }
}

@media (max-width: 768px) {
    .teamorange-banner-message{
        margin-top: 70px;
    }
}

@media (max-width: 400px) {
    .teamorange-banner-message{
        margin-top: 30px;
    }
}

.teamorange-banner-message p{
    width: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 25px;
    font-family: "Proxima Nova Light";
}

.teamorange-banner-message .orange{
    color: #f07d00;
    font-family: "Proxima Nova Bold";
}

@media (max-width: 768px) {
    .teamorange-banner-message p{
        line-height: 40px;
    }
}

.teamorange-page{

}

.teamorange-page .page-title{
    font-size: 40px;
    line-height: 35px;
    font-family: "Proxima Nova Light";
    margin-top: 30px;
}

@media (max-width: 768px) {
    .teamorange-page .page-title{
        line-height: 40px;
    }
}

.teamorange-video-section{
    /*
    margin-top: 60px;
    */
    background-image: none;
}

@media (min-width: 1200px) {
    .teamorange-video-section{
        margin-top: 30px;
    }
}

.teamorange-video-section .video-container {
    background-color: transparent;
}

.teamorange-video-section .video-message{
    background-color: transparent;
    color: inherit;
}

.teamorange-video-section .video-message p{
    padding-left: 5px;
    padding-bottom: 5px;
}

.teamorange-video-section .video-message .line-1{
    padding-top: 110px;
}

@media (min-width: 1200px) {
    .teamorange-video-section .video-message .line-1{
        padding-top: 115px;
    }
}

@media (max-width: 992px) {
    .teamorange-video-section .video-message .line-1{
        padding-top: 50px;
    }
}

.teamorange-page .team-city{
    margin-bottom: 20px;
}

.teamorange-page .team-city img{
    width: 100%;
}

.teamorange-page .team-city a{
    width: 100%;
    display: block;
    border-radius: 4px;
    color: #f07d00;
    border: 1px solid #f07d00;
    text-align: center;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    cursor: pointer;
    /*working here*/
}
/*Team Orange style end*/

/*Qurbani style start*/
.qurbani-nav{
    background-image: url("../images/qurbani/background.png");
}

@media (min-width: 768px) and (max-width: 992px) {
    .qurbani-nav{
        background-image: url("../images/qurbani/background-tab.png");
    }
}

@media (max-width: 768px) {
    .qurbani-nav{
        background-image: url("../images/qurbani/background-mobile.png");
        height: 1100px;
    }
}

@media (max-width: 600px) {
    .qurbani-nav{
        height: 1050px;
    }
}

@media (max-width: 500px) {
    .qurbani-nav{
        height: 950px;
    }
}

@media (max-width: 400px) {
    .qurbani-nav{
        height: 900px;
    }
}

.qurbani-landing-nav{
    background-image: url("../images/qurbani-landing/background.png");
}

@media (min-width: 768px) and (max-width: 992px) {
    .qurbani-landing-nav{
        background-image: url("../images/qurbani/background-tab.png");
    }
}

@media (max-width: 768px) {
    .qurbani-landing-nav{
        background-image: url("../images/qurbani/background-mobile.png");
        height: 1100px;
    }
}

@media (max-width: 600px) {
    .qurbani-landing-nav{
        height: 1050px;
    }
}

@media (max-width: 500px) {
    .qurbani-landing-nav{
        height: 950px;
    }
}

@media (max-width: 400px) {
    .qurbani-landing-nav{
        height: 900px;
    }
}

.qurbani-banner-message{

}

.qurbani-banner-message .reap-container p{
    padding-top: 50px;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 29px;
}

@media (max-width: 768px) {
    .qurbani-banner-message .reap-container p{
        padding-top: 70px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 600px){
    .qurbani-banner-message .reap-container p{
        padding-top: 100px;
    }

    .qurbani-mobile p{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 385px){
    .qurbani-banner-message .reap-container p{
        padding-top: 80px;
    }
}

.qurbani-banner-message .no-box-container .one-col p{
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 992px){
    .qurbani-banner-message .no-box-container .one-col p{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.qurbani-page{
}

.qurbani-page .template-services img{
    margin-top: 30px;
    width: 130px;
}

.qurbani-page .template-services div, .qurbani-page .template-services p{
    /*
    height: 285px;
    */
    height: 385px;
}

.qurbani-page .template-services a{
    display: block;
    margin-bottom: 5px;
    width: 200px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.qurbani-page .template-services .para{
    margin-bottom: 20px;
}

.qurbani-page .template-services .para{
    margin-bottom: 20px;
}

.qurbani-page .template-footer-section{
    height: auto;
}

.qurbani-page .button-link img{
    width: 18px;
    margin-top: -2px;
    margin-right: 6px;
}

.qurbani-page .what-donation-delivers{
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    .qurbani-page .what-donation-delivers .button-container {
        margin-top: 25px;
    }
}
/*Qurbani style end*/

/*Syria page style start*/
.syria-appeal-nav{
    background-image: url("../images/syria/background.png");
}

@media (min-width: 768px) and (max-width: 992px) {
    .syria-appeal-nav{
        background-image: url("../images/syria/background-tab.png");
    }
}

@media (max-width: 768px) {
    .syria-appeal-nav{
        background-image: url("../images/syria/background-mobile.png");
        height: 1400px;
    }
}

@media (max-width: 650px) {
    .syria-appeal-nav{
        height: 1250px;
    }
}

@media (max-width: 500px) {
    .syria-appeal-nav{
        height: 1100px;
    }
}
/*Syria page style end*/


/*Rohingya Emergency page style start*/
.rohingya-appeal-nav{
    background-image: url("../images/rohingya/background.png");
}

@media (min-width: 768px) and (max-width: 992px) {
    .rohingya-appeal-nav{
        background-image: url("../images/rohingya/background-tab.png");
    }
}

@media (max-width: 768px) {
    .rohingya-appeal-nav{
        background-image: url("../images/rohingya/background-mobile.png");
        height: 1400px;
    }
}

@media (max-width: 650px) {
    .rohingya-appeal-nav{
        height: 1250px;
    }
}

@media (max-width: 550px) {
    .rohingya-appeal-nav{
        height: 1160px;
    }
}

@media (max-width: 480px) {
    .rohingya-appeal-nav{
        height: 1100px;
    }
}
/*Rohingya Emergency page style end*/

/*Yemen page style start*/
.yemen-appeal-nav{
    background-image: url("../images/yemen/background.png");
}

@media (min-width: 768px) and (max-width: 992px) {
    .yemen-appeal-nav{
        background-image: url("../images/yemen/background-tab.png");
    }
}

@media (max-width: 768px) {
    .yemen-appeal-nav{
        background-image: url("../images/yemen/background-mobile.png");
        height: 1400px;
    }
}

@media (max-width: 650px) {
    .yemen-appeal-nav{
        height: 1250px;
    }
}

@media (max-width: 550px) {
    .yemen-appeal-nav{
        height: 1160px;
    }
}

@media (max-width: 480px) {
    .yemen-appeal-nav{
        height: 1100px;
    }
}
/*Yemen page style end*/

/*Winter Emergency page style start*/
.winter-emergency-nav{
    background-image: url("../images/winter-emergency-fund/background.jpg");
}

@media (min-width: 768px) and (max-width: 992px) {
    .winter-emergency-nav{
        background-image: url("../images/winter-emergency-fund/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .winter-emergency-nav{
        background-image: url("../images/winter-emergency-fund/background-mobile.jpg");
        height: 1100px;
    }
}

@media (max-width: 650px) {
    .winter-emergency-nav{
        height: 960px;
    }
}

@media (max-width: 550px) {
    .winter-emergency-nav{
        height: 900px;
    }
}

@media (max-width: 480px) {
    .winter-emergency-nav{
        height: 900px;
    }
}

@media (max-width: 480px) {
    .winter-emergency-nav{
        height: 850px;
    }
}


@media (max-width: 430px) {
    .winter-emergency-nav{
        height: 750px;
    }
}

@media (max-width: 400px) {
    .winter-emergency-nav{
        height: 750px;
    }
}

.winteremergency-banner-message .reap-container{
    background-image: none;
    height:180px;
}

.winteremergency-banner-message .reap-container p{
    padding-left: 47px;
    padding-right: 47px;
    padding-top:15px;
    padding-bottom: 15px;
    font-size: 20px !important;
    color: #ffffff;
}

.winteremergency-banner-message .reap-container img{
    width: 300px;
}

@media (min-width: 1200px) {
    .winteremergency-banner-message{
        margin-top: 200px;
    }
}

@media (max-width: 992px) {
    .winteremergency-banner-message{
        margin-top: 100px;
    }


    .winteremergency-banner-message .reap-container{
        /* height: 133px; */
        height: 183px;
    }


}

.winter-page .donation-tag-container p{
    height: 55px;
}

.winter-page .template-video-section{
    margin-top: 10px;
}

.winter-page .what-donation-delivers{
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .winter-page .what-donation-delivers{
        margin-bottom: 0px;
    }
}
/*Winter Emergency page style end*/

/*At Home page style start*/

.home-banner-message{

}

.home-banner-message .other-container{
    height: 150px;
}

.home-banner-message .other-container .icon{
    display: block;
    width: 95px;
    float: none;
    margin-right:auto;
    margin-left:auto;
}

.home-banner-message .reap-container p{
    padding-top: 50px;
    padding-left: 57px;
    padding-right: 57px;
}

@media (max-width: 768px) {
    .home-banner-message .reap-container p{
        padding-top: 70px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 600px){
    .home-banner-message .reap-container p{
        padding-top: 100px;
    }
}

@media (max-width: 385px){
    .home-banner-message .reap-container p{
        padding-top: 80px;
    }
}

.home-banner-message .no-box-container .one-col p{
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 992px){
    .home-banner-message .no-box-container .one-col p{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.at-home-nav{
    background-image: url("../images/at-home/background.jpg");
}

@media (min-width: 2000px) {
    .at-home-nav{
        height: 1500px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .at-home-nav{
        background-image: url("../images/at-home/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .at-home-nav{
        background-image: url("../images/at-home/background-mobile.jpg");
        height: 1300px;
    }
}

@media (max-width: 650px) {
    .at-home-nav{
        height: 1150px;
    }
}

@media (max-width: 550px) {
    .at-home-nav{
        height: 1060px;
    }
}

@media (max-width: 480px) {
    .at-home-nav{
        height: 950px;
    }
}

.at-home-page{

}

.at-home-page .logo{
    margin-bottom: 15px;
}

.at-home-page .last-donate-section{
    margin-top: 55px;
    /*
    background-image: url("../images/zakat/zakat-bottom.png");
    */
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;

}

.at-home-page .last-donate-section .title{
    font-family: "Proxima Nova Bold";
    font-size: 36px;
    margin-bottom: 20px;
}
/*At Home page style end*/


/*Home page style start*/
.home-page-nav{
    background-image: url("../images/home/background.jpg");
}

@media (min-width: 2000px) {
    .home-page-nav{
        height: 1500px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .home-page-nav{
        background-image: url("../images/home/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .home-page-nav{
        background-image: url("../images/home/background-mobile.jpg");
        height: 1300px;
    }
}

@media (max-width: 650px) {
    .home-page-nav{
        height: 1150px;
    }
}

@media (max-width: 550px) {
    .home-page-nav{
        height: 1060px;
    }
}

@media (max-width: 480px) {
    .home-page-nav{
        height: 950px;
    }
}
/*Home page style end*/

/*SMCT style start*/
.smct-nav{
    background-image: url("../images/smct/Front_page_SliderBg.png");
    background-position: top center;
    background-size: cover;
    height: 1050px;
    box-shadow: none !important;
}

@media (max-width: 992px) {
    .smct-nav{
        height: 1000px;
    }
}

@media (max-width: 768px) {
    .smct-nav{
        height: 930px;
    }
}

@media (max-width: 668px) {
    .smct-nav{
        height: 840px;
    }
}

@media (max-width: 568px) {
    .smct-nav{
        height: 740px;
    }
}

@media (max-width: 500px) {
    .smct-nav{
        height: 680px;
    }
}

@media (max-width: 450px) {
    .smct-nav{
        height: 620px;
    }
}

.smct-landing{
    background-image: url("../images/smct/Background_Landing.png"),linear-gradient(237deg,#46b3ff 0%,#0752fe 100%)!important;
    height: 980px;
}

@media (max-width: 992px) {
    .smct-landing{
        height: 930px;
    }
}

@media (max-width: 768px) {
    .smct-landing{
        height: 900px;
    }
}

@media (max-width: 668px) {
    .smct-landing{
        height: 800px;
    }
}

@media (max-width: 568px) {
    .smct-landing{
        height: 720px;
    }
}

@media (max-width: 500px) {
    .smct-landing{
        height: 660px;
    }
}

@media (max-width: 450px) {
    .smct-landing{
        height: 600px;
    }
}

.home-smct-message{
    text-align: center;
}

.home-smct-message .img-container{
    width: 100%;
    margin-bottom:30px;
}

.home-smct-message .img-container-landing{
    margin-bottom:45px;
}


@media (max-width: 992px) {
    .home-smct-message img{
        width:100%;
    }
}

.smct-link, .smct-link:hover, .smct-link:focus, .smct-link:active{
    background-color: #eb008b !important;
    border-radius: 5px;
    /*
    line-height: 10px;
    */
    padding: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 1px;
    text-decoration: none !important;
    cursor: pointer;
}

.smct-page{
    color: #ffffff;
}

.smct-page .strapline{
    margin-top: 16px;
    font-size: 18px;
    text-align:center;
}

.smct-page .strapother{
    color: #ffdd0f;
    font-size: 24px;
}

.smct-page .cast {
    background-position: top left;
    background-image: url("../images/smct/Background_2.jpg")!important;
    text-align: center;
    padding-top: 25px;
}

.smct-page .cast .talent{
    width: 250px;
}

.smct-page .actors img{
    width: 350px;
    margin-bottom:20px;
}

.smct-page .tickets{
    background-image: url("../images/smct/Front_page_SliderBg.png");
    background-position: top center;
    background-size: cover;
    text-align: center;
}

.smct-page .tickets .early-bird{
    width: 100%;
}

.smct-page .tickets .venu{
    /*
    width: 180px;
    */
    width: 100%;
    margin-top:30px;
    margin-bottom:30px;
}

/*
@media (min-width: 1200px) {
    .smct-page .tickets .venu{
        width: 280px;
    }
}
*/

.smct-page #tickets h1{
    font-size: 60px;
}
/*SMCT style end*/

/*aqsa style start*/
.aqsa-nav{
    background-image: url("../images/aqsa/background.jpg");
}

@media (min-width: 768px) and (max-width: 992px) {
    .aqsa-nav{
        background-image: url("../images/aqsa/background-tab.jpg");
    }
}

@media (max-width: 768px) {
    .aqsa-nav{
        background-image: url("../images/aqsa/background-mobile.jpg");
    }
}

@media (max-width: 600px) {
    .aqsa-nav{
        height: 1050px;
    }
}

@media (max-width: 400px) {
    .aqsa-nav{
        height: 900px;
    }
}

.aqsa-banner-left{
    margin-top: 90px;
    color: #ffffff;
}

.aqsa-banner-left .aqsa-support-logo{
    width: 300px;
    margin-bottom:25px;
    display:block;
}

.aqsa-banner-left .aqsa-logo{
    width: 300px;
    float:none;
    display:block;
}

.aqsa-banner-left p{
    font-size:20px;
    margin-bottom:25px;
}

/*aqsa style end*/

/*home page banner slider start*/
.slidernavbar{
    background: #000000 !important;
    box-shadow: none !important;
    height: auto;
}

.slidernavbar .container-fluid{
    padding:0px;
}

.slidernavbar .menu-container{
    position: relative;
    z-index: 2
}

@media (max-width: 992px) {
    .slidernavbar .nav a {
        color: #ffffff !important;
    }
}

.home-slider-nav{
    /*
    background-position: top center;
    */
    background-position: top center;
    background-size: cover;
    height: 1050px;
    box-shadow: none !important;
}

@media (max-width: 992px) {
    .home-slider-nav{
        height: 1000px;
    }
}

@media (max-width: 768px) {
    .home-slider-nav{
        height: 930px;
    }
}

@media (max-width: 668px) {
    .home-slider-nav{
        height: 840px;
    }
}

@media (max-width: 568px) {
    .home-slider-nav{
        height: 740px;
    }
}

@media (max-width: 500px) {
    .home-slider-nav{
        height: 680px;
    }
}

@media (max-width: 450px) {
    .home-slider-nav{
        height: 620px;
    }
}

.home-smct-nav{
    background-image: url("../images/smct/Front_page_SliderBg.png");
}

.home-aqsa-nav{
    background-image: url("../images/aqsa/background.jpg");
}

#peppermint{
    margin-top: 25px;
    margin-bottom: 0px;
    /*
    position: absolute; width: 100%; top:0px; z-index: -50;
    */
    top: -90px;
    z-index: 0;
    margin-bottom: -90px;
}

#peppermint .peppermint-slides{
    padding:0px;
}

#peppermint-left, #peppermint-right{
    position: absolute;
    top: 480px;
    z-index: 1000;
    color: #ffffff;
    font-size: 45px;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 1px 1px 2px black, 0 0 15px blue, 0 0 5px darkblue;
}

#peppermint-left{
    left:15px;
}

#peppermint-right{
    right:15px;
}

@media (max-width: 768px) {
    #peppermint-left, #peppermint-right{
        font-size: 35px;
    }

    #peppermint-left{
        left:5px;
    }

    #peppermint-right{
        right:5px;
    }
}

@media (max-width: 600px) {
    #peppermint-left, #peppermint-right{
        top: 420px;
    }
}

@media (max-width: 500px) {
    #peppermint-left, #peppermint-right{
        top: 350px;
    }
}

@media (max-width: 400px) {
    #peppermint-left, #peppermint-right{
        top: 320px;
    }
}

#peppermint .home-slider-nav .container{
    margin-top: 65px;
}
/*home page banner slider end*/

/* style for modal start */
#dialogbox .modaltable{
    display: table;
    height: 100%;
    width: 100%;
}

#dialogbox .modalcell{
    display: table-cell;
    vertical-align: middle;
    /*
    text-align: center;
    */
}

@media (min-width: 992px){
    #dialogbox .modal-body {
        padding-left: 45px;
        padding-right: 45px;
    }
}


#dialogbox .gen-label{
    width: 100%;
    text-align: center;
}

#dialogbox .close{
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
    /*
    border: 1px solid #ffffff;
    */
    line-height: 30px;
    padding: 1px;
    /*
    margin-top: 3px;
    */
    font-size: 30px;
    position: absolute;
    top:2px;
    left: 95%;
}

#dialogbox .close:focus, #dialogbox .close:hover{
    filter: alpha(opacity=80);
    opacity: 0.8;
}

@media (max-width: 768px){
    #dialogbox .close{
        left: 94%;
        font-size: 35px;
        line-height: 35px;
        top:0px;
    }
}

@media (max-width: 620px){
    #dialogbox .close{
        left: 91%;
    }
}

#dialogbox .donate-now{
    text-align: center;
}
/* style for modal end */

/* style for thirst relief modal start */
#thirst-relief .modaltable{
    display: table;
    height: 100%;
    width: 100%;
}

#thirst-relief .modalcell{
    display: table-cell;
    vertical-align: middle;
    /*
    text-align: center;
    */
}

@media (min-width: 992px){
    #thirst-relief .modal-body {
        padding-left: 45px;
        padding-right: 45px;
    }
}

#thirst-relief .header{
    font-size: 22px;
    text-align: center;
}

#thirst-relief .header span{
    font-weight: bold;
}

#thirst-relief .gen-label{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

#thirst-relief .gen-label span{
    font-weight: bold;
}

#thirst-relief .close{
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
    /*
    border: 1px solid #ffffff;
    */
    line-height: 30px;
    padding: 1px;
    /*
    margin-top: 3px;
    */
    font-size: 30px;
    position: absolute;
    top:2px;
    left: 95%;
}

#thirst-relief .close:focus, #thirst-relief .close:hover{
    filter: alpha(opacity=80);
    opacity: 0.8;
}

@media (max-width: 768px){
    #thirst-relief .close{
        left: 94%;
        font-size: 35px;
        line-height: 35px;
        top:0px;
    }
}

@media (max-width: 620px){
    #thirst-relief .close{
        left: 91%;
    }
}

#thirst-relief .donate-now{
    text-align: center;
}

#thirst-relief .country h3{
    color: #dd2c00;
    font-size: 20px;
    text-align: center;
}

#thirst-relief .country button{
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 20px;
    font-size: 22px;
    width: 100%;
    /*
    width: 150px;
    */
    background-color: #ffaa3c;
    color: #ffffff;
}

#thirst-relief .country .selected{
    background-color: #01a5ce ;
}

#thirst-relief .country button span{
    font-size: 19px;
    display: block;
    color: #333;
}

#thirst-relief .country #other_amount{
    padding-top: 8px;
    margin-top: 20px;
    width: 150px;
}

#thirst-relief .country .total-amount-container{
    margin-top: 34px;
}

#thirst-relief .country #name_on_plaque{
    margin-top: 20px;
}
/* style for thirst relief end */

/* style for general modal start */
.popupbox .modaltable{
    display: table;
    height: 100%;
    width: 100%;
}

.popupbox .modalcell{
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 992px){
    .popupbox .modal-body {
        padding-left: 45px;
        padding-right: 45px;
    }
}

.popupbox .gen-label{
    width: 100%;
    text-align: center;
    font-size: 12px;
    display: block;
}

.popupbox .label-space{
    padding-top: 10px;
}

.popupbox .error-label{
    width: 100%;
    text-align: center;
    color: #dd2c00;
    font-size: 16px;
    display: block;
    background-color: #ffaa3c;
    padding-top: 6px;
    padding-bottom: 6px;
}

.popupbox .close{
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
    line-height: 30px;
    padding: 1px;
    font-size: 30px;
    position: absolute;
    top:2px;
    left: 95%;
}

.popupbox .close:focus, .popupbox .close:hover{
    filter: alpha(opacity=80);
    opacity: 0.8;
}

@media (max-width: 768px){
    .popupbox .close{
        left: 94%;
        font-size: 35px;
        line-height: 35px;
        top:0px;
    }
}

@media (max-width: 620px){
    .popupbox .close{
        left: 91%;
    }
}

.popupbox .submit{
    text-align: center;
}

.popupbox .box-container{
    background-color: #f9fbff;
    border-radius: 4px;
    border: 1px solid #959595;
    padding: 0px;
    font-family: "Proxima Nova Bold";
    padding-bottom: 25px;
}

.popupbox .box-container .header{
    background-color: #ffaa3c;
    color: #ffffff;
    font-size: 14px;
    padding: 20px;
    border-bottom: 1px solid #a0a09f;
    margin-bottom: 20px;
}

@media (min-width: 1200px){
    .popupbox .box-container{
        margin-top: 5%;
    }
}

@media (min-width: 2000px){
    .popupbox .box-container{
        margin-top: 10%;
    }
}

@media (max-width: 768px){
    .popupbox .box-container{
        border: none;
        border-width: 0px;
    }

    .popupbox .box-container .header{
        font-size: 18px;
    }
}

.popupbox .fields{
    /*
    padding: 0px;
    */
    margin-top: 5px;
}

.popupbox .fields span{
    color: #9e393d;
    display: inline-block;
    width: 100%;
    text-align: left;
    text-indent: 5px;
}

.popupbox .fields input[type=submit], .popupbox .fields input[type=button]{
    background-color: #f41232 !important;
    border-radius: 4px;
    color: #ffffff;
    box-shadow: none;
    border: none;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Proxima Nova Reg";
    font-size: 12px;
    letter-spacing: 1px;
}

.popupbox .fields option{
    overflow-wrap: break-word;
}

.popupbox .fields strong{
    color: #9e393d;
    margin-right: 5px;
}

.popupbox .fields input[type=text], .popupbox .fields input[type=email]{
    text-indent: 12px;
    background-image: url("../images/dollar.png");
    background-repeat: no-repeat;
    background-position: 10px 7px;
}

#teamorange_dialogbox .fields input[type=text], #teamorange_dialogbox .fields input[type=email]{
    text-indent: 0px;
    background-image: none;
}

.footer-image-space{
    margin-top: 60px;
}
/* style for general modal end */

/* policy pages start */
.policy-pages{
    font-size: 14px;
    padding-bottom: 30px;
}

.policy-pages .main-title{
    margin-bottom: 30px;
}

@media (max-width: 768px){
    .policy-pages .main-title{
        font-size: 34px;
    }
}

.policy-pages .main-body p{
    padding-bottom: 10px;
}

.policy-pages .main-body ol, .policy-pages .main-body ul{
    padding-inline-start: 20px;
    padding-left: 20px;
}

.policy-pages .main-body ol li, .policy-pages .main-body ul li{
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.policy-pages .main-body h4{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}
/* policy pages end */

/*sticky footer style start*/
.sticky-footer{
    /*
    position: fixed;
    left: 0;
    bottom: 0;
    */
}

.sticky-footer .button-link{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    font-family: "Proxima Nova Bold";
}
/*sticky footer style end*/

/* quick donate bar style start */
.quick-donate{
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    z-index: 1000;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #f07d00 !important;
}

@media (max-width: 992px) {
    .quick-donate{
        padding-bottom: 10px;
        /*
        background-color: #eb6e25 !important;
        */
    }
}

.quick-donate div{
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.quick-donate .qd-icon{
    height: 35px;
    line-height: 35px;
    width: 100%;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    text-align: left;
    text-indent: 40px;
    padding-left: 10%;
    letter-spacing: 1px;
    background-image: url(../images/quick-donate.png);
    background-position: 15px 0%;
    background-repeat: no-repeat;
}

.quick-donate .quick-donate-dollar{
    /*
    color: #f57920;
    */
    color: #ffffff;
    border-radius: 0;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #c26500;
    border-color: #c26500;
}

.quick-donate #quick_duration{
    /*
    background-color: #ffb768;
    color: #ffffff;
    border-color: #ffb768;
    box-shadow: none;
    */
}

.quick-donate .zakat-policylogo{
    width: 55px;
    margin-top: -15%;
}

@media (min-width: 1200px) {
    .quick-donate .zakat-policylogo{
        width: 55px;
        margin-top: -12%;
    }
}

.quick-donate #btnquickdonate{
    padding: 0;
    width: 100%;
    /*
    font-weight: bold;
    font-size: 18px;
    */
    font-family: "Proxima Nova Reg";
    font-size: 12px;
    letter-spacing: 1px;

    height: 36px;
    line-height: 36px;
    background-color: #f41232;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    /*
    width: 127px;
    */
}

@media (min-width: 992px) {
    .quick-donate #btnquickdonate{
        width: 127px;
    }
}

.quick-donate p{
    margin-top: 5px;
    color: #9e393d;
    color: #ffffff;
    width: 100%;
    display: block;
    width: 100%;
    text-align: left;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

@media (max-width: 992px) {
    .quick-donate p{
        margin-top: 5px;
        color: #ffffff;
        width: 100%;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
    }
}

@media (max-width: 420px) {
    .quick-donate p{
        font-size: 12px;
    }
}

@media (max-width: 330px) {
    .quick-donate p{
        font-size: 10px;
    }
}
/* quick donate bar style end */

/*footer style start*/
.footer-container {
    background-color: #ffffff;
    width: 100%;
    float: left;
}

.footer{
    margin-top: 80px;
    margin-bottom: 80px;
    /*
    color: #c6c6c6;
    */
    color: #a1a1a1;
    font-size: 12px;
    font-family: "Proxima Nova Bold";

}

.footer .pa-logo{
    width: 220px;
}

.footer .contact{
    margin-top: 15px;
    width: 100%;
}

.footer .contact a{
    color: inherit;
    text-decoration: none;
}

.footer .contact .space{
    margin-left: 24px;
}

.footer .social{
    border: none;
}

.footer .social img{
    width: 25px;
}

.footer .social .space{
    margin-left: 36px;
}

.footer .charity{
}

@media (min-width: 768px) {
    .footer .charity{
        /*
        padding-top: 2.1%;
        */
    }
}

.footer .charity p{
    /*
    margin-bottom: 15px;
    */
    margin-bottom: 11px;
}

.footer .charity a{
    color: inherit;
    text-decoration: none;
}

/*768px*/
@media (max-width: 992px) {
    .footer{
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .footer .charity p{
        padding-left: 25px;
        padding-right: 25px;
    }

}
/*footer style end*/