body {
    background: #F9FAFC;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
a,
div {
    font-family: 'Montserrat', sans-serif !important;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f100;
    color: #666;
    border: 1px solid #9E9E9E;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}

.MultiCarousel .leftLst {
    left: 0;
}

.MultiCarousel .rightLst {
    right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
}

.anew {
    margin: 10px auto;
    display: block !important;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding: 12px;
    /*padding-left: 40px;*/
    /*padding-right: 40px;*/
    width: 100%;
    border: solid 1px rgba(64, 82, 113, 1);
    border-radius: 5px;
    background: transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
}

.new_donete2 {
    padding: 12ompx;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: rgba(64, 82, 113, 1);
}

.fundraisercaraswl {
    display: inline-block;
    color: rgb(75, 76, 79);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
    height: 150px;
    padding: 10px;
    text-align: center;
}

.fundraisercaraswl-img {
    width: 31%;
    margin: 0 auto;
    display: block;
    margin-bottom: 300p;
    border: 2px solid #2196F3;
}

.fund-rise-btn_new {
    margin: 0 00 0;
    margin-top: 3px;
    padding: 1px 20px 7px 5px;
    background: #405271;
    color: #fff !important;
    border-radius: 5px;
    overflow: visible;
    text-align: left;
    font-size: 20px;
}

.pnal_body23 {
    margin-top: 15px;
    padding: 20px !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
    border-radius: 5px;
    background: #fff;
}

.company_heade {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: bold;
    display: inline-block;
}

.error_class {
    color: red !important;
}

footer {
    background: rgba(0, 0, 0, 0.02);
    margin-top: 30px;
    padding-top: 30px;
}

#log-in {
    background: rgba(64, 82, 113, 1) !important;
    width: 140px;
    height: 50px;
    border-radius: 5px;
    padding: 20px;
}

#log-in {
    padding: 0px;
    text-align: center !important;
}

.start-fdr-landing {
    height: 551px;
}

#width100 {
    width: 100%;
}

.mySlides {
    display: none
}

.w3-left,
.w3-right,
.w3-badge {
    cursor: pointer
}

.w3-badge {
    height: 13px;
    width: 13px;
    padding: 0
}


/*! CSS Used from: https://chrome.justgiving.com/Bundles/css/JustGiving?v=1.5.670.0 */


/*! CSS Used from: https://www.justgiving.com/loggedouthome/dist/css/critical.min.css */

.start-fdr-landing {
    background-image: url(cdn/bg-1.html);
    text-align: left;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    min-height: 400px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

@media only screen and (min-width:35.5625em) {
    .start-fdr-landing {
        background-size: cover;
        min-height: 420px;
    }
}

@media only screen and (min-width:64em) {
    .start-fdr-landing {
        background-size: cover;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),
only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .start-fdr-landing {
        background-position: 100%;
        background-attachment: inherit;
    }
}

.start-fdr-landing .relative-container {
    position: relative;
}

.start-fdr-landing .relative-container .loh-spacing-l {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 24px;
}

.start-fdr-landing .relative-container .loh-spacing-l .start-fdr-header {
    font-size: 32px;
    color: #fff;
}

.start-fdr-landing .relative-container .loh-spacing-l .start-fdr-sub-header {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300;
    width: 40%;
}

.start-fdr-landing .relative-container .loh-spacing-l .start-fdr-sub-header .number-of-supporters {
    font-weight: 400;
}

.start-fdr-landing .relative-container .loh-spacing-l .loh-orange-default-link {
    cursor: pointer;
    text-align: center;
    display: inherit;
}

.start-fdr-landing .relative-container .loh-spacing-l .loh-orange-default-link .loh-orange-default {
    text-decoration: none;
    line-height: 42px;
    color: #fff!important;
}

.start-fdr-landing .relative-container .loh-spacing-l .loh-orange-default-link .loh-orange-default:hover {
    background-color: #d85700;
}

@media only screen and (max-width:35.5625em) {
    .start-fdr-landing .relative-container .loh-spacing-l .loh-orange-default-link .loh-orange-default {
        max-width: 250px;
    }
}

@media only screen and (min-width:35.5625em) {
    .start-fdr-landing .relative-container .loh-spacing-l .start-fdr-header {
        font-size: 42px;
    }
    .start-fdr-landing .relative-container .loh-spacing-l .loh-orange-default-link .loh-orange-default {
        width: 285px;
    }
}

@media only screen and (min-width:48em) {
    .start-fdr-landing {
        background-image: url(cdn/bg-1.html);
        min-height: 600px;
    }
    .start-fdr-landing .relative-container .loh-spacing-l {
        padding-bottom: 36px;
    }
    .start-fdr-landing .relative-container .loh-spacing-l .start-fdr-header {
        font-size: 60px;
    }
    .start-fdr-landing .relative-container .loh-spacing-l .loh-orange-default-link .loh-orange-default {
        line-height: 48px;
    }
}

.dna-grid-container:after,
.dna-grid-row:after {
    clear: both;
}

.dna-grid-container:after,
.dna-grid-container:before,
.dna-grid-row:after,
.dna-grid-row:before {
    content: '';
    display: table;
}

.dna-space-mbm {
    margin-bottom: 16px!important;
}

.dna-grid-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.dna-grid-row {
    margin-left: -6px;
    margin-right: -6px;
}

@media only screen and (min-width:35.5625em) {
    .dna-grid-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .dna-grid-row {
        margin-left: -12px;
        margin-right: -12px;
    }
}

@media only screen and (min-width:48em) {
    .dna-grid-container {
        padding-left: 28px;
        padding-right: 28px;
    }
    .dna-grid-row {
        margin-left: -12px;
        margin-right: -12px;
    }
}

@media only screen and (min-width:64em) {
    .dna-grid-container {
        padding-left: 36px;
        padding-right: 36px;
        max-width: 1312px;
    }
    .dna-grid-row {
        margin-left: -12px;
        margin-right: -12px;
    }
}

@media only screen and (max-width:35.5em) {
    .dna-grid-flush {
        margin-right: -16px;
    }
}

@media only screen and (min-width:35.5625em) and (max-width:47.9375em) {
    .dna-grid-flush {
        margin-right: -20px;
    }
}

@media only screen and (min-width:48em) and (max-width:63.9375em) {
    .dna-grid-flush {
        margin-right: -28px;
    }
}

.dna-grid-col-s-12 {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
}

.dna-grid-col-s-12 {
    float: left;
}

.dna-grid-col-s-12 {
    width: 100%;
}

@media only screen and (min-width:35.5625em) {
    .dna-grid-col-s-12 {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media only screen and (min-width:48em) {
    .dna-grid-col-s-12 {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media only screen and (min-width:64em) {
    .dna-grid-flush {
        margin-right: -36px;
    }
    .dna-grid-col-s-12 {
        padding-left: 12px;
        padding-right: 12px;
    }
}


/*! CSS Used from: https://www.justgiving.com/loggedouthome/dist/css/site.min.css */

.dna-h1,
h1,
h3 {
    line-height: 1.33333333;
    font-weight: 400;
    color: #262626;
}

.dna-h1 {
    font-size: 24px;
}

@media only screen and (min-width:48em) {
    .dna-h1 {
        font-size: 36px;
    }
}

.dna-text-xl {
    font-weight: 300;
    color: #262626;
}

.dna-text-xl {
    font-size: 16px!important;
    line-height: 1.3125!important;
}

@media only screen and (min-width:48em) {
    .dna-text-xl {
        font-size: 24px!important;
        line-height: 1.55555555555556!important;
    }
}

.dna-button-primary {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    min-height: 44px;
    padding: 4px 8px;
    border: 0;
    border-radius: 3px;
    font-size: 17px;
    line-height: 1.35294118;
    text-align: center;
    transition: all .2s;
    vertical-align: middle;
    overflow: hidden;
    outline: 0;
}

@media only screen and (min-width:48em) {
    .dna-button-primary {
        min-height: 50px;
        font-size: 19px;
        line-height: 1.31578947;
    }
}

.dna-button-primary {
    background: #ff6200;
    color: #fff;
    border: 1px solid #ff6200;
}

.no-touchevents .dna-button-primary:hover {
    background: #e65800;
}

.dna-button-primary:active {
    background: #cc4e00!important;
}

.dna-button-primary:visited {
    color: #fff;
}

:not(.is-active) .dna-button-primary:hover {
    color: #fff;
    border-color: #ff6200;
}

.start-fdr-landing .gradient-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 3%, rgba(19, 19, 19, .85) 14%, rgba(219, 219, 219, 0) 80%, rgba(255, 255, 255, 0) 90%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000', GradientType=0);
    min-height: 400px;
}

@media only screen and (min-width:35.5625em) {
    .start-fdr-landing .gradient-overlay {
        min-height: 420px;
    }
}

@media only screen and (min-width:48em) {
    .start-fdr-landing .gradient-overlay {
        min-height: 700px;
    }
}

.animated {
    background-image: url(../../css/images/logo.html);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 95px;
    margin-bottom: 60px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.gift_card_tit {
    font-weight: 600;
}

.gift_card_box {
    background: white !important;
    border-bottom: 1px solid !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.div_text2 {
    display: flex;
}

.btn_gift {
    padding: 5px 40px 4px 40px;
    background: rgba(64, 82, 113, 1) !important;
    color: white;
}

.ramdan_btn:hover,
a:focus {
    color: #fff !important;
    text-decoration: underline;
}

@media (max-width: 750px) {
    .ramdan_btn {
        font-size: 14px !important;
        border: 1px solid;
        padding: 4px 16px 7px 23px !important;
        margin-left: 5% !important;
        /* float: right; */
        color: #ffff;
    }
    .main-ram-div {
        margin-top: 0px !important;
        height: 74px !important;
        color: white;
        background-color: rgba(64, 82, 113, 1) !important;
        text-align: center;
        padding: 5px !important;
    }
    #allpartners {
        display: none;
        visibility: hidden;
    }
    #partners .col-xs-2 {
        width: 50%;
    }
    #width100 {
        width: 100% !important;
    }
    .width100onmobile {
        width: 100% !important;
    }
    #happeningnow {
        display: none;
    }
    #weareheretohelp {
        font-size: 25px !important;
    }
    #relative {
        position: relative !important;
    }
    #alg_currency_select {
        width: 100% !important;
        margin-right: 0px !important;
    }
    .navbar-inverse .navbar-collapse {
        border: none !important;
    }
}

