/*--------------------------------------Stylesheet----------------------------------------------*/
@font-face {
  font-family: 'BrushScriptStd';
  src: url('../fonts/BrushScriptStd.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrushScriptStd.otf')  format('opentype'), url('../fonts/BrushScriptStd.woff') format('woff'), url('../fonts/BrushScriptStd.ttf')  format('truetype'), url('../fonts/BrushScriptStd.svg#BrushScriptStd') format('svg');
  font-weight: normal;
  font-style: normal;
}

html{overflow-x:hidden!important;}
body{background:#fff;font-family: 'Lato', sans-serif;max-width:1900px;width:100%;margin:0px auto;overflow-x:hidden!important;
box-shadow:none!important;}
img, .logo img:focus{max-width:100%;outline:none!important;}
a:focus, a:hover{text-decoration:none;color:#f1592a;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;outline:none!important;}
ul{padding:0;list-style:none;outline:none!important;}
.btn, .form-control{outline:none!important;box-shadow:none!important;}
figure, ul, ol, p{margin:0;}
iframe{border:0;width:100%;height:320px;}
.fal, .far, .fad, .fas{font-family:"Font Awesome 5 Free";font-weight:600!important;}
.pull-right{float:right!important;}

@media (min-width:1300px){
.container {max-width:1230px;}
}
.btn.btn-success, .btn.btn-default {
    background: #9a1e21;
    color: #fff;
    padding: 10px 50px;
    margin: 0px;
    text-transform: capitalize;
    border: 0;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}
.btn.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active{color:#fff!important;background:#818285;border-color:transparent}


/*--------------------------------------upper-header---------------------------------------------*/
.upper-header{background:#fff;width:100%;border-top: 4px solid #9a1e21;padding-top: 15px;text-align: right;}

.upper-header ul {
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 1.2em 0px 1.6em;
}
.upper-header ul.contact-list li{padding:0px 4.5em;position:relative;color:#fff;}
.upper-header ul.contact-list li:first-child:before{position: absolute;
    content: "\f095";
    top: 0;
    left: 0;
    font-size: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    margin: auto;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #9a1e21;
    background: #eeeeee;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}
.upper-header ul.contact-list li:nth-child(2):before{position:absolute;content:"\f0e0"; top: 0;
    left: 0;   font-size: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    margin: auto;
    color: #9a1e21;
    background: #eeeeee;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;}

.upper-header ul.contact-list li label{font-size: 20px;margin-bottom: 2px;    display: block;text-align: left;
line-height:1.4;
color: #282828;    
font-weight: 800;text-transform:uppercase}

.upper-header ul li a{font-size: 18px;
color: #3e3e3e;
font-weight: 600;}

.upper-header ul.contact-list li:last-child {
   padding:0
}

.upper-header ul li a:hover, .dropdown-menu>li:hover>a, #footer a:hover, #footer p:hover, .contact-ryt .contact-content ul li a:hover, .copyright-section a:hover{color:#9a1e21!important;}

.upper-header ul li:hover:before{color:#3B3B3B!important;}

.upper-header ul li .btn.btn-success {
    background: #9a1e21;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 16px;
}
.upper-header ul li .btn.btn-success:hover{ background: #c5b9b9;}
/*------------------------------------header-section---------------------------------------------*/
#header {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    text-align: right;
    position: absolute;
    z-index: 999;
    width: 100%;
}
/*-----------fixed-header-----------*/
#header.fixed-header{background:#000;position:fixed;top:0;border-bottom:1px solid rgba(136, 136, 136, .1);transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;}
#header.fixed-header .logo{top:2px;}
#header.fixed-header .logo img {width: 94px;}
#header.fixed-header .navbar-nav>li>a {padding: 18px 20px;}
#header.fixed-header .dropdown:before {
    top: 17px;
}

#header .logo {
    position: absolute;
    top: -105px;
    margin: auto;
    left: 15px;
}

.header-menu {
    z-index: 1001;
    text-align: center;
}
.navbar.navbar-expand-md {padding:0px;}
#header .navbar-nav>li>a, .dropdown-menu>li>a {
    color: #fff;
    font-size: 16px;
    padding: 18px 20px;
    font-weight: 500;
    display: flex;
}
#header .navbar-nav>li:last-child>a{padding-right:0px;}
#header .navbar-nav>li:first-child>a{padding-left:0px;}
#header .navbar-nav>li.current-menu-item>a, #header .navbar-nav>li:hover>a{color:#9a1e21;font-weight: 600;}
#header .navbar-nav .btn.btn-default {height: 100%;margin-top:9px;margin-left:2em;}
ul.sub-menu, .navbar-brand{display:none;}

.event .right figure {
    border: 4px solid #fff;
}
/*-----------dropdown-menu-----------*/
.dropdown:hover .dropdown-menu{display:block;}

.dropdown:before {
    position: absolute;
    content: '\f107';
    top: 17px;
    bottom: auto;
    margin: auto;
    right: 3px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #fff;
    font-size: 20px;
}
.dropdown:hover:before {
    color:#9a1e21;
}
.dropdown-menu{padding:.5rem 0px;border-radius:3px;min-width:180px;box-shadow: none!important;margin:0;left:0px;line-height: 1.6; border: 1px solid #ddd;}
.dropdown-menu>li>a {font-size: 15px;padding: 3px 0px;color: #282828;}
.dropdown-menu li {
    padding: 0px 10px;
}
.dropdown-menu li:hover {
    background: #dedbdb;
}
/*------------------------------------slider-section---------------------------------------------*/
.slider, .banner{position:relative;}

.banner-text {
    background: #696969;
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    color: #fff;
}
.banner-text p {
    font-size: 16px;
    color: #fff;
    line-height: 2.0;
    font-weight: 600;
    width: 100%;
    text-shadow: none;
    text-transform: uppercase;
    margin: 5px 0;
    text-align: left;
}
.banner-text p a {
    color: #ffff;
}
.banner-text p a:hover{color:#9a1e21;}
.home-slider .item img{width: 100%;height:100%;}

.slider .owl-item.active:before{
    position: absolute;
    content: "";
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0;
    background: url(../images/slider-inner.png) no-repeat center;
    height: 582px;
    width: 553px;animation:.3s slideInUp;-webkit-animation:.3s slideInUp;background-size:cover;
}

.slider .slider-content{
    position: absolute;
    content: "";
    top: 30%;
    margin: auto;
    right: -45px;
    bottom: auto;width: 550px;
    text-align: center;

}
.home-slider .owl-item h1, .banner-content h1 {
    font-size: 71px;
    line-height: 1;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
     text-shadow: 2px -2px 0px #f9f4f4;
}

.home-slider .btn.btn-success {
    background: #9a1e21;
    color: #fff;
    padding: 7px 15px;
    margin: 0px;
    text-transform: capitalize;
    border: 0;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    float: left;
    margin-top: 2em;
}
.home-slider .btn.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active{color:#fff!important;background:#818285;border-color:transparent}


.home-slider span{display:block;color: #9a1e21;}

/*-----------------------Owl-controls-------------------------*/
.slider .owl-theme .owl-controls .owl-nav div {position: absolute;top:45%;font-size: 20px;background:#f1592a;
padding:0px;line-height:40px;height:40px;width:40px;border:0px;color:#fff;transform:translate(0%, -50%);opacity: 0;
-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.slider .owl-theme .owl-controls .owl-nav .owl-prev{left:15px;}
.slider .owl-theme .owl-controls .owl-nav .owl-next{right:15px;}
.slider:hover .owl-theme .owl-controls .owl-nav div{opacity:1;}

/*-----------------------------------how-section------------------------------------------*/
.how-section{padding:5em 0;background:url('../images/back.png');}
.how-section .btn.btn-success {
    background: #9a1e21;
    color: #fff;
    padding: 8px 15px;
    margin: 0px;
    text-transform: capitalize;
    border: 0;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 1em;
}
.how-section .btn.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active{color:#fff!important;background:#818285;border-color:transparent}
.how-section h4{
    font-size: 35px;
    line-height: 1;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
     text-shadow: 2px 2px 0px #fff;
}


/*-----------------------------------works------------------------------------------*/
p.echildday {
    margin-bottom: 30px;
}
.works h1 {
    color: #000;
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
}
.works h2 {
    color: #000;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
        margin-top: 1em;
        text-align: center;
}

.works p {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 1.6;
    
    margin-bottom: 10px;
    text-align: center;
}
 .works p strong {
    font-weight: 600;
    color: #991b1e;
}
 .works .our-work-section {
    padding: 35px 0px;
    border-bottom: 1px solid #000;
}

.works {
    padding: 3em 0em 3em;
    border-bottom: 1px solid #000;
}
.our-work ul.tabs-list {
    margin-top: 10px;
}
.our-work ul.tabs-list li {
    display: inline-block;
    border: 3px solid #cc1736;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 1.72em 6px 3em;
    margin: 8px 3.4px 0;
    position: relative;
   
}
.our-work ul.tabs-list li a {
    color: #000;
}
.our-work ul.tabs-list li:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 24px;
    background: url(../images/tick.png) no-repeat;
    height: 22px;
    width: 22px;
    margin: auto;
    filter: brightness(0);
}

.our-work ul.tabs-list li.active, .our-work ul.tabs-list li:hover {
    border: 3px solid #991b1e;
    background: #991b1e;
}
.our-work ul.tabs-list li.active a, .our-work ul.tabs-list li:hover a {
    color: #fff;
}
.our-work ul.tabs-list li:after {
    left: 15px;
}
.our-work ul.tabs-list li.active:after, .our-work ul.tabs-list li:hover:after {
    filter: brightness(0) invert(1);
}
.work-content {
    color: #cc1736;
    font-weight: 600;
}
.work-content h3 {
    font-size: 42px;
    line-height: 1;
    font-weight: 800;
}
.work-content ul {
    font-size: 32px;
    line-height: 1.4;
}
.work-content ul.work-address {
    font-size: 20px;
    color: #414144;
    line-height: 1.6;
    margin: 0;
}
.work-content ul.work-address {
    font-size: 20px;
    color: #414144;
    line-height: 1.6;
    margin: 0;
}
.work-content ul.work-address li a {
    color: #414144;
}
.work-content ul.work-address li a:hover {color:#cc1736;}


.causes-section .item:hover .boxs{background: #991b1e;}
.causes-section .item:hover .boxs h3, .causes-section .item:hover .boxs p {
    color: #fff;
}
.causes-section .item:hover .btn.btn-success {
    color: #9a1e21;
    background: #fff!important;
    border-color: transparent;
}
.causes-section .boxs {
    height: 300px;
}
.causes-section .item figure {
    overflow: hidden;
}
.causes-section .item:hover figure img {
    transform: scale(1.1);
}
.causes-section .item figure img {
    width: 100%;
    transition: .5s ease;
}
.aidss .owl-prev {
    left: 92%;
}
.aidss .owl-prev, .aidss .owl-next{
    font-size: 18px;
    font-weight: 100;
    width: 45px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    content: "";
    top: -3.7em;
    right: 0;
    background: transparent;
    color: #000 !important;
    font-family: "Font Awesome 5 Free";
    outline: none!important;
    box-shadow: none!important;
    border: 1px solid #000;
}
/*-----------------------------------aims------------------------------------------*/
.about.aims h1 {
      font-size: 23px;
    color: #cc1736;
    width: 100%;
    margin-top: 10px;
    font-weight: 600;
}
.about.aims ul {
    width: 100%;
}
.about.aims p.as {
    margin-left: 10px;
}
.about.aims p {
    font-size: 16px;
    color: #8C8C8C;
    font-weight: 500;
    margin-bottom:10px;
}
.about.aims h2 {
    font-size: 23px;
    color: #cc1736;
    width: 100%;
    margin-top: 10px;
    font-weight: 600;
}

.about.aims ul li {
    -webkit-transition: .5s ease;
    transition: .5s ease;
    position: relative;
    margin-bottom: 10px;
    margin-left: 1em;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}

.about.aims ul li::before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 900;
    font-size: 9px;
    color: #cc1736;
    position: absolute;
    top: 6px;
    left: -14px;
}
/*-----------------------------------causes-section------------------------------------------*/
.causes-section{padding:5em 0;}
.causes-section h2, .about-section h2{color: #000;text-transform:uppercase;font-weight:600;font-size:30px;position:relative;width: 26%;
    margin: auto;}
.causes-section h2, .about-section h2{margin-bottom:2.2em;line-height: 1;}

.causes-section h2:before, .about-section h2:before {
    position: absolute;
    content: "";
    width: 160px;
    height: 3px;
    background: #000;
    bottom: -30px;
    left: 75px;
}
.causes-section h2:after, .about-section h2:after{
    position: absolute;
    content: "";
    background: url(../images/life.png);
    width: 30px;
    height: 23px;
    bottom: -33px;
        left: 145px;
}
.causes-section .box:hover {
    background: #9a1e21;
}
.causes-section .box .thumb{
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.causes-section .box:hover .thumb {
    opacity: 0.3;
}
.causes-section .btn-content {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.causes-section .box:hover .btn-content{
    opacity: 1;
}


.causes-section .box, .causes-section .box .thumb{position:relative;}




.causes-section .box-content{padding:1em 10px;}
.causes-section .box-content h3{font-size: 25px;color: #3c3b3b;font-weight: 700;margin-bottom:0px;}
.causes-section .box-content p{font-size: 16px;color: #3c3b3b;font-weight: 500;margin:10px 0px;}

.causes-section .btn.btn-default {
    background: #fff;
    color: #9a1e21;
    padding: 8px 9px;
    margin: 0px;
    text-transform: capitalize;
    border: 0;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 1em;
}
.causes-section .btn.btn-default:hover, .btn-default:not(:disabled):not(.disabled):active{color:#fff!important;background:#818285;border-color:transparent}
/*--------------------Owl-controls-------------------*/
.causes-section .owl-theme .owl-controls .owl-nav div{position:absolute;top:30%;color:#a1a1a1;font-size:30px;}
.causes-section .owl-prev{left:-35px;}
.causes-section .owl-next{right:-35px;}
.causes-section .owl-theme .owl-controls .owl-nav div:hover{color:#f1592a;}


/*--------------------change-section-------------------*/
.change-section{padding:10em 0;background:url('../images/lifeback.png');background-size: cover;}
.change-section .btn.btn-success {
    padding: 6px 18px;
    margin: 0px;
    text-transform: capitalize;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 1em;
    margin-left: 20px;
}
.change-section .btn{ background:transparent;border: 3px solid #fff;
    color:  #fff;}
.change-section .btns{  background: #fff;
    color: #9a1e21;border: 3px solid transparent;}
.change-section .btn.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active{color:#fff!important;background:#818285;border-color:transparent}
.change-section h4{
    font-size: 33px;
    line-height: 1;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
}
.change-section h2{
    font-size: 65px;
    line-height: 1;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
}
/*--------------------news-section-------------------*/
.news-section{padding:3em 0;}
.news-section .newss{border-right: 1px solid #eaeaea;}
.news-section h4{font-size:30px;color:#3c3b3b;font-weight:700;position:relative;margin-bottom:1em;text-transform:uppercase;}
.news-section h4:before{position:absolute;content:"";width:60px;height:3px;bottom:0px;background:#3c3b3b;bottom:-10px;}
.news-section .featured-content {
    float: right;
    width: 50%;
}
.our-featured .owl-prev, .our-featured .owl-next, .our-upcoming .owl-prev, .our-upcoming .owl-next, .pasteventss .owl-prev, .pasteventss .owl-next{
    font-size: 18px;
    font-weight: 100;
    width: 45px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    content: "";  
    top: -3.7em;
    right: 0;
    background: transparent;
    color: #000 !important;
    font-family: "Font Awesome 5 Free";
    outline: none!important;
    box-shadow: none!important;
    border: 1px solid #000;
}


.pasteventss .owl-prev:hover, .pasteventss .owl-next:hover{border: 1px solid #991b1e;color: #991b1e !important;}
.our-featured .owl-prev, .our-upcoming .owl-prev{
    left: 85%;
}
.pasteventss .owl-prev{left: 92%;}
.news-section .featured-box figure {
    float: left;
    width: 50%;
    position: relative;
}
.news-section .featured-box img {
    height: 157px;
}
.news-section .featured-box .time {
    background: #991b1e;
    padding: 10px;
    width:46%;
    position: absolute;
    border: 0;
    left: 0px;
        bottom: -197px;
}
.news-section .featured-box .time ul li i {
    font-size: 18px;
    width: 28px;
    color:#fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}
.news-section .featured-box .time ul {
    display: inline-flex;
    float: left;
}
.news-section .featured-box .time li {
    font-size: 14px;
    color: #fff;
       font-weight: 500;
        width: 140px;
}
.news-section .latest-box{padding-bottom:20px;display: flex;}
.news-section .latest-box figure {
    float: left;
    width: 20%;}
.news-section .latest-content {
    float: right;
    width: 80%;
    padding-top: 3px;
    padding-left: 1em;
}
.news-section h6{font-size: 16px;font-weight:600;color:#949494;}
.news-section h5{font-size: 18px;font-weight:600;color:#3b3b3b;}
.news-section .featured-content p{font-size: 14px;font-weight:400;color:#616161;}
.news-section .featured-content a{font-size:10px;text-transform: uppercase;color:#0083c0;font-weight: 500;text-decoration: underline;}
.news-section .featured-content a:hover{color: #9a1e21}
.news-section .upcoming-box .time ul li i {
    font-size: 18px;
    width: 28px;
    color:#7b7b7b;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}
.news-section .upcoming-box .time ul {
    display: inline-flex;
    float: left;
    width: 100%;
    padding: 10px 0;
}
.news-section .upcoming-box .time li {
    font-size: 16px;
    color: #7b7b7b;
       font-weight: 500;
        width: 140px;
}
.news-section .upcoming-content p{font-size: 16px;font-weight:400;color:#616161;}
.news-section .upcoming-content h5{font-size: 21px;}
.news-section .upcoming-content {
    padding: 10px 0;
}
.ours{padding-left: 2em;}

/*------------------------------------work-section-----------------------------------------------*/ 
.work-section{margin:0;color:#333232;}  
.work-section .work-detail{padding:48px 0px 0px;position:relative;float: left;width: 100%;}
.work-detail .work-left {float:left;width:320px;} 
.work-section h2 {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    position: relative;
    width: 36%;
    margin: auto;
}
.work-section p {
    text-align: center;
}
.work-section h2:before {
    position: absolute;
    content: "";
    width: 160px;
    height: 3px;
    background: #000;
       bottom: -40px;
    left: 75px;
}
.work-section h2:after {
    position: absolute;
    content: "";
    background: url(../images/life.png);
    width: 30px;
    height: 23px;
       bottom: -50px;
    left: 145px;
}

/*----------------Work-center------------------- */   
.work-detail .work-center {
    margin: 0em 7em;
    max-width: 315px;
    width: 100%;
    float: left;
    text-align: c;
    position: relative;
}
.work-detail .work-center:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0;
    width: 313px;
    height: 457px;
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
}
.work-detail .work-center:hover:before{opacity:1;}

/*----------------Work-right------------------- */   
.work-detail .work-right {float:right;width:320px;position:relative;} 
.work-detail ul.work-list{color:#484646;font-size:13px;text-align:left;margin:0;} 
.work-detail .work-list li{display:inline-block;margin-bottom:55px;}
.work-detail .work-list li .list-img {float:left;width:118px;}  
.work-detail .work-list li .list-content {float:left;width:202px;padding-top:16px;}  
.work-detail .work-list li .list-content h5{font-size:20px;margin-top:0px;}  
.work-detail .work-list li .list-content p{text-align: left;text-transform:none;margin:0;}  

/*--------------------video-section-------------------*/

.video-section{padding:5em 0;background:url('../images/videoback.png');background-size:cover;}
.video-section h2{color: #fff;text-transform:uppercase;font-weight:600;font-size:30px;position:relative;width: 26%;
    margin: auto;}
.video-section p{color: #fff;text-transform:uppercase;font-weight:500;font-size:14px;position:relative;width: 78%;
    margin: auto;}
.video-section h2{margin-bottom:1.6em;line-height: 1;}
.video-section h2:before{
    position: absolute;
    content: "";
    width: 160px;
    height: 3px;
    background: #fff;
    bottom: -30px;
    left: 75px;
}
.video-section h2:after {
    position: absolute;
    content: "";
    background: url(../images/life1.png);
    width: 30px;
    height: 23px;
        bottom: -38px;
        left: 145px;
}
.video-section iframe{width: 75%;height:500px;margin:auto;margin-top:3em;border: 5px solid #fff;}
.videobos {width: 73%;height:497px;margin:auto;margin-top:3em;border: 5px solid #fff;}
/*--------------------about-section-------------------*/
.about-section{padding:4em 0;}
.about-section h5{font-size:30px;color:#991b1e;font-weight:600;}
.about-section p{font-size:16px;color:#535353;text-align: justify;}
.about-section .row{margin-top: 6em;}
.about-section .btn.btn-success {
    background: #9a1e21;
    color: #fff;
    padding: 10px 35px;
    margin: 0px;
    text-transform: capitalize;
    border: 0;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-top: 2em;
}
.about-section .btn.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active{color:#fff!important;background:#818285;border-color:transparent}


/*--------------------footer-section-------------------*/

.footer-section{background:url('../images/back1.png');background-size:cover;}
.top-footer{padding: 3em 0;}
.top-footer h4{color:#fff;font-size: 25px;font-weight:600;margin-bottom:1em;}
.top-footer h5{color:#fff;font-size: 18px;font-weight:600;margin-bottom:1em;}
.top-footer h4 span{font-size:16px;}
.top-footer img {
    text-align: center;
    margin: auto;
    display: block;
}
.top-footer .admin{margin-top:20px;}
.top-footer a{color:#d9d9d9}
.top-footer a:hover{color:#f1592a}
.top-footer p{color:#d9d9d9;font-size: 16px;font-weight:500;}
.top-footer p strong{color:#fff;}
.top-footer .conatactus {float: right;padding-left: 11em;}
.top-footer .conatactus p{margin-bottom:0.3em;}
.top-footer .conatactus i {
    font-size: 13px;
    color: #fff;
    padding-right: 6px;
}

.copy-right_content {
    background: transparent;
    padding: 10px 0;
       border-top: 1px solid #fff;
}
.copy-right_content p{color:#d9d9d9;font-size: 16px;font-weight:500; text-align:left ;
    margin-top: 3px;
}
.copy-right_content h6{color:#fff;font-size: 20px;font-weight:500; text-align:center;
    margin-top: 3px;
}
.copy-right_content ul.socail {
    display: inline-flex;
    margin-top: 0em;
    float: right;
}
.copy-right_content ul.socail li a {
    color: #fff;
    margin-right: 10px;
    text-align: right;
    font-size: 16px;
    transition: .2s linear;
    -webkit-transition: .2s linear;
}
.copy-right_content ul.socail li a:hover {
    color: #9a1e21;
}
.copy-right_content ul.socail li a:hover i {
    border: 2px solid #9a1e21;
}
.copy-right_content ul.socail li a i {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 31px;
    border: 2px solid #fff;
    border-radius: 50%;
}
/*-----------------------------------Scroll-to-Top-------------------------------------------*/
.back-to-top.actives {cursor: pointer;position: fixed;bottom: 26px;right: 12px;display: none;border:0;width: 60px;height: 60px;
margin: auto;transform: translate3d(0, 0px, 0);border-radius: 0px;z-index: 10001;background: url(../images/favicon.png) no-repeat center;}
.back-to-top.actives.btn-primary:hover{background: url(../images/favicon.png) no-repeat center;}

/*-------------------------------Inner-page-css---------------------------------------------*/
.about{background:#f1f1f1;padding:3em 0;}
.about .box{padding-top:1em;}
.about .box h4 {
    font-size: 20px;
    color: #3B3B3B;
    font-weight: 700;
    line-height: 1.5;
    width: 82%;
}
.about .box p {
    font-size: 16px;
    color: #8C8C8C;
    font-weight: 500;
    margin-bottom: 1em;
}
.about p {
    font-size: 16px;
    color: #8C8C8C;
    font-weight: 500;
    margin-bottom: 1em;
}
.about img {
    width: 100%;
    margin-bottom: 1em;
}
.vision ul{display:block;}
.vision ul li:hover{background:#9a1e21;}
.vision ul li:hover h5{color:#fff;}
.vision ul li {
    background: #fff;
    border-radius: 5px;
    padding: 30px 20px;
    width: 50%;
    margin: auto;
    margin-bottom:5px;
}
.vision ul li:hover .images{
    background: #fff;
}
.vision ul li:hover img{filter: brightness(1) invert(0);}
.vision .images{
    background: #9a1e21;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin:auto;
   
}
.vision img{ filter: brightness(0) invert(1);}
.vision ul li h5{color:#000;font-size:24px;font-weight: 600;margin-top: 15px;}
.causes{padding:3em 0;}
.causes-section .boxs {
    padding: 1em 1.5em;
}
.causes-section .boxs h3{font-size: 25px;color: #3c3b3b;font-weight: 700;margin-bottom:0px;}
.causes-section .boxs p{font-size: 16px;color: #7C7C7C;font-weight: 500;margin:10px 0px;}
.causes-section .boxs .btn-success {
    background: #9a1e21;
    color: #fff;
    padding: 8px 10px;
    margin: 0px;
    text-transform: uppercase;
    border: 0;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 1em;
}
.causes-section .col-md-3 figure{overflow: hidden;}
.causes-section .col-md-3:hover figure img{transform: scale(1.1);}
.causes-section .col-md-3 figure img{width:100%;transition: .5s ease;}
.causes-section .col-md-3{padding:0 8px;}
.causes-section .col-md-3:hover .boxs{background:#991b1e;}
.causes-section .col-md-3:hover .boxs h3, .causes-section .col-md-3:hover .boxs p{color:#fff;}
.causes-section .btn.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active{color:#9a1e21 !important;background:#fff;border-color:transparent;}
.causes-section .col-md-3:hover .btn.btn-success{color:#9a1e21;background:#fff!important;border-color:transparent;}
.causes-content {
    padding: 1.3em 1.3em;
    background: #eeeeee;
}

.cause-detail{
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #000;
}
.causes .col-md-6{padding:10px;}
.causes-content img{width:100%;}
.causes-content .box{padding-top: 25px;height: 270px;}
.causes-content .box h3{font-size: 30px;color: #3c3b3b;font-weight: 800;margin-bottom:0px;text-transform: uppercase;}
.causes-content .box p{font-size: 16px;color: #7C7C7C;font-weight: 500;margin:10px 0px;}
.causes-content .box .btn-success {
    background: #D1D1D1;
    color: #3c3b3b;
    padding: 8px 10px;
    margin: 0px;
    text-transform: uppercase;
    border: 0;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 800;
    margin-top: 1em;
}
.causes-content .box .btn.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active{color:#fff !important;background:#991b1e;border-color:transparent;}

.contact{padding:3em 0;}
.contact label {
    font-size: 18px;
    color: #838383;
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1;
}
.contact .form-control {
    font-size: 16px;
    border-color: #E0DCDD;
    border-radius: 0px;
    padding: 15px 10px;
    height: 45px;
    line-height: normal;
    box-shadow: none;
    outline: none;
    color: #7d7d7d;
}
.contact textarea.form-control {
    height: 110px!important;
}
.contact .btn.btn-default {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    font-weight: 500;
    padding: 0px 10px;
    width: 170px;
    background: #991b1e;
    color: #fff;
    border-radius: 30px;
    text-transform: uppercase;
}
.contact .btn.btn-default:hover {
    background: #000;
}
.contact .box {
    padding: 15px;
    border-bottom: 1px solid #E0DCDD;
}
.contact h5{font-size:20px;font-weight:700;color:#2b2b2b;text-transform: uppercase;margin-top:5px;}
.contact p{font-size:16px;color:#3c3b3b;font-weight:500;}
.contact p span{color:#991b1e;font-weight:600;}
.contact a {
    color: #3c3b3b;
}
.contact a:hover{color:#991b1e;}
.location{background:#eeeeee;padding:3em 0;display: flex;}
.location h2{font-size:30px;color:#3c3b3b;font-weight:800;text-transform: uppercase;position: relative;margin-bottom:1em;}
.location h2:before{position:absolute;content: "";width:60px;height:3px;background:#3c3b3b;bottom:-8px;left: 0px;}

.location  h3 {
    font-size: 20px;
     color: #fff; 
}

.panel{box-shadow:none;}
.panel-group {margin-top:1.5em;}
.panel-default>.panel-heading{background-color:transparent;border-color:transparent;}
.panel-default .panel-heading {padding:0px;} 
.panel-default .panel-heading a {display: block;width: 100%;background:#991b1e;text-align:center;position: relative;color: #fff;padding: 10px 10px;margin:5px 0px 15px;transition:.6s ease-in-out;-webkit-transition:.6s ease-in-out;}
.panel-default .panel-heading i.fa {float: right;font-size: 20px;vertical-align: middle;position:relative;}
.panel-title:hover, .panel-default .panel-heading a:hover{color: #fff!important;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {padding:0px;font-size:14px;}

ul.accordian-menu{margin:0px;list-style-type:none;}
ul.accordian-menu li.item{width:100%;padding:0px;color:#5E5E5E;margin-bottom:14px;text-align:left;}
ul.accordian-menu li p, ul .inner{text-align:center;line-height:1.8;margin:0;padding-top:10px;color:#000;display:none;background: #eee;font-size: 14px;}
ul.accordian-menu li p:last-child{padding-bottom:10px;}
ul.accordian-menu li p strong{font-size:16px;}
ul.accordian-menu li p.email a{color:#991b1e;font-weight:600;}  
ul.accordian-menu li a{color:#000;}
ul.accordian-menu li a:hover, ul.accordian-menu li p.email a:hover, ul.accordian-menu li p:hover{color:#f18d06;}
ul.accordian-menu .item h4{font-size:18px;position:relative;padding:10px 15px;margin:0;background:#fff;font-weight: 700;}
ul.accordian-menu .item.open h4{background:#991b1e;color:#fff;}
ul.accordian-menu .item h4::after{content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 800;color:#5E5E5E;float:right;font-size:20px;transition:ease-in-out 0.2s;line-height: 0.8;}
ul.accordian-menu .item.open h4::after{content:"\f077";color: #fff;}
ul.accordian-menu .item.open p{display:block;}
ul.accordian-menu .item:hover{cursor:pointer;}

.event {
    padding: 0em;
    display: flex;
}
.event .left{float: left;width:65%;padding:4em 3em 3em 5em;}
.event .left figure img{width:100%;}
.event .left .date {
    display: block;
    position: relative;
    content: "";
    background: #fff;
    left: 5px;
       margin-top: -50px;
    width: fit-content;
    padding: 4px;
}
.event .left ul li {
    font-size: 16px;
    color: #616161;
    font-weight: 500;
    padding: 5px;
}
.event .left ul li i {
    font-size: 16px;
    color: #adadad;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
}
.event .left .box{padding-top:25px;}
.event .left .box h3{font-size:21px;color:#3b3b3b;font-weight:600;}
.event .left .box p{font-size:16px;color:#616161;font-weight:500;}
.event .right{float:right;width:35%;}
.event .right .box{background:#991b1e;padding:4em 5em 4em 5em;}
.event .right .box h2{font-size:30px;color:#fff;font-weight:700;text-transform: uppercase;position: relative;margin-bottom:1em;}
.event .right .box h2:before{position:absolute;content: "";width:60px;height:3px;background:#fff;bottom:-10px;left: 0px;}
.event .right h6{font-size:18px;font-weight:500;padding:20px 0px;}
.event .right h6 a{color:#ffffff;}
.event .right h6 a:hover{color:#000;}
.event .right .date {
    display: block;
    position: relative;
    content: "";
    background: #fff;
    left: 0px;
    margin-top: -37px;
    width: fit-content;
    padding: 4px;
}
.event .right ul li{font-size:16px;color:#616161;font-weight:500;}
.event .right ul li i {
    font-size: 16px;
    color: #adadad;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
}
.top-footer .col-md-4 p {
    padding-top: 14px;
}


.pastevent{padding:4em 0;background:#eeeeee;}
.pastevent .card{background:transparent;border:none;}
.pastevent .card figure{overflow: hidden;}
.pastevent .card:hover figure img{transform: scale(1.1);}
.pastevent .card figure img{width:100%;transition: .5s ease;}
.pastevent .col-md-3 figure{overflow: hidden;}
.pastevent .col-md-3:hover figure img{transform: scale(1.1);}
.pastevent .col-md-3 figure img{width:100%;transition: .5s ease;height: 250px;}
.pastevent h2{font-size:30px;color:#3c3b3b;font-weight:700;text-transform: uppercase;position: relative;margin-bottom:1em;}
.pastevent h2:before{position:absolute;content: "";width:60px;height:3px;background:#3c3b3b;bottom:-10px;left: 0px;}
.pastevent h6{font-size:18px;font-weight:600;padding:20px 0px;margin: 0px;}
.pastevent h6 a{color:#3c3b3b;}
.pastevent h6 a:hover{color:#991b1e;}
.pastevent p{font-size:14px;color:#909090;font-weight:500;}
.pastevent .date {
    display: block;
    position: relative;
    content: "";
    background: #fff;
    left: 0px;
    margin-top: -37px;
    width: fit-content;
    padding: 4px;
}

.pastevent ul li{font-size:16px;color:#616161;font-weight:500;}
.pastevent ul li i {
    font-size: 16px;
    color: #adadad;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
}

.donate{
    padding: 0em;
    display: flex;
}
.donate .left{float: left;width:50%;padding:3em 3em 3em 9em;}
.donate .left figure img {
    width: fit-content;
}
.pays a img:hover {
    opacity: 0.9;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.pays a figure{overflow:hidden;}
.pays a img{transition: .2s linear;
    -webkit-transition: .2s linear;}
.col-lg-6.fac {
    padding-top: 2em !important;
}
.col-lg-6.fac p {
    font-size: 16px;
    font-weight: 600 !important;
    color: #991b1e !important;
}
.donate .left .box{}
.donate .left i {
    color: #f9f5f5;
    background: #991b1e;
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
}
.donate .left .form-control{line-height:60px;border-radius:0px;height:60px;margin-bottom:5px;}
.donate .left .box h2{font-size:30px;color:#3c3a3b;font-weight:700;text-transform: uppercase;position: relative;margin-bottom:0.8em;}
.donate .left .box h3 {
    padding-top: 15px;
    font-size: 21px;
    color: #3b3b3b;
    font-weight: 600;
    margin-bottom: 8px;
}
.donate .right .box h1 {
    margin-top: 13px;
    font-size: 35px;
    color: #fff;
    font-weight: 700;
}
.about h1, .about h2 {
    font-size: 33px;
    font-weight: 600;
}
.donate .left .box p{font-size:16px;color:#616161;font-weight:500;}
.donate .right {
    float: right;
    width: 50%;
    background: #991b1e;
}
.donate .right .box{background:#991b1e;padding:3em 3em 3em 3em;}
.donate .right .box h2{font-size:30px;color:#fff;font-weight:700;text-transform: uppercase;position: relative;margin-bottom:0.8em;}
.donate .right .box p{font-size:16px;color:#ffffff;font-weight:500;margin-top:0.8em;}
.donate .btn.btn-default {
        background: #9a1e21;
    color: #fff;
    padding: 8px 25px;
    margin-top:20px;
     margin-bottom:20px;
    text-transform: capitalize;
    border: 0;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 20px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}
.donate .btn.btn-default:hover, .btn-default:not(:disabled):not(.disabled):active {
    color: #fff!important;
    background: #818285;
    border-color: transparent;
}
.donate .form-check-inline {
    color: #797878;
    font-size: 16px;
    font-weight: 600;
    width: 22%;
}
.donate .col-lg-6, .donate .col-md-12{padding:0px 5px;}

/*gallery*/
.nit-gallery {
    padding: 3em 0;
    background-size: cover;
    position: relative;
}
.nit-gallery h2{font-size:48px;color:#000;font-weight:700;text-align:center;margin-bottom: 30px;}
#gallery.nit-gallery .nit-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#gallery.nit-gallery .nit-flex .nit-box {
    width: 33.33%;
    overflow: hidden;
    position: relative;
}
.nit-gallery .nit-box .img-box {
    position: relative;
    overflow: hidden;
}
#gallery.nit-gallery .nit-flex .nit-box::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    content: '';
    top: -5px;
    left: -5px;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.nit-gallery .nit-box .img-box:first-child {
    margin-right: 5px;
    margin-bottom: 5px;
}
#gallery.nit-gallery .nit-flex .nit-box .nit-sreach-btn {
    z-index: 2;
    position: absolute;
    left: 40%;
    right: 0;
    top:25%;
    margin: auto;
    width: 100%;
    color: white;
    opacity:0;
}
#gallery.nit-gallery .nit-flex .nit-box .nit-sreach-btn a {
    color: white;
}
#gallery.nit-gallery  .nit-flex .nit-box .nit-sreach-btn i {
    font-size: 62px;
    cursor: pointer;
    color: #fff;
}
#gallery.nit-gallery .nit-flex .nit-box:hover .nit-sreach-btn {
    top: 40%;
    opacity:1;
}
#gallery.nit-gallery .nit-flex .nit-box:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#gallery.nit-gallery .nit-flex .nit-box .title {
    z-index: 2;
    position: absolute;
    bottom: 6%;
    margin: auto;
    width: 100%;
    color: white;
    opacity: 0;
    font-size: 20px;
    text-align: center;
}
#gallery.nit-gallery .nit-flex .nit-box:hover .title {
    bottom: 12%;
    opacity: 1;
}
.news{padding:3em 0;}
 #masonry {
  column-count: 1;
  column-gap: 1em;
}

@media(min-width: 30em) {
  #masonry {
    column-count: 2;
    column-gap: 1em;
  }
}
.tbt_cmnt_grid figure:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.services-details-text .thumb {
    position: relative;
}
.tbt_cmnt_grid  {
    position: relative;
    overflow: hidden;
}
.tbt_cmnt_grid img
{
    width: 100%;
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    height: 270px;
}
.tbt_cmnt_grid figure {
    overflow: hidden;
}
.tbt_cmnt_grid h5 {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    color: #c7c7c7;
}
.tbt_cmnt_grid .box
{
    border-radius: 0px;
    background-color: #eff0f7;
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 20px;
    font-weight: 600;
    
}
.tbt_cmnt_grid h5 i {
    font-size: 16px;
    color: #9b2023;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
}
.tbt_cmnt_grid h3 {
    font-size: 22px;
    color: #3c3c3c;
    margin: 0px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
}
.tbt_cmnt_grid .btn.btn-default {
    background: transparent;
    color: #9a1e21;
    border: 1px solid #9a1e21;
    padding: 6px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 25px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.tbt_cmnt_grid .btn.btn-default:hover, .btn-default:not(:disabled):not(.disabled):active {
    color: #fff!important;
    background: #818285;
    border-color: transparent;
}
@media(min-width: 40em) {
  #masonry {
    column-count: 2;
    column-gap: 1em;
  }
}

@media(min-width: 60em) {
  #masonry {
    column-count: 3;
    column-gap: 1em;
  }
}

@media(min-width: 75em) {
  #masonry {
    column-count: 3;
    column-gap: 1em;
  }
}


.news-detail{padding:3em 0;}
.news-detail .box h5 {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    color: #c7c7c7;
}
.news-detail .box
{
    border-radius: 0px;
    background-color: #eff0f7;
    width: 100%;
    padding: 30px;
    margin-bottom: 15px;
    font-weight: 600;
    
}
.news-detail h5 i {
    font-size: 16px;
    color: #9b2023;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
}
.news-detail .box h3 {
    font-size: 22px;
    color: #3c3c3c;
    margin: 0px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
}
.news-detail .box p {
    font-size: 16px;
    color: #716e6e;
    margin: 0px;
    font-weight: 600;
    line-height: 1.7;
    text-align: left;
     margin-top: 15px;
}
.news-detail .btn.btn-default {
    background: transparent;
    color: #9a1e21;
    border: 1px solid #9a1e21;
    padding: 6px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 25px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.news-detail .btn.btn-default:hover, .btn-default:not(:disabled):not(.disabled):active {
    color: #fff!important;
    background: #818285;
    border-color: transparent;
}
.newsletter form {
    max-width: 590px;
    width: 100%;
    margin: auto;
}
.newsletter .form-control {
    height: 55px;
    border-radius: 0px;
    font-size: 16px;
    float: left;
    width: 73%;
    border: 0;
    padding: 0px 20px;
    background: #eeeeee;
    color: #616161;
}
.newsletter .btn.btn-success {
    font-size: 18px;
    height: 55px;
    width: 27%;
    color: #fff;
    background: #991b1e;
    font-weight: 500;
    border-radius: 0px;
    padding: 0;
    line-height: normal;
}
.newsletter .btn.btn-success:hover {
    background: #000;
}


.news-detail h6 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    padding: 0px;
    text-transform: uppercase;
    color: #3c3c3c;
    margin-top: 1.5em;
}
/*payment new*/
.payment {
    padding: 3em 0;
}
.col-md-offset-3 {
    margin-left: 25%;
}
.payment .btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.panel-heading.display-table.don-detail .display-tr {
    padding: 11px 15px;
    display: block;
}
.don-detail .btn.btn-lg.btn-default {
    margin-top: 22px;
}
.don-detail .btn.btn-lg.btn-default:hover {
    background: #c5b9b9;
}
.panel-body.don-detail {
    padding: 25px 15px;
}
.panel-body.don-detail p {
    margin-bottom: 13px;
}
.panel-body.don-detail strong {
    width: 26%;
    float: left;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.payment .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.payment .form-group {
    margin-bottom: 10px;
    border: none;
}
.payment label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.payment .panel-body {
    padding: 15px;
}
.payment .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

}
.payment .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
        font-weight: bold;
    color: inherit;
}
.payment .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 63%;
}
.payment .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}



/*new*/
.inner-section .inner-content{
    padding-bottom: 20px;
}
.SDGs-content {
    background: url(../images/SDGs-right.png) no-repeat center #f0efef;
}
.inner-section .SDGs-content p {
    font-size: 30px;
    /*font-weight: 900;*/
    line-height: 1.2;
    /*margin: 126px 10px;*/
    color: #000;
}
.SDGs-image {
    padding: 0;
}
.inner-section .SDGs-detail .SDGs-text{padding:3em 15px;border-bottom:1px solid #000;} 
.inner-section .SDGs-detail .SDGs-text:nth-child(2), .inner-section .SDGs-detail .SDGs-text:nth-child(5){border-left:1px solid #000;border-right:1px solid #000;}
.inner-section .SDGs-detail .SDGs-text:nth-child(4), .inner-section .SDGs-detail .SDGs-text:nth-child(5), .inner-section .SDGs-detail .SDGs-text:last-child{border-bottom:0px;} 
.inner-section .SDGs-detail .thumb  img{width:auto!important;animation-name:fadeInDown;animation-duration: 2s;-webkit-animation-name:fadeInDown;-webkit-animation-duration: 2s;}
.inner-section .SDGs-detail .thumb:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);transition: .3s all ease-in-out;-webkit-transition: .3s all ease-in-out;}
.inner-section .SDGs-detail .thumb:before{background:transparent;}
.inner-section .SDGs-detail .SDGs-text {color:#000;overflow:hidden;} 
.inner-section .SDGs-detail .SDGs-desc{animation-name:fadeInUp;animation-duration: 2s;-webkit-animation-name:fadeInUp;-webkit-animation-duration: 2s;}
.inner-section .SDGs-detail .SDGs-desc h4 {
    font-size: 26px;
    margin-top: 10px;
    font-weight: 700;
}
.inner-section .SDGs-detail .SDGs-desc p {
    font-size: 13.6px;
    font-weight: 600;
    margin: 0;
}
.inner-section .SDGs-detail .SDGs-text:nth-child(n):hover {background:#f18d06;color:#fff;}  
.inner-section .SDGs-detail .SDGs-text:nth-child(2):hover, .inner-section .SDGs-detail .SDGs-text:nth-child(5):hover {background:#cc1736;}  
  .SDGs-section {
    padding: 3em 0;
}
.SDGs-section h1.title {
    font-weight: 800;
    color: #000;
    font-size: 40px;
    margin-top: 0;
}
/*-----------------------------------media-css----------------------------------------------*/
@media(max-width:1299px){
#header.fixed-header .logo {top: 3px;}	
	
.slider .owl-theme .owl-controls .owl-nav .owl-prev{left:6px;}
.slider .owl-theme .owl-controls .owl-nav .owl-next{right:6px;}

}
@media(max-width:1199px){
.upper-header ul.contact-list{padding: 15px 0px;}	
.upper-header ul.contact-list li {padding: 0px 1.7em 0px 4.5em;}	
	
.slider .owl-item.active:before{background-size:95%;}	
.slider .slider-content {top:24%;width: 580px;right:0;}	

	
}
@media(max-width:991px){
.container {max-width:100%;}

.upper-header ul.contact-list {padding: 5px 0px;}
.upper-header ul.contact-list li:first-child:before, .upper-header ul.contact-list li:nth-child(2):before{font-size: 25px;width: 50px;height: 50px;line-height: 50px;}
.upper-header ul.contact-list li {padding: 0px 15px 0px 3.7em;}
.upper-header ul.contact-list li label {font-size: 18px;margin-bottom: 0px;}
.upper-header ul li a {
    font-size: 13px;
}
#header .logo {top:-70px;}
#header .logo img {width: 110px;}
#header .navbar-nav>li>a {
    font-size: 14px;
    padding: 15px 16px;
}
.video-section h2 {
    width: 42%;
}

.causes-section h2, .about-section h2 {
    width: 43%;
}
#header .navbar-nav>li:last-child>a {padding-right:10px;}
.dropdown:before {
    top: 12px;
    right: 0px;
}
#header.fixed-header .logo {
    top: 9px;
}
#header.fixed-header .logo img {width: 51px;}
#header.fixed-header .navbar-nav>li>a {padding: 15px 14px;}
#header.fixed-header .dropdown:before {
    top: 12px;
}
.slider .owl-item.active:before{background-size:73%;left:0;margin:auto;}	
.slider .slider-content {top:20%;width:auto;left:0;right:20px}
.home-slider .owl-item.active h3{font-size:20px;}	
.home-slider .owl-item.active h1{font-size:52px;line-height:1.1}	
.home-slider .owl-item.active p{font-size:16.5px;margin-bottom:15px;line-height:1.4}	

.our-featured .owl-prev, .our-upcoming .owl-prev{
    left: 75%;
}
.vision ul li {
    width: 85%;
  
}
.causes-section .boxs .btn-success {
    font-size: 12px;
   
}
.news-section h4 {
    font-size: 26px;
}
.top-footer .conatactus {
    padding-left: 1em;
}	
.causes-section .boxs h3 {
    font-size: 18px;
}
.causes-section .boxs {
    padding: 1em 1em;
}
.top-footer .admin {
    margin-left: 1em;
}
.donate .left {
    padding: 3em 3em 3em 2em;
}
.news-detail .box {
    padding: 9px;
}
.pastevent .col-md-3 figure img {
    height: 150px;
}
.event .right .box {
    padding: 4em 1em 4em 1em;
}
.event .left {s
    padding: 4em 2em 3em 2em;
}
}
@media(max-width:767px){
.upper-header {padding-top: 12px;}	
.upper-header ul.contact-list li {padding: 0px 12px 0px 3.7em;}	
.upper-header ul.contact-list li label {font-size:16px;}
.upper-header ul li a {font-size:15px;}
ul.social-icons li a i.fas, ul.social-icons li a i.fab {width: 18px;}

#header .logo {top:0px;max-width:90px;position: relative;left:0;margin:5px 0px;float:left;}	
.navbar-brand {display:block;padding:30px 0px;margin: 0;}
.navbar-toggler {padding: 7px 13px;background-color:#818285;border: 0px!important;border-radius: 2px;color:#fff;outline: none!important;}
.navbar.navbar-expand-md {float: left;width: 100%;}
#header .navbar-nav>li>a, #header.fixed-header .navbar-nav>li>a{padding:8px 2px;}
#header .navbar-nav>li:last-child>a {padding-right:0px;margin-bottom:14px;}
.dropdown:before, #header.fixed-header .dropdown:before{top:8px;right:0;}
#header.fixed-header .logo img {width:55px;}
#header.fixed-header .logo {top: 1px;}
#header.fixed-header .navbar-brand {padding:19px 0px;}

.slider .owl-item.active:before{background-size:68% 57%;width:500px}	
.slider .slider-content {top:19%;}
.home-slider .owl-item.active h3{font-size:17px;}	
.slider h1.stroke-double:before, .slider h1 span.stroke-double:before {-webkit-text-stroke:10px #1f8956;}
.slider h1.stroke-double:after, .slider h1 span.stroke-double:after {-webkit-text-stroke:12.5px #1f8956;}
.home-slider .owl-item.active h1{font-size:42px;margin-bottom:0px;}	
.home-slider .owl-item.active p{font-size:14.6px;margin:9px 0px 13px;}
.btn.btn-success, .btn.btn-default {padding: 8px 22px;font-size: 16px;}	


.back-to-top.actives {bottom: 18px;right: 10px;}




}

@media(max-width:600px){
.causes-section .boxs {
    height: auto;
}
.causes-section .boxs {
    padding: 1em 1.5em;
}
.causes-content .box {
    height: auto;
}
.pasteventss .owl-prev {
    left: 71%;
}
.causes-section .boxs .btn-success {
    font-size: 15px;
}
.causes-section .boxs h3 {
    font-size: 25px;

}
.top-footer .col-md-5 h4 {
    margin-top: 10px;
}
.causes-section .col-md-3 {
    margin-bottom: 10px;
}
.col-md-offset-3 {
    margin-left: 0%;
}
.upper-header ul.contact-list li:first-child:before, .upper-header ul.contact-list li:nth-child(2):before {
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    left: 5px;
}
.upper-header ul.contact-list li {padding: 0px 0px 0px 3em;}
.upper-header ul.contact-list li label {font-size: 15px;line-height: 1;}
.upper-header ul li a {font-size: 12.4px;}
ul.social-icons li a {margin-right:5px;}
ul.social-icons li a i.fas, ul.social-icons li a i.fab {width:15px;}
.causes-section .btn.btn-default {
    font-size: 14px;
}

#header .navbar-nav>li>a, #header.fixed-header .navbar-nav>li>a {
    padding: 8px 2px;
    font-size: 16px;
}
.causes-content .box h3 {
    font-size: 25px;
}
#gallery.nit-gallery .nit-flex .nit-box .nit-sreach-btn i {
    font-size: 28px;
}
.pastevent .col-md-3 {
    margin-bottom: 10px;
}
#gallery.nit-gallery .nit-flex .nit-box:hover .nit-sreach-btn {
    top: 36%;
    opacity: 1;
}
.copy-right_content p {
    font-size: 14px;
    text-align: center;
}
.banner-text p {
    font-size: 13px;
    }
.copy-right_content h6 {
    font-size: 15px;
        text-align: center;
}
.event {
    display: block;
}
.event .left {
    float: none;
    width: 100%;
    padding: 2em 1em 2em 1em;
}
.event .right {
    float: none;
    width: 100%;
}
.event .right .box {
    padding: 2em 1em 1em 1em;
}
.donate {
    display: block;
}
.donate .right .box {
    padding: 2em 1em 3em 1em;
}
.donate .left {
    float: none;
    width: 100%;
    padding: 2em 2em 2em 2em;
}
.donate .right {
    float: none;
    width: 100%;
}
.slider .owl-item.active:before{background-size:68% 46%;width:420px}	
.slider .slider-content {top:28%;}
.home-slider .owl-item.active h3, .home-slider .owl-item.active p{display:none;}	
.slider h1.stroke-double:before, .slider h1 span.stroke-double:before {-webkit-text-stroke:8px #1f8956;}
.slider h1.stroke-double:after, .slider h1 span.stroke-double:after {-webkit-text-stroke:10px #1f8956;}
.home-slider .owl-item.active h1{font-size:38px;margin-bottom:20px;}	

.vision ul li {
    width: 57%;
}
.about .box h4 {
    width: 100%;
}

}

@media(max-width:478px){
.upper-header {padding:8px 0px}	
.upper-header ul.contact-list li:last-child, .choose-section h2:before{display:none;}	
.upper-header ul.contact-list li label {font-size:16px;}
#header {
  position: relative;
}	
.panel-body.don-detail p {
    margin-bottom: 26px;
}
.don-detail .btn.btn-lg.btn-default {
    margin-top: 0px;
}
#header .logo {max-width: 105px;}	
.navbar-brand {padding:25px 0px;}	

.slider .owl-item.active:before{background-size:68% 36%;width:320px}	
.slider .slider-content {top:24%;right:12px;}
.home-slider .owl-item.active h1{font-size:26px;margin-bottom:18px;line-height:1.2}	
.btn.btn-success{padding: 6px 18px;font-size: 15px;}
.slider h1.stroke-double:before, .slider h1 span.stroke-double:before, .slider h1.stroke-double:after, .slider h1 span.stroke-double:after {-webkit-text-stroke:8px #1f8956;}
	


.back-to-top.actives {bottom: 12px;right: 5px;}
		
.how-section {
    padding: 2em 0;
}	
.how-section h4 {
    font-size: 25px;
}	
.how-section .btn.btn-success {
    padding: 6px 10px;
    font-size: 13px;
}	
.causes-section {
    padding: 2em 0;
}
.causes-section h2, .about-section h2 {
    font-size: 25px;
    width: 90%;
}
.top-footer {
    padding: 1em 0;
}
#header.fixed-header .logo img {
    width: 104px;
}
.change-section {
    padding: 2em 0;
}
.change-section h2 {
    font-size: 34px;
}
.change-section h4 {
    font-size: 25px;
}
.news-section h4 {
    font-size: 25px;
}
.our-featured .owl-prev, .our-upcoming .owl-prev {
    left: 73%;
}
.video-section {
    padding: 2em 0;
}
.video-section h2 {
    font-size: 25px;
    width: 90%;
}
.video-section iframe {
    width: 100%;
    height: 280px;
    margin-top: 1em;
}
.about-section {
    padding: 2em 0;
}
.about-section .row {
    margin-top: 0em;
}
.about-section .btn.btn-success {
    padding: 8px 25px;
    font-size: 15px;
    margin-top: 1em;
    margin-bottom: 10px;
}
.top-footer .conatactus {
    padding-left: 1em;
}
.top-footer .admin {
    margin-top: 10px;
}

.about-section h5 {
    font-size: 25px;
}
.donate .form-check-inline {
    width: 18%;
}
}
@media(max-width:375px){
.upper-header ul.contact-list li {
    padding: 0px 0px 0px 3em;
}
.donate .right .box h2 {
    font-size: 27px;
}

.upper-header ul.contact-list li:first-child:before, .upper-header ul.contact-list li:nth-child(2):before {
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    left: 7px;
}
.upper-header ul li a {
    font-size: 11.4px;
}

}
@media(max-width:370px){
.upper-header ul.contact-list li {padding: 0px 0px 0px 2.5em;}
.upper-header ul.contact-list li label {font-size:14.6px;line-height:10px;}
.upper-header ul.contact-list li:first-child:before, .upper-header ul.contact-list li:nth-child(2):before {
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    left: 5px;
    top: -5px;
}
.upper-header ul.contact-list li {padding: 0px 0px 0px 2.5em;}
.upper-header ul li a {font-size:11.6px;}
.navbar-brand {padding:20px 0px;}

.slider .owl-item.active:before{background-size:65% 30%;width:285px}	
.home-slider .owl-item.active h1{font-size:20px;margin-bottom:15px;line-height:1.3}	
.btn.btn-success{padding:4px 15px;font-size:13.6px;}


.back-to-top.actives {bottom: 50px;}



}

@media(max-width:320px){
.vision ul li {
    width: 65%;
}
.banner-text p {
    font-size: 12px;
}
.upper-header ul.contact-list li {
    padding: 0px 0px 0px 1.6em;
}
.upper-header ul li a {
    font-size: 10.6px;
}
.upper-header ul.contact-list li:first-child:before, .upper-header ul.contact-list li:nth-child(2):before {
    font-size: 13px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    left: 0px;
    top: 0px;
}
.causes-content .box h3 {
    font-size: 23px;
}
}

.fancybox-caption__body {
    font-size: 20px;
}



.upper-header ul.socail li a{margin-left: 10px;text-align: right;font-size: 16px;transition: .2s linear;color: #9a1e21;}
.upper-header ul.socail li a i{width: 32px;height: 32px;text-align: center;line-height: 31px;border: 2px solid #9a1e21;border-radius: 50%;}
.upper-header ul.socail li a i:hover {  color: #a99a9a; }
.upper-header ul.socail{padding: 0;transform: translateY(13px);}
.upper-header ul.contact-list li{padding: 0px 4em;padding-right: 35px;}
.upper-header ul.contact-list li label{font-size: 16px;}
.upper-header ul li a,.upper-header ul li p{font-size: 16px;}
.upper-header ul.contact-list li:nth-child(2):before,.upper-header ul.contact-list li:first-child:before{font-size: 22px;width: 50px;height: 50px;line-height: 50px;}










/*Below Css written by Nitin Saxena*/

.nit-featured{padding: 60px 0;}
    .nit-featured h2::before{position: absolute;content: "";width: 160px;height: 3px;background: #000;bottom: -20px;left: 0;right: 0;margin: auto;}
    .nit-featured h2::after{position: absolute;
    content: "";background: url(../images/life.png);width: 30px;height: 23px;bottom: -30px;left: 0;right: 0;margin: auto;}
    .nit-featured h2{color: #000;text-transform: uppercase;font-weight: 600;font-size: 30px;position: relative;margin: auto;text-align: center;margin-bottom: 80px;}
    .nit-featured figure{transition: .3s;text-align: center;height: 180px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 5px;}
    .nit-featured figure img{width: 225px;margin: auto;transition: .3s;filter: grayscale(1);}
    .nit-featured figure:hover{border:2px solid #000;transform: scale(0.9);box-shadow: 7px 1px 14px #9d9d9d;}
    .nit-featured figure:hover img{transform: scale(1.2);filter: none;}
    .nit-featured figure svg{width: 300px;display: none;}