@charset "utf-8";
@import url('font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Lobster|Roboto+Slab:300,400,700|Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&display=swap');
/* CSS Document */

body{font-family: 'Roboto', sans-serif; line-height:26px;}
ul,li{list-style:none;padding:0;margin:0;}
.padding_R{padding-right: 0;}
.padding_L{padding-left: 0;}
.m-t-70{margin-top: 70px;}

/*Element CSS*/
a{text-decoration:none!important;}
h1,h3{font-family: 'Roboto Slab', serif;}

/*Alignment CSS*/
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-t-20{margin-top:20px;}
.m-t-25{margin-top:25px;}
.m-t-30{margin-top:30px;}
.m-t-35{margin-top:35px;}
.padding_60{padding:60px 0;}
.padding_20{padding:20px 0;}
.reset-padding{padding:0;}

/*Color codes*/
.color-white{color:#fff;}
.color-blue{ color:#182c60;}

/*Btn CSS*/
.btn-default{background-color:#00215c; color:#fff; text-transform:uppercase; font-size:14px; border-radius:50px; border-color:#00215c;}
.btn-default:hover{background-color:#ececec; color:#00215c; transition:0.8s ease-out; font-weight:500;}

/*Top css*/
.logo{padding:24px 0;}
.logo2 {
    margin-left: -38px;
    opacity: 1;
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes example {
  0%   { opacity:1;}
  50%  { opacity:0;}
  100% { opacity:1;}
}
.top-links{background-color:#00215c; padding:15px 45px;border-radius:50px;}
.top-links a{margin-left:25px!important;}
.top-links a, .social-links a{color:#fff; font-size:16px; }
.top-links i{margin-right:8px;}
.social-links{display:inline-block; float:right;}
.top-links .social-links i{margin-right:0px;}
.top-bar h2{font-size:28px; font-weight:400; font-family: 'Lobster', cursive; color:#464545; margin-top:22px; margin-bottom:0; line-height:18px;}

/*Home Banner*/
.banner{position:relative;}
.banner1{background:url(../images/Home-banner.png) top center no-repeat;height:482px;}
.banner2{background:url(../images/Home-banner1.png) top center no-repeat;height:482px;}
.banner3{background:url(../images/Home-banner2.png) top center no-repeat;height:482px;}
.banner4{background:url(../images/Home-banner3.png) top center no-repeat;height:482px;}
.banner5{background:url(../images/Home-banner4.png) top center no-repeat;height:482px;}
.carousel-caption small{font-weight:300; font-size:16px;}
.carousel-caption h1{font-size:45px; font-weight:400; margin:8px 0 15px;}
.carousel-caption{left:0; right:0; bottom:unset; margin-top:150px; text-align:center;}
.carousel-caption .btn{padding: 6px 40px;}
.carousel-control .fa-angle-right, .carousel-control .icon-next {margin-right: -10px; right: 20%;}
.carousel-control .fa-angle-left, .carousel-control .icon-prev {left:15%;margin-left: -10px;}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; font-size: 30px; background-color:rgba(0, 0, 0, 0.62); padding:14px 24px; border-radius:50%;}
.carousel-control.right, .carousel-control.left{background-image:none; opacity:1;}
.carousel-control{top:55px;}


/*Navigation*/
.navigation{position:absolute;top:173px; left:0; right:0;z-index: 99;}
.navbar-default{background-color:rgba(0, 0, 0, 0.32); margin-bottom:0; border:none;}
.navbar-nav > .navbar-left > li {padding: 15px 25px 0;}
.navbar{border-radius:0; min-height:unset;}
ul.dropdown-menu li{background:transparent; color:#ccc;}
ul.dropdown-menu > li.active > a::after{border-bottom:none; display:none;}
.navbar-default .navbar-nav > li > a, ul.dropdown-menu li a{font-size:16px; text-transform:uppercase; color:#fff; font-family: 'Roboto Slab', serif; font-weight:300; padding:20px 28px;}
ul.dropdown-menu li a{padding:8px 25px;}
.navbar-default .navbar-left > li:first-child > a {padding-left: 0;}
.navbar-default .navbar-left > li:hover:first-child > a::after, .navbar-default .navbar-left > li.active:first-child > a::after{left:-32px;}
/*.navbar-default .navbar-left > li::after{content:"|"; display:inline-block; color:#fff; position:absolute; top:28px; left:0; right:0;}*/
ul.dropdown-menu{display:none; background-color:rgba(0, 0, 0, 0.32);}
.navbar-default .navbar-left > li.dropdown:hover ul.dropdown-menu{display:block;}
.navbar-default .navbar-left > .active > a, .navbar-default .navbar-left > .active > a:focus, .navbar-default .navbar-left > .active > a:hover, .navbar-default .navbar-left > li > a:hover {background-color: transparent;color: #fff;}
.navbar-default .navbar-left >.active a::after, .navbar-default .navbar-left > li > a:hover li::after,  .navbar-default .navbar-left > li:hover > a::after{content:""; border-bottom:2px solid #fff; width:70%; position:absolute; bottom:0; left:0; right:0; display:inline-block; margin:0 auto;}
/*.navbar-default .navbar-left > li a.active{content:""; border-bottom:2px solid #fff; width:70%; position:absolute; bottom:0; left:0; right:0; display:inline-block; margin:0 auto;}*/
.navbar-right > li:after, .navbar-left li:first-child::after {content: "";display: none;}
.navbar-right{margin:0px 0 0;}
.navbar-right li a.btn-default:hover{background-color:#ececec; color:#00215c; font-weight:500;}
.navbar-default .navbar-right > li > a{padding:19px 20px; font-size:14px;}

/*hmabout section*/
.title h1, .title2 h1{font-size:30px; font-weight:700; text-transform:uppercase; position:relative; margin-bottom:40px; margin-top:0;}
/*.title h1::before {background: url(../images/title-blue-after-image.png) no-repeat center bottom; content:""; position:absolute; width:80%; height:40px; left:0; bottom:-15px; display:block;}
.title2 h1::before {background: url(../images/title-white-after-image.png) no-repeat center bottom; content:""; position:absolute; width:80%; height:40px; left:0; bottom:-15px; display:block;}*/
/*.board-of-governance .title h1::before{width:70%;}
.preamble .title h1::before{width:84%;}*/
.hmabout p {font-size: 15px; font-weight: 300; color: #666;}

.hmabout .vision p,.hmabout .mission p{margin-bottom:5px;}
.hmabout .vision h4,.hmabout .mission h4{font-weight:400;font-size:22px;}
.hmabout .mission p{display:flex;}
.hmabout .mission p i{margin-top: 2px; margin-right: 13px;}
.hmabout .btn-default{padding:10px 40px;font-size:14px;font-weight:300; margin:10px 0 0;}

/*hmapproach section*/
.hmapproach{background-color:#182c60;font-size:16px; font-weight:300;color:#fff;}
.hmapproach p{padding:20px 0;}
.hmapproach .points{margin-left:50px;}
.hmapproach .points p{display:flex;padding:0px;}
.hmapproach .points p i{margin-top: 2px; margin-right: 13px;}

/*hmwhat we do section*/
.hmwhat_we_do p{padding:20px 0;font-weight:300;font-size:16px;color:#666;}
.service-image-box{margin-bottom:22px; position:relative;}
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(66, 76, 111, 0.70);}
.service-image-box:hover .overlay{opacity:1;}
.overlay-text {color: white; font-size: 20px; position: absolute; top: 65%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-family: 'Roboto Slab', serif; font-weight:700; text-transform:uppercase;}
.overlay-text p{font-size:14px; text-align:center; color:#fff; font-weight:700; text-transform:capitalize;}
.overlay-text i{font-size:18px;}
/*donate Section*/
.donate{background:url(../images/donate_background_image.png) top center no-repeat;height:215px; padding:90px 0;}
.donate h2{font-weight:400;font-size:36px; margin:0;}
.donate a{background:none;border-color:#fff;font-weight:400;font-size:16px;padding:10px 30px;}

/*hm_industries section CSSS*/
.indus_box {background-color: #f9f9f9; border: 1px solid #ddd; -webkit-box-shadow: -1px 0px 5px 0px rgba(145,122,145,1); -moz-box-shadow: -1px 0px 5px 0px rgba(145,122,145,1); box-shadow: -1px 0px 5px 0px rgba(145,122,145,1); padding: 35px 25px; text-transform:capitalize;}
.indus_box i{margin-right:8px;margin-top: 5px;}
.indus_box h3{font-size: 20px;}
.indus_box ul li{display:flex;}

/*CONTACT US*/
/*Inner Banner*/
.inner-banner {background: url(../images/inner_banner.png) top center no-repeat; height: 329px; position: relative; font-family: 'Roboto Slab', serif; padding-top: 160px;}
.inner-banner h2{margin: 0;font-size:45px; font-weight:400; line-height:40px;}
.inner-banner small, .inner-banner a{font-size:16px; font-weight:400;}

/*Message Form*/
.message_form{padding:80px 0px;}
.message_form h3{color:#182c60;font-weight:700;font-size:30px;}
.message_form img{border: 1px solid #ccc; width: 100%; height: 49px; border-right: none;}
.form-group{margin-bottom: 25px;}
.form-group textarea{width: 100%;padding:20px;}
.form-control{border-radius:0px;height:49px; }
.message_form .btn-default{padding:10px 60px;font-size:14px;font-weight:300;}
.quick_contact{background-color:#182c60;padding:20px 20px;}
.quick_contact .icon{padding:10px 20px;}
.quick_contact .icon p{display:flex; font-size:16px;font-weight:300;}
.quick_contact .icon p i{margin-top: 5px; margin-right: 13px;}
.quick_contact .icons{margin-left:30px;}
.quick_contact .icons i{color:#fff;font-size:16px;margin-left:15px;}

/*Map*/
.map{background-color:#f1f1f1;}

/*WHO WE ARE*/
/*ABOUT SVADES*/
.about{padding-top:80px;}
.about p{font-size:16px;font-weight:300;}
.about li::before{content:"\f105"; font-family:FontAwesome;}
.about .who_we_are li::before{color:#fff; display:inline-block; vertical-align:top; margin-right:8px;}
.about .who_we_are li{display:flex;}

/*MISSION*/
.who_we_are{background-color:#556162;padding:80px 0px;}
.who_we_are .vision h4,.who_we_are .mission h4{font-weight:400;font-size:22px;}
.who_we_are .vision p,.who_we_are .mission p{font-weight:300;font-size:16px;}
.who_we_are .mission p i{margin-top: 2px; margin-right: 13px;}

/*PROMOTION*/
.promotion{padding:80px 0;}
.promotion li::before{content:"\f105"; font-family:FontAwesome;display:inline-block; vertical-align:top; margin-right:8px;}
.promotion h2{font-weight:700;font-size:24px;margin-bottom:20px; text-align:left;}
.promotion p{font-weight:300;font-size:14px; padding:0 8px; display:inline-flex;}
.promotion p i{margin-top: 4px; margin-right: 13px;}
.promotion .border_after::after{content: "";position: absolute;width: 98%;height: 92%;left: -8px;top: 25px;border-right: 2px solid #f8f8f8;right: 0;}
/*.promotion .border_bottom::after{content: "";position: absolute;width: 98%;height: 98%;left: -8px;top: 25px;border-bottom: 2px solid #f8f8f8;right: 0;}*/

/*APPROACH & INTERVENTIONS*/

/*APPROACH*/
.approach{padding:80px 0;}
.approach p{padding:20px 0;font-weight:300;font-size:16px;color:#666;}
.approach .points{margin-left:50px;}
.approach .points p{display:flex;padding:0px;}
.approach .points p i{margin-top: 2px; margin-right: 13px;}

/*INTERVENTIONS*/
.intervention{padding-bottom:50px;}
.approach .intervention p{color:#666;}
.intervention p{padding:20px 0;font-weight:300;font-size:16px;color:#fff;}
.intervention h6{font-weight:500;font-size:16px;color:#666;padding:5px 0;line-height:22px; text-transform:capitalize;}


/*PREAMBLE*/

.preamble p{font-weight:300;font-size:16px;color:#666;}

/*LEGAL IDENTITY*/
.legal_identity p{font-weight:400;font-size:20px;color:#666;}
.legal_identity_table{padding:30px 0;}
.legal_identity_table .table{font-weight:300;font-size:16px;color:#666;}

/*SANITATION & ECORESTORATION*/

/*sanitation & ecorestoration*/
.sanitation_eco p{font-weight:300;font-size:16px;color:#666;}
.sanitation_eco .list p{display:flex;}
.sanitation_eco .list p i{margin-top: 2px; margin-right: 13px;}
.sanitation_eco li {list-style:disc;margin-left:13px;}

/*household sanitary latrine (hsl)*/
.hsl .pli {color:#fff;}
.pli .fa {margin-right:10px;}
.hsl {
    background-color: #142858;
}
.hsl p{font-weight:300;font-size:16px;}

/*What is HSL*/
.what_is_hsl .hsl_image{margin-top:40px;}
.what_is_hsl p strong{font-weight:400;font-size:16px;color:#666;}
.what_is_hsl p{font-weight:300;font-size:16px;color:#666;}
.what_is_hsl .list p{display:flex;margin-bottom:2px;}
.what_is_hsl .list p i{margin-top: 2px; margin-right: 13px;}
/*VILLAGE INFRASTRUCTURE DEVELOPMENT*/
.text p {
    font-weight: 300;
    font-size: 15px;
    color: #666;
    margin: 0px 0 10px;
}

/*SCHOOL SUPPORT PROGRAMMES*/


/*WOMEN EMPOWERMENT*/

/*YOUTH CAPACITY BUILDING*/

/*Gallery CSS*/
.photo-gallery .nav > li{background-color:#f0f0f0;}
.photo-gallery .nav > li > a{color:#333; font-size:16px; font-family: 'Roboto Slab', serif; font-weight:400; padding:15px; margin-bottom:8px;}
.photo-gallery .nav > li:hover, .photo-gallery .nav-stacked > li.active, .photo-gallery .nav > li > a:focus, .photo-gallery .nav > li > a:hover{background-color:#00215c;}
.photo-gallery .nav > li:hover a,  .photo-gallery .nav > li.active a{color:#fff;}
.gallery-image-box{border:1px solid #ccc; margin-bottom:30px;}
.tab-content h2{margin-top:0; font-size:26px;}

/*Board of governnace*/
.board-list{background-color:#f9f9f9; padding:25px;}
.board-list li{font-size:16px; font-weight:500;}

/*Publications CSS*/
.publications .nav > li{background-color:#f0f0f0;}
.publications .nav > li > a{color:#333; font-size:16px; font-family: 'Roboto Slab', serif; font-weight:400; padding:15px; margin-bottom:8px;}
.publications .nav > li:hover, .publications .nav-stacked > li.active, .publications .nav > li > a:focus, .publications .nav > li > a:hover{background-color:#00215c;}
.publications .nav > li:hover a,  .publications .nav > li.active a{color:#fff;}
.publications .gallery-image-box{border:1px solid #ccc; margin-bottom:30px;}

/*Sitemap*/
.sitemap li{margin-bottom:20px;}
.sitemap a{font-size:15px; color:#00215c; font-weight:500;}
.sitemap i{margin-right:8px;}
.sitemap p{font-size:15px; color:#666; font-weight:300;}
.sitemap p::after {border-bottom: 2px solid #182c60; content: ""; display: block; width: 15%; margin: 8px 0;}
/*Footer*/
.footer {background-color: #182c60;font-weight: 300; font-size: 16px; padding: 50px 0px;}
.footer h3{padding-bottom:20px;font-weight:400;font-size:19px;}
.footer ul li i,.footer ul li a{color:#fff;padding-bottom:25px;}
.footer ul li a{padding-left:12px;}
.footer .icon p{display:flex; font-size:16px;font-weight:300;}
.footer .icon p i{margin-top: 5px; margin-right: 13px;}
.footer .icon{padding-bottom:10px;}
.footer .icons a{color:#fff;}
.footer .icons{padding-top:90px;float:right;}
.footer .icons i{display:block;padding-bottom:35px;}

/*Footer Bottom*/
.footer-bottom{background-color:#0e1a3a;padding:15px 0px;font-weight:300;font-size:16px;}
.footer-bottom .content a{margin-left: 80px;}

.thank-you h3{font-size:30px;}
.thank-you h6{font-size:20px;padding:20px 0;}
.thank-you p{font-size:16px;}

/*Media Queries*/
@media screen and (max-width: 400px) {

}

@media screen and (min-width: 401px) and (max-width: 767px) {

}

@media screen and (max-width: 767px) {
.navbar-default{background-color:transparent;}
.navbar-collapse{border-top:1px solid #00215c; padding:0; text-align:center;}
.navigation{top:40px; right:10px;}
.navbar-nav{background-color:#fff; margin: 0;}
.navbar-default .navbar-nav > li > a{color:#00215c; padding:8px 25px;}
.navbar-default .navbar-left > .active > a, .navbar-default .navbar-left > .active > a:focus, .navbar-default .navbar-left > .active > a:hover, .navbar-default .navbar-left > .active > a, .navbar-default .navbar-left > .active > a:focus, .navbar-default .navbar-left > .active > a:hover, .navbar-default .navbar-left > li > a:focus, .navbar-default .navbar-left > li > a:hover{color:#000;}
.navbar-default .navbar-left > li:first-child > a {padding-left:25px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#00215c;}
.inner-banner{padding-top: 120px;}
.message_form{padding: 30px 0px;}
.message_form .btn-default{margin-bottom: 25px;}
.footer-bottom{text-align:center;}
.form-control{margin-bottom: 20px;}
.form-group{margin-bottom: 7px;}
.form-group img{margin: 20px 0px;}
.footer{padding: 10px 0px;}
.footer .icons{float:left;padding:0;}
.footer .icons i{display:inline-block;margin-left:10px;}
.padding_R{padding-right: 15px;}
.padding_L{padding-left: 15px;}
.message_form img{border-right: 1px solid #ccc;}
.about,.promotion,.who_we_are,.approach{padding: 40px 0px;}
.promotion .border_after::after{display:none;}
.gallery-image-box{border:unset;}
.photo-gallery .gallery-image-box img{margin:5px auto;}
}

@media (min-width: 768px) and (max-width: 991px) {
.top-bar{display:none;}
.navbar-right{margin-top:-180px;}
.navbar-default .navbar-nav > li > a{font-size:14px; padding:15px 18px;}
.navigation{top:146px;}
.carousel-caption h1{font-size:35px;}
.quick_contact,.quick_contact .icon p{font-size: 13px;}
.footer-bottom{font-size: 14px;}
.footer .icon p,.footer{font-size: 14px;}
.promotion .border_after::after{width:105%;height: 105%;}
.promotion p{font-size: 15px;}
.about,.who_we_are,.approach{ padding: 50px 0px;}
.about p,who_we_are .vision p, .who_we_are .mission p,.approach p,.intervention p{font-size: 15px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
 .top-links{padding:15px 12px;}
.top-links a{margin:0 3px; font-size:14px;}
 .social-links a{margin:0;}
 .navbar-default .navbar-left > li > a{padding:15px 17px;}
 .quick_contact,.quick_contact .icon p, .footer-bottom{font-size: 15px;}
 .approach p,.intervention p{font-size: 15px;}
}


.mb-0 {margin-bottom: 1px !important;}
.pl_2 {padding-left: 28px;}
.hb:hover {color: #fff !important}