.home_category {
    margin-left: 0px;
    display: inline-block;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.102));
    overflow: visible;
    width: 22%;
    left: 0px;
    background: #fff;
    padding: 40px;
    border-radius: 5px;
    top: 0px;
}

.home_category:hover {
    background: rgba(64, 82, 113, 1) !important;
    color: #fff !important;
}

.home_category:hover .home_category_content2 {
    display: block;
}

.home_category:hover .home_category_content1 {
    display: none;
}

.home_category_content2 {
    display: none;
}

.dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
    border: none !important;
    border-radius: 2px !important;
    margin: 0px 0 0 !important;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
}

.dropdown-menu.arrow-up:before {
    display: none !important;
}

.dropdown-menu.arrow-up:after {
    display: none !important;
}

.dropdown-menu>li>a {
    border-bottom: 1px solid #B2B1B2;
    width: 90%;
    margin: 0 auto;
}

.navbar-right .dropdown-menu {
    left: 0 !important;
}

.navbar-left .dropdown-menu {
    left: 0 !important;
    margin-top: 5px !important;
}

#yallastartfundraising {
    margin-top: 50px !important;
}

#ouruniqueness {
    white-space: nowrap;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 23px;
    color: rgba(64, 82, 113, 1);
}

#Group_4233 {
    text-align: center;
    left: 225px;
    top: 1298px;
    overflow: visible;
    padding: 10px;
}

.margin-top-50 {
    margin-top: 0px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

#Group_42332 {
    text-align: center;
    left: 225px;
    top: 1298px;
    padding: 10px;
    overflow: visible;
    background: #fff;
    /* box-shadow: rgba(0,0,0,0.5) 0 0 5px; */
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
}

#palm_islands__1_ {
    display: inline-block;
    width: 95.187px;
    left: 0px;
    top: 0px;
    overflow: visible;
}

#Group_41 {
    left: 0px;
    top: 0px;
    overflow: visible;
}

.Path_145 {
    overflow: visible;
    width: 95.188px;
    height: 82.904px;
    left: 0px;
    top: 0px;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

.Path_146 {
    overflow: visible;
    width: 70.623px;
    height: 82.904px;
    left: 12.281px;
    top: 12.281px;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

#The_first_online_fundraising__ {
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
}

#ID520 {
    left: 383px;
    top: 1683px;
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(36, 30, 18, 1);
}

#Members {
    left: 383px;
    top: 1721px;
    overflow: visible;
    width: 135px;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(75, 76, 79, 1);
}

#Join_now_ {
    left: 384px;
    top: 1764px;
    overflow: visible;
    width: 93px;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(30, 60, 114, 1);
}

body {
    background-color: rgba(249, 250, 252, 1);
}

.wide {
    width: 160px;
}

#HSBC_Asean__Challenge__UAE_ {
    left: 14px;
    top: 170px;
    overflow: hidden;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(36, 30, 18, 1);
}

#Group_4292 {
    /*width: 215px;*/
    height: 133px;
    left: 14px;
    top: 237px;
    overflow: visible;
    text-align: center;
}

