body {
    font-size: 18px;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    text-shadow: 2px 2px 8px rgba(0,0,0,1);
}
.pantone444C{
   background-color:  #717c7d;
    color: #ffffff;
}

/* type
* --------------------------------------- */
@font-face {
    font-family: 'NovLight';
    src: url('../fonts/Novecentosanswide-Light-webfont.eot');
    src: url('../fonts/Novecentosanswide-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Novecentosanswide-Light-webfont.woff2') format('woff2'),
    url('../fonts/Novecentosanswide-Light-webfont.woff') format('woff'),
    url('../fonts/Novecentosanswide-Light-webfont.ttf') format('truetype'),
    url('../fonts/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NovBook';
    src: url('../fonts/Novecentosanswide-Book-webfont.eot');
    src: url('../fonts/Novecentosanswide-Book-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Novecentosanswide-Book-webfont.woff2') format('woff2'),
    url('../fonts/Novecentosanswide-Book-webfont.woff') format('woff'),
    url('../fonts/Novecentosanswide-Book-webfont.ttf') format('truetype'),
    url('../fonts/Novecentosanswide-Book-webfont.svg#novecento_sans_widebook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FunctionProBook';
    src: url('../fonts/functionpro-book-webfont.eot');
    src: url('../fonts/functionpro-book-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/functionpro-book-webfont.woff2') format('woff2'),
    url('../fonts/functionpro-book-webfont.woff') format('woff'),
    url('../fonts/functionpro-book-webfont.ttf') format('truetype'),
    url('../fonts/functionpro-book-webfont.svg#function_probook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FunctionProMed';
    src: url('../fonts/functionpro-medium-webfont.eot');
    src: url('../fonts/functionpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/functionpro-medium-webfont.woff2') format('woff2'),
    url('../fonts/functionpro-medium-webfont.woff') format('woff'),
    url('../fonts/functionpro-medium-webfont.ttf') format('truetype'),
    url('../fonts/functionpro-medium-webfont.svg#function_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*--------------------------------------------*/
blockquote {
    font-style: italic;
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
    color: inherit;
}
img {
    max-width: 100%;
}
.textshadow {
    text-shadow: 2px 2px 7px rgba(0,0,0,.6);
}
.header {
    font-size:3em;
    font-family: 'NovLight', "Helvetica Neue","Open Sans", sans-serif;
    margin-top: 0px;
    text-transform: uppercase;
}
.header img {
    filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.6));
}

.subhead, .blurbhead {
    font-family: 'NovLight', 'Helvetica', "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 1.7em;
    margin-top: 0px;
    text-shadow: 2px 2px 7px rgba(0,0,0,.6);
}
.blurbhead p {
    font-family: 'NovLight', 'Helvetica', "Open Sans", sans-serif;
    font-size: 2rem;
}
p{
    font-family: 'Open Sans', 'Helvetica', sans-serif;
}
.subhead{
    margin-top: 108px;
    padding-bottom: 18px;
    border-bottom: 10px solid #e97200;
}

.blurbhead span{
    white-space: nowrap;
}
.blurb{
    font-family: 'Open Sans', 'Helvetica', sans-serif;
    padding-top: 18px;
    margin-top: 144px;
    border-top: 10px solid #e97200;
}
/* header (logo and download button)
* --------------------------------------- */

.logo{
    z-index: 999;
    top: 36px;
    left:5%;
    position: fixed;
}
.logo img{
    width: 150px;
    height: auto;
}
.upper-right{
    z-index: 999;
    top:36px;
    right: 5px;
    position: fixed;
    width: 120px;
}
.upper-right .download-link img{
    height: 40px;
    margin-top: 10px;
}
.upper-right .year-logo {
    float: left;
}
.upper-right .year-logo img {
    width: 65px;
    height: auto;
}
.upper-right .download-link {
    float: right;
}
.upper-right .download-link a {
    display: block;
}
/* footer
* --------------------------------------- */
.footer {
    background-color: #a8b0b0;
}
.footer a{
    color: #ffffff;
    line-height: 1.5;
    font-size: 1.7rem;
    font-family: 'NovLight','Helvetica Neue','Open Sans',sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 5px;
    text-shadow: none;
}
.footer a:hover {
    background-color: rgba(0,0,0,.3);
}
#navMenu .active[data-menuanchor="building"]{
    background-color: #373935;
    /*border-top: 1px solid #373935;*/
}
#navMenu .active[data-menuanchor="impact"]{
    background-color: #e97200;
    /*border-top: 1px solid #e97200;*/
}
#navMenu .active[data-menuanchor="community"]{
    background-color: #afbc21;
   /* border-top: 1px solid #afbc21;*/
}
#navMenu .active[data-menuanchor="financials"]{
    background-color: #46797a;
    /*border-top: 1px solid #46797a;*/
}
#navMenu .navItem {
    padding: 0;
}

