.mt-10 {margin-top: 10px;}
body {
    font-size: 18px;
    font-family: "Museo Sans",sans-serif;
    font-weight: 300;
    text-shadow: 2px 2px 8px rgba(0,0,0,1);
}
.pantone444C{
   background-color:  #717c7d;
    color: #ffffff;
}
.white-rule {
    border: none;
    border-bottom: solid 1px white;
    margin: 1rem 0;
}
.noshadow, .no-shadow {
    text-shadow: none !important;
}

/* type
* --------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
    font-family: "Museo Sans";
}
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/quicksand/Quicksand-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}
@media (min-width: 991px) {
    .slide-header-wrap {
        padding: 0;
    }
}
/*--------------------------------------------*/
blockquote {
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
    color: inherit;
    font-style: italic;
}
.main-quote {
    font-size: 2.3rem;
}
img {
    max-width: 100%;
}
.textshadow {
    text-shadow: 2px 2px 7px rgba(0,0,0,.6);
}
.header {
    font-size:3em;
    font-family: "Museo Sans", "Helvetica Neue","Open Sans", sans-serif;
}
.header img {
    filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.6));
}

.subhead, .blurbhead {
    font-family: "Museo Sans", 'Helvetica', "Open Sans", sans-serif;
    font-weight: 100;
    font-size: 1.5em;
    margin-top: 0px;
    text-shadow: 2px 2px 7px rgba(0,0,0,.6);
}
.blurbhead p {
    font-family: "Museo Sans", 'Helvetica', "Open Sans", sans-serif;
}
p{
    font-family: "Museo Sans", 'Helvetica', sans-serif;
}
.subhead{
    margin-top: 108px;
    margin-bottom: 2rem;
    font-weight: 100;
}

.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: 45px;
    margin-top: 10px;
}
.upper-right .year-logo {
    float: left;
}
.upper-right .year-logo img {
    width: 65px;
    height: auto;
}
.upper-right .download-link {
    float: right;
    margin-left: 20px;
}
.upper-right .download-link a {
    display: block;
}
/* footer
* --------------------------------------- */
.footer {
    background-color: #daac27;
    z-index: 1;
}
.footer a{
    color: #ffffff;
    line-height: 1.5;
    font-size: 1.7rem;
    font-family: "Museo Sans",'Helvetica Neue','Open Sans',sans-serif;
    font-weight: 300;
    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"],
#navMenu .active[data-menuanchor="expanding"] {
    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: 80px;
    margin-right: 80px;
}
.slide .container-fluid:first-child.clearfix {
    margin-bottom: 140px;
}

.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: #dba900 !important;
}
.fp-controlArrow {
    background-repeat: no-repeat;
    background-size: 45px 45px;
    display: inline-block;
    width: 60px;
    height: 60px;
}
.fp-controlArrow.fp-prev {
    background-size:cover;
    background-image: url(../images/arrow-left.png);
}

.fp-controlArrow.fp-next {
    background-size:cover;
    /*right:20px !important;*/
    background-image: url(../images/arrow-right.png);
}
.fp-controlArrow.fp-prev[style="display: none;"] {
    display: inline-block !important;
    cursor: default;
    background-image: url(../images/arrow-left-null.png);
}
.fp-controlArrow.fp-next[style="display: none;"] {
    display: inline-block !important;
    cursor: default;
    background-image: url(../images/arrow-right-null.png);
}
.fp-controlArrow{
    top:50% !important;
}
.photo-caption {
    font-weight: 300;
}
.photo-caption figcaption{
    font-size: 3rem;
    font-family: "Museo Sans", 'Helvetica Neue', 'Open Sans', sans-serif;
    line-height:1;
    font-weight: 100;
}
.photo-caption p{

    font-family: "Museo 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 {
    margin-left: 10%;
    margin-right: 10%;
}
#financial-table {
    width: 100%;
    font-family: "Museo Sans", sans-serif;
}
#financial-table td,#financial-table-wrapper th {
    text-shadow: none;
    color: #FFF;
    padding: 10px;
    font-weight: 100
}
#financial-table-wrapper th {
    font-size: 2.6rem;
}
#financial-table td {
    border-right: solid 1px #333;
    text-align: right;
    font-size:2rem;
}
#financial-table td:last-child, #financial-table-wrapper th:last-child {
    border: none;
}
#financial-table tr {
    border-bottom: solid 1px #333;
}
#financial-table tr:last-child {
    border: none;
}
#financial-table tbody td {

}
#financial-table .noborder {
    border: none;
}
#financial-table strong {
    font-weight: normal;
}
#financial-table .section-heading {
    color: #FFF;
    font-size: 3rem;
    font-weight: 100;
}
.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.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/of_financial_ov.jpg);
}