#Emirates_Nature___WWF_A0_Text_70 {
    overflow: visible;
    width: 216px;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(75, 76, 79, 1);
}

#United_Arab_Emirates_A0_Text_71 {
    overflow: visible;
    width: 195px;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(75, 76, 79, 1);
}

#Raised__USD_807_400 {
    overflow: visible;
    width: 196px;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(75, 76, 79, 1);
}

#Goal__USD_6_539_51 {
    overflow: visible;
    width: 171px;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(75, 76, 79, 1);
}

.progress {
    background-color: rgba(191, 191, 193, 1);
    border: 0 solid #d1d5d6;
    height: 12px;
    margin-bottom: .625rem;
    padding: .0625rem;
    border-radius: 0px !important;
    width: 100%;
    display: block;
}

.percentage {
    background: rgba(64, 82, 113, 1) !important;
    display: block !important;
    height: 100% !important;
    float: left !important;
    width: 0 !important;
    border-radius: 0px !important;
}

.homecampaign {
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    background: #fff;
    border-radius: 7px !important;
    border-radius: 7px !important;
}

.margintop {
    margin-top: 50px;
    margin-bottom: 50px;
}

.progress {
    border-bottom-right-radius: 7px !important !important;
    border-bottom-left-radius: 7px !important !important;
}

body {
    background: #f9fafc !important;
}

.navbar-inverse .navbar-nav>li>a.log-in,
.navbar-inverse .navbar-nav>li>a:hover.log-in {
    color: #fff !important;
    background-color: #405271 !important;
    margin: 3px;
}

.navbar {
    background: #fff !important;
}

.title-site {
    text-transform: uppercase;
    font-family: Montserrat !important;
    color: #405271 !important;
    font-size: 15pt !important;
    margin-top: 50px;
}

.panel-default {
    border: none !important;
    background: none !important;
}

.panel-body {
    padding: 0px !important;
}

.viewcampaign .progress {
    background: #c1c8d2 !important;
}

.list-group-item {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #f3f3f3 !important;
}

#main-content {
    margin-top: 50px !important;
}

body {
    color: #000 !important;
}

#charitypage-social a {
    color: #666667;
}

.headerModal {
    background: #f9fafc !important;
}

label {
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
}

.donationpreselect:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*
pranav
*/

.web-ul li {
    margin-left: 0px;
}

img.logo {
    padding-right: 0px !important;
    width: 150px;

}

pre {
    tab-size: 8;
}

.nav li a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

@media screen and (max-width: 768px) {
    .side-collapse-container {
        width: 100%;
        position: relative;
        right: 0;
        transition: left .4s;
    }
    .side-collapse-container.out {
        left: 200px;
    }
    .side-collapse {
        top: 50px;
        bottom: 0;
        right: 0;
        width: 200px;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
    }
    .side-collapse.in {
        width: 0;
    }
}

.ctgry_pths {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 19px;
    color: rgba(64, 82, 113, 1);
}

.side-collapse {
    top: 71px;
    bottom: 0;
    right: 0;
    width: 200px;
    position: fixed;
    overflow: hidden;
    transition: width .4s;
    background: #e8e8e8;
    box-shadow: 0px 10px 9px 2px #0000005c;
}

.navbar-toggle {
    background-color: #fff !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #5e5e5e;
}

.navbar-toggle.pull-left {
    float: right !important;
}

.mb_sgnup {
    background: #405172;
    padding: 9px 15px;
    margin: 0 10px;
    border-radius: 6px;
    float: left;
}

.mb_sgin {
    background: none;
    float: left;
    color: #8a8a8a !important;
    padding: 9px 4px;
    font-weight: 500;
    font-size: 16px !important;
}

a:hover {
    text-decoration: none;
}

.mb_sgin a {
    color: #8a8a8a !important;
}

.navbar-brand {
    width: 24% !important;
    margin-right: 55px;
}

.navbar-toggle {
    margin: 5px 0 0 4px !important;
    float: none;
}

.navbar.navbar-fixed-top.navbar-inverse {
    padding: 15px 0 6px 0;
}

.ctgryundr_sec {
    text-align: center;
}

.footer_logo {
    text-align: center;
    padding: 10px 0 15px;
}

.undrlog_sec {
    padding-bottom: 20px;
}

.blg_innhesd {
    text-align: left;
    font-weight: 550;
    font-size: 20px;
    margin-bottom: 15px;
    color: #405271;
}

.blg_inncntnd {
    text-align: left;
    font-size: 13px;
    color: #a0a0a0;
    margin-bottom: 15px;
}

.blg_lrnmr {
    display: inline-block;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(30, 60, 114, 1);
}

.blg_dte {
    display: inline-block;
    float: right;
    text-align: left;
    letter-spacing: 1px;
    font-size: 16px;
    color: rgba(161, 161, 161, 1);
}

.blg_btnall {
    margin: 50px auto;
    width: 25%;
    border: solid 1px rgba(64, 82, 113, 1);
    border-radius: 5px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    padding: 13px;
    text-align: center;
    font-size: 18px;
    color: rgba(64, 82, 113, 1);
    text-transform: uppercase;
}

.prtnr_log {
    width: 13%;
    display: inline-block;
}

.resultImg {
    margin: auto;
    width: 70%;
}

.vdio_undrbtn {
    background: rgba(64, 82, 113, 1);
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    color: #fff !important;
    border-radius: 5px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    white-space: nowrap;
    font-size: 17px;
    padding: 15px 50px;
}

.pd_25 {
    padding: 25px;
}

.main-banner {
    width: 100%;
    background: url('../img/bg.jpg');
    background-size: cover;
    height: 500px;
    background-position: center;
    -webkit-box-shadow: inset 490px -3px 81px -44px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: inset 490px -3px 81px -44px rgba(0, 0, 0, 0.54);
    box-shadow: inset 490px -3px 81px -44px rgba(0, 0, 0, 0.54);
}

.content-area {
    background: rgba(249, 250, 252, 1);
    width: 100%;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(64, 82, 113, 1) !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(64, 82, 113, 1) !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(64, 82, 113, 1) !important;
}

.cat-title {
    width: 80%;
    margin: 0 auto;
    text-align: center !important;
    margin: 0 auto;
    margin-top: 50px;
    white-space: nowrap;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 50px;
    color: rgba(64, 82, 113, 1);
}

.cat-item-title {
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 21px;
    color: #fff !important;
}

.cat-item-title-head {
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    /*font-size: 21px;*/
    color: rgba(64, 82, 113, 1);
}

.col-md-3.col-sm-6.col-xs-6.home_category {
    padding: 13px;
}

.unique-div {
    background-color: #ffffff;
    margin-top: 35px;
}