/* Texts in each section
* --------------------------------------- */
.section{
   color: #ffffff;
}


/* Backgrounds will cover all the section
* --------------------------------------- */
.section{
    background-size: cover;
    background-position: center top;
}
.slide{
    background-size: cover;
    background-position: center top;
    position: relative;
}
.slide .container-fluid:first-child {
    margin-left: 50px;
    margin-right: 60px;
}

.fp-slidesNav{
    left:10% !important;
}
.fp-slidesNav ul li a span{
    background: #ffffff !important;
}
.fp-slidesNav ul li a.active span,  .fp-slidesNav ul li:hover a.active span{
    background: #fff100 !important;
}
.fp-controlArrow.fp-prev {
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    width: 30px;
    height: 30px;

}

.fp-controlArrow.fp-next {
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    -ms-background-position-x:100%;
    background-position-x:100%;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.fp-controlArrow.fp-next[style="display: none;"] {
    display: inline-block !important;
    opacity: .30;
    cursor: default;
}
.fp-controlArrow{
    top:50% !important;
}
.photo-caption {
    position: absolute;
    font-weight: 300;
}
.photo-caption figcaption{
    font-size: 6rem;
    font-family: 'NovLight', 'Helvetica Neue', 'Open Sans', sans-serif;
    text-transform: uppercase;
    line-height:1;
}
.photo-caption p{

    font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    font-weight: 300;
    white-space: nowrap;
    display: inline-block;
    margin: 0px;
}

/* Defining each section background and styles
* --------------------------------------- */

/* Universal to all sections
* --------------------------------------- */
.row .callout:first-child{
    height: 100px;
}
.callout{
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 400px;
    transition: opacity 1s ease-in-out;
}



/*.first-image, .second-image, .third-image, .forth-image{
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    height: inherit;
    width: 100%;
    z-index: 999;
    opacity: 0;
}
.first-image.show, .second-image.show, .third-image.show, .fourth-image.show{
    opacity: 1;
}
*/
/* section (Home)
* --------------------------------------- */


#homeslide1  .first-image{
    /*background-image: url(../images/stat-home-61m-invested.png);*/
}
#homeslide1  .second-image{
    /*background-image: url(../images/stat-impact-4812-served.png);*/
}
#homeslide1  .third-image{
    /*background-image: url(../images/stat-home-creating-1994.png);*/
}

