/*
 Table Of Contents
 1.) Homepage first
 1.1) Banner Slider Section
 1.2) Our Causes Section
 1.3) How To Help Section
 1.4) Become Volunteer Section
 1.5) Latest News Section
 1.6) Testimonial Section
 

/*
 1.) Homepage
 ----------------------------------------*/
/*
 1.1)Banner Slider Section 
 ----------------------------------------*/

.section-header {
	text-align: center;
	margin: 10px 0 0px;
	border-bottom: 0;
	padding-bottom: 9px;
}
.banner-slider ul li h2
{
	line-height: 1;
} 
.banner-slider h2 {
	font-size: 36px;
	font-weight: 300;
	margin-top: 0;
	line-height: 1.2;
}
.banner-slider h2 strong {
	display: block;
	border: none;
	padding: 0;
}
.banner-slider p {
	line-height: 1.8;
}
.tp-caption .btn.btn-default {
	font-size: 14px;
	padding: 12px 31px;
}
.banner-section.btn-link:hover {
	text-decoration: underline;
}

.trans-grey {
	width: 370px;
	height: 11.07em;
	background: rgba(68,61,55,0.9);
}
.btn-bg {
	font-size: 12px;
	border-radius: 0;
	color: #45403c;
	padding: 6px 12px;
	cursor: default;
}
.banner-summary, .banner-heading {
	width: 385px;
	white-space: normal !important;
}
.slider-third .banner-heading {
	width: 479px;
}
.third-style {
	width: 390px;
}
.slider-third  .tp-caption .btn.btn-default {
	padding: 9px 26px;
}
.bottom-animation h2 {
	font-size: 24px;
	color: #fff;
}
.third-style h2, .third-style p {
	color: #fff;
}

.third-style h2 strong {
	font-size: 36px;
}
.third-style h2 {
	font-size: 30px;
}
.bottom-animation h2 strong {
	font-size: 36px;
}
.rev_slider_wrapper .tparrows {
	z-index: 9999;
}
/*revolution slider style*/
.tp-bullets.simplebullets.round .bullet {
	background: none;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	border-radius: 50%;
}

.tp-bullets.hidebullets {
	opacity: 1;
}

/*
 1.2)Our Causes Section
 ----------------------------------------*/
.our-causes {
	background: #edecf1;
}
.our-causes .article-list {
	text-align: center;
}
.our-causes h2 {
	font-weight: 400;
	font-size:28px; 
}
.article-list .h4 {
	color: #26211d;
	font-weight: 700;
}
.article-list .items img {
	width: 100%;
	display: block;
	border-radius: 10px;
}
.article-list .items h3 {
	margin-bottom: 10px;
	font-size: 24px;
}
.article-list .donation {
	font-size: 16px;
	color: #26211d;
	display: block;
	font-weight: 700;
	margin-bottom: 21px;
}
.value small {
	font-size: 100%;
	color: #8e8782;
}
.article-list p {
	line-height: 1.6;
	margin: 10px 0 5px;
	font-size: 14px;
}
.slides {
	padding: 0;
}
.our-causes .items .btn {
	padding: 10px 25px;
}
.our-causes .slides > li {
	float: left;
	width: 350px;
	margin-right: 30px;
}
.our-causes .slides > li+ li+ li+ li {
	display: none;
}
.our-causes .slick-slider {
	margin-bottom: 160px;
}
.flex-direction-nav {
	display: none;
}
.flexslider ul, .flexslider ol {
	list-style: none;
}
.flexslider .flex-control-paging {
	list-style: none;
	padding: 0;
}
.our-causes .flex-control-paging {
	margin-top: 20px;
	margin-bottom:20px;
}

.our-causes .flex-control-paging  li {
	width: 12px;
	height: 12px;
	margin: 0 4px;
	display: inline-block;
}

.our-causes .flex-control-paging a {
	height: 12px;
	width: 12px;
	border-radius: 100%;
	border: 2px solid #4d4641;
	padding: 0;
	text-indent: -99999px;
	text-align: left;
	display: block;
	cursor: pointer;
}
.our-causes .flex-control-paging a.flex-active {
	background: #4d4641;
}