#financeslide1b,
#financeslide2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0075dc+0,005373+100 */
    background: rgb(0,117,220); /* Old browsers */
    background: -moz-linear-gradient(26deg, rgba(0,117,220,1) 0%, rgba(0,83,115,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(26deg, rgba(0,117,220,1) 0%,rgba(0,83,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(26deg, rgba(0,117,220,1) 0%,rgba(0,83,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075dc', endColorstr='#005373',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-shadow: none;
}
.financial-stats {
    margin-top: 4rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1900px;
}
.financial-stats h4 {
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 0;
    margin-bottom: 3rem;
    font-size: 2.5rem;
}
@media (min-width: 768px) {
    .financial-stats .financial-stat-col {
        margin: 0;
        padding: 0;
        border-right: solid 6px white;
        padding-right: 2.3%;
        margin-right: 2.3%;
        max-width: 23.2%;
        min-height: 400px;
        padding-bottom:200px;
    }

    .financial-stats .financial-stat-col:last-child {
        border: none;
        padding-right: 0;
        margin-right: 0;
        float: right;
    }
    .financial-stats .financial-stat-col:last-child img.stat {
        max-width: 87%;
    }
}
@media (max-width: 767px) {
    .financial-stats .financial-stat-col {
        border-bottom: solid 6px white;
        margin-bottom: 4rem;
        padding-bottom: 4rem;
    }
    .financial-stats .financial-stat-col:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}


.financial-stats img.stat.two-digit {
    width: 55%;
    max-width: 200px;
}
.financial-stats img.stat.three-digit {
    width: 83%;
    max-width: 300px;
}
.financial-stats .stat {
    margin-bottom: 20px;
}
#communityslide1{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_16.jpg);
}
#communityslide1b {
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/luz_jimmy_bgnd.jpg);
}
#communityslide2{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0075dc+0,005373+100 */
    background: rgb(0,117,220); /* Old browsers */
    background: -moz-linear-gradient(26deg, rgba(0,117,220,1) 0%, rgba(0,83,115,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(26deg, rgba(0,117,220,1) 0%,rgba(0,83,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(26deg, rgba(0,117,220,1) 0%,rgba(0,83,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075dc', endColorstr='#005373',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#communityslide3,
#communityslide4,
#communityslide4b,
#communityslide4c,
#communityslide5,
#communityslide6,
#communityslide2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe000+0,788b05+100 */
    background: rgb(255,224,0); /* Old browsers */
    background: -moz-linear-gradient(26deg, rgba(255,224,0,1) 0%, rgba(120,139,5,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(26deg, rgba(255,224,0,1) 0%,rgba(120,139,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(26deg, rgba(255,224,0,1) 0%,rgba(120,139,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe000', endColorstr='#788b05',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#communityslide3 h1.header,
#communityslide4 h1.header,
#communityslide4b h1.header,
#communityslide4c h1.header,
#communityslide5 h1.header,
#communityslide6 h1.header,
#communityslide2 h1.header {
    text-shadow: none;
}
.community-subtitle {
    text-align: center;
    font-size: 2.9rem;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 100;
    text-shadow: none;
}
.community-header2 {
    font-size: 3rem;
}
#impactslide1{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_05.jpg);
}
#impactslide1b {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf3200+0,b76800+100 */
    background: rgb(207,50,0); /* Old browsers */
    background: -moz-linear-gradient(26deg, rgba(207,50,0,1) 0%, rgba(183,104,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(26deg, rgba(207,50,0,1) 0%,rgba(183,104,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(26deg, rgba(207,50,0,1) 0%,rgba(183,104,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf3200', endColorstr='#b76800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    text-shadow: none;
}
#impactslide2{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_07.jpg);

}
#impactslide3{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_08.jpg);

}
#impactslide4{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_10.jpg);

}
#impactslide5{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_11.jpg);
}
#impactslide6{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_12.jpg);
}
#impactslide6b {
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/Imp_Policy_S.jpg);
}
#impactslide7{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_14.jpg);
}
#impactslide8{
    background-image: linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/imp_cre-story.jpg);
}
.impact-stats {
    margin: 4rem auto;
    padding: 0 160px 200px;
}
.impact-stats p {
    font-weight: 100;
    font-size: 3.6rem;
    line-height: 1.1;
}
.impact-stats .stat-row {
    border-bottom: solid 4px white;
    padding-bottom: 5rem;
    margin-bottom: 5rem;
}
.impact-stats b {
    font-weight: 500;
}
.circles .circle-stat {
    height: auto;
    margin-bottom: 20px;
}
.circle-stat img {
    width: 300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.impact-stats h4 {
    border-bottom: solid 1px white;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    margin-top: 0;
    font-weight: 300;
    font-size: 3.2rem;
}
.impact-stats hr.white-rule {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.impact-stats .impact-highlight-families {
    padding-bottom:2rem;
    margin-bottom:2rem;
}
.impact-stats .impact-highlight-jobs {
    padding-bottom:2rem;
    margin-bottom:2rem;
}
@media (min-width: 768px) {
    .impact-stats {
        margin: 4rem auto;
        padding: 0 160px 200px;
    }
    .impact-stats .impact-stat-col {
        margin: 0;
        padding: 0;
        border-right: solid 4px white;
        padding-right: 2.3%;
        margin-right: 2.3%;
        max-width: 31.9%;
        /*min-height: 1110px;*/
    }
    .impact-stat-col h4 {
        font-size: 2.1rem;
    }

    .impact-stats .impact-stat-col:last-child {
        border: none;
        padding-right: 0;
        margin-right: 0;
    }

}
@media (min-width: 1024px) {
    .impact-stat-col h4 {
        font-size: 2.6rem;
    }
}
@media(min-width: 2250px) {
    .impact-stat-col h4 {
        font-size: 4.7rem;
    }

    .impact-stats hr.white-rule {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}
/* SMALL PHONES -STAT HIGHLIGHTS */
@media (max-width: 480px) {
    .impact-stats .stat-row {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
    .impact-highlight-families {
        margin-bottom: auto;
    }
    .impact-highlight-jobs {
        padding: 0;
    }
}
/***********************************************/
#homeslide1{
    background-image:linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_01.jpg);
}
#homeslide2{
    background-image:linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_02.jpg);

}
#homeslide3{
    background-image:linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_03.jpg);

}

#homeslide4 {
    background-image:linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.5)
    ),url(../images/bg/OF_AR2017_Backgrounds_Page_04.jpg);
}
/* modal
* --------------------------------------- */
a { /* to handle links without href (chrome suppresses pointer) */
    cursor: pointer;
}
.modal2 {
    width: 800px;
    height: 650px;
    max-width: 90%;
    max-height:90%;

    font-size: 1.7rem;
    padding: 4rem 6rem 6rem;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    text-shadow: none;
    background-color: #FFF;
    color: #333;
    z-index: 1001;

    overflow: auto;
    overflow-x: hidden;

    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    display: none;
}
.modal2 .close {
    margin: 10px;
}
.modal2 a {
    color: inherit;
    text-decoration: underline;
}
.modal2 a:hover {
    text-decoration: none;
}
.modal2 .modal-body{
    padding: 0 0 10px;
    clear: both;
}
.modal2 h3 {
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 2rem;
}
.modal2 li {
    text-align: left;
}
.modal2 hr {
    border-top: solid 1px #e97200;
    margin: 10px 0;
}
.modal2 blockquote {
    border: none;
    padding: 0;
    color: #000;
}
.modal2 blockquote footer {
    margin-top: 12px;
    color: #000;
    font-size:inherit;
}
.modal2 footer b {
    font-weight: 500;
}

.story-button {
    text-align: left;
    padding: 0;
    margin: 0;
    margin-bottom: 6rem;
}
.story-button img {
    width: 140px;
    height: auto;
}
.story-button-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:"Museo Sans";
    font-size:20px;
    padding:0 7px;
    text-decoration:none;
}

.story-button-video:hover {
    background-color:#afbc21;
    color: #ffffff;
}

.open{
    font-size: 17px;
}
a.close{
    background: url("../images/modal-close-btn.png") no-repeat left top;
    background-size: 52px 52px;
    color: #ffffff;
    font-family: "Museo Sans", "Helvetica Neue", "Open Sans", sans-serif;
    font-size: 17px;
    width: 52px;
    height: 52px;
    opacity: 100;
    position: absolute;
    top: 10px;
    right: 20px;
}

.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;
}
.modal-overlay {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.42);
    z-index: 998;
    display: none;
}