#homeslide2 .first-image{
    /*background-image: url(../images/stat-home-2211-loans.png);*/
    /*-webkit-background-size:contain;*/
    /*background-size:contain;*/
}
#homeslide2 .second-image{
    /*background-image: url(../images/stat-impact-60m-invested.png);*/
}
#homeslide3 .first-image{
    /*background-image: url(../images/stat-home-341-savings.png);*/
}
#homeslide3 .second-image{
    /*background-image: url(../images/stat-home-1m-saved.png);*/
}
/* section0 (Impact)
* --------------------------------------- */
#impactslide1 .first-image{
    /*background-image: url(../images/stat-impact-61m-invested.png);*/
}
#impactslide1 .second-image{
    /*background-image: url(../images/stat-impact-4812-served.png);*/
}
#impactslide1 .third-image{
    /*background-image: url(../images/stat-impact-25k-household-income.png);*/
}
#impactslide1 .forth-image{
    /*background-image: url(../images/stat-impact-87-ethnic-minority.png);*/
}
#impactslide2 .first-image{
    /*background-image: url(../images/stat-impact-60m-invested.png);*/
}
#impactslide2 .second-image{
    /*background-image: url(../images/stat-impact-2211-to-business-owners.png);*/
}
#impactslide2 .third-image{
    /*background-image: url(../images/stat-impact-6485-jobs.png);*/
}
#impactslide4 .first-image{
    /*background-image: url(../images/stat-home-341-savings.png);*/
}
#impactslide4 .second-image{
    /*background-image: url(../images/stat-impact-80-savers-first-college.png);*/
}
#impactslide4 .third-image{
    /*background-image: url(../images/stat-impact-1m-total-saving-incentives.png);*/
}
#impactslide7 .first-image{
    /*background-image: url(../images/stat-impact-38m-loaned.png);*/
}
#impactslide7 .second-image{
    /*background-image: url(../images/stat-impact-654k-low-income-people-served.png);*/
}
#impactslide7 .third-image{
    /*background-image: url(../images/stat-impact-5496-jobs-created.png);*/
}
/* section2 (Community)
* --------------------------------------- */
#communityslide1 .first-image{
    /*background-image: url(../images/stat-community-4812-clients.png);*/
}
#communityslide1 .second-image{
    /*background-image: url(../images/stat-community-500-donors.png);*/
}
#communityslide1 .third-image{
    /*background-image: url(../images/stat-community-93-staff.png);*/
}
#communityslide1 .fourth-image{
    /*background-image: url(../images/stat-community-1-economic-mobility.png);*/
}
#communityslide2 .first-image{
    /*background-image: url(../images/stat-community-fall-fete-woodside.png);*/
}
#communityslide2 .second-image{
    /*background-image: url(../images/stat-community-taste-microfinance-april.png);*/
}
#communityslide2 .third-image{
    /*background-image: url(../images/stat-community-taste-of-microfinance-may.png);*/
}
.topPadding{
    padding-top: 36px;
}

/* section3 (Finance)
* --------------------------------------- */
#financeslide1 .first-image{
    /*background-image: url(../images/stat-finance-70-million-portfolio.png);*/
}
#financeslide1 .second-image{
    /*background-image: url(../images/stat-finances-98-repayment.png);*/
}
#financeslide1 .third-image{
    /*background-image: url(../images/stat-finance-1-donated-deploys-5.png);*/
}
#financeslide1 .forth-image{
    /*background-image: url(../images/stat-finance-50-earned-50-contributed.png);*/
}
#financeslide1 .blurbhead {
    font-size: 1.3em;
}
.slide{
    padding-top: 108px ;
}
#financial-table-wrapper {
    background: #e1e6e3;
    padding: 40px;
}
#financial-table {
    width: 100%;
}
#financial-table td,#financial-table-wrapper th {
    text-shadow: none;
    color: #333;
    padding: 10px;
}
#financial-table td {
    border-right: solid 1px #666;
    text-align: right;
}
#financial-table td:last-child, #financial-table-wrapper th:last-child {
    border: none;
}
#financial-table tr {
    border-bottom: solid 1px #666;
}
#financial-table tr:last-child {
    border: none;
}
#financial-table tbody td {
    background-color: white;
}
#financial-table .noborder {
    border: none;
}
#financial-table strong {
    font-family: FunctionProMed, sans-serif;
    font-weight: normal;
}
#financial-table .section-heading {
    color: #46797b;
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing:2px;
    font-weight: lighter;
}
.tip {
    display: inline-block;
    color: #FFF;
    width: 22px;
    height: 22px;
    text-align: center;
    text-decoration: none !important;
}
/*Adding background for the slides
* --------------------------------------- */

