@import url("bootstrap.min.css");
@import url("all.min.css");
@import url("owl.carousel.min.css");
@import url("animate.min.css");
@import url("jquery.fancybox.min.css");

body{font-family: 'Open Sans', sans-serif;}

.causedetailmain{}
.causedetailmain ul{margin-bottom:20px;}
.causedetailmain ul li{margin-right:5px;}
.causedetailmain ul li a{    background: #e2e2e2;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 24px;
    display: inline-block;}
.causedetailmain ul li a.active{background: #ff3b00;
    color: #fff;}
#updateslider .owl-dots{text-align:center;margin-top:20px;}
#updateslider .owl-dots button{outline:none;margin:0 5px;}
#updateslider .owl-dots button span{    width: 15px;
    height: 15px;
    display: inline-block;
    border: 2px solid #000;
    border-radius: 50%;}
#updateslider .owl-dots .active span{background:#000;}
.updateimgbox{border:1px solid #eee;padding:5px;}
.updateimgbox a{}
.updateimgbox img{width:100%;}
.flaotboxright{    position: fixed;
    top: 20%;
    left: -120px;transition:all 0.3s;
    z-index: 19;}
.flaotboxrightopen{ left: 0px;transition:all 0.3s;
}
.floatmainchkra{    border-radius: 50%;
    position: absolute;
    left: 100%;
    top: 45%;}
.floatmainchkra a{     display: block;
    background: #d81a21;
    color: #fff;
    width: 40px;
    text-align: center;
    font-size: 20px;
    padding:10px 0px;border-radius:0 10px 10px 0;    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);}
.floatotherslinks{}
.floatotherslinks li{margin-bottom:3px;}
.floatotherslinks a{    display: block;
    background: #d81a21;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
  }
    .floatotherslinks a:hover{background:#000;
    }

.floatotherslinks a span{    color: #fff;
    border-radius: 40px;
    font-weight: bold;
    display: block;
    font-size: 12px;}
.floatotherslinks li img{    height: 45px;
    border-radius: 50%;
    margin-bottom: 5px;}
.howbox{    border-radius: 10px;
    background: #fff;
    text-align: center;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);transition:all 0.3s;
    padding: 15px;}
.howbox:hover{transition:all 0.3s;transform:scale(1.05);}
.howbox img{height: 100px;
    margin-bottom: 20px;}
.howbox h3{font-weight: bold;
    font-size: 16px;
    margin: 0 0 10px;}
.howbox p{margin:0;font-size:14px;}
.startfundbtn:hover {
    color: #fff;
}
.startfundbtn{    color: #fff;
    background: #ff3b00;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
    transition: all 0.3s;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 50px;
}

   .bot-header{position:absolute;top:0;width:100%;z-index:10;left:0;}