.article-list .progress, .article-list-large .progress {
	background: #26211d;
	border-radius: 0;
	height: 4px;
	margin-bottom: 19px;
	overflow: visible;
}
.progress-bar, .progress {
	filter: none;
}

.article-list .progress-bar, .article-list-large .progress-bar {
	position: relative;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}
.progress-value {
	min-width: 48px;
	height: 30px;
	line-height: 30px;
	background: #ecc731;
	color: #26211d;
	text-align: center;
	position: absolute;
	left: 100%;
	top: -37px;
	margin-left: -24px;
}
.progress-value:after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: -4px;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/*
 1.2)How To Help Section
 ----------------------------------------*/
.how-to-help {
	background: #fbfaf8;
	padding: 10px 0;
}
.how-to-help h2 {
	font-weight: 400;
	font-size: 28px;
	padding: 10px 0;
}
.how-to-help .section-header {
	margin:10px 0;
}
.how-to-help .svg-shape svg {
	width: 69px;
	height: 69px;
}
.help-list .media h3 {
	color: #26211d;
	font-weight: 700;
	margin-bottom: 14px;
	font-size: 18px;
}
.help-list .media h3 a {
	color: #26211d;
}
.help-section .media h3 {
	margin: 0 0 30px;
	font-size: 24px;
	font-weight: 400;
}
.help-list .media {
	font-size: 18px;
	color: #727272;
}
.warning-icon-box {
	width: 68px;
	height: 68px;
	padding: 16px 0;
	text-align: center;
}

.how-to-help h4{
	text-align: center;
	color: #09aba0;
	font-weight: 600;
}
.media > .pull-left.warning-icon-box {
	margin-right: 28px;
}
.help-list p {
	line-height: 1.6;
	text-align: justify;
	font-size: 16px;
	color: #525252;
}

.help-list p span{
	color: #0086af;
	font-weight: 600;
}

.help-list p strong{
	color: #0086af;
	font-weight: 600;
}
.help-list .media {
	margin-bottom: 33px;
}

.help-list ul li{
	color: #525252;
	font-size: 16px;
}
.help-list h2{
	font-size: 26px;
}


.contactus {
    padding:0;
}

    .contactus .contact-mail {
        border: 1px solid #253644;
        background-color: #153f57;
        padding: 10px;
        text-align: center;
        font-size: 16px;
        height: 215px;
        margin: 0  5px 5px 0;
    }

        .contactus .contact-mail i {
            font-size: 26px;
            margin-top: 10px;
            color: #fff;
        }

        .contactus .contact-mail h3 {
            border-bottom: 1px solid #e2e2e2;
            padding-bottom: 10px;
            margin-top: 10px;
            font-size: 20px;
            margin-bottom: 20px;
            color: #fff;
        }

        .contactus .contact-mail p {
            color: #fff;
            font-size: 15px;
        }

            .contactus .contact-mail p a {
                color: #fff;
                font-size: 16px;
            }
/*
 1.4)Become Volunteer Section
 ----------------------------------------*/