.allcampagin-btn {
    margin: 50px auto;
    width: 100%;
    /*border:solid 1px rgba(64,82,113,1);*/
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
}

.all_campagin_div {
    padding: 20px;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: rgba(64, 82, 113, 1);
}

.center {
    text-align: center;
}

.all-post {
    padding: 20px;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: rgba(64, 82, 113, 1);
}

.allcampagin-container {
    background: white;
    margin-top: 0px;
    border-top: 1px solid #e9e9e9;
}

.ft-stick {
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -1px 4px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 10%;
    background: #fff;
    z-index: 999;
}

.ft-stick a {
    margin-top: 2%;
    margin-right: 2%;
    width: 25% !important;
    display: inline-block !important;
    float: right;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding: 10px;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
    border: solid 1px rgba(64, 82, 113, 1);
    border-radius: 5px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
}

.cr-cmgn-ft {
    padding: 12ompx;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(64, 82, 113, 1);
}

.login-form {
    max-width: 512px !important;
    background: white !important;
}

#menuToggle {
    /*top: 96px !important;*/
    right: 11px !important;
    width: 27px;
}

.modal.right.fade.in .modal-dialog
/*******************************
    * MODAL AS LEFT/RIGHT SIDEBAR
    * Add "left" or "right" in modal parent div, after class="modal".
    * Get free snippets on bootpen.com
    *******************************/

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed !important;
    ;
    margin: auto !important;
    ;
    top: -1px !important;
    width: 84% !important;
    height: 101% !important;
    ;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-header {
    border-bottom-color: #ffffff !important;
    background-color: #ffffff !important;
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100% !important;
    overflow-y: auto !important;
    border-radius: 0 !important;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px !important;
    ;
}


/*Left*/

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}


/*Right*/

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: -2px;
}


/* ----- MODAL STYLE ----- */

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}


/* ----- v CAN BE DELETED v ----- */

.demo {
    padding-top: 60px;
    padding-bottom: 110px;
}

.btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
    background-color: #FFFFFF;
}

.btn-demo:focus {
    outline: 0;
}

.demo-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background-color: #212121;
    text-align: center;
}

.demo-footer>a {
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.mob-menu-ul {
    padding: 0;
    padding-left: 21px;
    margin-top: 0px;
    margin-bottom: 100px;
}

.mob-menu-login {
    margin-bottom: 0px !important;
}

.lisub {
    margin-top: 11px !important;
}

.mob-menu-ul li {
    padding: 25px 0px 10px 0px;
    border-bottom: 1px solid #B2B1B2;
}

.mob-menu-ul li a {
    text-transform: uppercase;
    color: #666667;
    font-size: 15px;
    font-family: Montserrat, Medium;
}

.Mb_mnu-header {
    /*position: fixed !important;*/
    background: white;
    z-index: 99999999;
    width: 100%;
    height: 74px;
    padding: 3px 1px 0px 0px;
}

.mob-nav-li {
    float: left !important;
    padding: 8px 1px 1px 0px;
    margin-left: -20px;
}

.mob-nav-li-menu {
    padding-top: 14px !important;
}

.mob-mn-btn {
    font-size: 15px;
    color: #ffffff;
    font-family: Montserrat, Regular;
    border: 1px solid;
    padding: 10px 19px 10px 19px;
    border-radius: 6px;
    background: #405271;
}

.mob-mn-btn-sub {
    background: none !important;
    color: black !important;
    border: none !important;
}

.fund-rise-btn {
    padding: 20px;
    background: #405271;
    color: #fff !important;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    /* padding-left: 60px; */
    /* padding-right: 60px; */
    border-radius: 5px;
    /* filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161)); */
    /* width: 398px; */
    /* height: 80px; */
    /* left: 185px; */
    /* top: 391px; */
    /* overflow: visible; */
    /* cursor: pointer; */
    /* overflow: visible; */
    /* width: 416px; */
    /* height: 98px; */
    /* left: 0px; */
    /* top: 0px; */
    /* left: 62px; */
    /* top: 26px; */
    overflow: visible;
    /* width: 307px; */
    /* white-space: nowrap; */
    text-align: left;
    /* font-family: Montserrat; */
    /* font-style: normal; */
    /* font-weight: normal; */
    font-size: 24px;
}

#menuToggle {
    display: block;
    position: absolute;
    top: 15px;
    right: 8px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */
    -webkit-touch-callout: none;
}


/*
 * Just a quick hamburger
 */

#menuToggle span {
    display: block;
    width: 26px;
    height: 2px;
    margin-bottom: 6px;
    position: relative;
    background: #241e12b3;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}


/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */

#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}


/*
 * But let's hide the middle one.
 */

#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}


/*
 * Ohyeah and the last one should go the other direction
 */

#menuToggle input:checked~span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
}


/*
 * Make this absolute positioned
 * at the top left of the screen
 */

#menu {
    /*position: absolute; *!*/
    width: 100%;
    display: inline;
    margin: 0 0 0 0;
    padding: 21px;
    padding-top: 34px;
    /* right: -100px; */
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
    padding: 10px 0;
    font-size: 22px;
}


/*
 * And let's fade it in from the left
 */

#menuToggle input:checked~ul {
    transform: scale(1.0, 1.0);
    opacity: 1;
}

h4.media-heading.c-head {
    text-align: center;
}

a:hover {
    text-decoration: none !important;
}

#alg_currency_select {
    border: none !important;
    background: #ffffff!important;
    width: 44%!important;
    height: 25px;
    font-size: 13px;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(97, 97, 97, 1)!important;
    -moz-box-shadow: -1px 1px 5px 0px rgba(97, 97, 97, 1)!important;
    box-shadow: 0px 2px 3px -1px rgba(97, 97, 97, 1)!important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.footer-div {
    height: 158px !important;
}

.footer-margin {
    /*margin-top: 50px;*/
    margin-bottom: 30px;
}

.cr-campagin-btn {
    margin-right: 15% !important;
}

.m-details-img {
    width: 100% !important;
    height: 410px!important;
    background-size: cover!important;
}

.donate-now-btn {
    text-decoration: none;
    ;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    font-size: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    background: #405271 !important;
    width: 100%;
    text-align: center;
    margin: 0;
    border: none !important;
    padding: 15px;
    font-family: 'Montserrat';
    color: #fff !important;
    ;
    display: block;
}

.donate-now-btn a:hover,
{
    color: #f9fafc !important;
}

.cm-details-mobile-div {
    display: none;
}

.cm-details-web-div {
    display: block;
}

.alg_currency_select1 {
    float: left;
    display: inline-block;
    border: 1px #405271 solid;
    font-size: 13px;
    margin-bottom: 15px;
    background-color: #f9fafc !important;
    padding: 10px;
    overflow: visible;
    color: #b8b8b8 !important;
    width: 100%;
    height: 40px;
}