#financeslide1{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/OL12.jpg);
}
#financeslide2{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/blue-fabric-bkg.jpg);
    text-shadow: none;
}
#communityslide1{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/community_landing.jpg);
}
#communityslide2{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/Taste_of_Microfinance_SF.jpg);
}
#communityslide3{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/green-fabric-bkg.jpg);
}
#communityslide4{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/green-fabric-bkg.jpg);
}
#communityslide5{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/green-fabric-bkg.jpg);
}
#communityslide6{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/green-fabric-bkg.jpg);
}
#impactslide1{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/finance_landing.jpg);

}
#impactslide2{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/Opportunity_Fund_Bakery_10_06_1536915.jpg);

}
#impactslide3{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/jorge-stirring-bkg.jpg);

}
#impactslide4{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/Minh_College_Saver.jpg);

}
#impactslide5{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/IMG_3837.JPG.jpeg);

}
#impactslide6{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/policy_background.jpg);
}
#impactslide7{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/community_realestate_landing_o.jpg);
}
#impactslide8{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
    ),url(../images/lafamily.jpg);
}
#homeslide1{
    background-image:linear-gradient(
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0.2)
    ),url(../images/Alicia-107.jpg);
}
#homeslide2{
    background-image:linear-gradient(
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0.2)
    ),url(../images/Ana_Poe_273.jpg);

}
#homeslide3{
    background-image:linear-gradient(
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0.2)
    ),url(../images/OF_Kiara-211.jpg);

}

/* modal
* --------------------------------------- */
a { /* to handle links without href (chrome suppresses pointer) */
    cursor: pointer;
}
.modal {
    text-shadow: none;
}
.of-btn {
    background-color:#afbc21;
    -moz-border-radius:35px;
    -webkit-border-radius:35px;
    border-radius:35px;
    display:inline-block;
    cursor:pointer;
    margin-top: 20px;
    color:#ffffff;
    font-family:'NovLight';
    font-size:20px;
    padding:5px 20px;
    text-decoration:none;
    text-shadow: none;
}
.of-btn-video{
    text-shadow: none;
    background-color:#e97200;
    -moz-border-radius:35px;
    -webkit-border-radius:35px;
    border-radius:35px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:'NovLight';
    font-size:20px;
    padding:0 7px;
    text-decoration:none;
}
.of-btn:hover {
    background-color:#e97200;
    color: #ffffff;
}
.of-btn-video:hover {
    background-color:#afbc21;
    color: #ffffff;
}
.of-btn:active {
    position:relative;
    top:1px;
}
.open{
    font-size: 17px;
}
a.close{
    background: url("../images/modal-close-btn.png") no-repeat left top ;
    color: #ffffff;
    font-family: 'NovLight', "Helvetica Neue", "Open Sans", sans-serif;
    font-size: 17px;
    width: 36px;
    height: 36px;
    opacity: 100;
}
@media (min-width: 768px) {
    .of-btn-video {
        position: absolute;
        bottom: 70px;
        right: 80px;
    }
}
.close{
    font-weight: 400;
    text-shadow: none;
}
.img-circle{
    height:200px;
    width:200px;

}
.modal-open-button-icon{
    margin-left: 12px;
}
.modal-open-button-icon img{
    height: 15px;
    vertical-align: inherit;
}
/* text svg
* --------------------------------------- */
.svg-wrapper {
    height: 0;
    width: 100%;
    padding-top: 50px;
    position: relative;
}

svg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    max-height: 100%;
}
text {
        fill: #ffffff;
}

.upper {
        text-transform: uppercase;
    }
.svgtext{
    font-family: 'NovLight', "Helvetica Neue","Open Sans", sans-serif;
}


/* Circle Rollover
* --------------------------------------- */
.cr .row{
   padding-bottom: 26px;
}

.cir-item {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    transition: all 0.4s ease-in-out;
    text-shadow: none;
    margin-bottom: 40px;
    display: inline-block;
}
.cir-info {
    position: absolute;
    background: rgba(999,999,999, 1);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
    padding: 5px;
}
.big.cir-info {
    position: absolute;
    z-index: 999;
    background: rgba(999, 999, 999, 1);
    width:inherit;
    height:inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
    color: #afbc21;
    text-align: center;
}
.cir-item-wrapper {
    position: static !important;
    text-align: center;
    height: 280px;
}