/* MODAL + STORY RESPONSIVE */
@media (max-width: 991px) {
    .upper-right .download-link {
        margin-left: 0;
    }
    .story-button {
        float: right;
        width: 120px;
        margin-bottom: 0;
        margin-top: -40px
    }
    .bottomright .text-right {
        text-align: left;
    }
}
@media (max-width: 640px) {
    .modal2 {
        height: auto;
    }
    .modal2 .close {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
    }
    .story-button {
        float: right;
        width: 90px;
        margin-bottom: 0;
        margin-right: -30px;
    }

}

/* 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: "Museo Sans", "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%;
    min-width: 250px;
}
.circle-flip .back {
    font-family: 'Open Sans',  sans-serif;
    padding: 20% 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: 20% 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{
        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 .client-name {
        font-size: 2.2rem;
    }
    .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: 40px;
        height: auto !important;
    }
}
.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: 50%;
    margin-left: -16px;
    width: 22px;
    height: 22px;
    background: url('../images/icon-community-x.png') no-repeat center center;
    background-size: 22px 22px;
    z-index: 99;
}
.circle-flip-large .cir-close {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    left: 50%;
}

.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;
    text-shadow: none;
    text-align: center;
}
.filter-list-item, .shade-list-item {
    font-family: "Museo Sans", 'Helvetica Neue', 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 1.7rem;
    display:inline;
    margin-right: 10px;
    cursor: pointer;
    white-space: nowrap;
}
.filter-list-item:last-child, .shade-list-item:last-child {
    margin-right: 0;
}
.filter-list-item a, .shade-list-item a {
    color: #FFF;
    text-decoration: none;
}
.filter-list-item a:active, .filter-list-item a:visited, .filter-list-item a:hover {text-decoration:none;}
.filter-list-item.clicked-on a {
    color: #333;
}
.filter-icon{
    background: url("../images/arrow-down-gray@2x.png") no-repeat center center;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    text-align: center;
    text-decoration: none;
    margin-right: 5px;
}
.filter-list-item.clicked-on .filter-icon{
    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(max-width: 991px) {
    .filter-list-item, .shade-list-item {
        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: 40vh;
        margin-bottom: 95px;
    }
    .photo-caption {
        position: static;
        margin-top: 5rem;
        margin-bottom: 2rem;
    }
    /*.story-button {
        float: none !important;
    }*/
    .section {
        padding-bottom: 70px !important;
    }
}