.col-md-12.txtarea {
    margin-top: 5px;
}

.new-div {
    padding: 12ompx;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: rgba(64, 82, 113, 1);
}

.continue-btn {
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    font-size: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    background: #405271;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Montserrat';
    font-size: 25px;
    color: #fff;
    display: inline-block;
}

.navbar-px {
    z-index: 1010;
    width: 100%;
    /*position: fixed;*/
}

.home_category:hover {
    padding-top: 62px!important;
}

.home_category {
    height: 275px;
}

.cam-details-page-img {
    width: 100%;
    height: 410px;
    background-size: cover;
}

.payment-popoup {
    padding: 0 20px 25px !important;
}

.progress {
    height: 6px !important;
}

label {
    display: inline-block !important;
}

label.col-md-6 {
    width: 100% !important;
}

div#parttwo {
    padding: 0 15px;
}

.form-group {
    /* margin-bottom: 30px !important; */
}

.center {
    text-align: center;
}

.bkbtn {
    color: #dddddd;
}

.donate-table {
    width: 100% !important;
}

.donate-table tr {
    height: 35px !important;
}

.donate-table tbody {}

.donate-div {
    background: red;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000026;
    opacity: 1;
    padding: 20px;
}

.dontate-fee-tr {
    border-top: 2px solid #e9e9e9;
}

.payment-method-div {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000026;
    opacity: 1;
}

.payment-method-head {
    text-align: center;
    font: SemiBold 21px/25px Montserrat;
    letter-spacing: 0;
    color: #333333;
    text-transform: uppercase;
    opacity: 1;
}

.payment-options {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E5E4E4;
    border-radius: 5px;
    opacity: 1;
}

.fund-rise1 {
    width: 100%;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: left !important;
    float: left;
    font-family: Montserrat;
    float: left;
    color: #333333;
    font-weight: 500;
    font-size: 23pt;
    text-align: center;
}

.ch-fundrise {
    float: left;
    height: 315px;
    background: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
    color: #000;
    border-right: 2px solid #eaeaea;
}

.ch-h2 {
    font-family: 'Montserrat';
    color: #405271;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.ch-h3 {
    font-family: 'Montserrat';
    color: black;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.ch3w {
    font-size: 15px;
    text-align: left;
}

.fund-raiser-list {
    text-decoration: none;
    ;
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    font-size: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    background: #405271;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Montserrat';
    font-size: 25px;
    color: #fff;
    display: block;
}

.sel-fundrise {
    float: right;
    height: 315px;
    background: #fff !important;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
}

.sel-fundrise h2 {
    font-family: 'Montserrat';
    color: #405271;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase !important;
}

.croud-funding {
    text-decoration: none;
    ;
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    font-size: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    background: #405271;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Montserrat';
    font-size: 25px;
    color: #fff;
    display: block;
}

.c-head {
    display: inline-block;
    vertical-align: middle;
    color: rgba(36, 30, 18, 1);
    margin-top: 10px;
    text-transform: uppercase;
}

.div3 {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
    margin: 0 auto;
    padding: 20px;
}

.fbconfig-btn {
    text-decoration: none;
    width: 47% !important;
    display: inline-block !important;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding: 24px;
    padding-left: 40px;
    width: 100%;
    border: solid 1px #E5E4E4;
    border-radius: 5px;
    background: transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
}

.sign-div4 {
    padding: 12ompx;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(64, 82, 113, 1);
}

.google-sg {
    text-decoration: none;
    float: right;
    width: 47% !important;
    display: inline-block !important;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding: 24px;
    padding-left: 40px;
    width: 100%;
    border: solid 1px #E5E4E4;
    border-radius: 5px;
    background: transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
}

.google-sg-sub {
    padding: 12ompx;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 1px;
    color: rgba(64, 82, 113, 1);
}

.reg-mail {
    margin-top: 40px;
    border-top: 1px dotted #c0c0be;
    width: 100%;
    padding: 40px;
    text-align: center;
    color: #000;
    font-weight: 300;
}

.select-boxreg {
    margin: 10px 4px 5px 0;
    width: 100% !important;
    display: inline-block !important;
    border: solid 1px #9498A3;
    font-size: 14px;
    height: 40px;
}

.reg-btn {
    text-decoration: none;
    ;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    font-size: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    background: #405271;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Montserrat';
    font-size: 25px;
    color: #fff;
    display: block;
}

.margin-btm-20 {
    margin-bottom: 20px !important;
}

.grp-nw {
    margin: 21px !important;
}

.label-class {
    line-height: normal !important;
    color: #191919 !important;
    text-transform: capitalize !important;
}

label:not(.login-field-icon) {
    line-height: normal !important;
    color: #191919 !important;
    text-transform: uppercase !important;
    font-weight: 100 !important;
}

.login-btnw {
    text-decoration: none;
    ;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    font-size: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    background: #405271;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Montserrat';
    font-size: 25px;
    color: #fff;
    display: block;
}

.login-auth {
    text-decoration: none;
    float: right;
    width: 47% !important;
    display: inline-block !important;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding: 24px;
    padding-left: 40px;
    width: 100%;
    border: solid 1px #E5E4E4;
    border-radius: 5px;
    background: transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
}

.lg-auth2 {
    padding: 12ompx;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(64, 82, 113, 1);
}

.logine {
    margin-top: 20px;
    border-top: 1px solid #c0c0be;
    width: 100%;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.cmpny-1 {
    display: inline-block;
    vertical-align: middle;
    color: rgba(36, 30, 18, 1);
    margin-top: 10px;
    text-transform: uppercase;
}

.cmpny-bg {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
    margin: 0 auto;
    padding: 20px;
}

.cmg-label {
    font-weight: 300 !important;
}

.cmg-reg-btn {
    text-decoration: none;
    ;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    font-size: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    background: #405271;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Montserrat';
    font-size: 25px;
    color: #fff;
    display: block;
}

.inputt {
    background: #f9fafc !important;
    margin: 10px 4px 5px 0;
    width: 100% !important;
    label: not(.login-field-icon) display: inline-block !important;
    padding-bottom: 10px;
    /*text-transform: uppercase;*/
    padding: 14px 0px 14px 15px;
    padding-right: 40px;
    color: rgba(64, 82, 113, 1);
    text-align: left;
    width: 100%;
    border: solid 1px #9498A3;
    border-radius: 5px;
    background: transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
}

.image-round {
    width: 33px;
    border-radius: 30px;
}

.social-media-links {
    border: 1px solid #e9e9e9;
    padding: 11px;
    text-align: center;
    margin: 20px;
}

.reg-main-div {
    margin: 0 auto;
    width: 60%;
}

.create-targe {
    text-decoration: none;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    background: #405271 !important;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    font-family: 'Montserrat';
    font-size: 25px;
    color: #fff;
    display: block;
}

ul#menu-new {
    display: inline-flex;
    padding: 27px 5px 10px 20px;
    background: rgba(255, 255, 255, .15);
    text-align: left;
    font: SemiBold 21px/25px Montserrat;
    letter-spacing: 0;
    color: #405271;
    opacity: 1;
    font-size: 15px;
    text-transform: uppercase;
}

ul#menu-new li {
    /*padding: 0px 0 9px 0px;*/
    margin-left: 18px;
    /*border-bottom: 2px solid #e9e9e9;*/
}