/* regular flip */
.circle-flip {
    display: inline-block;
    width: 250px;
    height: 250px;
    transition: all 0.4s ease-in-out;
    text-shadow: none;
    cursor: pointer;
}
.circle-flip .front, .circle-flip .back {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}
.circle-flip .front img {
    border-radius: 50%;
}
.circle-flip .back {
    font-family: 'Open Sans',  sans-serif;
    padding: 25% 30px 0;
    background-color: #FFF;
    color: #afbc21;
}
.circle-flip h4 {
    font-weight: bold;
}
/* large flip */
.circle-flip-large {
    display: inline-block;
    width: 250px;
    height: 250px;
    transition: all 0.4s ease-in-out;
    text-shadow: none;
    cursor: pointer;
}
.circle-flip-large .front, .circle-flip-large .back {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}
.circle-flip-large img {border-radius: 50%;}
.circle-flip-large .front {
    background-color: transparent;
}
.circle-flip-large .back {
    font-family: 'Open Sans',  sans-serif;
    padding: 25% 30px 0;
    background-color: #FFF;
    color: #afbc21;
    opacity: 0;
    transition: all 1s ease-in-out 0.4s;
}
.circle-flip-large .client-name{
    font-weight: bold;
    font-size: 28px;
}
.circle-flip-large.zoom {
    width: 450px;
    height: 450px;
    position: relative; /* flip plugin forces this parent of front/back to relative, so we style accordingly*/
    z-index: 9999;
    top: -30px;
    margin: auto;
}
.circle-flip-large.zoom .back {
    opacity: 1;
}
@media (min-width: 992px) { /* BRING LARGE BUBBLE INTO VIEW WHEN 3-UP */
    .cir-item-wrapper:nth-child(3n) .circle-flip-large.zoom {
        left: -120px;
    }
    .cir-item-wrapper:nth-child(n+4) .circle-flip-large.zoom { /* also slide them up when not on first row */
        top: -90px;
    }
    .cir-item-wrapper:last-child .circle-flip-large.zoom,
    .cir-item-wrapper:nth-last-child(2) .circle-flip-large.zoom,
    .cir-item-wrapper:nth-last-child(3) .circle-flip-large.zoom { /* also slide bubbles up even more when last row */
        top: -150px;
    }
    .blurbhead{
        text-align: right;
        margin-top: 0;
    }
}
@media (min-width: 519px) and (max-width: 991px) {/* BRING LARGE BUBBLE INTO VIEW WHEN 2-UP */
    .cir-item-wrapper:nth-child(2n) .circle-flip-large.zoom {
        left: -220px;
    }
    .cir-item-wrapper:nth-child(n+3) .circle-flip-large.zoom { /* also bubbles them up when not on first row */
        top: -90px;
    }
    .cir-item-wrapper:last-child .circle-flip-large.zoom, .cir-item-wrapper:nth-last-child(2) .circle-flip-large.zoom { /* also slide bubbles up even more when last row */
        top: -150px;
    }
}
@media (max-width: 480px ) { /* LET'S NOT HAVE CIRCLES ON SMALL SCREENS */
    .cir-item-wrapper {
        height: 250px;
    }
    .circle-flip-large.zoom {
        width: 100%;
        height: 380px;
        position: absolute;
        z-index: 9999;
        top: 0; left: 0; right: 0; bottom: 0;
        border-radius: 10px;
    }
    .circle-flip-large.zoom .back {
        border-radius: 10px;
        padding-top: 20px;
        padding-bottom: 270px;
    }
}
.big.cir-info blockquote {
    font-size: 3rem;
}
.cir-info h4 {
    text-align: center;
    color: #afbc21;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    font-size: 18px;
    margin: 0 30px;
    padding: 45px 0 0 0;
    height: 72px;
    font-family: 'QuicksandBold','Open Sans', 'Helvetica', sans-serif;
    font-weight:500;
    /* text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); */
}