@media(max-width: 479px) {

}

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

@media (min-width: 991px) {
    .bottomleft {
        position: absolute !important;
        bottom: 60px !important;
        left: 65px !important;
    }

    .bottomright {
        position: absolute !important;
        bottom: 60px !important;
        right: 80px !important;
    }

    .logo {
        left: 78px;
    }

    .logo img {
        width: 200px;
        height: auto;
    }

    .upper-right {
        z-index: 999;
        top: 36px;
        right: 20px;
        position: fixed;
        width: 162px;

    }

    .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;*/
    }

    p {
        font-size: 2rem;
        font-weight: 300;
    }

    /*.header{*/
    /*font-size: 65px;*/
    /*}*/
    .subhead {
        font-size: 3.5rem;
        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 {
        width: 300px;
    }

    /*.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;
    }
}

@media (min-width: 2700px) {


}
/*-------------------------------------*/
/* SLIDE DOT POSITIONS */
@media (max-width: 991px) {
    .fp-slidesNav.bottom {
        display: none;
    }
}
.fp-slidesNav.bottom {
    bottom: 37px !important;
}

.fp-viewing-impact-0 .fp-slidesNav.bottom,
.fp-viewing-impact-highlights .fp-slidesNav.bottom,
.fp-viewing-impact-entrepreneurship .fp-slidesNav.bottom,
.fp-viewing-impact-entrepreneur-story .fp-slidesNav.bottom,
.fp-viewing-impact-jorge .fp-slidesNav.bottom,
.fp-viewing-impact-education .fp-slidesNav.bottom,
.fp-viewing-impact-education-story .fp-slidesNav.bottom,
.fp-viewing-impact-policy .fp-slidesNav.bottom,
.fp-viewing-impact-realestate .fp-slidesNav.bottom,
.fp-viewing-impact-realestate-story .fp-slidesNav.bottom,

.fp-viewing-impact-policy-story .fp-slidesNav.bottom,
.fp-viewing-impact-family .fp-slidesNav.bottom {
    margin-left: 18% !important;
}

.fp-viewing-community-0 .fp-slidesNav.bottom,
.fp-viewing-community-ceo .fp-slidesNav.bottom,
.fp-viewing-community-events .fp-slidesNav.bottom,
.fp-viewing-community-gatherings .fp-slidesNav.bottom,
.fp-viewing-community-investors .fp-slidesNav.bottom,
.fp-viewing-community-individual-donors .fp-slidesNav.bottom,
.fp-viewing-community-institutional-donors .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: 43% !important;
}
.fp-viewing-financials-0 .fp-slidesNav.bottom,
.fp-viewing-financials-1 .fp-slidesNav.bottom, .fp-viewing-financials-financial-highlights .fp-slidesNav.bottom,
.fp-viewing-financials-2 .fp-slidesNav.bottom, .fp-viewing-financials-financial-table .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 {
    color: #FFF;
    text-shadow: none;
}
#donor-table p {
    margin: 0 0 5px;
}
#donor-table h1, #donor-table h2, #donor-table h3, #donor-table h4 {
    color: #333;
    font-weight: 500;
}
#donor-table h3 {
    font-size: 2.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;
        width: 33%;
        padding: 3px 10px;
        vertical-align: top;
    }
    .divTableCell {
        max-width: 26.9%;
        border-right: solid 1px white;
        padding-right: 10px;
    }
    .divTableCell:last-child {
        border: none;
    }
    .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;
}


.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-table p, #donor-table p {
    font-weight: 500;
}
#staff-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
@media (min-width: 641px) {
    #staff-table .divTableCell {
        border-right: solid 1px white;
    }

    #staff-table .divTableCell:last-child {
        border: none;
    }
}
/* MOBILE FIXES FOR SLIDES */
@media(max-width: 1024px) {
    .mt-0-tablet {
        margin-top: 0 !important;
    }
    .impact-stats {
        padding-left: 0;
        padding-right: 0;
        width: 90%;
        margin: 0 auto !important;
    }
}
@media (max-width: 768px) {
    h1.header {
        font-size: 3rem;
    }
    .fp-controlArrow {
        width: 25px;
        height: 25px;
    }
    #impactslide4 {
        background-position: 92%;
    }
    #impactslide5 {
        background-position: left;
    }

    /* container for a slide  */
    .slide .container-fluid:first-child {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mt-0-mobile {
        margin-top: 0 !important;
    }
    .stat-row {

    }
    /*.col-md-4 {
        padding: 0 !important;
    }*/
    .row-eq-height {
        display: block;
    }
    .upper-right .download-link {
        margin-left: 0;
    }
}
@media(max-width: 320px) {
    .impact-stats {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}