.new-campagin {
    text-decoration: none;
    float: right;
    ;
    width: 50% !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    font-size: 12px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    background: #405271;
    text-align: center;
    margin: 0 auto;
    font-family: 'Montserrat';
    font-size: 25px;
    color: #fff;
    display: block;
}

.crect-cmpgn-main {
    width: 60%;
    margin: 0 auto;
}

.edit-account-main {
    width: 80%;
    margin: 0 auto;
}

.fundrises {
    width: 100%;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center !important;
    font-family: Montserrat;
    float: left;
    color: #333333;
    font-weight: 500;
    font-size: 15pt;
    text-align: center;
}

.fundreise2 {
    width: calc(100% + 1px);
    display: block;
    position: relative;
    left: -1px;
    top: -1px;
    width: calc(100% + 1px);
    padding-bottom: 70%;
    background-size: cover;
    background-position: 50% 50%;
}

#Emirates_Nature___WWF_A0_Text_70 {
    overflow: hidden!important;
}

.fundriseforthis {
    text-align: center;
    font: Medium 18px/22px Montserrat;
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 14px;
    background: #405271;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    font-family: Montserrat;
    display: block;
}

#yallastartfundraising a:hover {
    background: #f5f5f5 !important;
    color: #405271 !important;
    border: 1px solid;
}

a:hover,
a:focus {
    text-decoration: none !important;
}

#frame-container-checkout {
    padding: 20px 20px 20px 20px;
    /* margin: 21px; */
    margin: 0px 0px 40px 0px;
}

.charity-main-mem {
    width: 80%;
    margin: 0 auto;
}

.ch-mem-head {
    display: inline-block;
    vertical-align: middle;
    color: rgba(36, 30, 18, 1);
    margin-top: 10px;
    text-transform: uppercase;
    margin-bottom: 18px !important;
}

.chtops {
    text-align: center;
    padding: 30px 0 0 0;
}

a.userAvatar.myprofile.dropdown-toggle {
    color: #405271;
    font-weight: 500;
    padding: 1px 13px 4px 5px;
    margin: 12px 2px 3px 4px;
}

.btn-main,
.btn-main:hover,
.btn-main:active,
.btn-main:focus {
    color: #fff !important;
    background-color: #405271 !important;
    border-color: #ffffff !important;
}

::selection {
    /* background-color: #0facf3; */
    color: white;
}

::moz-selection {
    background-color: rgba(64, 82, 113, 1);
    !important;
    color: white;
}

::webkit-selection {
    background-color: rgba(64, 82, 113, 1);
    !important;
    color: white;
}

.login-heading6 {
    display: inline-block;
    vertical-align: middle;
    color: rgba(36, 30, 18, 1);
    margin-top: 10px;
    text-transform: uppercase;
}

.step1so {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
    margin: 0 auto;
    padding: 20px;
}

.login-se {
    text-align: center;
}

.login-form {
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 2px 3px #00000029!important;
    border-radius: 2px!important;
    opacity: 1!important;
}

a#donate_model-btn a:hover,
a:focus {
    /* color: #405271 !important;
    background: #ffffff !important;
    border: 1px solid !important; */
}

.card-detailsnw {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000026;
    opacity: 1;
    text-align: center;
}

.card-detailsnw-sub {
    border: 1px solid #EEEEEC;
    opacity: 1;
}

.card-pymntnn {
    display: inline-block;
    text-align: center;
}

.card-pymntnn li {
    float: left;
    padding: 28px 0px 14px 20px;
}

.card-headinx {
    /*text-align: left;*/
    font: Medium 18px/22px Montserrat;
    letter-spacing: 0;
    color: #241E12;
    opacity: 1;
    font-size: 20px;
}

.tab_scton {
    margin: 27px 0 10px;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    letter-spacing: 0;
    color: #405271;
    opacity: 1;
}

.tab_scton table {
    width: 100%;
}

a.clr_A1A1A1 {
    color: #A1A1A1;
    font-size: 17px;
    font-family: Montserrat;
}

a.clr_405271 {
    color: #405271;
}

.emplyeundr_frst {
    padding: 5px 25px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000026;
    opacity: 1;
    margin-bottom: 20px;
}

h2.hed_emplye {
    font-size: 18px;
    text-align: left;
    letter-spacing: 0;
    color: #4C4C4C;
    opacity: 1;
    font-weight: 600;
}

.pfl {
    border-bottom: 3px solid #405271 !important;
    padding-bottom: 7px;
}

td.brdrddd {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

h2.scl_head {
    color: #241E12;
    opacity: 1;
    font-size: 18px;
    font-weight: 600;
}

.hstry_cntnt {
    color: #4B4C4F;
}

.sttscs_sctn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 2px #00000026;
    border-radius: 5px;
    opacity: 1;
    padding: 15px;
    color: #4B4C4F;
    margin: 10px 0;
}

.new_sec {
    margin: 50px 0;
}

.cmpnyphto {
    text-align: center;
    a: hover, a: focus height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    opacity: 1;
    float: left;
}

.hedsec_lst {
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    color: #241E12;
    text-transform: uppercase;
    opacity: 1;
}

button.btn_shre {
    border: 1px solid #405271;
    border-radius: 5px;
    opacity: 1;
    font-weight: 500;
    background: #ffff;
    padding: 10px;
    width: 100%;
}

.traget-img {
    width: 81px;
    height: 57px;
    object-fit: scale-down;
}

.hehh {
    display: inline-block;
    vertical-align: middle;
    color: rgba(36, 30, 18, 1);
    margin-top: 10px;
    text-transform: uppercase;
}

.hghhj {
    margin: 4px !important;
    padding: 18px 2px 6px 8px !important;
    ;
}

.logiyuu {
    background: rgba(64, 82, 113, 1) !important;
    width: 98px !important;
    height: 43px !important;
    border-radius: 5px !important;
    margin: 8px 44px 3px 2px;
    padding-top: 10px;
}

.team-targrt {
    background: #f9fafc;
    padding: 20px;
    border: 1px solid;
    text-align: center;
}

.noHover {
    /*pointer-events: none;*/
}