.parallax-section {
	min-height: 434px;
	background: url(../img/volunteer.jpg) 0 0 no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.parallax-section .btn {
	padding: 10px 38px;
}
.parallax-section h2 {
	font-size: 40px;
	margin: 98px 0 30px;
	font-weight: 300;
}
.parallax-section p {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 39px;
	color: #26211d;
}

/*
 1.5)Latest News Section
 ----------------------------------------*/
.latest-news {
	padding-bottom: 30px;
	background: #fff;
}
.latest-news .section-header {
	margin: 10px 0 0;
}
.latest-news h2 {
	font-size: 28px;
	font-weight: 400;
	padding: 20px 0;
}
.latest-news .article-list h3 {
	margin: 27px 0 15px;
	font-size: 18px;
}
.date, .posted-in {
	text-transform: uppercase;
	font-size: 12px;
	color: #727272;
	margin-right: 6px;
	display: inline-block;
	margin-bottom: 17px;
}
.latest-news .article-list .btn {
	font-size: 13px;
	padding: 10px 30px
}
.latest-news .article-list .items {
	margin-bottom: 40px;
}

/*
 2.5) Testimonial Section
 ----------------------------------------*/
.testimonial {
	background: url(../img/bg-testimonials.jpg) center 0 no-repeat;
	background-size: cover;
	text-align: center;
	position: relative;
}
.overlay {
	background: #32302f;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}
.testimonial-slider {
	overflow: hidden;
	margin-bottom: 0;
	padding: 74px 0 42px;
	position: relative;
}
.testimonial-slider h2 {
	color: #fff;
	margin-bottom: 49px;
	font-weight: 300;
}
.testimonial-slider blockquote {
	padding: 0;
	border: 0;
	width: 66%;
	margin: 0 auto;
}
.testimonial-slider blockquote p {
	font-style: italic;
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
}
.testimonial-slider blockquote footer {
	margin-top: 42px;
}
.testimonial-slider blockquote footer span {
	text-transform: uppercase;
	font-size: 24px;
	color: #fff;
	display: block;
}
.testimonial-slider blockquote cite {
	color: rgba(255,255,255,0.66);
	display: block;
	font-size: 12px;
}

.testimonial .flex-control-paging {
	list-style: none;
	width: 100%;
	margin: 40px auto 10px;
}

.testimonial-slider .flex-control-paging  li {
	width: 12px;
	height: 12px;
	margin: 0 4px;
	display: inline-block;
}

.testimonial-slider .flex-control-paging a {
	height: 12px;
	width: 12px;
	border-radius: 100%;
	padding: 0;
	text-indent: -99999px;
	text-align: left;
	display: block;
	cursor: pointer;
}



.clr-box{background-color: #e6e6e6; height: 240px; border-radius: 10px;margin: 10px 0; padding: 35px; color: #313131; letter-spacing: .6px; text-align: center; box-shadow: 0px 8px 12px #00000036; position: relative;}

.clr-box:hover{color: #313131; z-index:0;}
.clr-box:after{background-color:#feb640; position: absolute; content: ''; border-radius: 10px; top:0; left: 0; width: 0; height: 100%; transform-origin:left;  z-index:-1;}
.clr-box:hover:after{width: 100%;}

.clr-box p:nth-child(1){font-size: 18px; text-align: center;  font-weight: 600;}
.clr-box p:nth-child(1):after{border-bottom:solid #313131 3px; content:""; display: block; width: 100px; margin: 0 auto; padding: 5px 0 0 0; transition: all ease .4s;}
.clr-box:hover p:nth-child(1):after{width: 150px; border-bottom: solid #fff 3px;}
.clr-box p:nth-child(2){font-size: 15px;}


.news{background-color: #e6e6e6; border-radius: 10px; border-bottom:solid #7d7d7d 3px; padding: 15px; color: #313131; letter-spacing: .6px; text-align: center; box-shadow: 0px 8px 12px #00000036; position: relative;}



.clr-box1 {font-size: 18px; font-family: heading;}
.clr-box1 {border-bottom:solid #7d7d7d 3px; content:""; display: block;  margin: 0 auto; padding: 5px 0 0 0; transition: all ease .4s;}
.clr-box1{width: 100%; border-bottom: solid #7d7d7d 3px;  height:auto; padding: 15px;}
.clr-box1{font-size: 15px;}



marquee{border: solid #ccc 10px; background: #e4e4e4; padding: 20px; height: 210px}
marquee ul li{margin-bottom: 20px;}
marquee ul li a{color: #333; cursor: pointer;}


.nws-evnts{background-color:#015b61; display: table; margin: 0 auto !important; padding: 10px 50px 6px 50px !important; border-radius: 50px; color: #fff; font-family: heading; font-size: 22px; letter-spacing: 1px;}
.nws-sml{text-align: center; margin: 8px 0 20px 0; font-size: 17px; font-style: italic; color: #6f6f6f;}


.event-panel{height: 235px; overflow:auto;}
.event-box{padding: 30px 0 30px 15px; border-top: solid #ccc 1px; transition: all ease .5s;}
.event-box:hover{background-color: #cadaff;}
.event-icon{width:60px; height:60px; float:left; overflow: hidden; border-radius: 50%; margin: 0 16px 0 0;}
.event-icon img{height: 100%; transform: translateX(-9%);}
.event-dtls{color: #6f6f6f;}
.event-dtls p{margin: 0;}
.event-dtls p:nth-child(1){font-size: 18px; font-weight: 600; font-family: calibri; color: #152b79; margin: 0 0 4px 0;}
.event-dtls p:nth-child(1) span{font-family: calibri; font-weight: 400; font-style: italic; font-size: 16px;}
.event-dtls p:nth-child(2){font-size: 16px; font-style: italic; color: #152b79;}







    .news-date {
    width: 85px;
    padding: 10px;
    float: left;
    background: #efd158;
    color: #000;
    text-align: center;
    position:absolute;
    top:0;
    left:0;
    margin:1px 1px;
}

.news-month {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    
}

.date-day{
    font-family: Open Sans;
    font-weight: 800;
}

.news-name {
    font-size: 14px;
    margin: 5px 0 0 0;
    color: #000;
}

.news_box{
position: relative;
    margin: 20px 0;
    padding: 5px;
    background: #ccc;
        box-shadow: 0px 6px 16px #6b6b6b;
}

.news_box .pr_text {
    background-color: #efd158;
    padding: 6px 10px;
    text-align: center;
    color: #000;
    font-size: 16px;
    border-top: 0px;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    width: 1%;
}

.news_box .pr_text h6{
    padding-bottom: 5px;
    font-size: 18px;
    border-bottom:  2px solid #fff;
}

.highlights-img {
    min-height: 140px;
    margin-bottom: 30px;
}
.news_box a{
	color: #26211d;
}
.products1 {
  margin: 30px 0;
}



.about-right img{
	padding: 10px; border-radius: 5px;
	margin-top: 10px; 
	background: #ecc731;
	box-shadow: 10px 10px 20px #333;

}
.thanks{width: 100%; height:300px; background-image: url(../img/thanks.jpg); background-size: 100%;}
.thank-you-headings{text-align: center; margin: 30px 0 0 0;}
.thank-you-headings h2{ text-align: center;  font-size: 46px;}
.thank-you-headings i{font-size: 40px; 
	         color: green; text-align: 
	         center; border: 2px solid #1db10d; 
	         padding: 20px;
	         
	           border-radius: 50%; 
	           color: #1db10d;
}
.sorry-headings h2{
	font-size: 30px; 
	        text-align:center; 
	padding: 10px 0;
	text-shadow: 1px 2px #FF0000;
}

.sorry-headings{  margin:50px 0 50px 0; }

/*	
@media (max-width: 768px) {
	.sorry-headings{
		 width: auto; height: auto; border:2px solid black;  border-radius: 5px; margin:40px 0 40px 0;
	}	
}	*/




.is_box {
    background-color: #ddd;
    margin-top: 0px;
}

.is_heading {
    /*border-bottom: 1px solid #383838;*/
    padding: 10px 20px;
    margin-bottom: 10px;
    text-align: center;
}

    .is_heading h2 {
        padding: 0px;
        margin: 0px;
        font-size: 32px;
        text-transform: uppercase;
        font-weight: 600;
        color: #000;
    }


.i_served .slide h1 {
    width: 1%;
    text-align: center;
    font-size: 16px;
    padding: 5px 0px;
    background-color: #efd158;
    color: #151313;
    height: 48px;
    vertical-align: middle;
    display: table-cell;
    /*box-shadow: 2px 2px 10px -4px #000; */
}


.slick-slide {
    padding: 10px 10px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    height:250px;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    /*border-right: 1px solid #ddd;*/
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
/*
.slick-arrow.slick-hidden {
    display: none;
}
*/

.i_served .slick-prev {
    display: inline-block;
    position: absolute;
    right: 32px;
    top: -50px;
    padding: 5px;
    background-color: #dddddd;
    border: 0px;
    font-size: 18px;
    color: #383838;
    cursor: pointer;
}

.i_served .slick-next {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: -50px;
    padding: 5px;
    background-color: #dddddd;
    border: 0px;
    font-size: 18px;
    color: #383838;
    cursor: pointer;
}

.i_served .slick-prev:hover, .i_served .slick-prev:visited, .i_served .slick-prev:focus {
    outline: none;
}

.i_served .slick-next:hover, .i_served .slick-next:visited, .i_served .slick-next:focus {
    outline: none;
}