.cir-info p {
    color: #afbc21;
    text-align: center;
    padding: 10px 5px;
    margin: 0 10px;
    font-family: 'Quicksand','Open Sans', 'Helvetica', sans-serif;
    font-size: 16px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    transition: all 1s ease-in-out 0.4s;
}
.big.cir-info p {
    color: #afbc21;
    text-align: center;
    padding: 0 5px 36px 5px;
    margin: 0 72px;
    font-family: 'Open Sans', 'Helvetica', sans-serif;
    font-style: italic;
    font-size: 24px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    transition: all 1s ease-in-out 0.4s;
}

.cir-item.clicked-on .cir-info {
    transform: scale(1);
    opacity: 1;
}
.big.cir-item.clicked-on {
    width: 500px;
    height: 500px;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 42%;
    transform: translate(-50%,-50%);
}
.big.cir-info.clicked-on {
    transform: scale(1);
    opacity: 1;
}
.cir-item.clicked-on .cir-info p {
    opacity: 1;
}
.big.cir-info.clicked-on p{
    opacity: 1;
}

.cir-open {
    position: absolute;
    bottom: 5px;
    left: 45%;
    width: 22px;
    height: 22px;
    background: url('../images/icon-community-plus.png') no-repeat center center;
    background-size: 22px 22px;
    display: inline-block;
    cursor: pointer;
    z-index: 99;
}
.cir-close {
    position: absolute;
    bottom: 5px;
    left: 47%;
    width: 22px;
    height: 22px;
    background: url('../images/icon-community-x.png') no-repeat center center;
    background-size: 22px 22px;
    z-index: 99;
}

.big .cir-info .business-name{
    font-family: 'Open Sans', 'Helvetica', sans-serif;
    font-style: normal;
    font-size: 28px;
    padding-top: 0;
}
.big .cir-info .client-name{
    font-family: 'Open Sans', 'Helvetica', sans-serif;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 36px;
    padding-top: 72px;
}

@media (max-width: 640px) {
    .cir-item, .circle-flip-large {
        width: 200px;
        height: 200px;
    }
}
@media (max-width: 518px) { /* because bootstrap's breakpoints are odd */
    .cir-item-wrapper {
        width: 100%;
    }
}

/* community section circle images
* --------------------------------------- */
.cir-img-1{
    background-image: url(../images/business_portraits_001.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}


/* Filter List
* --------------------------------------- */

.filter-list{
    list-style: none;
    margin-top:36px;
    margin-bottom: 50px;
    padding: 0 0 36px;
    text-shadow: none;
}
.filter-list-item, .shade-list-item {
    font-family: 'NovBook', 'Helvetica Neue', 'Open Sans', sans-serif;
    float:left;
    margin-right: 26px;
    cursor: pointer;
}
.filter-list-item:last-child, .shade-list-item:last-child {
    margin-right: 0;
}
.filter-list-item a, .shade-list-item a {
    color: #FFF;
}
.filter-icon{
    background: url("../images/arrow-down-gray@2x.png") no-repeat center center;
    background-size: 22px 22px;
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
    top: 4px;
    text-align: center;
    text-decoration: none;
}
.filter-icon.clicked-on{
    background-image: url("../images/arrow-up-orange@2x.png");
}
.tab-content, .shade-content {
    display: none;
    margin-bottom: 40px;
}
/*.filter-icon:after {
    content: "+";
    font-size: 20px;
    color: #FFF;
    text-align: center;
}
.filter-icon.clicked-on:after {
    content: "-";
    font-size: 20px;
    color: #FFF;
    line-height: 17px;
    text-align: center;
}*/

/* REFINE COMMUNITY BOARD LIST */
@media (min-width: 768px) {
    #communityslide5 .container-fluid {
        margin: 0 120px;
    }
    #communityslide5 h1.header, #communityslide5 .filter-list {
        margin-left: -60px;
    }
}
@media(max-width: 991px) {
    .filter-list-item, .shade-list-item {
        float: none !important;
        display: block;
        font-size: 1.6rem;
        margin-bottom: 10px;
    }
    .filter-list {
        margin: 0;
    }
    .blurbhead{
        text-align: left;
        font-size: 1.4em;
        margin-top: 1rem;
    }
    .subhead {
        margin-top: 1rem;
    }
    .header span {
        display: inline-block;
    }
    .slide .container-fluid:first-child {
        margin-top: 250px;
    }
    .photo-caption {
        position: static;
        margin-top: 5rem;
        margin-bottom: 2rem;
    }
    .of-btn {
        float: none !important;
    }
    .section {
        padding-bottom: 70px !important;
    }
}