.sub-li {
    padding-top: 19px !important;
}

input#totalthere {
    background: none;
}

input#totalbilled {
    background: none;
}

.paypaldd {
    margin-left: -21px;
}

.donate-table td {
    width: 236px !important;
    color: #67635a;
    font-size: 17px;
}

.label-class {
    margin-top: 10px;
}

.chekboxmrgin {
    margin-right: 6px;
}

.panel-divs {
    padding: 0px;
}

.show-mobile {
    display: none;
}

.btn-success {
    background-color: #405271!important;
    !important;
    color: white !important;
    width: 71px!important;
    padding: 8px!important;
}

.cat-item-title a {
    color: white;
}

.cat-item-title a:hover {
    color: white;
}

.dropdown-menu li a:hover {
    color: white;
}


/*RESPONSIVE*/


/*desktop*/

@media (min-width: 768px) {
    .card_p_div {
        margin-top: 55px;
    }
    .hide-desktop {
        display: none;
    }
    .login-mains {
        width: 60%;
        margin: 0 auto;
    }
    .editpass {
        width: 80%;
        margin: 0 auto;
    }
    .fndh {
        padding-top: 30px !important;
    }
    .modal-dialog.donate_to {
        width: 450px !important;
    }
    .Mb_mnu-header {
        display: none;
    }
    .cm-details-mobile-div {
        display: none;
    }
    .cm-details-web-div {
        display: block;
    }
    .allcampagin-container .home_category {
        height: 275px;
    }
    .cat-item-title-head {
        font-size: 21px;
    }
    .home_category_content1 {
        padding: 41px;
    }
    .yutube-preview {
        width: 70%;
        margin: 0 auto;
        text-align: center;
        " class="margintop
    }
    .seeall-blog {
        margin: 50px auto;
        width: 30%;
        border: solid 1px rgba(64, 82, 113, 1);
        border-radius: 10px;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    }
    /* .col-md-12.text-center.footert {
        padding-right: 245px;
        padding-left: 222px;
    } */
}


/*mobile*/