.stickyheader{position:fixed;top:0;width:100%;left:0;z-index:10;  background:#fff;  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;}
.stickyheader .memuboxright li a{color:#000;}
.stickyheader .memuboxright li a:hover{color:#ff3b00;}
.stickyheader .memuboxright li.menubtn a{color:#fff;}
h1, h2, h3, h4, h5, h6{font-family: 'Exo', sans-serif;}
.baninnbox{  padding: 30px;display:inline-block; background: rgba(0, 0, 0, 0.4);border-radius:5px;max-width:700px;}
.bannercounters{    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 0;background: rgba(0, 0, 0, 0.6);}
.counterbox{
    text-align: center;}
.bancountleft{display:inline-block;vertical-align: middle;}
.baccountright{display:inline-block;vertical-align: middle;}

.counterbox i{    color: #fff;
    font-size: 50px;
    margin-right: 20px;}
.counterbox h3{    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: left;}
.counterbox h5{color: #fff;
    text-align: left;
    font-size: 20px;
    margin: 0;}
a:hover{text-decoration:none;}
ul{list-style:none;padding:0;margin:0;}
.header{
      width: 100%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10;
    }
.abtdata ul{list-style:disc;padding-left:20px;}
.abtdata ul li{font-size:18px;margin-bottom:10px;}

.webheading{text-align: center;
    background: #0090d4;}
.webheading h1{color: #fff;
    font-weight: bold;
    margin: 0 0 10px;}
.webheading h6{color: #fff;
    font-size:20px;line-height:1.6;
    margin: 0;}

.abtdata p{    line-height: 2;
    font-size: 19px;
   }
.donersbx{    background: #fff;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.21);
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;}
.donersbx h3{font-weight: bold;
    color: #000;
    margin: 0 0 20px;}
.viewallbtn{text-align:center;margin-top:20px;}
.viewallbtn a{    background: #ff3b00;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 40px;}
.donorslist{border-top: 1px solid #ddd;
    padding: 20px 0;}
.donorslist:last-child{
    padding-bottom: 0;}
.donorslist h5{font-weight: bold;
    font-size: 17px;
    margin: 0 0 7px;}
.donorslist h6{    background: #ffe9e2;
    text-align: center;
    border-radius: 5px;
    color: #ff3b00;
    font-weight: bold;
    margin: 0;
    font-size: 19px;
    padding: 13px 0px;}
.donorslist p{    font-size: 14px;}
.donationallrow{}
.donationallrow .donorslist{    border-top: none;
    padding: 20px;
    background: #fff;}
    .donationallrow .donorslist {    padding-bottom: 20px;
    }
.donateform{    background: #fff;
    padding: 30px;
    position: relative;}
.donateform .close{outline: none;
    position: absolute;
    right: 15px;
    top: 13px;}
.input-box{}
.donateform h4{    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px;}
.input-box label{    font-size: 13px;
    display: block;
    margin: 0 0 4px;
}
.donateamount{margin-top:10px;}
.donateamount a{    display: inline-block;
    padding: 3px 18px;
    border: 2px solid #ddd;
    border-radius: 40px;
    color: #000;
    font-size: 20px;
    font-weight: bold;}
.sociallinks{}
.detailsharelinks{text-align:center;}
.detailsharelinks h3{font-size:20px;font-weight:bold;margin:0;display:inline-block;}
.detailsharelinks ul{display:inline-block;}
.detailsharelinks li{display:inline-block;margin-right:5px;}
.detailsharelinks li a{display:inline-block;}
.detailsharelinks li a i{color: #fff;
    font-size: 18px;
    width: 38px;
    border-radius: 50%;
    display: block;
    text-align: center;
    padding: 10px 0px;}
.detailsharelinks li a i.fa-facebook-f{background: #465993;}
.detailsharelinks li a i.fa-twitter{background: #76a9ea;}
.detailsharelinks li a i.fa-instagram{background: #f3626b;}
.detailsharelinks li a i.fa-linkedin-in{background: #0075b2;}
.detailsharelinks li a i.fa-youtube{background: #e23d38;}
.detailsharelinks li a i.fa-globe{background: #e28a5b;}


.sociallinks ul {list-style:none;}
.sociallinks ul li{display:inline-block;margin:0 5px;}
.sociallinks li a{    color: #fff;
    font-size: 18px;
    width: 37px;
  
    border-radius: 50%;
    display: block;
    text-align: center;
    padding: 5px 0px;}
    .sociallinks li:nth-child(1) a {  background: #465993;}
    .sociallinks li:nth-child(2) a {  background: #76a9ea;}
    .sociallinks li:nth-child(3) a {  background: #2caa1d;}
    .sociallinks li:nth-child(4) a {  background: #2ca0d3;}
.donateamount a.active{    background: #ff3b00;border-color: #ff3b00;
    color: #fff;}
.input-box input[type="text"]{    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    outline: none;
    padding: 0px 10px;}
.input-box textarea{   width: 100%;
    height: 100px;
    border: 1px solid #ddd;
    outline: none;
    padding: 10px;}
.input-box input[type="submit"]{background: #ff3b00;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;border:none;outline:none;}

#slider .carousel-inner, #slider .carousel-item{height:100%;}
#slider .carousel-item{    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}
.logo img {
    height: 60px;
    margin:10px 0;
}
.top-header{    padding: 10px 0;
    background: #222126;
    position: relative;}
.top-header:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    background: #0090d4;
}
.top-left{}
.top-left ul li{display:inline-block;margin-right:30px;}

.top-left ul li a{color:#fff;}
.top-left ul li i{    width: 30px;
    padding: 8px 0;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 20px;}

.memuboxright{float:right;    margin: 16px 0;}
.memuboxright ul{margin:0;
}
.memuboxright li {
    display: inline-block;
    
}
.top-social{float:right;}
.top-social ul li{display:inline-block;margin-left: 5px;}
.top-social ul li a{    width: 30px;
    padding: 5px 0;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    display: block;}

.banner{position:relative;}

.memuboxright li a:hover {border-color:#fff;
}
.memuboxright li a {
color: #fff;
    transition: all 0.3s;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    border-radius: 50px;
    border:2px solid transparent;
}
.memuboxright li.menubtn a:hover{border-color:transparent;
}


.memuboxright li.menubtn a {
    color: #fff;    background: #ff3b00;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

.banntoptext {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
}
.crdbanner {
    position: relative;
}

.distable {
    display: table;
    width: 100%;
    height: 100%;
}
.distablecell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.banntoptext h3 {
    font-size: 45px;
    color: #fff;
    margin: 0 0 20px;
}

.banner img {
    width: 100%;
}

.banntoptext p {
    font-size: 20px;
    color: #fff;
    margin: 0 0 30px;
}

.banntoptext a {
    padding: 15px 15px;
    text-transform: uppercase;
    font-weight: 600;
    border: 2px solid #ff7800;
    letter-spacing: 1px;
    display: inline-block;
    background: #ff7800;
    color: #fff;
    border-radius: 4px;
}

.widget-back {
    background: #eee;
}
.widget, .widget-back {
    padding: 40px 0;
}
.taxtopbtn{position: absolute;
    top: 0;
    height: auto;
    padding: 5px 10px;
    z-index: 5;
    background: #fff700;
    color: #000;
    font-size: 12px;
    left: 14px;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;}
.taxtopbtn i{margin-left:5px;}

.campaignbox:hover {    transform: translateY(-10px);
    transition: all 0.3s;
}
.campaignbox {
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.21);
    background: #fff;
    border-radius:5px;transition:all 0.3s;
    overflow:hidden;
        height: 100%;
        position:relative;
}
.casuimgbx {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.casuimgbx img{width:100%;

}
.casuimgbx h6 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #00b371;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 0px;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 1px;
}
.campaignlist {
    border-top: 5px solid #0090d4;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.campaignlist ul {
    overflow: hidden;
    display: flex;
    align-items: center;
}
.campaignlist li {
    font-size: 14px;    width: 50%;
    float: left;padding: 15px 5px;
    text-align: center;
        color: #000;
}
.campaignlist li span {
    font-size: 13px;
}
.abtimg img {
    width: 100%;
    border: 4px solid #ddd;
}
.campaignlist li i {
    font-size: 10px;
    margin-right: 5px;
}
.crodlistdata {
    padding: 10px 15px;
}
.campaignlist li:nth-child(1) {border-right:2px solid #ddd;
}
.crodlistdata p{font-size:14px;}
.campaignbox .listlinkbox{    display: block;
    padding-bottom: 56px;
    position: relative;
    height: 100%;}

.campaignbox h4 {
    color: #000000;
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5;
}
.step {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    counter-increment: cf-steps;
}

.step:first-child .step__img, .step__img {
    background-position-x: -67px;
}
.step__img {
    min-height: 150px;
    min-width: 150px;
    height: 150px;
    margin-right: 20px;
    width: 150px;
    background-image: url(/themes/front/page/images/hiw/How-it-works-impactguru.jpg);
    background-position-y: -22px;
}
.step__details {
    padding: 20px 30px;
    background: #f7f7f7;
    border-radius: 50px;
    max-width: 500px;
    position: relative;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    border-top-left-radius: 0;
}
.step__details:before {
    content: counter(cf-steps);
    position: absolute;
    bottom: 100%;
    color: #dcdcdc;
    font-size: 62px;
    line-height: 47px;
    font-weight: 700;
    left: 0;
}

.heading {
    position: relative;
     margin: 0 0 30px;
}
.heading h3{
font-size: 40px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 20px;
}
.heading p{    font-size: 20px;
    margin: 0 0 10px;}
.heading:after {
 content: '';
    display: block;
    width: 150px;
    height: 2px;
    background: #000000;
}
.heading.text-center:after{margin:0 auto;}
.step__details h5{ font-size: 14px;   color: #000;
    font-weight: bold;}

.footer{background:#003144;}
.casuesbox img {
    width: 100%;
}
.casuesbox h4 {
    color: #fff;
    margin: 0;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

#caseusslider .owl-nav{text-align: center;
    margin-top: 20px;}
.casuesbox a{display:block;position:relative;overflow: hidden;
    border-radius: 5px;
}
.cascatdata{position:absolute;bottom:0;left:0;width:100%;padding:10px;    background: rgba(0, 0, 0, 0.6);transition:all 0.3s;height:40%;}

#caseusslider .owl-nav button, #caseusslider1 .owl-nav button{outline:none;position:absolute;    top: 43%;}
#caseusslider .owl-nav .owl-prev, #caseusslider1 .owl-nav .owl-prev{left:-40px;}
#caseusslider .owl-nav .owl-next, #caseusslider1 .owl-nav .owl-next{right:-40px;}
#caseusslider .owl-nav button i, #caseusslider1 .owl-nav button i{width: 28px;
   font-size: 40px;color:#0090d4;
}
#caseusslider .owl-nav .disabled, #caseusslider1 .owl-nav .disabled{opacity:0.6;}

.footboxcrwod h5{    color: #fff;font-weight:bold;font-size:20px;margin:0 0 20px;}
.footer-nav{}
.footer-nav a{    color: #fff;
    font-size: 16px;
    text-decoration: none;}
.footer-nav li{    list-style: none;
    color: #fff;
    margin-bottom: 10px;}


.bot-footer {
    background-color: #000;
    padding: 10px 0;
}
.bot-footer p {
    margin: 7px 0;
    color: #fff;
    font-size: 14px;
}
.footright {
    text-align: right;
}

.bannertext {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bantexttable {
    width: 100%;
    margin: 0 auto;
    display: table;
    height: 100%;
}
.bantexttablecell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.bannertext h3 {
    font-size: 40px;
    color: #fff;
    margin: 0 0 30px;
    font-weight: bold;
}
.bannertext h5 {
font-size: 25px;
    color: #fff;
    margin: 0 0 20px;
}
.bannertext a {
color: #ff3b00;
    background: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 30px;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.stripsection .heading:after{background:#fff;}
.stripsection .heading , .stripsection .heading h3{color:#fff;}
.stripsection{    background-image: url(../images/couses-fullbg.jpg);

    background-position: center;
    background-size: cover;}
.stripsection h2{    color: #fff;
    margin: 0;}

.joinbtn{text-align:right;    margin: 13px 0;}
    .joinbtn a:hover{
        background: #ff3b00;
    }
.joinbtn a{    background: #222126;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 12px 31px;
    border-radius: 52px;
    padding-left: 62px;}
.joinbtn a i{    color: #222126;
    background: #fff;
    width: 48px;
    text-align: center;
    padding: 16px 0;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.featurebox{text-align:center;border:1px solid #ddd;}

.featureicon{    
    margin: -37px auto 0;
    position: relative;
    width:75px;
       height:75px;
   }
.featureicon:before{content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #d5d5d5;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 0;}
.featureicon:after{    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 1;}
.featureicon i{ background: #ff3b00;
    color: #fff;
    width: 56px;
    height: 56px;position:relative;
    font-size: 30px;z-index:2;
    border-radius: 50%;
    padding: 11px 0;
    margin: 10px 0;}
.featuredata{padding:20px; }
.featuredata h5{    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;}
.featuredata p{font-size: 14px;
    line-height: 2;margin:0;}

.gallerybox{position:relative;height:200px;}
.gallerybox:hover .gallerydata{opacity:1;visibility:visible;transition:all 0.3s;}
.gallerybox a{    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
.gallerybox img{width:100%;}
.gallerydata{width: 100%;
    height: 100%;opacity:0;visibility:hidden;transition:all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;}
.gallerydata i{font-size: 21px;
    color: #000;
    background: #fff;
    width: 49px;
    text-align: center;
    border-radius: 50%;
    padding: 14px 0;
}
.top-footer{padding:50px 0;}
.footbox {}
.footbox img{height:60px;margin:0 0 20px;}
.footbginn{position:relative;}
.footbgfirst{position:relative;}


.footbox p{color:#fff;margin:0 0 20px;}

.footcontact{}
.footcontact ul{}
.footcontact ul li{    
    color: #fff;
    font-size: 13px;
    margin-bottom: 17px;
    position: relative;
    padding-left: 36px;
}
.footcontact ul li i{     position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    text-align: center;}
.footlist{}
.footlist li{border-top:1px solid rgba(255,255,255,0.15);}
.footlist li:last-child{border-bottom:1px solid rgba(255,255,255,0.15);}
    .footlist li a:hover{background:#0090d4; padding: 10px;transition:all 0.3s;
    }
.footlist li a{    color: #fff;
    font-size: 14px;transition:all 0.3s;
    display: block;
    padding: 10px 0;}
    .footlist li a:before{content: "\f054";    font-family: "Font Awesome 5 Free";font-weight: 900;    font-size: 10px;
    margin-right: 10px;
    vertical-align: middle;
    }
.footbox h4{text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin: 0 0 20px;}
.fbbox{width:100%;height:220px;}
.fbbox iframe{width:100%;height:100%;}
.twitterbx{overflow:auto;width:100%;height:300px;}
.campaignbox h5{    color: #0090d4;
    font-weight: bold;
    margin: 0;}
.campaignbox h5 i{margin-right:10px;    font-size: 17px;}
.campaignbox h5 span{    margin-left: 15px;
    color: #000;
    font-size: 15px;
    font-weight: normal;}
.causeupuser{    font-size: 14px;
    color: #999;margin-bottom:10px;}
.causeupuser img{    width: 40px !important;
    border-radius: 50%;
    height: 40px;
    display: inline-block !important;
    margin-right: 10px;}


.cascatbox{position:relative;
    height: 150px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}

.casuesbox:hover .cascatdata {
   height:100%;transition:all 0.3s;
}

.crowdstrip{    height: 190px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
#causedetail img{width:100%;}
#causedetail {height:350px;}
#causedetail .carousel-inner, #causedetail .carousel-item{height:100%;}
#causedetail .carousel-item{    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
p:last-child{margin-bottom:0;}
.causedetaildata{padding: 25px;}
.causedetaildata h1{    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px;}
.qrbtn a{    font-size: 44px;
    color: #000;
    line-height: 1;}
.qrbtn{margin-left:20px;}
.causeamount{margin-bottom:20px;}
.causeamount h3{margin:0;    font-weight: bold;    font-size: 30px;
    color: #0090d4;}
.causeamount h3 span{margin-left: 15px;
    color: #000;
    font-size: 17px;
    font-weight: normal;}
.causeamount h4{    margin: 0 0 10px;  font-size: 22px;
}
.causeamount i{margin-right:5px;}
.causeleft{}
.causeleft ul{display:flex;}
.causeleft ul li{    width: 50%;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #848484;}
.causeleft ul li:last-child{text-align:right;}
.causeamount .col-md-4:nth-child(2){text-align:center;}
.causeamount .col-md-4:nth-child(3){text-align:right;}
.mainbtn{    background: #ff3b00;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;}
.mainbtn:hover{  color: #fff;}
.causedetailmain{margin-top:20px;}
.causedetailmain p{    line-height: 1.8;
    text-align: justify;
    font-size: 14px;}
.imggoogel img{width:100%;}
.detailmainbg{    background: #fff;position:relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    overflow: hidden;}

.imggoogel{background: #fff;
    box-shadow:0px 0px 7px rgba(0, 0, 0, 0.21);
    border-radius: 10px;
    overflow: hidden;}

.searchmaincause{margin-bottom:40px;}
.searchmaincause input[type="text"]{    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    outline: none;}

.sidefilter{background: #f3f3f3;
    padding: 20px;  
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.21);
    border-radius: 10px;
    overflow: hidden;}
.sidefilter h5{    font-weight: bold;
    font-size: 17px;
    margin: 0 0 10px;}
.checkboxlist table td {
    padding: 5px 0;
}
.checkboxlist input {
    margin-right: 5px;
    vertical-align: middle;
    display: none;
}
.checkboxlist input:checked + label:after {
    background: #ff3b00;
}
.checkboxlist label:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 16px;
    top: 4px;
    height: 16px;
    border: 2px solid #ff3b00;
}
.checkboxlist input:checked + label:before {
    opacity: 1;
}
.checkboxlist label:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 4px;
    width: 7px;
    opacity: 0;
    height: 11px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 1;
    transform: rotate(45deg);
    top: 4px;
}
.checkboxlist label {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    position: relative;
    padding-left:30px;
    vertical-align: middle;
}
.menubtncrowd{float:right;display:none;}
.menubtncrowd a{    color: #000;
    font-size: 25px;
    padding: 14px 0;
    display: block;}








@media only screen and (max-width:767px) {
            .flaotboxright {
    top: 11%;
    left: -121px;
}
    .floatmainchkra {
    display: block;
}
    .bannercounters {
    position: static;
    bottom: 0;
    width: 100%;
    padding: 30px 0;
    background: #000000;
}

    .top-left ul li i {
    border: none;
    margin-right: 5px;
}
    .top-left ul li a {
    font-size: 11px;
}
    .top-left {
    text-align: center;
}
    .top-left ul li {
    margin-right: 10px;
}
       .top-left ul li:last-child {
    margin-right: 0px;
}
       .top-social {
    float: none;
    margin-top: 10px;
    text-align: center;
}
       .bot-header {
     position: static;
}
       .header {
    background: #fff;    position: static;
}
       .menumid {
    padding: 0;
}
       .logo img {
    height: 45px;
}
       .memuboxright {
    float: none;
    margin: 0 0 10px;display:none;
}
.memuboxright li {
    display: block;
}
.memuboxright li a {
        padding: 11px 13px;
    color: #000;
    text-align: center;

}
.baninnbox {
    padding: 20px;
    display: block;
  background:none;
    border-radius: 0;
    max-width: none;
    width: 100%;
    text-align: center;
}
.logo{float:left;}
.menubtncrowd{display:block;}


.bannertext {
background: rgba(0, 0, 0, 0.4);
}
.bannertext h3 {
    font-size: 20px;
    margin: 0 0 5px;
}
.bannertext h5 {
    font-size: 15px;
        margin: 0 0 10px;
}
.bannertext a {

    padding: 10px 20px;
    font-size: 10px;
    letter-spacing: 0;
}

.stripsection {

    text-align: center;
}
.stripsection h2 {
    font-size: 20px;
}
.joinbtn {
    text-align: center;
    margin: 25px 0 0;
}
.heading h3 {
    font-size: 25px;
}
.crodlistdata {
    text-align: left;
}

.counterbox i {
font-size: 30px;
    margin: 0 0 10px;
}
.counterbox h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: center;
}
.counterbox h5 {
    color: #fff;
    text-align: center;
    font-size: 13px;
    margin: 0;
}
.baccountright {
    display: block;
    vertical-align: middle;
}
.bancountleft {
    display: block;
    vertical-align: middle;
}
.counterbox h2 {
    font-size: 25px;
}
.counterbox p {
    font-size: 15px;
}
.widget, .widget-back {
    padding: 20px 0;
}
.cascatbox {

}

.casuesbox h4 {
    font-size: 15px;

}
#caseusslider .owl-nav button, #caseusslider1 .owl-nav button {
    position: static;

}#caseusslider .owl-nav button, #caseusslider1 .owl-nav button {

    margin: 0 10px;
}
#caseusslider .owl-nav button i, #caseusslider1 .owl-nav button i {
    font-size: 20px;
}
.footbox {
    padding: 30px 0;
}

.bot-footer {
    text-align: center;
}
.footright {
    text-align: center;
    margin-top: 20px;
}
.causeamount h4 {
    font-size: 20px;
}
   .causedetaildata h1 {
    font-size: 22px;
    line-height: 1.5;
}
.causeamount h3 {
    font-size: 25px;
}
.causeamount a {
    padding: 6px 15px;
}
.causedetaildata {
    padding: 20px;
    
}
.detailmainbg{margin-bottom:20px;}
.donersbx h3 {
    font-size: 20px;
}




.donateamount a {
    padding: 3px 10px;
    font-size: 12px;
}








}

@media only screen and (max-width:480px){
#causedetail {
    height: 160px;
}

}