@media(max-width: 479px) {

}

/* Mobile and tablet styles
* --------------------------------------- */

@media (min-width: 768px) {
    .bottomleft {
        position: absolute !important;
        bottom: 70px !important;
        left: 50px !important;
    }
    .bottomright {
        position: absolute !important;
        bottom: 40px !important;
        right: 50px !important;
    }
    .logo{
        left:75px;
    }
    .logo img{
        width: 200px;
        height: auto;
    }
    .upper-right{
        z-index: 999;
        top:36px;
        right: 20px;
        position: fixed;
        width: 142px;

    }
    .upper-right .year-logo img {
        width: 90px;
        height: auto;
    }
    .upper-right .year-logo img {
        width: 82px;
        height: auto;
    }
    .slide {
        padding-top: 127px;
    }
    .slide .row {

    }
    .fp-controlArrow{
        /*top:60% !important;*/
    }

    /*.header{*/
        /*font-size: 65px;*/
    /*}*/
    .subhead{
        font-size: 3rem;
        margin-top: 0px;
    }.row .callout:first-child{
         height: 270px;
     }
    .callout{
        background-repeat: no-repeat;
        background-size: 50%;
        background-position-x: 100%;
        background-position-y: 100%;
        height: 270px;
    }
    .photo-caption {
        position: absolute;
        bottom: 0px;
        width: 300px;
        font-weight: 300;
    }
    /*.first-image, .second-image, .third-image, .forth-image{
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: bottom right;
        position: absolute;
        height: inherit;
        width: 100%;
        z-index: 999;
        opacity: 0;
    }*/
    .cr .row{
        padding-bottom: 26px;
    }
/* CLIENT LIST
------------------------------------------*/
    #communityslide3 .container-fluid,
    #communityslide6 .container-fluid,
    #communityslide4 .container-fluid {
        margin: 0 120px;
    }
    #communityslide3 h1.header, #communityslide6 h1.header {
        margin-left: -60px;
    }
}
/*-------------------------------------*/
/* SLIDE DOT POSITIONS */
.fp-slidesNav.bottom {
    bottom: 37px !important;

}
.fp-viewing-impact-0 .fp-slidesNav.bottom,
.fp-viewing-impact-entrepreneurship .fp-slidesNav.bottom,
.fp-viewing-impact-jorge .fp-slidesNav.bottom,
.fp-viewing-impact-education .fp-slidesNav.bottom,
.fp-viewing-impact-fernanda .fp-slidesNav.bottom,
.fp-viewing-impact-policy .fp-slidesNav.bottom,
.fp-viewing-impact-realestate .fp-slidesNav.bottom,
.fp-viewing-impact-family .fp-slidesNav.bottom {
    margin-left: 20% !important;
}

.fp-viewing-community-0 .fp-slidesNav.bottom,
.fp-viewing-community-events .fp-slidesNav.bottom,
.fp-viewing-community-clients .fp-slidesNav.bottom,
.fp-viewing-community-donors .fp-slidesNav.bottom,
.fp-viewing-community-board .fp-slidesNav.bottom,
.fp-viewing-community-staff .fp-slidesNav.bottom {
    margin-left: 45% !important;
}
.fp-viewing-financials-0 .fp-slidesNav.bottom,
.fp-viewing-financials-2 .fp-slidesNav.bottom {
    margin-left: 75% !important;
}

.fp-viewing-community-board,
.fp-viewing-community-staff,
.fp-viewing-community-donors,
.fp-viewing-community-clients {
    text-shadow: none;
}
@media (min-width: 1281px) {
    .logo img{
        width: 250px;
        height: auto;
    }
    .upper-right .year-logo img {
        width: 90px;
        height: auto;
    }
}