@media (max-width: 767px) {
    .text56 {
        width: 100% !important;
        padding: 22px 12px 8px 4px !important;
    }
    .invest_div {
        /* height: 262px !important; */
        border-radius: 9px;
        text-align: center;
        background: #405271 !important;
        color: white;
        padding: 32px;
        background-image: url(../../../testimonials/bxg12.png);
        background-repeat: no-repeat;
        background-size: 102% 100%;
    }
    .show-mobile {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
    .campain-mob-hide {
        display: none;
    }
    .paypaldd {
        margin-left: 0px;
    }
    .card_1.card-headinx img.card_img {
        width: 35px;
    }
    .card-headinx {
        /* text-align: left; */
        font: Medium 18px/22px Montserrat;
        letter-spacing: 0;
        color: #241E12;
        opacity: 1;
        font-size: 14px;
    }
    .payments {
        min-width: 1px !important;
    }
    .login-btnw {
        width: 100%;
    }
    h2.hed_emplye {
        font-size: 16px;
        text-align: left;
        letter-spacing: 0;
        color: #4C4C4C;
        opacity: 1;
        font-weight: 500;
    }
    .mob-hide {
        display: none;
    }
    .login-mains {
        width: 100%;
        margin: 0 auto;
    }
    .charity-main-mem {
        width: 100%;
        margin: 0 auto;
    }
    .edit-account-main {
        width: 100%;
        margin: 0 auto;
    }
    .crect-cmpgn-main {
        width: 100%;
        margin: 0 auto;
    }
    .reg-main-div {
        margin: 0 auto;
        width: 100% !important;
    }
    .col-md-12.txtarea {
        margin-top: 20px;
    }
    .m-details-img {
        height: 205px !important;
        border-radius: 7px;
    }
    .cm-details-mobile-div {
        display: block;
    }
    .cm-details-web-div {
        display: none;
    }
    .cam-details-page-img {
        width: 100%;
        height: 200px;
        border-radius: 9px;
        background-size: cover;
        background-position: center;
    }
    .col-md-3.col-sm-6.col-xs-6.home_category {
        height: 200px;
    }
    .login-mains {
        width: 100%;
        margin: 0 auto;
    }
    .navbar-brand {
        padding: 0;
        width: 30% !important;
        float: none !important;
    }
    .pc_menu {
        display: none;
    }
    .seeall-blog {
        margin: 50px auto;
        border: solid 1px rgba(64, 82, 113, 1);
        border-radius: 10px;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
    }
    .yutube-preview {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        " class="margintop
    }
    .m-details-img {
        height: 205px !important;
        border-radius: 7px;
    }
    .cm-details-mobile-div {
        display: block;
    }
    .cm-details-web-div {
        display: none;
    }
    .cam-details-page-img {
        width: 100%;
        height: 200px;
        border-radius: 9px;
        background-size: cover;
        background-position: center;
    }
    .col-md-3.col-sm-6.col-xs-6.home_category {
        height: 200px;
    }
}

@media (max-width: 360px) {
    .show-mobile {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
    .campain-mob-hide {
        display: none;
    }
    .paypaldd {
        margin-left: 0px;
    }
    .card_1.card-headinx img.card_img {
        width: 35px;
    }
    .card-headinx {
        /* text-align: left; */
        font: Medium 18px/22px Montserrat;
        letter-spacing: 0;
        color: #241E12;
        opacity: 1;
        font-size: 14px;
    }
    .payments {
        min-width: 1px !important;
    }
    .login-btnw {
        width: 100%;
    }
    h2.hed_emplye {
        font-size: 16px;
        text-align: left;
        letter-spacing: 0;
        color: #4C4C4C;
        opacity: 1;
        font-weight: 500;
    }
    .mob-hide {
        display: none;
    }
    .login-mains {
        width: 100%;
        margin: 0 auto;
    }
    .charity-main-mem {
        width: 100%;
        margin: 0 auto;
    }
    .edit-account-main {
        width: 100%;
        margin: 0 auto;
    }
    .crect-cmpgn-main {
        width: 100%;
        margin: 0 auto;
    }
    .reg-main-div {
        margin: 0 auto;
        width: 100% !important;
    }
    .col-md-12.txtarea {
        margin-top: 20px;
    }
    .m-details-img {
        height: 205px !important;
        border-radius: 7px;
    }
    .cm-details-mobile-div {
        display: block;
    }
    .cm-details-web-div {
        display: none;
    }
    .cam-details-page-img {
        width: 100%;
        height: 200px;
        border-radius: 9px;
        background-size: cover;
        background-position: center;
    }
    .col-md-3.col-sm-6.col-xs-6.home_category {
        height: 200px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .home_category:hover {
        height: 175px;
        padding: 60px 40px 40px 40px!important;
    }
    .cat-item-title {
        font-size: 12px!important
    }
    .col-md-3.col-sm-6.col-xs-6.home_category {
        height: 200px;
    }
}


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

.lang-div {
    border: none !important;
    background: #ffffff!important;
    width: 43%!important;
    float: left;
    height: 29px;
    font-size: 13px;
    -webkit-box-shadow: -1px 1px 5px 0px rgba(97, 97, 97, 1)!important;
    -moz-box-shadow: -1px 1px 5px 0px rgba(97, 97, 97, 1)!important;
    box-shadow: 0px 2px 3px -1px rgba(97, 97, 97, 1)!important;
    font-size: 13px;
    height: 29px !important;
    overflow: visible;
    cursor: pointer;
    padding: 6px 5px 6px 8px;
    font-weight: normal;
    line-height: normal !important;
    color: #5A5A5A;
    border: 2px solid #E6E6E6;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-indent: 0.01px;
    text-overflow: '';
    background-repeat: no-repeat;
    background-size: auto 10%;
    margin-right: 5px;
}

.part-div {
    width: 13%;
    display: inline-block;
}

.resultImg {
    text-align: center;
    margin: 0 auto;
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


/*corona home page style*/

.newclas2 a:hover,
a:focus {
    /*color: red !important;*/
    /*font-weight:bold;*/
}

.corona {
    background: #ffd8d8 !important;
    padding: 19px;
    color: #e60000;
}

.new-cls {
    width: 189px;
    text-align: center;
    border: 2px solid;
    float: right;
    color: red;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: bold;
    padding: 14px;
    padding-top: -10px;
    /* border-radius: 11px; */
}

.newclas2 {
    margin-top: 9px;
}

@media (max-width: 767px) {
    .mob_hde22 {
        display: none;
    }
    .mobshow111 {
        display: block !important;
    }
    .new-cls {
        font-size: 16px !important;
        width: auto !important;
        padding: 9px 17px 8px 14px !important;
    }
    .newclas2 {
        margin-top: 1px;
        float: right;
    }
    .mpb1-hide {
        display: none;
    }
    .pclas {
        margin: 0 0 10px !important;
    }
}

@media (max-width: 360px) {
    .mob_hde22 {
        display: none;
    }
    .mobshow111 {
        display: block !important;
    }
    .new-cls {
        font-size: 16px !important;
        width: auto !important;
        padding: 9px 17px 8px 14px !important;
    }
    .newclas2 {
        margin-top: 1px;
        float: right;
    }
    .mpb1-hide {
        display: none;
    }
    .pclas {
        margin: 0 0 10px !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .mob_hde22 {
        display: none;
    }
    .mobshow111 {
        display: block !important;
    }
    .new-cls {
        font-size: 16px !important;
        width: auto !important;
        padding: 9px 17px 8px 14px !important;
    }
    .newclas2 {
        margin-top: 1px;
        float: right;
    }
    .mpb1-hide {
        display: none;
    }
    .pclas {
        margin: 0 0 10px !important;
    }
}

.res-class {
    display: inline-flex;
}

.pclas {
    margin: 9px 43px 10px;
}

.class1 {
    width: 65px;
    height: 65px
}

.cls2 {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}

.img2_div {
    text-align: center;
}

.lan_class {
    text-transform: uppercase;
}

.up-case {
    text-transform: uppercase !important;
}

.expo_link {
    text-transform: uppercase;
    font-size: 8px;
    font-weight: bold;
}

.img45 {
    font-size: 12px;
    color: black;
    margin-bottom: 15px;
    display: inline-flex;
    text-align: left;
}

.h1div {
    color: #365888;
    font-weight: 600;
    font-size: 20px;
}

#orangeBox {
    /* background: #f90; */
    color: #100f0f8f;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: contents;
}

#x {
    float: right;
}

.fund_top_div {
    margin-bottom: 25px;
}

.sd {
    margin-bottom: 30px;
}

.font_color1212 {
    color: #4B4C4F !important;
}

.fund_sub_head {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-transform: capitalize;
}

.read_more {
    font-size: 11px !important;
}

.font-20 {
    color: #000000bf;
    font-size: 17px !important;
    /* height: 28px; */
    font-weight: bold;
}

.height_style {
    height: 85px !important;
    overflow: hidden !important;
}

.team_img {
    width: 230px;
    height: 250px;
    object-fit: scale-down;
}

.info-div {
    text-align: center;
    padding-bottom: 30px;
}

.fund_img {
    width: 20px;
    margin-right: 12px;
    object-fit: scale-down;
}

.invest_but {
    /* width: 135px; */
    /* height: 44px; */
    background: white;
    border-radius: 10px;
    font-size: 12px;
    color: #405271;
    font-weight: bold;
    padding: 16px;
}

.invest_div {
    height: 220px;
    border-radius: 9px;
    text-align: center;
    /* background: #405271; */
    color: white;
    padding: 32px;
    background-image: url(../../../testimonials/bg12.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.testimonial_div {
    padding: 20px;
    border-radius: 11px;
    border: 1px solid #9e9e9e45;
    box-shadow: 2px 4px 6px -6px rgba(0, 0, 0, 0.75);
}

.pad-20 {
    padding: 20px;
}

.just {
    text-align: justify;
}

.per-cls {
    font-size: 21px !important;
    font-weight: 500;
}

.team_p {
    text-align: justify;
    font-size: 12px !important;
}


/*
.lan_class a:hover {
    color: #ffff !important;
    background-color: red !important;
}

.lan_class a:active {
    color: #ffff !important;
    background-color: red !important;
}

.lan_class a:focus-within {
    color: #ffff !important;
    background-color: red !important;
}

.lan_class a:focus {
    color: #ffff !important;
    background-color: red !important;
} */

.card__a {
    border: 1px solid;
    padding: 15px;
    font-weight: 700 !important;
}

.card_enter_box {
    border: 1px solid;
    padding: 14px;
    margin-bottom: 12px;
}

.a_dive {
    margin-left: 1%;
    color: white;
    font-weight: bold;
    border-bottom: 3px solid;
}

.main-ram-div {
    margin-top: -1px;
    height: 50px;
    color: white;
    background-color: rgba(64, 82, 113, 1) !important;
    text-align: center;
    padding: 18px;
}

.ramdan_btn {
    font-size: 21px;
    border: 1px solid;
    padding: 6px 29px 10px 29px;
    margin-left: 17%;
    /* float: right; */
    color: #ffff;
}

.offline_donation_box {
    width: 100%;
    border: 1px solid #e9e9e9;
    padding: 4px;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 12px;
}

.percentage1 {
    background: rgb(48 177 251 / 65%) !important;
    display: block !important;
    height: 100% !important;
    float: left !important;
    border-radius: 0px !important;
}