﻿@charset "utf-8";

/* BRS Foundation */



body,button,form,h1,h2,h3,h4,h5,h6,iframe,li,p,ul,ol{padding:0;margin:0;font-weight:normal}

body{font-family:WorkSansRegular;font-size:15px;color:#606162;line-height:25px}

li,ul{list-style-type:none}

img{border:none;max-width:100%}

a{outline:0;color:#651d32;text-decoration:none}

a:hover{color:#606162}

.clear{clear:both}



@font-face{font-family:WorkSansRegular;src:url(fonts/WorkSansRegular.eot);src:url(fonts/WorkSansRegular.eot) format('embedded-opentype'),url(fonts/WorkSansRegular.woff2) format('woff2'),url(fonts/WorkSansRegular.woff) format('woff'),url(fonts/WorkSansRegular.ttf) format('truetype'),url(fonts/WorkSansRegular.svg#WorkSansRegular) format('svg')}

@font-face{font-family:OptimaBold;src:url(fonts/OptimaBold.eot);src:url(fonts/OptimaBold.eot) format('embedded-opentype'),url(fonts/OptimaBold.woff2) format('woff2'),url(fonts/OptimaBold.woff) format('woff'),url(fonts/OptimaBold.ttf) format('truetype'),url(fonts/OptimaBold.svg#OptimaBold) format('svg')}

@font-face{font-family:OPTIMA;src:url(fonts/OPTIMA.eot);src:url(fonts/OPTIMA.eot) format('embedded-opentype'),url(fonts/OPTIMA.woff2) format('woff2'),url(fonts/OPTIMA.woff) format('woff'),url(fonts/OPTIMA.ttf) format('truetype'),url(fonts/OPTIMA.svg#OPTIMA) format('svg')}

@font-face{font-family:WorkSansExtraBold;src:url(fonts/WorkSansExtraBold.eot);src:url(fonts/WorkSansExtraBold.eot) format('embedded-opentype'),url(fonts/WorkSansExtraBold.woff2) format('woff2'),url(fonts/WorkSansExtraBold.woff) format('woff'),url(fonts/WorkSansExtraBold.ttf) format('truetype'),url(fonts/WorkSansExtraBold.svg#WorkSansExtraBold) format('svg')}

@font-face{font-family:WorkSansBold;src:url(fonts/WorkSansBold.eot);src:url(fonts/WorkSansBold.eot) format('embedded-opentype'),url(fonts/WorkSansBold.woff2) format('woff2'),url(fonts/WorkSansBold.woff) format('woff'),url(fonts/WorkSansBold.ttf) format('truetype'),url(fonts/WorkSansBold.svg#WorkSansBold) format('svg')}

@font-face{font-family:Cambria_Bold;src:url(fonts/Cambria_Bold.eot);src:url(fonts/Cambria_Bold.eot) format('embedded-opentype'),url(fonts/Cambria_Bold.woff2) format('woff2'),url(fonts/Cambria_Bold.woff) format('woff'),url(fonts/Cambria_Bold.ttf) format('truetype'),url(fonts/Cambria_Bold.svg#Cambria_Bold) format('svg')}

@font-face{font-family:WorkSansMedium;src:url(fonts/WorkSansMedium.eot);src:url(fonts/WorkSansMedium.eot) format('embedded-opentype'),url(fonts/WorkSansMedium.woff2) format('woff2'),url(fonts/WorkSansMedium.woff) format('woff'),url(fonts/WorkSansMedium.ttf) format('truetype'),url(fonts/WorkSansMedium.svg#WorkSansMedium) format('svg')}

@font-face{font-family:WorkSansLight;src:url(fonts/WorkSansLight.eot);src:url(fonts/WorkSansLight.eot) format('embedded-opentype'),url(fonts/WorkSansLight.woff2) format('woff2'),url(fonts/WorkSansLight.woff) format('woff'),url(fonts/WorkSansLight.ttf) format('truetype'),url(fonts/WorkSansLight.svg#WorkSansLight) format('svg')}



#header-section,#banner-section,#our-programs-section,#chairman-message-section,#media-gallery-section,#how-we-work-section,#how-we-work-bottom-section,#smo-section,#footer-top-section,#footer-bottom-section,#inner-banner-section,#container{float:left;width:100%;position:relative}

.header-section,.banner-section,.our-programs-section,.chairman-message-section,.media-gallery-section,.how-we-work-section,.how-we-work-bottom-section,.smo-section,.footer-top-section,.footer-bottom-section,.container{width:1170px;margin:auto;position:relative}



#header-section {
    border-bottom: 1px solid rgba(0,0,0,0.6);
    position: fixed;
    z-index: 3;
    background: rgba(0,0,0,0.7);
}

.logo{float:left;margin:0 0 -18px}

.smo{float:right;border-bottom:1px solid #2f2c29;margin:20px 0 0}

.smo li{float:left;width:20px;border-right:1px solid #2f2c29;padding:4px 20px;margin-bottom:12px}

.smo li.facebook{padding-left:0}

.smo li.youtube{border:none;padding-right:5px}

.smo li a{display:block;height:16px;background:url(images/smo-icons.png) 8px 0 no-repeat}

.smo li.instagram a{background-position:-55px 0}

.smo li.linkedin a{background-position:-114px 0}

.smo li.twitter a{background-position:-175px 0}

.smo li.youtube a{background-position:right 0}

.smo li span{display:none}

.donate{clear:right;float:right;margin:20px 0 0 25px;font-family:OptimaBold}

.donate a{display:block;border:1px solid #979592;padding:4px 15px 4px 42px;background:url(images/donate-icon.png) 15px center no-repeat;border-radius:3px;font-size:16px;letter-spacing:.2px;color:#fff}

.menu-section{float:right;width:67%;margin:40px 0 0}

.menu-section li{float:left;text-align:center;position:relative}

.menu-section li.home{width:12.3%}

.menu-section li.programs{width:16.8%}

.menu-section li.resources{width:17.3%}

.menu-section li.case-studies{width:18.8%}

.menu-section li.about{width:16.3%}

.menu-section li.contact{width:18.3%}

.menu-section li a{display:block;font-family:OPTIMA;font-size:14px;line-height:16px;letter-spacing:.2px;color:#fff;text-transform:uppercase}

.menu-section li span{display:inline-block;padding:0 0 34px;border-bottom:2px solid transparent;margin:0 0 -1px}

    .menu-section li a:hover span {
        border-bottom: 2px solid #651d32
    }
    .menu-section li a.active span {
        border-bottom: 2px solid #651d32
    }

#mobileMenu{display:none}

/** DD Menu Styles **/

.menu-section ul li:hover>ul,.menu-section ul li:hover>ul>li>ul,.menu-section ul li:hover>ul>li>ul>li>ul{display:block}

.menu-section ul li>ul,.menu-section ul li>ul>li>ul,.menu-section ul li>ul>li>ul>li>ul{display:none;position:absolute;width:280px;z-index:3;padding:20px 0}

.menu-section #menu-menu-1 li>ul>li>ul>li>ul,.menu-section ul li>ul>li>ul{left:242px;top:0}

.menu-section ul li ul{background:rgba(0, 0, 0, .85);left:0;top:52px}

.menu-section li li{float:none}

.menu-section li li a{color:#fff!important;padding:12px 25px;font-size:16px;text-align:left;font-family:OPTIMA;letter-spacing:0;text-transform:initial}

.menu-section ul li li a:hover {
    color: #651d32 !important
}



ul#banner,ul#banner li{position:relative;width:100%}

ul#banner li#rslides1_s0{background:url(images/slider/slider1.jpg) center 0 no-repeat}

    ul#banner li#rslides1_s1 {
        background: url(images/slider/slider2.jpg) center 0 no-repeat
    }

    ul#banner li#rslides1_s2 {
        background: url(images/slider/slider3.jpg) center 0 no-repeat
    }

    ul#banner li#rslides1_s3 {
        background: url(images/slider/slider4.jpg) center 0 no-repeat
    }

    ul#banner li#rslides1_s4 {
        background: url(images/slider/slider5.jpg) center 0 no-repeat
    }
    /*ul#banner li::after, rslides li::after {
        background: rgba(0, 0, 0, 0);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 1)));
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%);
        background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%);
        background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%);
    }*/
    .kl-bg-source__overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 85%;
        right: 0;
        z-index:2;
    }

.tagline{background:rgba(101, 29, 50,.85);text-align:center;font-family:OptimaBold;font-size:25px;line-height:30px;letter-spacing:.2px;color:#fff;padding:25px 0;margin:597px 0 0}



#our-programs-section{text-align:center;text-transform:uppercase;padding-bottom:100px}

.our-programs-section-head a{display:inline-block;font-family:WorkSansExtraBold;font-size:24px;line-height:26px;letter-spacing:.2px;color:#464545;margin:58px 0 35px;}

.face,.our-programs li{background-position:center 0;background-repeat:no-repeat;background-size:cover;}

.our-programs li{float:left;width:33.333333%}

.our-programs li.education .front{background-image:url(images/our-programs-education-bg.jpg)}

.our-programs li.health .front{background-image:url(images/our-programs-health-bg.jpg)}

.our-programs li.poverty-alleviation .front{background-image:url(images/our-programs-welfare-bg.jpg)}

.our-programs li.community-empowerment .front{background-image:url(images/our-programs-community-empowerment-bg.jpg)}

.f1_container{position:relative;width:96%;height:420px;z-index:1;perspective:1000}

.f1_card{width:100%;height:100%;transform-style:preserve-3d;transition:all 1s linear}

.f1_container:hover .f1_card,.face.back{transform:rotateY(180deg)}

.face{position:absolute;width:100%;height:100%;backface-visibility:hidden;/*padding:0 2%*/}

.back span.our-programs-subhead,.front a{display:inline-block;font-family:WorkSansBold;font-size:25px;line-height:24px;color:#fff;min-height:48px;background-position:center 0;background-repeat:no-repeat;margin:260px 0 0;padding:80px 0 0}
.front a {
    padding: 20px 0 0;
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,0.6);
    background-image: none;
    width: 100%;
    left: 0;
    bottom: 0;
}
    .face.back, .face.back a {
        display: block
    }

.our-programs li.education .back span.our-programs-subhead,.our-programs li.education .front a{background-image:url(images/our-programs-education-icon.png)}

.our-programs li.health .back span.our-programs-subhead,.our-programs li.health .front a{background-image:url(images/our-programs-health-icon.png)}

.our-programs li.poverty-alleviation .back span.our-programs-subhead,.our-programs li.poverty-alleviation .front a{background-image:url(images/our-programs-poverty-alleviation-icon.png)}

.our-programs li.community-empowerment .back span.our-programs-subhead,.our-programs li.community-empowerment .front a{background-image:url(images/our-programs-community-empowerment-icon.png)}

.face.back{box-sizing:border-box;color:#fff;text-align:center;width:100%}

.our-programs li.education .back.face{background-image:url(images/our-programs-education-bg-mouse.jpg)}

.our-programs li.health .back.face{background-image:url(images/our-programs-health-bg-mouse.jpg)}

.our-programs li.poverty-alleviation .back.face{background-image:url(images/our-programs-welfare-bg-mouse.jpg)}

.our-programs li.community-empowerment .back.face{background-image:url(images/our-programs-community-empowerment-bg-mouse.jpg)}

.back span.our-programs-subhead{margin:58px 0 0}

.back span.our-programs-intro{display:block;font-family:WorkSansRegular;font-size:16px;line-height:26px;color:#fff;text-transform:initial;max-width:90%;margin:15px auto 45px}

.back span.readmore{display:inline-block;font-size:13px;line-height:16px;letter-spacing:.1px;border:1px solid #fff;padding:15px;border-radius:10px;color:#fff}



#chairman-message-section{background:#efefef;text-align:center;min-height:474px;font-family:OptimaBold}

.chairman-message-photo{float:left;width:42.5%;background:url(images/chairman-message-image.jpg) center 0 no-repeat;margin:60px 0 0;font-size:18px;line-height:20px;color:#1d1e1f;padding:338px 0 0;text-transform:uppercase}

.chairman-message-photo span{letter-spacing:-.5px;color:#7e7c7c;font-style:italic;text-transform:initial}

.chairman-message-intro{font-size:30px;line-height:30px;letter-spacing:.1px;color:#464545;margin:65px 0 0;float:left;width:48%;position:relative}

ul#quote,ul#quote li{width:100%;position:relative}

.chairman-message-intro span{display:block;max-width:440px;margin:auto;background-repeat:no-repeat;background-position:center 0;height:33px}

.chairman-message-intro span.top-quote{background-image:url(images/chairman-message-top-quote.png);border-bottom:1px dotted #000;padding-bottom:34px}

.chairman-message-intro p{height:213px;display:table-cell;vertical-align:middle}

.chairman-message-intro span.bottom-quote{border-top:1px dotted #000;background-image:url(images/chairman-message-bottom-quote.png);padding-top:34px;background-position:center bottom}



#media-gallery-section{background:url(images/media-gallery-section-bg.jpg) center 0 no-repeat;min-height:564px}

.media-gallery-left-section{float:left;width:44%}

.latest-news-head,.media-gallery-left-head{font-family:OptimaBold;text-transform:uppercase}

.media-gallery-left-head{font-size:24px;line-height:24px;margin:55px 0 28px}

.media-gallery-left-head a{color:#fff}

.media-gallery-left-img{background:url(images/media-gallery-image.jpg) no-repeat center 0;min-height:328px}

.media-gallery-left-img span{display:none}

.latest-news-section a.readmore,.media-gallery-left-section a.readmore{display:block;font-size:14px;letter-spacing:-.1px;color:#fff;text-transform:uppercase;border:1px solid #fff;border-radius:3px;padding:14px 0;margin:20px auto 0;width:115px;text-align:center}

.latest-news-section{float:right;width:42.5%}

.latest-news-head{color:#fff;font-size:26px;line-height:26px;margin:53px 0 32px}

.latest-news-head a, .latest-news-events-recent-post-title a,.latest-news-events-recent-post-content p a{color:#fff}

.latest-news-section li{float:left;width:100%;margin:0 0 40px;position:relative}

.latest-news-events-post-meta-entry {
    width: 80px;
    background: #651d32;
    border-radius: 5px;
    font-family: WorkSansExtraBold;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -.5px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 0 8px;
    position: absolute;
    left: 0;
    top: 7px
}

.latest-news-events-post-meta-entry strong{display:none}

.latest-news-date-section .latest-news-date{display:block;font-family:WorkSansExtraBold;font-size:37px;line-height:40px;letter-spacing:-.5px;color:#651d32;margin:0 0 -3px}

.latest-news-events-post-meta-entry span{display:block;background:url(images/latest-news-icon.jpg) right bottom no-repeat;margin:0 -10px -22px 0;padding:0 10px 22px 0}

.latest-news-events-recent-post-content{float:right;width:76.5%;font-size:14px;line-height:20px;letter-spacing:.2px;color:#fff}

.latest-news-events-recent-post-content p.latest-news-events-recent-post-title{font-family:OptimaBold;font-size:16px;letter-spacing:.2px;text-transform:uppercase;margin:0 0 15px}

.latest-news-events-recent-post-content p{margin:0 0 8px}

.latest-news-section a.readmore{margin:-5px auto 0}

.index .latest-news-home,.latest-news-inner{display:block}

.latest-news-home,.index .latest-news-inner{display:none}



.index #how-we-work-section,.accessible_on #skip-media-gallery{display:block}

.index.accessible_on #skip-media-gallery{display:none}

#how-we-work-section{text-align:center;font-size:18px;line-height:34px;color:#100f0f;padding-top:62px;min-height:455px;display:none;background-color:#efefef;}
    #how-we-work-section p, #how-we-work-section ul li.left{
        text-align: center;
    }

    .how-we-work-section-head {
        font-family: OptimaBold;
        font-size: 24px;
        line-height: 24px;
        letter-spacing: .2px;
        color: #101010;
        text-transform: uppercase;
        /*padding: 85px 0 0*/
    }

#countrytabs li {

	float: left;

	/*border: 1px solid #7a7878;*/

	border-left: 0;

}#countrytabs li.tab1 {

	width: 25%;

}
    #countrytabs li.tab2 {
        width: 25%;
    }
    #countrytabs li.tab3 {
        width: 25%;
    }
    #countrytabs li.tab4 {
        width: 25%;
    }
    .how-we-work-section-head a {

	color: #101010;

	display: block;

	padding: 10px 0;
    font-size:19px;

}.how-we-work-section-head #countrytabs li.tab1 {

	/*border-left: 1px solid #7a7878;*/

}
.how-we-work-section-head a:visited{
    text-decoration:none;
}
.how-we-work-section p {
    margin: 10px 0 10px
}

.how-we-work-section a.readmore{display:inline-block;background:#651d32;font-size:14px;letter-spacing:-.1px;color:#fff;text-transform:uppercase;padding:11px 22px 10px;border-radius:5px}



#how-we-work-bottom-section{background:url(images/how-we-work-bottom-section-bg.jpg) center 0 no-repeat;text-align:center;font-family:WorkSansMedium;text-transform:uppercase;padding-top:58px;min-height:203px}

.how-we-work-bottom-section li{display:inline-block;width:335px;background:url(images/how-we-work-bottom-section-divider.jpg) right center no-repeat}

.how-we-work-bottom-section li.no-of-states{background:0 0}

.how-we-work-bottom-section li a{display:block;font-size:16px;line-height:18px;color:#fff;background:url(images/total-projects-supported.png) center 0 no-repeat;padding:72px 0 13px}

.how-we-work-bottom-section li.lives-impacted a{background-image:url(images/lives-impacted.png)}

.how-we-work-bottom-section li.no-of-states a{background-image:url(images/no-of-states.png)}

.how-we-work-bottom-section a span{display:block;font-size:40px;line-height:40px;font-family:WorkSansBold;margin:0 0 15px}



#smo-section{background:#651d32;padding:42px 0 35px;text-align:center}

.smo-section li{display:inline-block;width:55px;margin:0 8px}

.smo-section li a{display:block;height:55px;background:url(images/smo.png) no-repeat}

.smo-section li.twitter a{background-position:-75px 0}

.smo-section li.instagram a{background-position:-149px 0}

.smo-section li.linkedin a{background-position:-222px 0}

.smo-section li.youtube a{background-position:right 0}

.smo-section a span{display:none}



#footer-top-section{background:#262626;font-family:WorkSansLight;font-size:14px;letter-spacing:.3px;line-height:20px;color:#959595;padding:56px 0 35px}

.footer-top-box1,.footer-top-box2,.footer-top-box3{float:left;/*margin-right:2%*/}

.footer-top-box1{width:30%}

.footer-head{font-family:OptimaBold;font-size:20px;line-height:22px;letter-spacing:.1px;text-transform:uppercase;margin:0 0 42px;color:#fff}

.footer-top-section .footer-head a{color:#fff}

.footer-top-section a{color:#959595}

.footer-top-box1 p{padding:0 0 25px 45px;background:url(images/footer-location-icon.png) no-repeat}

.footer-top-box1 p.footer-phone{background-image:url(images/footer-phone-icon.png)}

.footer-top-box1 p.footer-mail{background-image:url(images/footer-mail-icon.png)}

.footer-top-box1 a.footer-facebook{display:inline-block;margin:12px 0 0 45px;width:149px;height:31px;background:url(images/footer-facebook.jpg)}

.footer-top-box1 a.footer-facebook span{display:none}

.footer-top-box2{width:20%}

.footer-top-box2 li,.footer-top-box3 li{background:url(images/footer-list-style.png) 0 5px no-repeat;padding:0 0 15px 28px}

.footer-top-box3{width:20%;overflow:hidden}

.select-language{border:1px solid #3c3c3c;border-radius:10px;margin:45px 0 0;overflow:hidden}

.select-language #google_translate_element{width:auto;border:none;/*background:url(images/select-arrow.png) 90% center no-repeat;*/color:#baa860;padding:16px 0 16px 20px}

.goog-te-gadget-simple{background:transparent!important;border:none!important}

.goog-te-gadget-simple .goog-te-menu-value{color:#baa860!important}

.footer-top-box4{float:right;width:30%}

.footer-top-box4 .footer-head{margin:0 0 20px}



#footer-bottom-section{background:#191919;font-family:WorkSansLight;font-size:14px;line-height:15px;letter-spacing:.3px;color:#e0e0e0;padding:18px 0 15px}

.copyrights,.footer-links{float:left;margin:5px 2% 0 0}

.copyrights{width:35%}

.footer-links{width:52%;margin-top:0}

.footer-links p{text-align:center;margin:5px 0 0}

.footer-bottom-section a{color:#e0e0e0}

.footer-bottom-section a.ypo-logo{float:right}



#inner-banner-section #banner li{min-height:500px}

#inner-banner-section ul#banner li#rslides1_s0{background:url(images/slider/slider1.jpg) center 0 no-repeat}

#inner-banner-section ul#banner li#rslides1_s1{background-image:url(images/slider/slider2.jpg)}

#inner-banner-section ul#banner li#rslides1_s2{background-image:url(images/slider/slider3.jpg)}

#inner-banner-section #banner li span{display:none}



#breadcrumbs {
    background: #651d32;
    text-align: center;
    letter-spacing: -.2px;
    line-height: 20px;
    color: #000;
    padding: 15px 0
}

.breadcrumbs a{display:inline-block;margin:0 10px;color:#000}

.breadcrumbs span{display:inline-block;padding:0 0 0 10px;color:#fff}

.container h1{text-align:center;font-family:OptimaBold;text-transform:uppercase;font-size:36px;line-height:38px;color:#651d32;margin:28px 0 0;}

.container h2,.container h3,.container h4{font-family:WorkSansBold;text-transform:uppercase}

.container h2,.container h3,.container h4,.container ol,.container p,.container ul{margin:22px 0;letter-spacing:-.2px}

.container h2{font-size:25px;letter-spacing:0;color:#494c4d}

.container h3{font-size:20px;color:#651d32}

.container h4{font-size:16px;color:#494c4d}

.container ol,.container ul{padding:0 0 0 20px}

.container ol ol,.container ol ul,.container ul ol,.container ul ul{margin:5px 0}

.container ul li,.container ol ul li{list-style:disc}

.container ol li,.container ul ol li{list-style:lower-alpha}



.our-programs-inner-pages{padding:58px 0;text-align:center}

.our-programs-inner-pages ul,.container.leadership ul,.tabs ul{padding:0}

.our-programs-inner-pages ul li{float:left;width:29%;list-style:none;padding:0 2%;line-height:24px;color:#575757}

.our-programs-inner-pages ul li:first-child{border-right:1px solid #c1c2c2}

.our-programs-inner-pages ul li:last-child{border-left:1px solid #c1c2c2}

.our-programs-inner-pages .our-programs-subhead a{display:inline-block;font-family:WorkSansBold;font-size:25px;text-transform:uppercase;line-height:24px;letter-spacing:0;color:#494c4d;min-height:48px;background:url(images/inner-education.png) center 0 no-repeat;padding:75px 0 0}

.our-programs-inner-pages .health .our-programs-subhead a{background-image:url(images/inner-health.png)}

.our-programs-inner-pages .poverty-alleviation .our-programs-subhead a{background-image:url(images/inner-poverty-alleviation.png)}

.our-programs-inner-pages .community-empowerment .our-programs-subhead a{background-image:url(images/inner-community-empowerment.png)}

.our-programs-inner-pages p{letter-spacing:-.4px;margin:18px 0 32px}

.our-programs-inner-pages a.readmore{display:inline-block;font-size:13px;letter-spacing:.1px;color:#494c4d;text-transform:uppercase;border:1px solid #9fa0a1;padding:11px 15px;border-radius:5px}



.container.leadership{width:1360px}

.container.leadership ul li{list-style:none;margin-bottom:40px}

.leadership-intro{float:left;width:51.5%;background:#f5f5f5;line-height:28px;letter-spacing:0;color:#494949;padding:42px 5.5% 50px 6%;margin:58px -5.25% 0 0;position:relative}

.chandrakumari-raghuram-shetty .leadership-intro,.seema-shetty .leadership-intro,.neema-shetty .leadership-intro{float:right;margin-left:-5.25%;margin-right:0}

.leadership-intro h2{font-family:OptimaBold;font-size:34px;line-height:34px;letter-spacing:-.4px;color:#494c4d}

.leadership-intro h2 a{color:#494c4d}

.leadership-intro h3{font-family:WorkSansRegular;font-size:20px;line-height:22px;letter-spacing:0;color:#651d32;text-transform:initial;margin:-4px 0 25px}

.leadership-intro .readmore{float:right;font-family:WorkSansMedium;letter-spacing:-.1px;color:#651d32;border:1px solid #ad8993;text-transform:uppercase;padding:13px 20px;border-radius:5px}

.leadership-img{float:right;width:42.25%;min-height:621px;background-position:center 0}

.container.leadership li.bavaguthu-raghuram-shetty .leadership-img{background-image:url(images/bavaguthu-raghuram-shetty.jpg)}

.container.leadership li.chandrakumari-raghuram-shetty .leadership-img{background-image:url(images/chandrakumari-raghuram-shetty.jpg);float:left}

.container.leadership li.binay-shetty .leadership-img{background-image:url(images/binay-shetty.jpg)}
.container.leadership li.neema-shetty .leadership-img{background-image:url(images/neema-shetty.jpg); float:left}

.container.leadership li.reema-shetty-bitar .leadership-img{background-image:url(images/reema-shetty.jpg)}

.container.leadership li.seema-shetty .leadership-img{background-image:url(images/seema-shetty.jpg); float:left}

a.scrollup{position:fixed;bottom:68px;right:20px;background:url(images/top-icon.png) #262626;width:43px;height:46px;text-decoration:none;display:none;-webkit-transition:all .3s linear;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:2}



.container.programs .our-programs-inner-pages ul li{width:20%}

.container.programs .our-programs-inner-pages ul li.poverty-alleviation,.container.community-empowerment .our-programs-inner-pages li.poverty-alleviation{border-left:1px solid #c1c2c2}  

.container.education .our-programs-inner-pages li.education,.container.health .our-programs-inner-pages li.health,.container.poverty-alleviation-malnutrition .our-programs-inner-pages li.poverty-alleviation,.container.community-empowerment .our-programs-inner-pages li.community-empowerment{display:none}    

.container.education .our-programs-inner-pages ul li.health{border-right:1px solid #c1c2c2}

.tabs{margin:0 0 35px}

.tabs ul li{list-style:none;float:left;width:30.3%;margin:0 1.5% 15px}

.tabs li a{display:block;text-align:left;background:#b19b4b;box-shadow:0 0 5px 1px #651d32;font-size:18px;font-family:WorkSansMedium;color:#000;padding:8px 0 8px 15px;border-radius:10px 0}

.tabs li a:hover{background:#651d32;color:#fff}



@media only screen and (max-width:1370px){

.container.leadership{width:100%;padding:0}

}

@media only screen and (max-width:1170px){

.banner-section,.chairman-message-section,.container,.footer-bottom-section,.footer-top-section,.header-section,.how-we-work-section,.media-gallery-section,.our-programs-section,.smo-section{width:96%;padding-left:2%;padding-right:2%}

.how-we-work-bottom-section{width:100%}    

.donate{margin-left:10px}

.menu-section{width:64%}

.tagline{line-height:24px;padding:28px 0;min-height:72px}

.back span.our-programs-intro{max-width:98%}    

#media-gallery-section{background-position:53% 0}

.latest-news-section{width:50%}

.how-we-work-bottom-section li{width:300px}

.footer-top-box1 p{padding-left:35px}

.copyrights,.footer-links{margin-top:0}

.footer-links{width:50%}

.leadership-intro{margin-top:3%;padding:42px 4% 50px;width:55%}

.leadership-intro h2{font-size:32px;line-height:32px}

    

#countrytabs li {

	text-align: center;

}.how-we-work-section-head a {

	display: table-cell;

	height: 70px;

	padding: 0 20px;

	vertical-align: middle;

}    

}

@media only screen and (max-width:960px){

.donate{clear:none;margin:20px 25px 0 0}

.menu-section{width:71%}

.our-programs li{width:33.3%;float:none;display:inline-block;margin:0 -3px}

.chairman-message-photo{width:43%}

.chairman-message-intro{float:right;width:55%;font-size:28px;margin:45px 0 0}

.chairman-message-intro p{height:233px}

#media-gallery-section{background-position:0 0;background-color:#B29B4B;background-size:auto 516px}

.media-gallery-left-section{float:none;width:auto;text-align:center}

.media-gallery-left-head{margin:35px 0 20px}

.latest-news-section{float:none;width:auto;padding-bottom:35px}

.latest-news-head{margin:65px 0 25px}

.latest-news-intro{width:86.5%}

#how-we-work-section{padding-top:45px;min-height:410px;background-size:auto 458px}

.how-we-work-section p{margin:20px 0 30px}

#how-we-work-bottom-section{padding-top:32px;min-height:185px;background-size:auto 217px}

.how-we-work-bottom-section li{float:left}

.how-we-work-bottom-section li.total-projects-supported{width:44.1%}

.how-we-work-bottom-section li.lives-impacted{width:29.1%}

.how-we-work-bottom-section li.no-of-states{width:26.6%}

#footer-top-section{padding:35px 0 40px}

.footer-head{margin:0 0 20px}

.footer-top-box1{width:58%}

.footer-top-box2{width:40%;margin:0 0 68px}

.footer-top-box3{clear:both;width:58%}

.select-language{margin:18px 0 0;max-width:305px}

.footer-top-box4{width:40%}

.copyrights{width:33%}

.footer-links{width:48%}

.our-programs-inner-pages p{min-height:96px}  

.leadership-intro{width:auto;margin:0!important}

.leadership-img{display:none}

.container.programs .our-programs-inner-pages ul li{width:29%;float:none}

.container.programs .our-programs-inner-pages ul li.community-empowerment{border:none;margin-top:50px}

.alignright{max-width:40%}

    

.how-we-work-section-head a {

	padding: 0 0;

	height: 72px;

}    

}

@media only screen and (max-width:750px){

.logo{margin:0 0 2px}

.donate{clear:right}

.menu-section{float:none;width:auto;clear:both;margin:0}

.menu-section li span{padding:12px 0}

ul#banner li{background-color:#110f0c!important;background-size:auto 575px!important;background-position:center bottom!important}

.tagline{margin:586px 0 0;font-size:17px;letter-spacing:0;padding:16px 0;min-height:96px}

#our-programs-section{padding-bottom:50px}

.our-programs-section-head a{margin:38px 0 15px;}

.our-programs li{width:50%;}

#chairman-message-section{min-height:370px;background-size:auto 300px}

.chairman-message-photo{margin:40px 0 0;background-size:auto 235px;padding:265px 0 0}

.chairman-message-intro{margin:40px 0 0;font-size:30px;line-height:28px}

.chairman-message-intro span{background-size:45px auto;height:28px}

.chairman-message-intro span.top-quote{padding-bottom:20px}

.chairman-message-intro p{margin:18px 0 25px}

.chairman-message-intro span.bottom-quote{padding-top:20px}

#media-gallery-section{background-size:auto 403px}

.media-gallery-left-img{background-size:360px auto;min-height:231px}

#how-we-work-section{line-height:30px}

#footer-bottom-section{text-align:center;padding:25px 0 22px}

.copyrights,.footer-links{float:none;width:auto;margin:0 0 10px}

.footer-bottom-section a.ypo-logo{float:none;display:inline-block;margin:5px 0 0}

#inner-banner-section #banner li{background-size:auto 375px!important;padding:138px 0 0;min-height:375px}    

.our-programs-inner-pages ul li,.container.programs .our-programs-inner-pages ul li{float:none;display:inline-block;width:47%;margin:0 -6px 35px}

.our-programs-inner-pages ul li:last-child{margin-bottom:0;border:none}

.container.programs .our-programs-inner-pages ul li.community-empowerment{margin-top:0}

.container.programs .our-programs-inner-pages ul li.poverty-alleviation{border-right:1px solid #c1c2c2;border-left:none}

.chairman-message-photo{display:none}

.chairman-message-intro{float:none;width:auto;margin-bottom:35px}

#how-we-work-section {

	padding-top: 30px;

	padding-bottom: 17px;

	background: #efefef;

}#countrytabs li {

	float: none;

	width: 100%;

	border-bottom: 0;

	/*border-left: 1px solid #7a7878;*/

}#countrytabs li.tab3 {

	/*border-bottom: 1px solid #7a7878;*/

}.how-we-work-section-head a {

	display: block;

	padding: 8px 0 ;

	text-align: center;

	height: auto;
    font-size:15px;
}
    .how-we-work-section-head{
        padding:0!important;
    }
    .footer-links{
        text-align:center!important;
    }
}

@media only screen and (max-width:567px){
    .container ol, .container ul{
        padding:0!important;
    }
    #thumbnails ul li{
        display:inline-block;
        margin:0!important;
        width:50%!important;
        height:auto!important;
    }
    #lightbox-container-image-box{
        width:100%!important;
        height:auto!important;
    }
    #countrytabs li.tab1, #countrytabs li.tab2, #countrytabs li.tab3, #countrytabs li.tab4 {
        width: 50% !important;
        float:left;
    }
    #header-section, .slicknav_btn {
        text-align: center
    }
    .footer-head{
        text-align:center;
    }
    .logo {
        float: none;
        margin: 0
    }

.donate,.smo{float:none;display:inline-block;vertical-align:top}

.smo li{padding:4px 10px}

.smo li.youtube{padding-right:0}

.donate{margin:20px 0 0 15px}

.donate a{padding:4px 8px 4px 30px;background-position:10px center}

.menu-section,.latest-news-events-post-meta-entry,.tagline{display:none}

/* Mobile Menu */

.parentMenu li a:before,a.level1Menu:after{content:"\f105"}

#mobileMenu{display:block;clear:both;text-transform:uppercase;top:0px;position:absolute;left:0px;width:50%;}

.wrapper{width:100%;display:none;clear:both;font-family:OPTIMA;font-size:14px;line-height:16px;letter-spacing:.2px;background-color:#000;}

.menuText a,.parentMenu li a{color:#fff;display:block}

.menuText{padding:10px;text-align:left;font-size:25px;}

.parentMenu li{position:relative;padding:0!important;width:100%!important}

.parentMenu li a{padding:10px 10px 10px 20px;border-bottom:1px solid #747474;text-align:left!important}

.parentMenu li a:hover{color:#bba863}

.parentMenu li ul{display:none}

.parentMenu li a:before,a.level1Menu:after,a.level1Menu:hover:after{font-family:FontAwesome;font-size:14px;display:inline-block;margin-left:-12px;width:1.3em;color:#fff;position:absolute;top:9px}

.parentMenu li li a{padding:10px 10px 10px 40px}

.parentMenu li li li a{padding:10px 10px 10px 60px;background:#525252}

a.level1Menu:after{right:0}

a.level1Menu:hover:after{content:"\f107";right:0}

    input.form-control, textarea.form-control, input.form-control1, textarea.form-control1{
        width:94%!important;
    }



    #header-section {
        position: fixed;
        border: none
    }
    .logo img{
        height:60px!important;
    }
    ul#banner li {
        background-color: transparent !important;
        padding: 34% 0;
        background-size: 201% auto !important
    }

.our-programs li{width:100%}
    .f1_container{width:100%;}
    #chairman-message-section {
        min-height: 0
    }

.chairman-message-intro{float:none;width:auto;padding:0 0 40px}

.latest-news-section li{margin:0 0 20px}

.latest-news-date-section{width:52px}

.latest-news-date-section .latest-news-date{font-size:35px}

.latest-news-intro{width:77%;float:left;margin:0 0 0 6%}

#how-we-work-bottom-section{background-repeat:repeat-y}

.how-we-work-bottom-section li{float:none;width:auto!important;display:block;background:0 0;border-bottom:1px solid #76797d;margin:0 0 18px}

.how-we-work-bottom-section li:last-child{border:none}

.smo-section li{margin:0}

.footer-top-box1,.footer-top-box2,.footer-top-box3,.footer-top-box4{float:none;width:auto;margin:0 0 30px}

.footer-top-box1 p{padding:0 0 12px 30px}

#inner-banner-section #banner li{min-height:0;background-size:245%!important;padding:29% 0}    

.our-programs-inner-pages ul li{display:block;width:auto!important;margin:0 0 20px;border-bottom:1px solid #c1c2c2;border-left:0!important;border-right:0!important;padding:0 2% 20px;max-width:100%}

.our-programs-inner-pages .our-programs-subhead a,.our-programs-inner-pages p{min-height:0}

.tabs{text-align:center}

.tabs ul li{width:155px;float:none;margin:0 5px 10px;display:inline-block}

.alignright{max-width:100%}

.latest-news-events-recent-post-content{float:none;width:auto}

a.scrollup{display:none!important}

}

.border-title{
    border-left:5px solid #651d32;
    padding-left:5px;
}
span.place{
    font-style:italic;
    font-size:18px;
}
.mb-0{
    margin-bottom:0px!important;
}

#mobileMenu .wrapper ul:nth-child(2), #mobileMenu .wrapper ul:nth-child() {
    display: none;
}