/* DONOR TABLE */
#donor-table {
    background-color: #e1e6e3;
    color: #262626;
    text-shadow: none;
}
#donor-table p {
    font-family: FunctionProBook, sans-serif;
    margin: 0;
}
#donor-table h1, #donor-table h2, #donor-table h3, #donor-table h4 {
    font-family: FunctionProBook, sans-serif;
    color: #467a7b;
}
#donor-table h3 {
    font-size: 2rem;
    margin-top: 1.5em;
    margin-bottom: 0;
}
/*make it behave like a table where space permitted */
.divTable {
    padding: .75em;
}
@media (min-width: 640px) {
    .divTable {
        display: table;
        width: 100%;
    }

    .divTableRow {
        display: table-row;
    }

    .divTableHeading {
        background-color: #EEE;
        display: table-header-group;
    }

    .divTableCell, .divTableHead {
        display: table-cell;
        padding: 3px 10px;
        width: 33%;
        vertical-align: top;
    }

    .divTableHeading {
        background-color: #EEE;
        display: table-header-group;
        font-weight: bold;
    }

    .divTableFoot {
        background-color: #EEE;
        display: table-footer-group;
        font-weight: bold;
    }

    .divTableBody {
        display: table-row-group;
    }
}

.fp-viewing-impact-0 .fp-slidesNav {

}
.caption-wrapper {
    position: absolute;
    bottom: 70px;
    left: 50px;
}

/* STATS */
.stats-container {
    position: absolute;
    bottom: 30px;
    right: 70px;
    padding: 0;
    width: 250px;
}
.stats-container .toggle-image {
    display: none;
    height:300px;
}
.stats-container .toggle-image.show {
    /*display: inline-block;*/
}
.stats-container img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
/* NOTE: slide width is defined in the js initialization */
.bxslider {
    padding:0;
    margin: 0;
    height:100%;
}
.cycle-stats{}
.bx-wrapper {
    margin: 0 !important;
}
.bx-controls {display: none;}

@media (max-width: 768px) {
    .container-fluid:first-child {
        padding-bottom: 200px;
    }
    .stats-container {
        position: static;
    }
    .caption-wrapper {
        position: static;
        height: 200px;
    }
}
/* preloader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
#preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    background-color: #FFF;
}
 /*VENOBOX LIGHTBOX*/
.vbox-close {
    background-color: #e97200;
}

.modal2 {
    width: 400px;
    max-height:560px;
    position: absolute;
    top: 115px;
    right: 125px;
    text-shadow: none;
    display:none;
    background-color: #e1e6e3;
    color: #333;
    z-index: 9999;
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.5);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,.5);
    overflow: auto;
    overflow-x: hidden;
}
.modal2 .close {
    margin: 10px;
}
.modal2 a {
    color: inherit;
    text-decoration: underline;
}
.modal2 a:hover {
    text-decoration: none;
}
.modal2 .modal-body{
    font-family: 'Open Sans', 'Helvetica', sans-serif;
    font-size: 0.8em;
    padding: 0 0 10px;
    clear: both;
}
.modal-body p, .modal-body li{
    margin: 15px;
}
.modal2 li {
    text-align: left;
}
.modal2 hr {
    border-top: solid 1px #8b9b93;
    margin: 10px 0;
}
.modal2 blockquote {
    border: none;
    font-size: 1em;
    padding: 10px 20px;
}
.modal2 blockquote footer {
    margin-top: 12px;
    font-size: .9em;
}
@media (max-width: 518px) {
    .modal2 {
        position: absolute;
        left: 0; top: 0; right: 0; bottom: 0;
        width: 70%;
        margin: 0 auto;
    }
}
.publication{
    font-style: italic;
    font-weight: 600;
}
.publication{
    font-style: italic;
    font-weight: 600;
}
.download-financials-link {
    text-decoration: underline;
    display: block;
    color: #333;
    font-size: 1.5rem;
    margin-top: 15px;
}

#staff-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}