/* ------------------------ */
/* ---- GLOBAL STYLING ---- */
/* ------------------------ *

** Bill & Melinda Gates Foundation
*   GFO.org

** TOC 
    1. CSS Reset
    3. Header
    4. Footer
    5. Content */


/* 1. CSS RESET
------------------------------------------------ */

/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 2. GENERAL
------------------------------------------------ */

/*
    Typekit Font DIN Regular {
        font-family: "ff-din-web",sans-serif;
        font-style: normal;
        font-weight: 400;
    }

    Typekit Font DIN Medium {
        font-family: "ff-din-web",sans-serif;
        font-style: normal;
        font-weight: 600;
    }

    Typekit Font DIN Bold {
        font-family: "ff-din-web",sans-serif;
        font-style: normal;
        font-weight: 700;
    }
*/

body {
    background: #f1efec;
    color: #404040;
    font-size: 12px;
    line-height: 16px;
}


.main {
    width: 1000px;
    margin: 0 auto;
}

/* ::::: Helpers ::::: */

.ir {
    position: relative;
    overflow: hidden;
}

.ir span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: no-repeat 0 0;
}

.clear {
    clear: both;
}

/* ::::: Icons ::::: */

.socialIcon {
    display: block;
    width: 29px;
    height: 28px;
    text-indent: -9999px;
}

.socialIcon span img {
    display: block;
    max-width: 100%;
}


p a {
    color: #3086ab;
    text-decoration: none;
}

p a:hover {
    color: #3086ab;
    text-decoration: underline;
}

/* 3. HEADER
------------------------------------------------ */

.mainHeader {
    width: 100%;
    position: relative;
    margin: 31px 0 0;
    background: #373838;
}

.mainHeader a:focus {
    outline: none;
}

.mainHeader .wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.mainHeader .header-print {
    display: none;
}

/* ::::: Logo ::::: */

.mainHeader h1 {
    height: 0;
}

.mainHeader h1 img {
    display: block;
    width: 178px;
    position: absolute;
    top: -31px;
    left: 0;
    z-index: 399;
    text-indent: -9999px;
    height: auto;
}

/* ::::: Menu ::::: */

.mainHeader nav {
    margin: 0 0 0 17.9%;
}

.mainHeader nav ul {
    overflow: visible;
}

.mainHeader nav li {
    padding: 0 3%;
    float: left;
    outline: none;
}

.mainHeader nav li:focus {
    outline: none;
}

.mainHeader nav li.first {
    padding-left: 6%;
}

.mainHeader nav li li {
    margin: 0;
    padding: 0;
    float: none;
}

.mainHeader nav li.active {
    background: #141515;
}

.mainHeader nav li a {
    display: block;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 9px;
    margin-bottom: 9px;
    padding: 0 4px;
    -ms-touch-action: none; 
    -ms-user-select: none;
}

.mainHeader nav li a.active {
    background-color: #9b242d;
}

/* ::::: SubMenu ::::: */

.mainHeader nav .subMenu {
    display: none;
    width: 822px;
    position: absolute;
    left: 50%;
    z-index: 1000;
    margin: 0 auto 0 -322px;
    -ms-touch-action: none; 
    -ms-user-select: none;
}

.mainHeader nav .subMenu .wrapper {
    width: 822px;
    overflow: hidden;
    padding: 14px 0 7px;
    background: #141515;
}

.mainHeader nav .subMenu .col {
    float: left;
    width: 25%;
    margin: 0 0 0 8%;
}

.mainHeader nav .subMenu h2 {
    margin: 10px 0 0;

    font: 10px/18px "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    color: #a7966d;
}

.mainHeader nav .subMenu a,
.mainHeader nav .subMenu .title {
    display: block;
    font: 12px/20px Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #9f9d97;
    text-align: left;
    padding: 0 0 0 12px;
    margin: 0 0 0 -12px;
}

.mainHeader nav .subMenu .title {
    /*position: absolute;*/
    position: relative;
    margin-left: 6.5%;
}

.mainHeader nav .subMenu a:hover,
.mainHeader nav .subMenu a:focus {
    color: #fff;
    background: transparent url(../../images/gfo/sprites/arrow-white-global-nav.png) no-repeat left;
}

.mainHeader nav .subMenu li {
    float: none;
    margin: 0;
    padding: 0;
}

/* ::::: Language Menu ::::: */

.languageBar {
    float: right;
}

.languageBar .selector {
    display: block;
    margin: 8px 8px 0 7px;
    padding: 0 14px 8px 11px;

    font-family: Arial, Helvetica, sans-serif;
    line-height: 26px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: transparent url(../../images/gfo/sprites/icon-down-white.png) no-repeat right 11px;
}

.languageBar.active .selector {
    background: #3e3b3b url(../../images/gfo/sprites/icon-up-white.png) no-repeat right 11px;
}

.languageBar .languages {

}

.languageBar .subMenu {
    display: none;
    width: 135px;
    position: absolute;
    right: 0;
    z-index: 500;
    padding: 5px 12px;

    background: #3e3b3b;
}

.languageBar .subMenu a {
    display: block;
    width: 100%;

    border-top: solid 1px #5f5b5b;

    font: 12px/24px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #9f9d97;
    text-align: left;
}

.languageBar .subMenu a:hover,
.languageBar .subMenu a:focus {
    color: #fff;
}

.languageBar .subMenu a.first {
    border-top: 0;
}

.languageBar a .short {
    display: none;
}

/* ::::: Search Form ::::: */

.mainHeader .searchForm {
    float: right;
    width: 174px;
    position: relative;
    margin: 8px 1px 0 0;
    background: #616161;
}

.mainHeader .searchForm .input-text {
    height: 26px;
    width: 128px;
    padding: 0 20px 0 11px;

    font-size: 11px;
    line-height: 16px;
    color: #d4d0d0;

    background: #616161;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}

.mainHeader .searchForm input::-webkit-input-placeholder {
    color: #d4d0d0;
}

.mainHeader .searchForm input:-moz-placeholder {
    color: #d4d0d0;
}

.lt-ie8 .mainHeader .searchForm .input-text,
.lt-ie9 .mainHeader .searchForm .input-text {
    line-height: 26px;
}

.mainHeader .searchForm .searchButton {
    display: block;
    width: 35px;
    height: 24px;
    position: absolute;
    z-index: 100;
    top: 2px;
    right: 2px;
    margin: 0;
    padding: 0;
    border: 0 none;

    opacity: 0;
    filter: alpha(opacity = 0);
    cursor: pointer;
}

.mainHeader .searchForm .replacement {
    display: block;
    width: 35px;
    height: 22px;
    position: absolute;
    top: 0px;
    right: 0px;

    background: transparent url(../../images/gfo/sprites/icon-mini-search-gray.png) no-repeat;
    text-indent: -9999px;
}

.mainHeader .searchForm:hover .replacement,
.mainHeader .searchForm:focus .replacement {
    background: transparent url(../../images/gfo/sprites/icon-mini-search-black.png) no-repeat;
}

.mainHeader .searchForm .mobile {
    display: none;
}

/* ::::: Global Sites ::::: */

.globalSites {
    width: 278px;
    position: absolute;
    top: -31px;
    right: 0;
}

.globalSites a {
    height: 27px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 27px;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.globalSites .gatesFoundation {
    float: left;
    border-top: solid 4px #9b242d;
    color: #9b242d;
}

.globalSites .gatesFoundation-item {
    margin-left: 0;
}

.globalSites .io {
    float: right;
    border-top: solid 4px transparent;
    color: #212121;
}

.globalSites .io:hover,
.globalSites .io:focus {
    color: #666;
}

.visitBlog {
    display: none;
    width: 100%;
    background: #303131;
    color: #fff;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    padding: 5px 0;
}

.visitBlog span {
    font-family: Georgia, Times, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    display: block;
}

.visitBlog:hover {
    background: #000;
}


/* 4. FOOTER
------------------------------------------------ */

footer {
    background: #abaaa8;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
}

footer .wrapper {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 26px;
}

footer .subMenu {
    width: 135px;
    margin: 0 35px 0 0;
    float: left;
}

footer .subMenu a {
    display: block;
    padding: 0 2px;

    font-size: 13px;
    line-height: 23px;
    text-decoration: none;
    color: #fdfcfa;

    border-top: solid 1px #c1c1c1;
}

footer .subMenu a:hover,
footer .subMenu a:focus {
    color: #3e3e3e;
}

footer .subMenu a.first {
    border-top: none;
}

/* ::::: Teaser ::::: */

footer .teaser {
    width: 475px;
    margin: 0 35px 0 0;
    float: left;
}

footer .teaser img {
    margin: 6px 19px 0 0;
    float: left;
    height: auto;
}

footer .teaser figcaption {
    width: 306px;
    float: right;
}

footer .teaser h3 {
    padding: 2px 0 5px;
    font-weight: 700;
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

footer .teaser p {
    font-size: 12px;
    line-height: 18px;
    color: #404040;
}

footer .teaser a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #056d99;
    text-decoration: none;
}

footer .teaser a:hover,
footer .teaser a:focus {
    text-decoration: underline;
}

/* ::::: Contact Info ::::: */

footer .contactInfo {
    width: 150px;
    float: right;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    border: none;
    padding: 0;
}

footer .contactInfo span {
    display: block;
}

/* ::::: Bottom Footer ::::: */

footer .bottomFooter {
    border-top: solid 1px #c1c1c1;
}

footer .bottomFooter .wrapper {
    padding: 6px 0 30px;
}

footer .copyright {
    float: left;
    margin: 6px 0 0;
    font-size: 10px;
    line-height: 14px;
    color: #383838;
}

footer .copyright p {
    float: left;
    letter-spacing: 1px;
}

footer .copyright a {
    color: #444;
    text-decoration: none;
}

footer .copyright a:hover,
footer .copyright a:focus {
    text-decoration: underline;
}

footer .copyright span {
    color: #ccc;
}

footer .copyright .privacyPolicy {
    margin: 0 12px 0 14px;
    padding: 0 12px 0 0;
    border-right: solid 1px #c1c1c1;
}

/* ::::: Connect ::::: */

footer .connect {
    float: right;
}

footer .connect h3 {
    float: left;
    margin: 0 4px 0 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 9px;
    line-height: 29px;
    color: #6d6f6f;
}

footer .connect ul {
    float: right;
}

footer .connect li {
    float: left;
    margin: 0 0 0 6px;
}

footer .print-footer {
    display: none;
}

/* 5. CONTENT
------------------------------------------------ */



/* 6. HOMEPAGE
------------------------------------------------ */

/* 6.1 HOME SLIDER
------------------------------------------------ */

/* ::::: Inactive Mode ::::: */

.homeSliderInactive {
    width: 100%;
}

.homeSliderInactive .mainContent,
.homeSliderInactive .expandCollapse,
.homeSliderInactive .controls,
.homeSliderInactive article,
.homeSliderInactive article.active * {
    display: none;
}

.homeSliderInactive article.active {
    display: block;
}

.homeSliderInactive article.active .heroImage {
    display: block;
    width: 100%;
}

.homeSlider article .heroImage {
    display: none;
}

/* ::::: Edit Mode ::::: */

.homeSliderEditMode {
    height: 380px;
    overflow: hidden;
}

.homeSliderEditMode article .heroImage {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 349;
}

div.homeSliderEditMode .slider {
    overflow: visible;
    padding: 0;
    z-index: 349;
}

div.homeSliderEditMode .mainContent {
    width: auto;
    height: auto;
    overflow: visible;
}

div.homeSliderEditMode.expanded .mainContent {
    display: none;
}

div.homeSliderEditMode .mainContent p {
    z-index: 350;
    top: 84px;
}

div.homeSliderEditMode .slider article.active {
    z-index: 349;
}

div.homeSliderEditMode .slider h2 {
    padding-top: 12px;
    margin-top: -12px;

    background: #1d1e1e;
    background: rgba(29, 30, 30, 0.8);
    z-index: 349;
}

div.homeSliderEditMode .slider .fullContent {
    position: relative;

    background: #1d1e1e;
    background: rgba(29, 30, 30, 0.8);
    z-index: 349;
}

div.homeSliderEditMode .slider .controls {
    top: -5px;
    z-index: 350;
}

/* ::::: Normal Mode ::::: */

.homeSlider {
    position: relative;
    width: 100%;
    background: #212121;
    color: #fff;
}

.homeSlider .mainContent {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 350;
    overflow: hidden;
    padding-top: 0 !important;
}

.homeSlider .mainContent .images {
    overflow: hidden;
    position: relative;
}
.homeSlider .mainContent .images a{
	display: inline;
	padding: 0;
}


.homeSlider .mainContent img {
    display: block;
    width: 1000px;
    position: absolute;
    z-index: 200;
    left: 1000px;
    top: 0;
    height: auto;
}

.homeSlider .mainContent img.active {
    width: 100%;
    z-index: 500;
    left: 0;
    position: relative;
}

.homeSlider .mainContent .text {
    font-family: "minion-pro", Georgia, serif;
    width: 278px;
    position: absolute;
    right: 5.6%;
    top: 22%;
    opacity: 1;
    z-index: 501;

    font-size: 25px;
    line-height: 30px;

    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.expanded .mainContent p {
    opacity: 0;
}

.homeSlider .mainContent a {
    display: block;
    width: 168px;
    height: 37px;
    margin: 15px 0 0;
    padding: 7px 14px 0 88px;

    background: #792025;

    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

.homeSlider .mainContent a span {
    display: inline-block;
    float: left;
    height: 37px;
    width: 68px;
    margin-left: -88px;
    position: relative;
}

.homeSlider .mainContent a span img {
    width: auto;
    position: absolute;
    left: 0;
    top: -7px;
}

.homeSlider .mainContent a span img.hoverState {
	display: none;
}

.homeSlider .mainContent a:hover,
.homeSlider .mainContent a:focus {
    background-color: #3b0e11;
}

.homeSlider .mainContent a:hover span img.hoverState,
.homeSlider .mainContent a:focus span img.hoverState {
	display: block;
}

.homeSlider .slider {
    width: 100%;
    height: 28px;
    padding: 12px 0 0;
    position: absolute;
    bottom: 0;
    z-index: 400;
    overflow: hidden;

    background: #1d1e1e;
    background: rgba(29, 30, 30, 0.8);

    font: 14px/16px "minion-pro", Georgia, serif;
    color: #9f9577;
    font-style: italic;
}

.homeSlider .slider h2 {
    display: block;
    position: relative;
    padding: 0 70px 12px 37px;
    border-bottom: solid 1px #505050;

    color: #9f9577;
    text-decoration: none;
    cursor: pointer;
}

.homeSlider .slider h2:hover,
.homeSlider .slider h2:focus {
    color: #f1f0ee;
}

.homeSlider .slider article {
    width: 1000px;
    position: absolute;
    z-index: 300;
    left: 1000px;
    height: 133px;
}

.homeSlider .slider article.active {
    width: 100%;
    z-index: 500;
    left: 0;
}

.homeSlider .slider .fullContent {
    padding: 16px;
}

.homeSlider .slider .fullContent p {
    width: 73%;
    float: left;
    color: #fffdfb;
    font-family: Georgia, Times, serif;
    font-size: 14px;
    line-height: 20px;
}

.homeSlider .slider .fullContent .links {
    float: right;
    width: 25%;
}

.our-work-hero blockquote a,
.homeSlider .slider .fullContent .links a {
    padding: 0 0 5px 16px;
    color: #e5ebee;
    font-size: 10px;
    line-height: 18px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background: url(../../images/gfo/sprites/arrow-blue.png) transparent no-repeat;
}

.homeSlider .slider .fullContent .links a:hover,
.homeSlider .slider .fullContent .links a:focus,
.our-work-hero blockquote a:hover,
.our-work-hero blockquote a:focus {
    background: url(../../images/gfo/sprites/arrow-red.png) transparent no-repeat;
    text-decoration: underline;
}

.homeSlider .slider .expandCollapse {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    left: 10px;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/icon-plus-blue.png) transparent;
}

.homeSliderEditMode .slider .expandCollapse {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 10px;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/icon-plus-blue.png) transparent;
    z-index: 500;
}

.no-touch .homeSlider .hover .expandCollapse {
    background: url(../../images/gfo/sprites/icon-plus-white.png) transparent;
}

.homeSlider .slider .expandCollapse.expanded {
    background: url(../../images/gfo/sprites/icon-minus-blue.png) transparent;
}

.no-touch .homeSlider .hover .expandCollapse.expanded {
    background: url(../../images/gfo/sprites/icon-minus-white.png) transparent;
}

.homeSlider .slider .controls {
    width: 64px;
    height: 26px;
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 1000;
}

.homeSlider .slider .controls a {
    display: block;
    overflow: hidden;
    width: 42%;
    height: 100%;
    float: left;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/arrow-left-white.png) transparent no-repeat;
}

.homeSlider .slider .controls a:hover,
.homeSlider .slider .controls a:focus {
    background: url(../../images/gfo/sprites/arrow-left-blue.png) transparent no-repeat;
}

.homeSlider .slider .controls a.next {
    background: url(../../images/gfo/sprites/arrow-right-white.png) transparent no-repeat;
}

.homeSlider .slider .controls a.next:hover,
.homeSlider .slider .controls a.next:focus {
    background: url(../../images/gfo/sprites/arrow-right-blue.png) transparent no-repeat;
}

/* 6.1 GRANTS SECTION
------------------------------------------------ */

.grantsSections {
    margin: 40px 0;
    text-align: center;

    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
}

.grantsSections section {
    float: left;
    width: 25%;
    padding: 0 4.1%;
}

.grantsSections h2 {
    padding: 0 0 8px;

    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: #0b0a0a;
}

.grantsSections li {
    border-top: solid 1px #B5B6B6;
}

.grantsSections li a {
    font-size: 14px;
    line-height: 24px;
    color: #3086ab;
    text-decoration: none;
}

.grantsSections li a:hover,
.grantsSections li a:focus {
    color: #072532;
}

.grantsSections .section1,
.grantsSections .section2 {
    border-right: dotted 1px #9e9991;
}

/* 6.1 STAY CONNECTED
------------------------------------------------ */

.stayConnected {
    margin: 0 0 75px 0;
    border-top: solid 5px #B5B6B6;
}

.stayConnected h2 {
    margin: 20px 0 12px;
    padding-bottom: 25px;
    border-bottom: solid 1px #B5B6B6;

    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
}

.stayConnected .socialIconsWrapper {
    margin: 10px auto;
    float: left;
    left: 50%;
    position: relative;
    top: -36px;
}

.stayConnected .socialIcons {
    overflow: hidden;
    position: relative;
    background: #F1EFEC;
    float: left;
    right: 50%;
    padding: 0 14px 0 16px;
}

.stayConnected .socialIcons li {
    float: left;
    display: block;
    width: 28px;
    height: 28px;
    margin-right: 6px;
}

.stayConnected .socialIcons a {
    margin: 0 6px 0 0;
}

/* ::::: Stunt ::::: */

.stunt {
    padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: solid 1px #B5B6B6;
}

.stunt .figure {
    width: 43.3%;
    float: left;
    margin: 0 4.5% 0 3.6%;
    position: relative;
    height: auto;
}

.stunt .figure a {
    display: block;
}

.stunt .figure img {
    max-width: 100%;
    height: auto;
}

.stunt .figure .caption {
    position: absolute;
    bottom: -26px;
    background-color: #000;
    display: block;
    width: 100%;
    text-align: center;
}

.stunt .figure .caption a {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 30px;
    color: #f1efec;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}

.stunt .stuntContent {
    width: 48%;
    color: #141615;
    float: left;
}

.stunt .stuntContent abbr {
    display: block;
    margin: 0 0 9px;

    font-size: 10px;
    line-height: 14px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #141515;
    text-transform: uppercase;
    text-decoration: none;
}

.stunt .stuntContent h3,
.stunt .stuntContent h3 a {
    display: inline-block;
    margin: 0 0 8px;

    /*width: 440px;*/
    font-size: 25px;
    line-height: 32px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
}

.stunt .stuntContent h3 a {
    text-decoration: none;
    color: #141515;
}

.stunt .stuntContent h3 a:hover {
    text-decoration: underline;
}

.stunt .stuntContent p {
    display: inline-block;
    /*width: 440px;*/
    font-size: 14px;
    line-height: 20px;
    font-family: Georgia, Times, serif;
}

.stunt .stuntContent q {
    display: inline-block;
    width: 92%;
    font-size: 24px;
    line-height: 29px;
    font-family: Georgia, Times, serif;
}

.stunt .stuntContent q .open,
.stunt .stuntContent q .close {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin: 0 8px 0 0;

    background: url(../../images/gfo/sprites/icon-quote-left.png) transparent no-repeat;
}

.stunt .stuntContent q .close {
    margin: 0 0 0 8px;
    background: url(../../images/gfo/sprites/icon-quote-right.png) transparent no-repeat;
}

.stunt .stuntContent .actionLinks {
    margin: 14px 0 0;
}

.stunt .stuntContent .actionLinks a {
    margin: 0 25px 0 0;
    padding: 0 0 0 19px;
    background: url(../../images/gfo/sprites/arrow-blue.png) transparent no-repeat;

    font-size: 10px;
    line-height: 18px;
    font-family: "ff-din-web",arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #575859;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

.stunt .stuntContent .actionLinks a .light {
    font-size: 10px;
    line-height: 14px;
    font-family: "ff-din-web",arial,sans-serif;
    font-style: normal;
    font-weight: 400;
}

.stunt .stuntContent .actionLinks a:hover,
.stunt .stuntContent .actionLinks a:focus {
    color: #141515;
    text-decoration: underline;
    background: url(../../images/gfo/sprites/arrow-red.png) transparent no-repeat;
}

/* ::::: London Summit Stunt ::::: */

.londonSummitStunt {
    padding-left: 32px;
    padding-right: 32px;
}

.londonSummitStunt .wrapper {
    position: relative;
}

.londonSummitStunt .stuntContent {
    width: 52.5%;
    float: none;
    position: absolute;
    left: 23.8%;
    text-align: center;
    bottom: 15px;
}

.londonSummitStunt > a {
    display: block;
    margin: 0;
    float: none;
    cursor: pointer;
}

.londonSummitStunt > a img {
    max-width: 100%;
    height: auto;
}

/* ::::: Posts ::::: */

.stayConnected .postsWrapper {
    clear: both;
    overflow: hidden;
    position: relative;
}

.stayConnected .postsWrapper .postContainer {
    width: 105%;
    margin-left: -20px;
    margin-top: -20px;
    height: inherit;
}

.stayConnected .postsWrapper .gridFix {
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #f1efec;
}

.stayConnected .post {
    float: left;
    border-top: dotted 1px #9e9991;
    border-right: dotted 1px #9e9991;
}

.stayConnected .lastRow {
    border-bottom: 0;
}

.stayConnected .post .wrapper {
    width: 187px;
    height: 286px;
    padding: 12px 16px;
    margin: 20px;

    background: #fff;
}

/* ::::: Posts Icons ::::: */

.stayConnected .postIcon {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 7px 0 0;
    text-indent: -9999px;
}

.stayConnected .postIcon span {
    display: block;
}

.stayConnected .tweetPost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-twitter.png);
}

.stayConnected .fbPost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-facebook.png);
}

.stayConnected .tweetPost .postIcon :hover span,
.stayConnected .tweetPost .postIcon :focus span {
    background-image: url(../../images/gfo/sprites/icon-mini-twitter.png);
}

.stayConnected .ioPost .postIcon {
    width: 17px;
}

.stayConnected .ioPost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-io.png);
}

.stayConnected .ioPost .postIcon :hover span,
.stayConnected .ioPost .postIcon :focus span {
    background-image: url(../../images/gfo/sprites/icon-mini-io.png);
}

.stayConnected .flickrPost .postIcon {
    width: 19px;
}

.stayConnected .flickrPost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-flickr.png);
}

.stayConnected .flickrPost .postIcon :hover span,
.stayConnected .flickrPost .postIcon :focus span {
    background-image: url(../../images/gfo/sprites/icon-mini-flickr.png);
}

.stayConnected .youTubePost .postIcon {
    width: 23px;
    height: 15px;
}

.stayConnected .youTubePost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-youtube.png);
}

.stayConnected .youTubePost .postIcon :hover span,
.stayConnected .youTubePost .postIcon :focus span {
    background-image: url(../../images/gfo/sprites/icon-mini-youtube.png);
}

/* ::::: Posts Content ::::: */

.stayConnected .post abbr {
    float: left;

    font-size: 11px;
    line-height: 17px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #5d5959;
    text-transform: uppercase;
}

.stayConnected .post h3 a {
    clear: both;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #1a1a19;
    text-decoration: none;
}

.stayConnected .post h3 {
	line-height: 18px;
}

.stayConnected .post h3 a:hover,
.stayConnected .post h3 a:focus {
    text-decoration: underline;
}

.stayConnected .post .body,
.postsWrapper.relatedPosts .postContainer .post .body,
.articleWrapper .post .body {
    padding: 6px 0 0;
    clear: both;
    font-family: Georgia, Times, serif;
    font-size: 14px;
  	line-height: 22px;
	color: #252323;
}

.stayConnected .tweetPost .body:hover p,
.stayConnected .tweetPost .body:focus p,
.stayConnected .fbPost .body:hover {
    color: #716e6a;
}

.stayConnected .post .thumb {
    display: block;
    clear: both;
    padding: 8px 0;
}

.stayConnected .post .thumbLeft {
    clear: both;
    padding: 8px 0;
}

.stayConnected .post .thumbLeft .thumb {
    float: left;
    padding: 0 12px 0 0;
}

/* ::::: Twitter Post ::::: */

/* ::::: Twitter Post - Single - Feed ::::: */

.stayConnected .tweetPost .twitterIcon,
.postsWrapper.relatedPosts .postContainer .tweetPost .twitterIcon,
.articleWrapper .tweetPost .twitterIcon {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/icon-mini-follow.png) transparent no-repeat;
}
.stayConnected .tweetPost abbr,
.stayConnected .fbPost abbr,
.postsWrapper.relatedPosts .postContainer .tweetPost abbr,
.postsWrapper.relatedPosts .postContainer .fbPost abbr,
.articleWrapper .tweetPost abbr,
.articleWrapper .fbPost abbr {
    float: left;
    font-size: 11px;
    line-height: 17px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: rgb(93, 89, 89);
    text-transform: uppercase;
    margin-top: 2px;
}
.stayConnected .tweetPost .followBtn,
.postsWrapper.relatedPosts .postContainer .tweetPost .followBtn,
.articleWrapper .tweetPost .followBtn {
    float: right;
    display: block;
    width: 59px;
    height: 20px;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/twitter-follow-btn.png) transparent no-repeat;
}
.stayConnected .tweetPost .followBtnResp,
.postsWrapper.relatedPosts .postContainer .tweetPost .followBtnResp,
.articleWrapper .tweetPost .followBtnResp {
    display: none;
}
.stayConnected .tweetPost .body,
.stayConnected .fbPost .body,
.postsWrapper.relatedPosts .postContainer .tweetPost .body,
.postsWrapper.relatedPosts .postContainer .fbPost .body,
.articleWrapper.tweetPost .body,
.articleWrapper .fbPost .body {
    clear: both;
    font-family: Georgia,Times,serif;
    font-size: 14px;
    line-height: 18px;
    color: rgb(26, 26, 25);
    padding-top: 20px;
    min-height: 206px;
}
.stayConnected .tweetPost footer,
.postsWrapper.relatedPosts .postContainer .tweetPost footer,
.articleWrapper .tweetPost footer {
    clear: both;
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    margin-bottom: 0;
}
.stayConnected .tweetPost .body a,
.stayConnected .fbPost .body a,
.postsWrapper.relatedPosts .postContainer .fbPost .body a,
.postsWrapper.relatedPosts .postContainer .tweetPost .body a,
.articleWrapper .fbPost .body a,
.articleWrapper .tweetPost .body a {
    text-decoration: none;
}
.stayConnected .tweetPost .body a:hover,
.stayConnected .tweetPost .body a:focus,
.stayConnected .fbPost .body a:hover,
.postsWrapper.relatedPosts .postContainer .tweetPost .body a:hover,
.postsWrapper.relatedPosts .postContainer .fbPost .body a:hover,
.articleWrapper .tweetPost .body a:hover,
.articleWrapper .fbPost .body a:hover {
    color: #8f0813;
}
.stayConnected .tweetPost .twitterAvatar,
.stayConnected .fbPost .avatar,
.postsWrapper.relatedPosts .postContainer .tweetPost .twitterAvatar,
.postsWrapper.relatedPosts .postContainer .fbPost .avatar,
.articleWrapper .tweetPost .twitterAvatar,
.articleWrapper .fbPost .avatar {
    float: left;
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 8px;
}

.stayConnected .tweetPost .twitterAvatar img,
.stayConnected .fbPost .avatar img,
.postsWrapper.relatedPosts .postContainer .tweetPost .twitterAvatar img,
.postsWrapper.relatedPosts .postContainer .fbPost .avatar img,
.articleWrapper .tweetPost .twitterAvatar img,
.articleWrapper .fbPost .avatar img {
    max-width: 100%;
}
.stayConnected .tweetPost .gfName,
.stayConnected .fbPost .gfName,
.postsWrapper.relatedPosts .postContainer .tweetPost .gfName,
.postsWrapper.relatedPosts .postContainer .fbPost .gfName,
.articleWrapper .tweetPost .gfName,
.articleWrapper .fbPost .gfName {
    /* DIN BOLD */
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    line-height: 16px;
    font-weight: 700;
    font-size: 14px;
    color: #1A1A19;
}

.stayConnected .tweetPost .gfName a,
.stayConnected .fbPost .gfName a,
.postsWrapper.relatedPosts .postContainer .tweetPost .gfName a,
.postsWrapper.relatedPosts .postContainer .fbPost .gfName a,
.articleWrapper .tweetPost .gfName a,
.articleWrapper .fbPost .gfName a {
	color: #1A1A19;
}

.stayConnected .tweetPost .gfName a:hover,
.stayConnected .fbPost .gfName a:hover,
.postsWrapper.relatedPosts .postContainer .tweetPost .gfName a:hover,
.postsWrapper.relatedPosts .postContainer .fbPost .gfName a:hover,
.articleWrapper .tweetPost .gfName a:hover,
.articleWrapper .fbPost .gfName a:hover {
	color: #1A1A19;
	text-decoration: underline;
}

.stayConnected .fbPost .gfName,
.postsWrapper.relatedPosts .postContainer .fbPost .gfName,
.articleWrapper .fbPost .gfName {
    min-height: 30px;
}
.stayConnected .tweetPost .body a.twitterUsername,
.postsWrapper.relatedPosts .postContainer .tweetPost .body a.twitterUsername,
.articleWrapper .tweetPost .body a.twitterUsername {
    font-family: Arial,sans-serif;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #6d6d6d;
}
.stayConnected .tweetPost .body a.twitterUsername:hover,
.postsWrapper.relatedPosts .postContainer .tweetPost .body a.twitterUsername:hover,
.articleWrapper .tweetPost .body a.twitterUsername:hover {
    color: rgb(143, 8 ,19);
}
.stayConnected .tweetPost .body .postContent a.twitterUsername,
.postsWrapper.relatedPosts .postContainer .tweetPost .body .postContent a.twitterUsername,
.articleWrapper .tweetPost .body .postContent a.twitterUsername {
    font-family: Georgia,Times,serif;
    font-style: normal;
    font-size: 14px;
    text-decoration: none;
    color: #6d6d6d;
}
.stayConnected .tweetPost .body .postContent a.twitterUsername:hover,
.postsWrapper.relatedPosts .postContainer .tweetPost .body .postContent a.twitterUsername:hover,
.articleWrapper .tweetPost .body .postContent a.twitterUsername:hover {
    color: rgb(143, 8 ,19);
}
.stayConnected .tweetPost .postContent,
.stayConnected .fbPost .postContent,
.postsWrapper.relatedPosts .postContainer .tweetPost .postContent,
.postsWrapper.relatedPosts .postContainer .fbPost .postContent,
.articleWrapper .tweetPost .postContent ,
.articleWrapper .fbPost .postContent {
    font-family: Georgia,Times,serif;
    font-style: normal;
    line-height: 22px;
    font-size: 14px;
    text-decoration: none;
    color: #252323;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 130px;
    overflow: hidden;
}

.stayConnected .fbPost .postContent,
.postsWrapper.relatedPosts .postContainer .fbPost .postContent,
.articleWrapper .fbPost .postContent {
    max-height: 155px;
}

.stayConnected .tweetPost .postContent:hover,
.stayConnected .tweetPost .postContent:focus,
.stayConnected .fbPost .postContent:hover,
.postsWrapper.relatedPosts .postContainer .tweetPost .postContent:hover,
.postsWrapper.relatedPosts .postContainer .fbPost .postContent:hover,
.articleWrapper .tweetPost .postContent:hover ,
.articleWrapper .fbPost .postContent:hover {
    color: #716e6a;
}
.stayConnected .tweetPost .body .postContent .tweetTag,
.postsWrapper.relatedPosts .postContainer .tweetPost .body .postContent .tweetTag,
.articleWrapper .tweetPost .body .postContent .tweetTag {
    font-family: Georgia,Times,serif;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #0c252e;
}
.stayConnected .tweetPost:hover .body a.tweetTag,
.stayConnected .tweetPost:focus .body a.tweetTag,
.postsWrapper.relatedPosts .postContainer .tweetPost:hover .body a.tweetTag,
.articleWrapper .tweetPost:hover .body a.tweetTag {
    color: #716e6a;
}
.stayConnected .tweetPost .postContent .tweetLink,
.stayConnected .fbPost .postContent .fbLink,
.postsWrapper.relatedPosts .postContainer .tweetPost .postContent .tweetLink,
.postsWrapper.relatedPosts .postContainer .fbPost .postContent .fbLink,
.articleWrapper .tweetPost .postContent .tweetLink ,
.articleWrapper .fbPost .postContent .fbLink {
    font-family: Georgia,Times,serif;
    font-size: 14px;
    text-decoration: none;
    color: #3086ab;
}
.stayConnected .tweetPost .twitterActions,
.postsWrapper.relatedPosts .postContainer .tweetPost .twitterActions,
.articleWrapper .tweetPost .twitterActions {
    border-top: 1px solid rgb(232, 232, 232);
    padding-top: 6px;
}
.stayConnected .tweetPost a.twitterAction,
.postsWrapper.relatedPosts .postContainer .tweetPost a.twitterAction,
.articleWrapper .tweetPost a.twitterAction {
    font-family: Arial,sans-serif;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #a2a2a2;
    margin-right: 2px;
}
.stayConnected .tweetPost a.twitterAction:hover,
.postsWrapper.relatedPosts .postContainer .tweetPost a.twitterAction:hover,
.articleWrapper .tweetPost a.twitterAction:hover {
    color: #3086ab;
}

.singleTweet {
    background-color: #F1EFEC;
    width: 100%;
}

.singleTweet p {
    margin: 0 !important;
}

.singleTweet .tweetContent {
    background-color: #FFFFFF;
    width: 100% !important;
    height: 100%;
}
.singleTweet .twitterIcon {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    margin: 13px 7px 0 10px;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/icon-mini-follow.png) transparent no-repeat;
}
.singleTweet abbr {
    float: left;
    font-size: 11px;
    line-height: 17px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: rgb(93, 89, 89);
    text-transform: uppercase;
    margin-top: 15px;
}
.singleTweet .followBtn {
    float: right;
    display: block;
    width: 59px;
    height: 20px;
    margin-top: 13px;
    margin-right: 10px;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/twitter-follow-btn.png) transparent no-repeat;
}
.singleTweet .body {
    clear: both;
    font-family: Georgia,Times,serif;
    font-size: 14px;
    line-height: 18px;
    color: rgb(26, 26, 25);
    padding: 14px 10px 7px 10px;
}
.singleTweet .twitterAvatar {
    float: left;
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 8px;
}
.singleTweet .twitterAvatar {
    max-width: 100%;
    height: auto;
}
.singleTweet .gfName {
    /* DIN BOLD */
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
.singleTweet .twitterUsername {
    font-family: Arial,sans-serif;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #6d6d6d;
    font-weight: normal;
}
.singleTweet .postContent {
    font-family: Georgia,Times,serif;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #1b1c1c;
}
.singleTweet .postContent .tweetTag {
    font-family: Georgia,Times,serif;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #0c252e;
}
.singleTweet .twitterActions {
    margin-left: 45px !important;
}
.singleTweet a.twitterAction {
    font-family: Arial,sans-serif;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #a2a2a2;
    margin-right: 5px;
}
.singleTweet a.twitterAction:hover {
    color: #3086ab;
}

.tweetsFeed {
    background-color: #F1EFEC;
    width: 822px;
    padding: 36px 29px 17px 29px;
}
.tweetsFeed .tweetsTitle {
    /* DIN BOLD */
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    border-top: 5px solid rgb(181, 182, 182);
    border-bottom: 1px solid rgb(181, 182, 182);
    padding: 10px 0;
    margin-bottom: 36px;
    letter-spacing: 2px;
    color: #000;
}
/*.tweetsFeed .tweetContent {
    background-color: #FFFFFF;
    width: 100% !important;
    height: 100%;
}
.tweetsFeed .twitterIcon {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    margin: 13px 7px 0 10px;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/icon-mini-follow.png) transparent no-repeat;
}
.tweetsFeed abbr {
    float: left;
    font-size: 11px;
    line-height: 17px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: rgb(93, 89, 89);
    text-transform: uppercase;
    margin-top: 15px;
}
.tweetsFeed .followBtn {
    float: right;
    display: block;
    width: 59px;
    height: 20px;
    margin-top: 13px;
    margin-right: 10px;
    text-indent: -9999px;
    background: url(../../images/gfo/sprites/twitter-follow-btn.png) transparent no-repeat;
}
.tweetsFeed .body {
    clear: both;
    font-family: Georgia,Times,serif;
    font-size: 14px;
    line-height: 18px;
    color: rgb(26, 26, 25);
    padding: 14px 10px 7px 10px;
}
.tweetsFeed .twitterAvatar {
    float: left;
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 8px;
}
.tweetsFeed .twitterAvatar img {
    max-width: 100%;
}
.tweetsFeed .gfName {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
.tweetsFeed .twitterUsername {
    font-family: Arial,sans-serif;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #6d6d6d;
}
.tweetsFeed .postContent {
    font-family: Georgia,Times,serif;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    color: #1b1c1c;
}
.tweetsFeed .postContent .tweetTag {
    font-family: Georgia,Times,serif;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #0c252e;
}
.tweetsFeed .twitterActions {
    margin-left: 45px;
}
.tweetsFeed a.twitterAction {
    font-family: Arial,sans-serif;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #a2a2a2;
    margin-right: 5px;
}
.tweetsFeed a.twitterAction:hover {
    color: #3086ab;
}*/


/* 7. ABOUT US
------------------------------------------------ */

.about-us .main {
    width: 100%;
    margin: 0;
}

/* 7.1. Hero
------------------------------------------------ */

.hero {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hero img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.hero blockquote {
    position: absolute;
    top: 170px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    color: white;
    text-transform: uppercase;
}

.hero blockquote.left {
    left: 50%;
    width: 1000px;
}

.hero blockquote.right {
    left: 95%;
    width: 1000px;
}

.hero blockquote small {
    display: block;
    font-size: 15px;
    line-height: 40px;
}

.hero blockquote .wrapper {
    margin-left: -50%;
}

.description {
    background-color: #dbd9d6;
}


/* 8. PAGE BASIC TEMPLATE
------------------------------------------------ */

/* 8.1 SIDEBAR NAV
------------------------------------------------ */

.sidebar {
    width: 17.8%; /* 178 / 1000 */
    margin-right: 5.6%; /* 56 / 1000 */
    margin-top: 135px;
    float: left;
}

.sidebar.nav-dropdown {
    display: none;
    position: relative;
    z-index: 600;
}

header .sidebar .side-nav {
    display: none;
}

.sidebar .side-nav {
    display: block;
}

.sliding-effect-up {

    /* To hide by default, setting max-height and opacity = 0 */
    height:     0;
    overflow:       hidden;
}

div.sidebar .sliding-effect-down {

    /* To hide by default, setting max-height and opacity = 0 */
    height:     auto;
    overflow:       hidden;
}

.secondaryNavigation {
    margin: 20px 0 0 0;
}

.sidebar .section-selector,
.secondaryNavigation .section-selector {
    display: none;
    width: 94.5%;
    padding-left: 5.6179775%;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 30px;
    color: #272525;

    background-color: #BFC2C1;
}

.secondaryNavigation .section-selector {
    line-height: 26px;
    color: #060606;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.sidebar .section-selector.open {
    background-color: #f1efec;
    color: #f1efec;
}

.secondaryNavigation .section-selector span,
.sidebar .section-selector span {
    float: right;
    display: inline-block;
    color: #272525;
}


.sidebar .section-selector span.arrow {
    background: #3687aa url(../../images/gfo/sprites/arrow-down-white.png) right no-repeat;
    height: 30px;
    width: 30px;
}

.secondaryNavigation .section-selector span.arrow {
    background: url(../../images/gfo/icon-second-menu-plus.png) no-repeat;
    width: 32px;
    height:26px;
}

.sidebar .section-selector.open span.arrow {
    background: #3687aa url(../../images/gfo/sprites/arrow-up-white.png) right no-repeat;
}

.secondaryNavigation .section-selector.open span.arrow {
    background: url(../../images/gfo/icon-second-menu-minus.png) no-repeat;
}

.secondaryNavigation .section-selector span.close,
.sidebar .section-selector span.close {
    padding-right: 4%;
    display: none;
}

.sidebar .section-selector.open span.close {
    display: inline-block;
}

.sidebar .nav-wrapper {
    margin-top: 41px;
}

.sidebar .nav-wrapper.first {
    margin-top: 0;
}

.sidebar .nav-wrapper h2 {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #282828;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 5.6179775%;
}

.nav li {
    border-top: solid 1px #B5B6B6;
    cursor: pointer;
}

.nav li.active {
    background: #303131 url(../../images/gfo/sprites/arrow-white.png) right no-repeat;
    padding-right: 22px;
}

.nav li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 25px;
    font-weight: normal;
    color: #3086AB;
    text-decoration: none;
    padding-left: 5.6179775%;
    display: block;
}

.nav li:hover a,
.nav li:focus a {
    color: #072532;
}

.nav li.active a {
    color: #fffefd;
}

/* 8.2 PAGE MAIN CONTENT
------------------------------------------------ */

.main-content {
    width: 76.6%;
    float: right;
    padding-top: 32px;
    position: relative;
}

.main-content.full {
    width: 100%;
    float: none;
}

.main-content .head {
    position: relative;
    min-height: 58px;
    padding-bottom: 15px;
}

.main-content .divider {
    height: 5px;
    width: 100%;
    background-color: #bfbebb;
    position: absolute;
    bottom: 0;
}

.main-content h2 {
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 15px;
    font-style: italic;
    color: #5b5959;
    text-align: center;
}

.main-content h2 .line {
    width: 30px;
    height: 1px;
    background-color: #5b5959;
    display: inline-block;
    margin: 0 5px 3px 5px;
}

.main-content h3 {
    text-align: center;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    text-transform: uppercase;
    padding-top: 10px;
    letter-spacing: 2px;
}

.main-content h4 {
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 15px;
    color: #5b5959;
    text-align: center;
    text-transform: uppercase;
    margin-top: 4px;
    letter-spacing: 2px;
}

/* 9. PHILOSOPHY & APPROACH
------------------------------------------------ */

/* 9.1 INTRO
------------------------------------------------ */

.intro {
    margin-top: 34px;
}

.intro .text {
    width: 66.234987%;
    float: left;
    margin-right: 5.958225%;
}

.intro .text p {
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin-bottom: 34px;
}

.intro .text p em {
    font-style: italic;
}

.intro .figure {
    width: 27.806789%;
    float: right;
}

.intro .figure img {
    max-width: 100%;
    height: auto;
}

.intro .figure figcaption {
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 18px;
    color: #2b2a2a;
    margin-top: 5px;
}

.intro .figure figcaption strong {
    display: block;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    color: #191818;
    text-transform: uppercase;
}

.intro .figure figcaption a {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3086ab;
    text-decoration: none;
    margin-top: 5px;
}

/* 9.2 STEPS
------------------------------------------------ */

#approach {
    display: block;
    background-color: #d9e2e3;
    padding: 26px 2.3498695%;
}

#approach p {
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-bottom: 34px;
}

#approach p strong {
    font-weight: bold;
}


/* 10. MEDIA LIGHTBOX
------------------------------------------------ */

.mediaLightBox {
    width: 940px;
    margin: 0 auto;
    display: block;
    height: auto;
    padding: 30px;
    position: relative;
    background: #F1EFEC;

    display: none;
}
.mediaLightBox .mainContent {
    width: 72%;
    display: block;
    float: left;
    height: 100%;
    margin-right: 3%;
}

.mediaLightBox .asideContent {
    display: block;
    width: 25%;
    float: right;
    height: 100%;
}

.mediaLightBox .btn-close {
    position: absolute;
    right: -15px;
    top: -10px;
    overflow: hidden;
    text-indent: -99999px;
    display: block;
    width: 26px;
    height: 26px;
}

.mediaLightBox .btn-close span {
    width: 100%;
    height: 100%;
    background: url(../../images/gfo/sprites/icon-btn-close.png) transparent no-repeat;
    display: block;
}

.lightboxComponent,
.mediaViewComponent {
    margin-top: 5px;
    padding: 20px 0;
    border-top: 5px solid #BFBEBB;
}

.mediaViewComponent {
    margin-top: 40px;
    padding: 10px 0;
}

/* 10.1 Media Component
------------------------------------------------ */

.mediaComponent .frame img,
.mediaComponent .frame .media {
    max-width: 100%;
    height: auto;
}

.mediaComponent .frame iframe {
	max-width: 100%;
}

.mediaComponent .desc {
    margin-top: 20px;
    position: relative;
}

.mediaComponent .download-link {
	right: 0;
	position: absolute;
	top: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.mediaComponent .download-link:hover {
    color: #000;
    text-decoration: none;
}

.mediaComponent .back:hover {
    text-decoration: underline;
}

.mediaComponent abbr {
    text-transform: uppercase;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    color: #414444;
}

.mediaComponent span.title {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #010101;
    display: block;
}

.mediaComponent p {
    margin-top: 15px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #010101;
}

.shareComponent {
    position: relative;
}

.shareComponent a.share {
    padding: 0 0 0 18px;
    background: url(../../images/gfo/sprites/share_plus_icon.png) transparent no-repeat top left;
    cursor: pointer;
    display: block;
    height: 14px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    color: #575859;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.shareComponent .shareWindow {
    width: 158px;
    height: 14px;
    background: #ffffff;
    -webkit-box-shadow: 1px 1px 1px 0px #888; 
            box-shadow: 1px 1px 1px 0px #888;
    position: absolute;
    left: -9px;
    top: -10px;
    padding: 10px 0 10px 0;
    display: none;
    z-index: 100;
    text-align: left;
}

.shareComponent .shareWindow a {
    float: left;
    margin: 0 0 0 9px;
}

.shareComponent .shareWindow .share {
    padding: 0 0 0 18px;
    background: url(../../images/gfo/sprites/icon-share-minus.png) transparent no-repeat top left;
    cursor: pointer;
    display: block;
    height: 14px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    color: #575859;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.shareComponent .shareWindow .fb {
    background: url(../../images/gfo/sprites/icon-share-fb.png) transparent no-repeat top center;
    display: block;
    text-indent: -9999px;
    width: 19px;
    height: 17px;
}

.shareComponent .shareWindow .fb:hover {
    background: url(../../images/gfo/sprites/icon-share-fb-hover.png) transparent no-repeat top center;
}

.shareComponent .shareWindow .twitter {
    background: url(../../images/gfo/sprites/icon-share-twitter.png) transparent no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 19px;
    height: 16px;
}

.shareComponent .shareWindow .twitter:hover {
    background: url(../../images/gfo/sprites/icon-share-twitter-hover.png) transparent no-repeat top left;
}

.shareComponent .shareWindow .pinterest {
    display: block;
    text-indent: -9999px;
    width: 19px;
    height: 16px;
}
.shareComponent .shareWindow .pinterest span {
    background-image: url('../../images/gfo/sprites/icon-pinterest.png');
}

.shareComponent .shareWindow .email {
    background: url(../../images/gfo/sprites/icon-share-email.png) transparent no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 21px;
    height: 16px;
}

.shareComponent .shareWindow .email:hover {
    background: url(../../images/gfo/sprites/icon-share-email-hover.png) transparent no-repeat top left;
}

#at3win {
    position:fixed !important;
}

/* 10.2 Profile Component & FlickrProfile Component
------------------------------------------------------- */

.profileComponent .thumb,
.flickrProfileComponent .thumb {
    width: 20.454545%;
    margin-right: 6.8181818%;
    float: left;
}

.profileComponent span,
.flickrProfileComponent span {
    width: 72.727273%;
    float: right;
}

.profileComponent span.title,
.flickrProfileComponent span.title,
.profileComponent span.subtitle,
.flickrProfileComponent span.subtitle {
    display: block;
}

.profileComponent span.title,
.flickrProfileComponent span.title {
    /* DIN Bold */
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #2c2b2b;
    text-transform: uppercase;
}

.profileComponent span.subtitle,
.flickrProfileComponent span.subtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12px;
    line-height: 16px;
    color: #2c2b2b;
}

.profileComponent .social,
.flickrProfileComponent .social {
    margin-top: 15px;
}

.profileComponent .social .item,
.flickrProfileComponent .social .item {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #191818;

    padding: 0 0 0 24px;
    margin-top: 5px;
}

.profileComponent .social .item.twitter {
    background: url(../../images/gfo/sprites/icon-mini-follow.png) transparent no-repeat;
}

.profileComponent .social .item.io {
    background: url(../../images/gfo/sprites/icon-mini-io.png) transparent no-repeat;
}

.flickrProfileComponent .social .item.flickr {
    background: url(../../images/gfo/sprites/icon-mini-flickr.png) transparent no-repeat;
}

.profileComponent .social .item a,
.flickrProfileComponent .social .item a {
    color: #3086ab;
    text-decoration: none;
}

.profileComponent .social .item a:hover,
.flickrProfileComponent .social .item a:hover {
    color: #000;
}

/* 10.3 Learn More Component & Related Videos Component
-------------------------------------------------------- */

.learnMoreComponent h2,
.relatedVideosComponent h2 {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #bbbaba;

    /* DIN Bold */
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #030303;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.mediaViewComponent.relatedVideosComponent h2 {
    text-align: left;
    padding-bottom: 10px;
}

.learnMoreComponent .learnMoreList,
.relatedVideosComponent .videoList {
    margin-top: 25px;
}

.learnMoreComponent .learnMoreList .item {
    padding: 0 0 0 19px;
    background: url(../../images/gfo/sprites/arrow-blue.png) transparent no-repeat;
    margin-bottom: 10px;
}

.learnMoreComponent .learnMoreList .item:hover {
    background: url(../../images/gfo/sprites/arrow-red.png) transparent no-repeat;
}

.learnMoreComponent .learnMoreList .item a {
    /* DIN Bold */
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    color: #575859;
    text-transform: uppercase;
    text-decoration: none;
}

.learnMoreComponent .learnMoreList .item:hover a {
    text-decoration: underline;
}

.relatedVideosComponent .videoList {
    margin-bottom: 10px;
    clear: both;
}

.relatedVideosComponent .videoList .item {
    position: relative;
}

.mediaViewComponent.relatedVideosComponent .videoList .item {
    width: 31.331593%;
    float: left;
    margin-right: 1.9582245%;
    margin-bottom: 20px;
}

.relatedVideosComponent .videoList .item .thumb {
    display: block;
    float: left;
    width: 40.909091%;
    margin-right: 4.5454545%;
    margin-bottom: 10px;
    position: relative;
}

.mediaViewComponent.relatedVideosComponent .videoList .item .thumb {
    width: auto;
}

.relatedVideosComponent .videoList .item .thumb img {
    height: auto;
    max-width: 100%;
}

.relatedVideosComponent .videoList .item .thumb .overlay {
    position: absolute;
}

.relatedVideosComponent .videoList .item a {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #2d2e2e;
    text-transform: capitalize;
    text-decoration: none;
}

.relatedVideosComponent .videoList .item a:hover {
    text-decoration: underline;
}

/* 11. History Template */

/* 11.1 Top Text
-------------------------------------------------------- */
.topText {
    text-align: center;
    margin-bottom: 35px;
}

.topText h4 {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 1px;
    margin: 34px 0 22px;
    line-height: 30px;
}

.topText p {
    width: 425px;
    margin: 0 auto;
    color: #494a4a;
    font-size: 15px;
    line-height: 26px;
    font-family: Georgia, serif;
}

.topTextDivider {
    height: 1px;
    width: 74px;
    margin: 18px auto;
    background-color: #BFBEBB;
}

/* 11.2 Masonry Modules
-------------------------------------------------------- */
.historyModules {
    padding-bottom: 30px;
    background: transparent url(../../images/gfo/sprites/line-history-middle.png) center top repeat-y;
}

.historyModulesDivider {
    border-bottom: 1px solid #bfbebb;    
}

.historyModules h5 {
    color: #FFFFFF;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
}

.historyModules .ic_caption h5 {
    padding-left: 0;
}

.historyModule {
    width: 381px;
    padding-bottom: 130px;
}

.historyModule.left {
    float: left;  
    clear: left;
    text-align: right;
}

.historyModule.left  .ic_caption {
    text-align: right;
}

.historyModule.left  .ic_caption h5 {
    padding-right:22px;
    
}

.historyModule.left .historyModuleNoImage {
    right: 41px;
}

.historyModule.left .historyModuleImageLargeCaption,
.historyModule.left .historyModuleImageShortCaption {
    display: inline-block;
    position: relative;
    right: 21px;
}

.historyModule.right {
    float: right;
    clear: right;
    text-align: left;
    margin-top: 30px;
}

.historyModule.right .historyModuleImageLargeCaption,
.historyModule.right .historyModuleNoImage,
.historyModule.right .historyModuleImageShortCaption {
    display: inline-block;
    position: relative;
    left: 23px;
}

.historyModule img {
    display: block;
    max-width: 100%;
}

.leftColumnContainer {
    float: right;
    margin-right: 30px;
}

.historyModuleCaption {
    width: 332px;
    padding: 10px;
    background-color: #303131;
}

.historyModuleImageLargeCaption {
    position: relative;
}

.historyModules p {
    color: #948979;
    font-style: italic;
    font-family: Georgia, serif;
}

.historyModule .connector {
    display: block;
    height: 19px;
    width: 41px;
    position: absolute;
    z-index: 2;
    margin-top: 8px;
}

.historyModules .left .connector {
    margin: 0 0 0 361px;
    padding: 0;
    background: url(../../images/gfo/sprites/line-right-connector.png) no-repeat 0 0;    
}

.historyModules .leftConnector {
    margin-left: -361px;
    background: url(../../images/gfo/sprites/line-left-connector.png) no-repeat 0 0;
}

.historyModules .right .connector {
    margin: 0 0 0 -9px;
    background: url(../../images/gfo/sprites/line-left-connector.png) no-repeat 0 0;    
}

.historyModules .rightConnector {
    margin-left: -37px;
    padding: 0;
    vertical-align: top;
    background: url(../../images/gfo/sprites/line-right-connector.png) no-repeat 0 0;
}

.historyModuleYearTitle {
    padding-bottom: 25px;
    background: transparent url(../../images/gfo/sprites/line-history-middle.png) center top repeat-y;
    clear: both;
}

.historyModuleYearTitle h3 {
    font-family: "ff-din-web",sans-serif;
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    padding: 30px 0 0 0;
    height: 35px;
    width: 170px;
    margin: 0 auto;
    color: #d5d2c8;
    letter-spacing: 3px;
    background-color: #FFFFFF;
}

.historyModulesPaginator {
    border-top: 5px solid #B5B6B6;
    margin: 0 0 30px 0;
    padding: 30px 0 0 0;    
}

.accordionButton {
	top: 0;
    width: 25px;
    height: 17px;
    cursor: pointer;
    position: absolute;
    background: transparent url(../../images/gfo/sprites/arrow-close-accordion.png) left top no-repeat;
}

.accordionButton:hover {
    background: transparent url(../../images/gfo/sprites/arrow-close-accordion-hover.png) left top no-repeat;
}

.accordionButtonOpen {
    background: transparent url(../../images/gfo/sprites/arrow-open-accordion.png) left top no-repeat;
}

.accordionButtonOpen:hover {
    background: transparent url(../../images/gfo/sprites/arrow-open-accordion-hover.png) left top no-repeat;
}
/* 11.3 Caption Slider plugin */
.ic_container{
    vertical-align:baseline;
    position:relative;
}

.ic_caption{
    position: absolute;
    overflow: hidden;
    margin: 0px;
    left: 0px;
    bottom: -89px;
    cursor: default;
    color: #303131;
    background-color: #303131;
    text-align: left;
}

.ic_category{
    padding: 0;
    margin :0px;
    color: #948979;
    font-style: italic;
    font-family: Georgia, serif;
    height: 48px;
    overflow: hidden;
}

.ic_caption h5{
    padding:0px 20px 5px 5px;
    margin:0px;
    color: #FFFFFF;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
}

.ic_text{
    padding:0px;
    margin:0px;
    text-align:justify;
    color: #948979;
    font-style: italic;
    font-family: Georgia, serif;
}

.historyModuleImageLargeCaption .shareComponent {
    position: absolute;
    right: 0;
    bottom: -112px;
}

.historyModuleImageShortCaption .shareComponent {
    position: absolute;
    right: 30px;
    bottom: -24px;
}

/* 12. Media Photos */

/* 12.1 Media Gallery
-------------------------------------------------------- */

.mediaGallery .photosWrapper {
    clear: both;
    overflow: hidden;
    position: relative;
}

.mediaGallery .photosWrapper .photoContainer {
    width: 105%;
    margin-left: -20px;
    margin-top: -20px;
    height: inherit;
}

.mediaGallery .photosWrapper .gridFix {
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #f1efec;
}

.mediaGallery .photo {
    float: left;
    border-top: dotted 1px #9e9991;
    border-right: dotted 1px #9e9991;
}

.mediaGallery .lastRow {
    border-bottom: 0;
}

.mediaGallery .photo .wrapper {
    width: 187px;
    height: 236px;
    padding: 12px 16px;
    margin: 20px;

    background: #fff;
}


/* 13. Leadership */

/* 13.1 Leadership Posts Menu
-------------------------------------------------------------*/

.leadershipPostsMenu {
    float: left;
    width: 180px;
    margin: 12px 70px 0 0;
}

.leadershipPostsMenu ul {
    width: 180px;
}

.leadershipPostsMenu ul li {
    width: 180px;
    margin: 0;
    display: block;
}

.leadershipPostsMenu ul li a {
    color: #818486;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 165px;
    padding: 0 15px;
    padding-left: 5.61798%;
    line-height: 24px;
}

.leadershipPostsMenu ul li a:hover {
    color: #101010;
    background: #96c4d1;
}

.leadershipPostsMenu ul li a.active {
    background: #d5d4d2;
    color: #101010;
}

/* 13.2 Leadership simple text
------------------------------------------------------------*/

.leadershipText {
    margin: 27px 0 0 0;
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 28px;
    color: #101010;
    letter-spacing: 1px;
}

/* 13.3 Leadership Posts
-------------------------------------------------------------*/

.postsWrapper.grid {
    clear: both;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 20px 0 20px 0;
}

.postsWrapper.grid .postContainer {
    margin-left: -16px;
    margin-top: -33px;
    width: 111%;
}

.postsWrapper.grid .post {
    float: left;
    border-top: dotted 1px #9E9991;
    border-right: dotted 1px #9E9991;
}

.postsWrapper.grid .post .wrapper {
    width: 210px;
    height: 372px;
    padding: 12px 18px 12px 18px;
    margin: 20px 20px 20px 0;
    overflow: hidden;
}

.postsWrapper.grid article h3 {
    margin: 10px 0 0 0;
    padding: 0;
}

.postsWrapper.grid article h3,
.postsWrapper.grid article h3 a {
    font-family: ff-din-web,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #1a1a19;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 1px;
}

.postsWrapper.grid article h3 a:hover {
	text-decoration: underline;
}

.postsWrapper.grid article h4 {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #575756;
    padding: 0;
    margin: 10px 0 10px 0;
    text-align: left;
    letter-spacing: 1px;
}

.postsWrapper.grid p {
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 18px;
    color: #101010;
}

/* 14 Article
------------------------------------------------------------*/

/* Article Content */

.articleWrapper {
    margin: 10px 0 10px 0;
    padding: 0 32px 0 32px;
    clear: both;
}

.articleWrapper ul,
.articleWrapper ol {
    display: block;
    list-style-type: disc;
    padding-left: 40px;
    margin: 1em 0;
    font-size: 14px;
    line-height: 22px;
    font-family: Georgia, serif;
    color: #1B1B1B;
}

.articleWrapper ol {
    list-style-type: decimal;
}

.articleWrapper .placeholder.right {
    float: right;
    clear: right;
      max-width: 100%;
}

.articleWrapper .placeholder.left {
    float: left;
    clear: left;
      max-width: 100%;
}

.articleWrapper .placeholder1 {
    width: 100%;
}

.print {
    background: url(../../images/gfo/sprites/icon-print.png) no-repeat 0 2px;
    float: right;
    padding: 0 0 0 15px;
    text-decoration: none;
    color: #a5a5a5;
    font-family: Helvetica, sans-serif;
    position: relative;
    left: 0;
    top: 0;
}

.print:hover {
    color: #000;
    background: url(../../images/gfo/sprites/icon-print-hover.png) no-repeat 0 2px;
}

/* big figure component */

.articleWrapper .figure.big {
    clear: both;
    width: 100%;
    padding: 10px 0 10px 0;
    overflow: hidden;
    margin: 0;
    position: relative;
}

.articleWrapper .figure.big .accordionButton {
    bottom: 21px;
    right: 10px;
    top: auto;
}

.articleWrapper .figure.big .accordionButton.accordionButtonOpen {
    bottom: 54px;
}

.firefox .articleWrapper .figure.big .accordionButton {
    bottom: 50px;
}

.articleWrapper .figure.big img {
	width: 100%;
	height: auto;
}

.articleWrapper .figure.big .figcaption {
    margin: 0;
    background: #b6985e;
    line-height: 22px;
    color: #ffe595;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    display: block;
    padding: 8px 10px;
}

.articleWrapper .figure.big .figcaption h3 {
    text-align: left;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #f6f4f2;
    margin: 0;
    padding: 0;
    display: inline;
    letter-spacing: 1px;
}

.articleWrapper h2 {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #000;
    text-align: left;
    font-size: 18px;
    margin: 10px 0 10px 0;
    letter-spacing: 1px;
	line-height: 1.5;
}

.articleWrapper p {
    margin: 22px 0 18px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: Georgia, serif;
    color: #1b1b1b;
}

.articleWrapper p.lead {
    font-size: 18px;
}

.articleWrapper .ic_caption {
    position: absolute;
    bottom: -31px;
    min-height: 36.6px;
	display: block;
	width: 100%;
}

.articleWrapper .figure.big .ic_caption {
    position: relative;
    bottom: 5px;
}

.articleWrapper p.ic_text,
.articleWrapper p.ic_category,
.articleWrapper p.ic_category_small {
    color: #948979;
    font-size: 12px;
    line-height: 14px;
    height: auto;
    overflow: hidden;
    margin: 5px;
    /*padding: 0 40px 0 0;*/
}

.articleWrapper p.ic_category_small {
    padding-right: 20px;
}

.articleWrapper p.ic_text {
    display: none;
}

/* divider horizontal line component */

.articleWrapper .divider {
    border-top: 1px solid #b5b6b6;
    height: 1px;
    position: relative;
    left: -30px;
    background: none;
    margin: 20px 0 20px 0;
    width: 108%;
    clear: both;
}

/* anchor list component */

.articleWrapper .anchorList {
    margin: 20px;
    padding: 10px 20px 10px 20px;
    background: #ffffff;
    line-height: 24px;
    width: 192px;
    box-sizing: border-box;
}

.anchorList ul,
.goToShortcuts ul,
.socialArticleComponent ul.social,
.learnMoreLinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.articleWrapper .anchorList span {
    color: #464a4b;
    font-size: 12px;
    font-style: italic;
    font-family: Georgia, serif;
}

.articleWrapper .anchorList ul li a {
    text-decoration: none;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #3086ab;
    text-transform: uppercase;
    font-size: 12px;
}

.articleWrapper .placeholder.left .anchorList {
    float: left;
    clear: left;
    margin: 20px 20px 20px 0;
}

.articleWrapper .placeholder.right .anchorList {
    float: right;
    clear: right;
    margin: 0 0 20px 20px;
}

/* simple figure component */

.articleWrapper .figure {
    margin: 20px;
    position: relative;
	max-width: 100%;
}
.articleWrapper .figure img{
    max-width:100%;
}

.articleWrapper .placeholder.left .figure {
    float: left;
    clear: left;
    margin: 0 20px 38px 0;
}

.articleWrapper .placeholder.right .figure {
    float: right;
    clear: right;
    margin: 2px 0 38px 20px;
}

.articleWrapper .figure .accordionButton {
    right: 10px;
}

/* aside column component */

.articleWrapper .aside {
    background: #3d7f98;
    /*width: 224px;*/
    width: 192px;
    padding: 20px;
}

.articleWrapper .aside.tripAdvisorWidget {
	background: #ffffff;
	width: 224px;
	padding: 6px;
}
.cdsROW.white.border.narrow {
	width: 200px;
}

.articleWrapper .aside.grantSummary {
    background: #b6985e;
}

.articleWrapper .aside.updateList {
    background: #ceb57f;
}

.articleWrapper .aside.relatedArticles {
    background: #9dcbe5;
}

.articleWrapper .aside.relatedArticlesImages {
    background: #dee2e5;
}

.articleWrapper .placeholder.left .aside,
.articleWrapper .placeholder.left .post {
    float: left;
    clear: left;
    margin: 0 20px 10px 0;
}

.articleWrapper .placeholder.right .aside,
.articleWrapper .placeholder.right .post {
    float: right;
    clear: right;
    margin: 0 0 10px 20px;
}

.articleWrapper .aside h4 {
    text-align: center;
    color: #50cefe;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
}

.articleWrapper .aside span.title {
    text-align: left;
    color: #2f3437;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    display: block;
}

.articleWrapper .aside.grantSummary h4 {
    color: #fee494;
}

.articleWrapper .aside.updateList h4 {
    color: #fef3de;
}

.articleWrapper .aside.relatedArticlesImages h4,
.articleWrapper .aside.relatedArticles h4 {
    color: #668fa5;
}

.articleWrapper .aside p,
.articleWrapper .aside .item {
    font-size: 12px;
    line-height: 20px;
    color: #bbeefb;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0;
    border-top: 1px solid #56a0bc;
}

.articleWrapper .aside p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.articleWrapper .aside.grantSummary p {
    color: #ffecaa;
    border-top: 1px solid #dabc83;
}

.articleWrapper .aside.grantSummary p .label {
    color: #ffffff;
    font-weight: 600;
}

.articleWrapper .aside.updateList p {
    color: #fefefe;
    border-top: 1px solid #f7e1b5;
}

.articleWrapper .aside.relatedArticles p {
    color: #606060;
    border-top: 1px solid #b9e3fb;
}
.articleWrapper .aside.relatedArticlesImages .item {
    border-top: 1px solid #ffffff;
}

.articleWrapper .aside.relatedArticlesImages p {
    color: #606060;
    border: none;
    margin: 0;
    padding: 0;
}

.articleWrapper .aside.relatedArticlesImages .item a,
.articleWrapper .aside.relatedArticles p  a {
    color: #316d87;
}

.articleWrapper .aside.relatedArticlesImages img {
    display: block;
    margin: 4px 0 4px 0;
    max-width: 192px;
}

.articleWrapper .aside a {
    text-decoration: none;
}

.articleWrapper .aside .arrowWrapper {
    width: 24px;
    height: 12px;
    margin: 0 auto 5px auto;
}

.articleWrapper .aside a.arrow-up {
    background: url(../../images/gfo/sprites/icon-aside-up-arrow.png);
    width: 24px;
    height: 12px;
    display: block;
    text-indent: -9999px;

}

.articleWrapper .aside a.arrow-down {
    background: url(../../images/gfo/sprites/icon-aside-down-arrow.png);
    width: 24px;
    height: 12px;
    margin: 6px auto;
    display: block;
    text-indent: -9999px;
}

.articleWrapper .aside a.arrow-down.hide,
.articleWrapper .aside a.arrow-up.hide {
    opacity: 0;
    filter: alpha(opacity = 0);
    cursor: default;
}

.articleWrapper .aside .wrapper {
    height: 286px;
    overflow: hidden;
    position: relative;
}

.articleWrapper .wrapper .container {
    position: absolute;
    top: 0;
    left: 0;
}

.articleWrapper .aside.promoModule {
    width: 212px;
    height: 48px;
    display: block;
    background: #B6985E;
    padding: 12px 10px;
}

.articleWrapper .aside.promoModule img {
    float: left;
    margin-right: 6px;
}

.articleWrapper .aside.promoModule p {
    float: right;
    margin: 0;
    padding: 0;
    width: 145px;
    border: none;
    
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fedb97;
}

.articleWrapper .aside.promoModule p.up {
    text-transform: uppercase;
}

.articleWrapper .aside.promoModule p span {
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    display: block;
    text-transform: uppercase;
}

.articleWrapper .aside.profileModule {
    width: 247px;
    height: 50px;
    float: right;
    clear: right;
    background: #DEE2E4;
    padding: 10px;
    overflow: hidden;
}

.articleWrapper .aside.profileModule p {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #1A1A1A;
    margin: 0;
    border: none;
    padding: 0;
}

.articleWrapper .aside.profileModule p a {
    color: #1A1A1A;
}

.articleWrapper .aside.profileModule p a:hover {
    text-decoration: underline;
}

.articleWrapper .aside.profileModule .sub {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #575756;
    text-transform: uppercase;
}


/* :::::::::: RSS Feed ::::::::::: */
.articleWrapper .aside.rssFeed {
    background: #dee2e5;
}

.articleWrapper .aside.rssFeed h4,
.articleWrapper .aside.rssFeed h4 a {
    color: #668fa5;
}

.articleWrapper .aside.rssFeed ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.articleWrapper .aside.rssFeed ul li {
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #fff;
    
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
}

.articleWrapper .aside.rssFeed img {
    width: 192px;
}

.articleWrapper .aside.rssFeed .feed-text {
    position: relative;
}

.articleWrapper .aside.rssFeed .feed-text .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #2e3538;
    width: 165px;
    display: block;
}

.articleWrapper .aside.rssFeed .feed-text .title:hover {
    text-decoration: underline;
}

.articleWrapper .aside.rssFeed .feed-text p {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 12px;
    line-height: 16px;
    color: #316d88;
}

.articleWrapper .aside.rssFeed .feed-text abbr {
    font-size: 11px;
    line-height: 18px;
    color: #646e72;
    text-transform: uppercase;
    display: block;
    margin-top: 6px;
}

.articleWrapper .aside.rssFeed .feed-text span.author {
    font-size: 8px;
    color: #707B82;
    display: block;
    line-height: 10px;
}

.articleWrapper .aside.rssFeed .feed-text span.comments-badge {
    position: absolute;
    top: 3px;
    right: 0;
    background: transparent url(../../images/gfo/sprites/bg-comment-badge.png) top center no-repeat;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    width: 20px;
    height: 14px;
    text-align: center;
}

.articleWrapper .aside.rssFeed .view-more.link {
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #fff;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #316d88;
    display: block;
}

.articleWrapper .aside.rssFeed .view-more.link:hover {
    text-decoration: underline;
}

/* Section Header Toolbar */

.section-toolbar {
    float: right;
	position: relative;
	top: -40px;
	left: 24px;
	margin: 0 0 -50px 0;
}

.section-toolbar .shareComponent {
    float: left;
    margin: 9px 10px 0 0;
}

.section-toolbar .verticalLine {
    float: left;
    width: 1px;
    border-left: 1px dotted #3086ab;
    height: 28px;
}

.section-toolbar .sectionAnchor {
    float: left;
    margin: -10px 0 10px 10px;
}

.section-toolbar .sectionAnchor span.label {
    color: #3086ab;
    font-size: 9px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    line-height: 24px;
    margin: 4px 0 4px 0;
}

.section-toolbar .sectionAnchor a.up {
    background: url(../../images/gfo/sprites/icon-article-section-up-arrow.png) no-repeat;
    width: 17px;
    height: 10px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
}

.section-toolbar .sectionAnchor a.down {
    background: url(../../images/gfo/sprites/icon-article-section-down-arrow.png) no-repeat;
    width: 17px;
    height: 10px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
}

/* Go To Shortcuts */

.goToShortcuts span.label {
    color: #3086ab;
    font-size: 10px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    display: block;
    float: left;
    text-transform: uppercase;
    width: 44px;
    height: 24px;
    border-right: 1px dotted #3086ab;
    line-height: 24px;
    margin: 4px 0 0 0;
}

.goToShortcuts ul {
    display: block;
    float: right;
    width: 644px;
    margin: 0 0 10px 10px;
}

.goToShortcuts ul li {
    display: block;
    float: left;
}

.goToShortcuts ul li a {
    width: 200px;
    margin: 0 10px 0 0;
    font-family: Georgia, serif;
    font-style: italic;
    color: #959da0;
    display: block;
    text-decoration: none;
    font-size: 12px;
}

.goToShortcuts ul li a:hover {
    text-decoration: underline;
}

/* Inset Article */

.articleWrapper.inset {
    background: #e6e8e2;
    position: relative;
    width: 100.2%;
    padding: 2px 30px 30px 30px;
    margin: 10px 0 10px -30px;
}

.articleWrapper.inset h2 {
    color: #977c00;
    font-size: 16px;
}

/* Article Component: social links */

.socialArticleComponent {
    background: #ffffff;
    padding: 10px;
    width: 212px;
}

.left .socialArticleComponent {
    float: left;
    clear: left;
    margin: 20px 20px 20px 0;
}

.right .socialArticleComponent {
    float: right;
    clear: right;
    margin: 0 0 10px 10px;
}

.socialArticleComponent .item {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #191818;
    padding: 0 0 0 24px;
    margin-top: 5px;
}

.socialArticleComponent .item a {
    color: #3086AB;
    text-decoration: none;
}

.socialArticleComponent .item a:hover {
    color: #000;
}

.socialArticleComponent .item.twitter {
    background: url(../../images/gfo/sprites/icon-mini-follow.png) transparent no-repeat;
}

.socialArticleComponent .item.io {
    background: url(../../images/gfo/sprites/icon-mini-io.png) transparent no-repeat;
}

.socialArticleComponent .item.web {
    background: url(../../images/gfo/sprites/icon-web-link.png) transparent no-repeat;
}

.socialArticleComponent .item.facebook {
    background: url(../../images/gfo/sprites/icon-mini-facebook.png) transparent no-repeat left;
}

.socialArticleComponent .item.phone {
    background: url(../../images/gfo/sprites/icon-phone.png) transparent no-repeat left;
}

.socialArticleComponent .item.flickr {
    background: url(../../images/gfo/sprites/icon-mini-flickr.png) transparent no-repeat left;
}

.socialArticleComponent .item.email {
    background: url(../../images/gfo/sprites/icon-email.png) transparent no-repeat left;
}

/* Article Component: Learn More */

.learnMoreLinks {
    background: #d9e2e3;
    padding: 10px;
    width: 212px;

}

.left .learnMoreLinks {
    float: left;
    clear: left;
    margin: 0 20px 10px 0;
}

.right .learnMoreLinks {
    float: right;
    clear: right;
    margin: 0 0 10px 20px;
}

.learnMoreLinks span.title {
    font-size: 11px;
    line-height: 20px;
    font-family: Georgia,serif;
    font-weight: 700;
    color: #1B1B1B;
    font-style: italic;
}

.learnMoreLinks ul {

}

.learnMoreLinks ul li{

}

.learnMoreLinks ul li a {
    color: #3086ab;
    font-size: 11px;
    line-height: 20px;
    font-family: "ff-din-web",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

.learnMoreLinks ul li a:hover {
    color: #000;
    text-decoration: underline;
}

/* Article Component: YouTube Video Embed */

.left .youTubeEmbed {
    float: left;
    clear: left;
    margin: 0 20px 0 0;
}

.right .youTubeEmbed {
    float: right;
    clear: right;
    margin: 0 0 0 20px;
}

/* Article Twitter Posts */

.tweetsFeed.article {
    padding: 36px 0 17px 0;
    width: 100%;
}

.tweetsCarousel .carousel-control {
	display: none;
}

.tweetsCarousel {
	width: 100% !important;
	height: 130px;
}

/*.tweetsFeed.article .tweetContent {
    margin: 2% 0 0 0;
}*/

/* Article Quote */

.quote {
    position: relative;
    width: 224px;
}

.left .quote {
    float: left;
    clear: left;
    margin: 0 20px 0 0;
}

.right .quote {
    float: right;
    clear: right;
    margin: 0 0 0 20px;
}

.quote .quote-open {
    background: url(../../images/gfo/sprites/quote-open.png) no-repeat;
    width: 19px;
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 0;
}

.quote .quote-close {
    background: url(../../images/gfo/sprites/quote-close.png) no-repeat;
    width: 19px;
    height: 15px;
    display: inline-block;
    margin: 0 0 0 5px;
}

.quote p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
    color: #6a838d;
    margin: 0;
}

.quote .attribution {
    text-transform: uppercase;
    color: #80a2af;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
}

/* Article Component: Contact Info */

.contactInfo {
    position: relative;
    width: 224px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 10px 0 20px 0;
}

.contactInfo + .contactInfo {
    display: none;
}

.contactInfo.wide {
    width:650px;
    position: relative;
    padding: 10px 0 20px 50px;
}

.left .contactInfo {
    float: left;
    clear: left;
    margin: 10px 20px 10px 0;
}

.right .contactInfo {
    float: right;
    clear: right;
    margin: 10px 0 10px 20px;
}

.contactInfo .item {
    margin: 8px 0 0 0;
}

.contactInfo .name {
    font-family: Georgia, serif;
    color: #303131;
    font-size: 12px;
    line-height: 18px;
}

.contactInfo .phone {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: url(../../images/gfo/sprites/icon-phone.png) no-repeat 0 0;
    padding: 0 0 0 22px;
    line-height: 18px;
}

.contactInfo .email,
.contactInfo .twitter {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #3086ab;
    background: url(../../images/gfo/sprites/icon-email.png) no-repeat 0 2px;
    padding: 0 0 0 22px;
    text-decoration: none;
    line-height: 18px;
}

.contactInfo .twitter {
    color: #303131;
    background: url(../../images/gfo/sprites/icon-mini-twitter.png) no-repeat 0 0;
}

.contactInfo .email a,
.contactInfo .twitter a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #3086ab;
    text-decoration: none;
}

.contactInfo .email a:hover,
.contactInfo .twitter a:hover {
    color: #000;
}

/* Article Component: Featured Text */

.featuredText {
    background: #D9E2E3;
    padding: 20px;
    width: 344px;
}

.left .featuredText {
    float: left;
    clear: left;
    margin: 10px 20px 10px 0;
}

.right .featuredText {
    float: right;
    clear: right;
    margin: 10px 0 10px 20px;
}

.featuredText h4 {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #191818;
    text-align: left;
    text-transform: none;
    margin: 0;
    letter-spacing: 1px;
}

.featuredText p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #383737;
}

.featuredText .date {
    color: #575756;
}

/* Article Component: Related Posts */

.relatedPostsContainer {
    clear: both;
    padding: 30px 0;
    border-bottom: 5px solid #b5b6b6;
}

.relatedPostsContainer h3 {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    border-top: 5px solid #b5b6b6;
    border-bottom: 1px solid #cecece;
    display: block;
    padding: 10px 0 10px 0;
    color: #000;
}

.postsWrapper.relatedPosts {
    clear: both;
    overflow: hidden;
    position: relative;
    margin: 26px 0 20px 0;
}

.postsWrapper.relatedPosts .postContainer {
    width: 105%;
    margin-left: -20px;
    margin-top: -10px;
    height: inherit;
}

.postsWrapper.relatedPosts .postContainer .post {
    float: left;
    border-top: dotted 1px #9E9991;
    border-left: dotted 1px #9E9991;
}

.postsWrapper.relatedPosts .postContainer .post .wrapper,
.articleWrapper .post .wrapper {
    width: 194px;
    height: 260px;
    padding: 12px 16px;
    margin: 20px 20px 10px 20px;
    background: white;
    overflow: hidden;
}

.postsWrapper.relatedPosts .postContainer .post .wrapper img,
.articleWrapper .post .wrapper img {
	max-width: 100%;
	height: auto;
}

.postsWrapper.relatedPosts .postContainer .post h3,
.articleWrapper .post h3 {
    border: none;
    padding: 0;
    letter-spacing: 0;
    text-align: left;
    line-height: 18px;
    margin-bottom: 6px;
}

.articleWrapper .post p {
    margin: 0;
}

.postsWrapper.relatedPosts .postContainer .post .wrapper .postIcon,
.articleWrapper .post .wrapper .postIcon {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 7px 0 0;
    text-indent: -9999px;
}

.postsWrapper.relatedPosts .postContainer .post.flickrPost .wrapper .postIcon,
.articleWrapper .post.flickrPost .wrapper .postIcon {
    width: 19px;
}

.postsWrapper.relatedPosts .postContainer .post.youTubePost .wrapper .postIcon,
.articleWrapper .post.youTubePost .wrapper .postIcon {
    width: 23px;
    height: 15px;
}

.postsWrapper.relatedPosts .postContainer .flickrPost .postIcon span,
.articleWrapper .flickrPost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-flickr.png);
}

.postsWrapper.relatedPosts .postContainer .tweetPost .postIcon span,
.articleWrapper .tweetPost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-twitter.png);
}

.postsWrapper.relatedPosts .postContainer .youTubePost .postIcon span,
.articleWrapper .youTubePost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-youtube.png);
}

.postsWrapper.relatedPosts .postContainer .fbPost .postIcon span,
.articleWrapper .fbPost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-facebook.png);
}

.postsWrapper.relatedPosts .postContainer .post abbr,
.articleWrapper .post abbr {
    float: left;
    font-size: 11px;
    line-height: 17px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #5D5959;
    text-transform: uppercase;
}

.postsWrapper.relatedPosts .postContainer .tweetPost abbr,
.articleWrapper .tweetPost abbr {
    float: left;
    font-size: 11px;
    line-height: 17px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #5D5959;
    text-transform: uppercase;
    margin-top: 2px;
}

.postsWrapper.relatedPosts .postContainer .ioPost .postIcon span,
.articleWrapper .ioPost .postIcon span {
    background-image: url(../../images/gfo/sprites/icon-mini-io.png);
}


.postsWrapper.relatedPosts .postContainer .post .thumb,
.articleWrapper .post .thumb {
    display: block;
    clear: both;
    padding: 8px 0;
}

.postsWrapper.relatedPosts .postContainer .post .thumbLeft,
.articleWrapper .post .thumbLeft {
    clear: both;
    padding: 8px 0;
}

.postsWrapper.relatedPosts .postContainer .post .thumbLeft .thumb,
.articleWrapper .post .thumbLeft .thumb {
    padding: 0 12px 0 0;
    float: left;
}

.postsWrapper.relatedPosts .postContainer .post.tweetPost .body {
    min-height: 195px;
}

.postsWrapper.relatedPosts .postContainer .post h3 a,
.articleWrapper .post h3 a {
    clear: both;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #1A1A19;
    text-decoration: none;
    text-transform: none;
}

.postsWrapper.relatedPosts .postContainer .post h3 a:hover,
.articleWrapper .post h3 a:hover {
    text-decoration: underline;
}

/* bottom paginator */

.paginator {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #808282;
    text-transform: uppercase;
}

.paginator a {
    color: #3086ab;
    text-decoration: none;
}

.paginator a:hover {
    text-decoration: underline;
}

.paginator .prev {
    float: left;
    position: relative;
    top: -20px;
    height: 20px;
    margin: 0 0 20px 0;
}

.paginator .next {
    float: right;
    position: relative;
    height: 20px;
    margin: 0 0 20px 0;
}

/* 15. Search Box */

/* 15.1 Search Form
-------------------------------------------------------- */
.search-box {
    position: relative;
    background-color: #D2D3D3;
    margin-top: 34px;
    height: 67px;
    overflow: hidden;
    letter-spacing: 1px;
    width: 94.778068%;
    padding: 0 2.610966%;
}

.search-box .search-wrapper {
    padding: 20px 0;
    height: 26px;
}

.search-box.expanded {
    height: 235px;
}
.search-box .search-basic-form {
	background: none repeat scroll 0 0 transparent;
	position: relative;
	border-right: 1px dotted #9E9991;
    float: left;
    display: block;
    height: 28px;
    width: 68.229765%;
    padding-right: 6.8328982%;
    margin-right: 2.6109661%;
}
.search-box.expanded .search-basic-form {
	height: 41px;
	border-bottom: 1px solid #9E9991;
}
.search-box .input-text {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #737373;
    font-size: 12px;
    height: 26px;
    line-height: 14px;
    width: 63.732794%;
    padding: 0 25px 0 5px;
    margin-right: 1.024291%;
    position: absolute;
    top: 0;
    letter-spacing: 0.5px;
    font-family: Arial,sans-serif;
}

.lt-ie8 .search-box .input-text,
.lt-ie9 .search-box .input-text {
    line-height: 26px;
}

.search-box .search-icon {
    background: transparent url(../../images/gfo/sprites/icon-search-white.png) no-repeat;
    height: 21px;
    left: 64%;
    text-indent: -9999px;
    top: 2px;
    width: 21px;
    position: absolute;
}
.search-box .search-media-button {
    background: none repeat scroll 0 0 #3086AB;
    border: 0 none;
    color: #FFFFFF;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    height: 26px;
    margin: 0;
    width: 22.242915%;
    padding: 0;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    float: right;
    font-size: 11px;
    letter-spacing: 1px;
    cursor: pointer;
}

.search-box .search-media-button:hover {
    background: none repeat scroll 0 0 #343839;
}

.search-box .search-options {
    background: none repeat scroll 0 0 transparent;
    float: right;
    display: block;
    height: 18px;
    width: 20.582245%;
    padding: 0;
    margin: 0;
    margin-top: 6px;
}
.search-box .search-options .expand-collapse-icon {
    background: transparent url(../../images/gfo/sprites/arrow-expand-blue.png) no-repeat;
    width: 7px;
    height: 12px;
    float: left;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    margin-top: 2px;
    margin-right: 7px;
}
.search-box.expanded .search-options .expand-collapse-icon {
    background: transparent url(../../images/gfo/sprites/arrow-collapse-blue.png) no-repeat;
    width: 12px;
    height: 7px;
    margin-top: 4px;
    margin-right: 6px;
}
.search-box .search-options .expand-collapse-link {
    font-family: Arial,sans-serif;
    font-style: normal;
    font-size: 12px;
    color: #3086AB;
    text-decoration: none;
    cursor: pointer;
}

.search-box .search-options .expand-collapse-link:hover {
    color: #000000;
}
.search-box.expanded .search-options .expand-collapse-link:hover {
	color: #000000;
}
.search-box .search-options-form {
	font-family: Arial, sans-serif;
	font-style: normal;
    font-size: 12px;
    color: #343434;
	position: relative;
    background: none repeat scroll 0 0 transparent;
    margin-top: 20px;
    width: 100%;
}
.search-box .search-options-form .search-options-form-column {
	float: left;
	width: 50%;
	text-align: right;
}
.search-box .search-options-form input {
	font-family: Arial, sans-serif;
	font-style: normal;
    font-size: 12px;
}
.search-box .search-options-form .search-input {
	border: 0 none;
	height: 26px;
	width: 65%;
    padding: 0 5px;
	margin-bottom: 15px;
	margin-left: 10px;
	color: #737373;
}

.lt-ie9 .search-box .search-options-form .search-input,
.lt-ie8 .search-box .search-options-form .search-input {
    line-height: 26px;
}
.search-box .search-options-form .search-dropdown-container {
	position: relative;
	margin-bottom: 15px;
}
.search-box .search-options-form .search-dropdown-container select {
	font-family: Arial, sans-serif;
	font-style: normal;
    font-size: 12px;
}
.search-dropdown-container label {
    float: left;
    margin-right: 10px;
    line-height: 24px;
    width: 27%;
}

.search-dropdown-container label.media_type_dd {
    width: 29.5%;
}

.search-dropdown-container .dropdown {
    text-align: left;
    height: 25px;
    width: 63%;
    color: #737373;
    background-image: url(../../images/gfo/sprites/arrow-dropdown-blue.png);
    background-position: 100% center;
}

.search-dropdown-container .dropdown:hover {
    background-image: url(../../images/gfo/sprites/arrow-dropdown-black.png);
    background-position: 100% center;
}

.search-dropdown-container.media-type .dropdown {
    width: 61%;
}

.search-dropdown-container.media-type .dropdown-options {
    left: 34%;
    color: #737373;
}

.search-dropdown-container .dropdown-options {
    left: 100px;
}

.search-dropdown-container .dropdown-option {
    text-align: left;
    height: 26px;
}

.search-box .search-options-popular {
	border-top: 1px solid #9E9991;
	padding-top: 10px;
}
.search-box .search-options-popular .popular-searches {
	font-family: Arial, sans-serif;
	font-weight: bold;
    font-size: 12px;
    color: #343434;
}
.search-box .search-options-popular .popular-search-links {
	padding-top: 4px;
}
.search-box .search-options-popular .popular-search-links,
.search-box .search-options-popular .popular-search-links a {
	font-family: Arial, sans-serif;
	font-style: normal;
    font-size: 12px;
    color: #3086AB;
    text-decoration: none;
}

.search-box .search-options-popular .popular-search-links a:hover {
    text-decoration: underline;
}


.fluid-width-video-wrapper {
    position: relative;
    padding-bottom: 56.25% !important;
    padding-top: 30px !important;
    height: 0;
    overflow: hidden;
}

.mainContent section embed{
	width: 100%;
	height: 464px;
}

.mainContent section object{
	width: 100%;
	height: 100%;
}

.push-right-tiny{
	margin-top: -5.5%;	
}

.push-bottom-small .icon{
	vertical-align:baseline;	
}


.post.ioPost .wrapper header
{
    line-height: 22px;
    font-size: 14px;
    font-family: Georgia, Times, serif;
}


.stayConnected .post.ioPost .thumb{
	padding : 6px 0 0 0;
}

.post.ioPost a img{
	max-width: 187px;
	max-height: 105px
}

/* headers */

.title-old-english {
    font-family: Georgia, serif;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 15px;
    font-style: italic;
    color: #5b5959;
    text-align: center;
}
.title-old-english:before,
.title-old-english:after {
    background-color: #5B5959;
    content: " ";
    display: inline-block;
    height: 1px;
    margin: 0 10px;
    vertical-align: middle;
    width: 30px;
}
.main-title {
    color: #303131;
    font-family: "ff-din-web",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.main-subtitle {
    color: #4b4a4a;
    font-family: Georgia, serif;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
.enclosed-title {
    border-bottom: 1px solid #B5B6B6;
    border-top: 5px solid #B5B6B6;
    color: #191818;
    font-family: "ff-din-web",sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 20px;
    padding: 14px 0 10px;
    text-transform: uppercase;
}

/* main header */

.main-header {
    border-bottom: 5px solid #B5B6B6;
    height: 88px;
    margin-top: -20px;
    position: relative;
    width: 100%;
}
.main-header .title-old-english,
.main-header .main-title,
.main-header .main-subtitle {
    position: absolute;
    width: 100%;
}
.main-header .title-old-english { top: 15px; }
.main-header .main-title { top: 35px; }
.main-header .main-subtitle { top: 65px; }

/* fonts */

.sans-serif { font-family: "ff-din-web",sans-serif; }
.sans-serif-alt { font-family: Arial, sans-serif; }
.serif {
    font-family: Georgia, serif;
    letter-spacing: 1px;
}

/* links */

.link {
    color: inherit;
    text-decoration: none;
}
.link:hover { text-decoration: underline; }
.link-em { color: #3086ab; }
.fn-media-download:hover {
    color: #000;
    text-decoration: none;
}

/* paragraphs */

.p-default {
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
.p-small { font-size: 12px; }
.p-tiny {
    font-size: 10px;
    line-height: 12px;
}

/* horizontal rule */

.hr {
    background: none;
    border: none;
    background-color: #B5B6B6;
    font-size: 0;
    height: 1px;
    margin: 15px 0;
}
.hr-thick { height: 5px; }

/* emphasis */

.strong { font-weight: 600; }
.muted { color: #808282; }
.upper { text-transform: uppercase; }
.italic { font-style: italic; }

a.muted:hover {
    color: #000;
    text-decoration: none;
}

/* dates */

.date {
    color: #414444;
    font-family: "ff-din-web",sans-serif;
    font-size: 11px;
    line-height: 20px;
}


.social-ul li {
    margin-bottom: 5px;
    padding-left: 30px;
}
.social-ul li:last-child { margin-bottom: 0; }
.social-ul li.flickr {
    background: transparent url(../../images/gfo/sprites/icon-mini-flickr.png) left center no-repeat;
}
.social-ul li.twitter {
    background: transparent url(../../images/gfo/sprites/icon-mini-follow.png) left center no-repeat;
    line-height: 18px;
}
.social-ul li.io {
    background: transparent url(../../images/gfo/sprites/icon-mini-io.png) left center no-repeat;
    line-height: 18px;
}


/* visibility */
.show { display: block; }
.hide { display: none; }

/* floats */
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after { clear: both; }

.pull-left { float: left; }
.pull-right { float: right; }

/* alignment */

.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }

/* spacing */

.push-top { margin-top: 15px; }
.push-top-tiny { margin-top: 5px; }
.push-top-small { margin-top: 10px; }
.push-top-large { margin-top: 30px; }
.push-right { margin-right: 15px; }
.push-right-tiny { margin-right: 5px; }
.push-bottom { margin-bottom: 15px; }
.push-bottom-tiny { margin-bottom: 5px; }
.push-bottom-small { margin-bottom: 10px; }
.push-bottom-large { margin-bottom: 30px; }
.push-left { margin-left: 15px; }
.flush { margin-bottom: 0 !important; }
.flush-top { margin-top: 0 !important; }


/* icons */

.icon {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}

.icon-left {
    background-image: url(../../images/gfo/sprites/icon-left.png);
    height: 8px;
    width: 11px;
}
a:hover .icon-left {
    background-image: url(../../images/gfo/sprites/icon-left-blue.png);
}
.icon-right {
    background-image: url(../../images/gfo/sprites/icon-right.png);
    height: 8px;
    width: 11px;
}
a:hover .icon-right {
    background-image: url(../../images/gfo/sprites/icon-right-blue.png);
}
.icon-download {
    background-image: url(../../images/gfo/sprites/icon-download.png);
    height: 10px;
    width: 11px;
}
a:hover .icon-download {
    background-image: url(../../images/gfo/sprites/icon-download-hover.png);
    height: 10px;
    width: 11px;
}
.icon-arrow-left {
    background-image: url(../../images/gfo/sprites/icon-arrow-left.png);
    height: 19px;
    width: 10px;
}
.icon-arrow-right {
    background-image: url(../../images/gfo/sprites/icon-arrow-right.png);
    height: 19px;
    width: 10px;
}
.icon-share-plus {
    background-image: url(../../images/gfo/sprites/share_plus_icon.png);
    height: 12px;
    width: 12px;
}
.icon-close-label {
    background-image: url(../../images/gfo/sprites/icon-close-label.png);
    height: 14px;
    width: 14px;
}
.icon-twitter {
    background-image: url(../../images/gfo/sprites/icon-twitter-16.png);
    height: 18px;
    width: 18px;
}
.icon-io {
    background-image: url(../../images/gfo/sprites/icon-io-16.png);
    height: 16px;
    width: 15px;
}
.icon-grantee {
    background-image: url(../../images/gfo/sprites/icon-grantee-16.png);
    height: 16px;
    width: 13px;
}
.icon-pdf {
    background-image: url(../../images/gfo/sprites/icon-pdf-16.png);
    height: 16px;
    width: 13px;
}
.icon-podcast {
    background-image: url(../../images/gfo/sprites/icon-podcast-16.png);
    height: 14px;
    width: 16px;
}
.icon-press-release {
    background-image: url(../../images/gfo/sprites/icon-press-release.png);
    height: 16px;
    width: 13px;
}
.icon-expand {
    background-image: url(../../images/gfo/sprites/icon-expand.png);
    height: 7px;
    width: 11px;
}

.icon-expand.up {
    background-image: url(../../images/gfo/sprites/icon-expand-up.png);
}

/* grid */

.row { *zoom: 1; }
.row:before,
.row:after {
    display: table;
    content: "";
}
.row:after { clear: both; }

.span-1-3 {
    float: left;
    margin-right: 6.8181818%;
    width: 20.454545%;
}
.span-2-3 {
    float: left;
    width: 72.727273%;
}

.span-1-2 {
    float: left;
    width: 50%;
}

.span-1-4 {
    width: 23.5%;
    float: left;
}
.span-3-4 {
    width: 76.5%;
    float: left;
}
.span-1-3-2 {
    width: 26%;
    float: left;
}
.span-2-3-2 {
    width: 74%;
    float: left;
}
.span-1 {
    width: 100%;
    float: left;
}

.span-1-3-1 {
    float: left;
    width: 33.3333333%;
}


/* PAGINATION
------------------------------------------------ */

.page_navigation {
    height: 26px;
    float: right;
}

.page_navigation .ellipse { display: none !important; }

.page_navigation a,
.page_navigation span {
    margin-left: 4px;
}

.page_navigation .previous_link,
.page_navigation .next_link {
    display: inline-block;
    height: 19px;
    margin-top: 4px;
    text-indent: -9999px;
    vertical-align: top;
    width: 10px;
}

.page_navigation .previous_link {
    background: url(../../images/gfo/sprites/icon-arrow-left.png) no-repeat;
    margin-right: 8px;
}

.page_navigation .previous_link:hover {
    background: url(../../images/gfo/sprites/icon-arrow-left-blue.png) no-repeat;
}

.page_navigation .next_link {
    background: url(../../images/gfo/sprites/icon-arrow-right.png) top right no-repeat;
    margin-left: 15px;
}

.page_navigation .next_link:hover {
    background: url(../../images/gfo/sprites/icon-arrow-right-blue.png) top right no-repeat;
}

.page_navigation .page_link {
    height: 20px;
    width: 26px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    overflow: visible;
    padding: 6px 0 0 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #303131;
    letter-spacing: -1px;
    line-height: 1;
}

.page_navigation .page_link:hover {
    color: #056D99;
}
.page_navigation .page_link.active_page {
    color: #fff;
    background-color: #737474;
    background: url(../../images/gfo/sprites/icon-bg-pagination.png) no-repeat;
}

.page_navigation .first_link,
.page_navigation .last_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #303131;
    letter-spacing: -1px;
    text-decoration: none;
    padding: 0 5px;
}

.page_navigation .first_link:hover,
.page_navigation .last_link:hover {
    color: #056D99;
}

.page_navigation .no_more {
    display: none;
}


.label {
    color: #010101;
    display: inline-block;
    font-family: "ff-din-web",sans-serif;
    font-weight: bold;
    vertical-align: baseline;
    white-space: nowrap;
}
a.label {
    text-decoration: none;
}

ul.sub-nav {
    background-color: #d2d3d3;
    padding: 5px 0;
}
ul.sub-nav { *zoom: 1; }
ul.sub-nav:before,
ul.sub-nav:after {
    display: table;
    content: "";
}
ul.sub-nav:after { clear: both; }
ul.sub-nav li {
    float: left;
    padding: 0 20px;
}

/* with dividers */
ul.sub-nav.with-dividers li {
    border-right: 1px solid #808282;
    padding: 0 10px;
}
ul.sub-nav.with-dividers li:last-child { border-right: none; }

/* default link state */
ul.sub-nav li a {
    color: #1f2020;
    float: left;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: -3px;
    text-decoration: none;
    text-transform: uppercase;
}
ul.sub-nav li a:hover { color: #9b242d; }
ul.sub-nav li a .icon {
    display: none;
    margin-left: 10px;
    margin-top: 2px;
    vertical-align: top;
}

/* active state */
ul.sub-nav li.active a {
    color: #9b242d;
}
ul.sub-nav li.active a .icon {
    display: inline-block;
}


/* video thumbnail */
.video-thumbnail img {}
a.video-thumbnail {
    display: inline-block;
    position: relative;
}
a.video-thumbnail .play-btn {
    background: transparent url(../../images/gfo/sprites/icon-play-video.png) center center no-repeat;
    height: 100%;
    position: absolute;
    width: 100%;
    max-width: 92px;
}

/* fields and labels */

.inline-form input[type="text"],
.stacked-form input[type="text"] {
    color: #303131;
    background-color: white;
    border: 1px solid #d2d3d3;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.5px;
    padding: 6px 35px 6px 10px; /* target height: 26px */
    vertical-align: middle;
}

/* placeholder have to be declared separately */
form input:-moz-placeholder { color: #7b7a7a !important; }
form input::-webkit-input-placeholder { color: #7b7a7a; }
form input:-ms-input-placeholder { color: #7b7a7a; }

.input-search {
    background-image: url(../../images/gfo/sprites/icon-search-input.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    min-width: 140px;
    padding-right: 26px !important;
}

.input-xlarge {
    width: 46%;
}

/* custom dropdown */
.dropdown {
    background-image: url(../../images/gfo/sprites/icon-dropdown.png);
    background-position: 97% center;
    cursor: pointer;
    overflow: hidden;
    padding: 0 15px 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropdown-options {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.5);
    box-shadow: 0 2px 5px rgba(0,0,0,.5);
    display: none;
    margin: 0 -10px;
    position: absolute;
    z-index: 500;
}

.lt-ie9 .dropdown-options,
.lt-ie8 .dropdown-options {
    border: 1px solid #ccc;
}

.dropdown-option {
    cursor: pointer;
    overflow: hidden;
    padding: 0 0px 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropdown-option.active {
    cursor: default;
    background-image: url(../../images/gfo/sprites/icon-checkmark.png);
    background-position: 7.5px center;
}
.dropdown-option:hover {
    background-color: #9ae2ed;
}
.dropdown,
.dropdown-option {
    background-color: white;
    background-repeat: no-repeat;
    color: #303131;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 22px;
    height: 22px;
}

/* stacked form */

.stacked-form label {
    display: block;
    font-family: "ff-din-web",sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding-left: 3px;
}
.stacked-form .dropdown,
.stacked-form select,
.stacked-form input[type="text"] {
    margin-bottom: 10px;
}

/* inline form */

.inline-form input[type="text"] {
    margin-right: 10px;
    margin-bottom: 0;
}


.well {
    background-color: #d2d3d3;
    padding: 20px;
}
.well-tiny {
    padding: 5px;
}


.btn {
    background: 1px solid white;
    border: 1px solid white;
    cursor: pointer;
    display: inline-block;
    font-family: "ff-din-web",sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 7px 10px 5px; /* target height: 26px */
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
button.btn::-moz-focus-inner,
input.btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.btn-primary {
    border-color: #3086ab;
    background-color: #3086ab;
    color: white;
}

.btn-primary:hover {
    border-color: #343839;
    background-color: #343839;
}


.table { width: 100%; }
.table th {
    background-color: #d2d3d3;
    color: #555454;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: left;
    text-transform: uppercase;
}
.table th .icon {
    display: none;
    margin-left: 10px;
    margin-top: 2px;
    vertical-align: top;
}
.table th.active {
    color: #9b242d;
    cursor: default;
}
.table th.active .icon { display: inline-block; }

.table td {
    border-bottom: 1px solid #B5B6B6;
    font-size: 14px;
    padding: 20px;
}


.media-photos .related-media ul li {
    float: left;
    width: 275px;
}


/* sections */
.about-us-section img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

/* hero */
.about-us-hero {
    font-size: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.about-us-hero blockquote {
    color: white;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    position: absolute;
    text-transform: uppercase;
    top: 20%;
    width: 30%;
}
.about-us-hero blockquote small {
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 40px;
    font-weight: 600;
}


/* info section */
.about-us-info-section {
    background-color: #F1EFEC;
    padding: 5.5% 0;
}
.about-us-info-section .about-us-caption {
    padding: 0 3%;
}
.about-us-info-section .about-us-title {
    color: #212020;
    font-size: 30px;
    line-height: 37px;
}
.about-us-info-section .about-us-description {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
}

/* first section hero */
.about-us-section:first-child blockquote {
    top: 35%;
}

/* even sections */
.about-us-section.odd .about-us-info-section .about-us-copy {
    padding-left: 10%;
}
.about-us-section.even blockquote {
    left: 52%;
    width: 46%;
}

.about-us-section.even .thumbnail blockquote {
    width: auto;
}
.about-us-section.even .about-us-info-section .span-1-2 {
    float: right;
}
.about-us-section.even .about-us-info-section .about-us-copy {
    padding-right: 10%;
}


/* sections */
.our-work-section .our-work-hero img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

/* hero */
.our-work-hero {
    font-size: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.our-work-hero blockquote {
    color: white;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    position: absolute;
    text-transform: uppercase;
    top: 20%;
    width: 52%;
}
.our-work-section.even blockquote {
    left: 52%;
    width: 46%;
}
.our-work-section.low blockquote {
	top: 52%;
}

.our-work-hero blockquote a {
    display: block;
    margin: 10px 0 0 0;
}

/* world map */

section.our-work-map-title {
    background: #adcadc;
    position: relative;
    z-index: 1;
}

section.grantmaking-diagram {
    background: #fff;
    position: relative;
    z-index: 1;
}

section.our-work-map-image {
    position: relative;
    z-index: 1;
}

section.grantmaking-diagram-image {
    position: relative;
    z-index: 1;
    background: #fff;
}

.our-work-hero.map {
    position: relative;
    z-index: 1;
    overflow: visible;
}

.our-work-hero.map img {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto;
}

.grantmaking-diagram-image img {
    max-width: 100%;
}

/*  map tooltips */

.our-work-hero.map .tooltip {
    cursor: pointer;
}

.our-work-hero.map .tooltip.closed {
    background: url(../../images/gfo/sprites/tooltip-closed-left.png) top left no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 0 0 43px;
}

.our-work-hero.map .tooltip.closed:hover {
    background: url(../../images/gfo/sprites/tooltip-closed-left-black.png) top left no-repeat;
}

.our-work-hero.map .tooltip.closed .tooltip-content {
    background: url(../../images/gfo/sprites/tooltip-closed-right.png) top right no-repeat;
    padding: 10px 20px 24px 0;
    max-width: 260px;
    height: 26px;
    overflow: hidden;
}

.our-work-hero.map .tooltip.closed:hover .tooltip-content {
    background: url(../../images/gfo/sprites/tooltip-closed-right-black.png) top right no-repeat;
}

.our-work-hero.map .tooltip.opened {
    background: url(../../images/gfo/sprites/tooltip-opened-top.png) top left no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding: 30px 0 0 0;
}

.our-work-hero.map .tooltip.opened .tooltip-content {
    background: url(../../images/gfo/sprites/tooltip-opened-bottom.png) bottom left no-repeat;
    padding: 10px 16px 36px 16px;
    width: 258px;
    position: relative;
    z-index: 2;   
}

.our-work-hero.map .tooltip.closed .tooltip-content .content-wrapper {
    display: none;
}

.our-work-hero.map .tooltip.opened .tooltip-content .content-wrapper {
    position: relative;
    top: -10px;
    display: block;
}

.our-work-hero.map .tooltip .tooltip-content h3 {
    color: #251f1a;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;    
}

.our-work-hero.map .tooltip:hover .tooltip-content h3 {
    color: #ffffff;
}

.our-work-hero.map .tooltip.opened .tooltip-content h3 {
    position: relative;
    top: -27px;
    left: 21px;
    z-index: 3;
}

.our-work-hero.map .tooltip.opened:hover .tooltip-content h3 {
    color: #251f1a;
}

.our-work-hero.map .tooltip .tooltip-content p,
.our-work-map-accordion>li .accordion-content p {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 19px;
    color: #333535;
}

.our-work-hero.map .tooltip .tooltip-content ul li a,
.our-work-map-accordion>li .accordion-content ul li a {
    color: #017cbc;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 19px;
    text-decoration: none;
}

.our-work-hero.map .tooltip .tooltip-content ul li a:hover,
.our-work-map-accordion>li .accordion-content ul li a:hover {
    color: #000;
}

/* info section */
.our-work-info-section {
    padding: 5.5% 0;
}

.our-work-title {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    
    color: #2b2a2a;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
}

.our-work-copy p{
    font-family: Georgia, Times, serif;       
    line-height: 28px;
    color: #2b2a2a;    
    font-size: 14px;
    margin-bottom: 30px;
}

div p.our-work-body-text{
    font-family: Georgia, Times, serif;
    font-size: 18px;
    line-height: 28px;
    color: #2b2a2a;
}


.link-open-drawer {
    display: block;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    
    font-size: 16px;
    line-height: 26px;
    color: #3d7f99;
    text-decoration: none;
    
    border-bottom: 1px solid #C6C8C9;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.link-open-drawer span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0 -3px 6px;
    background: transparent url(../../images/gfo/sprites/icon-closed-drawer.png) left top no-repeat;
}

.link-open-drawer.open {
    color: #a0a2a3;
}

.link-open-drawer.open span {
    background-image: url(../../images/gfo/sprites/icon-opened-drawer.png);
}



/* article section */

.our-work-article {
	padding: 5.5% 0 2.5% 0;
	border-top: 5px solid #b5b6b6;
	display: block;
}

.our-work-article:first-child {
	border: none;
}

.our-work-article .our-work-copy {
    padding-right: 10.810811%;
}
.our-work-article .our-work-title {
    padding-bottom: 25px;
    border-bottom: 1px solid #b5b6b6;
    margin-bottom: 30px;
}
.our-work-article .our-work-copy .our-work-body-text {
    margin-bottom: 30px;
}

/* profile */
.our-work-profile {
    margin-bottom: 30px;
}

.our-work-profile .author {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    
    font-size: 14px;
    line-height: 20px;
    color: #1a1a1a;
}

.our-work-profile .sub {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    
    font-size: 12px;
    line-height: 16px;
    color: #575756;
    text-transform: uppercase;
}

/* related links */
.our-work-related .related-title {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    
    font-size: 11px;
    line-height: 18px;
    color: #282828;
    text-transform: uppercase;
}

.our-work-related.drawer {
    display: none;
    float: left;
    width: 100%;
}

.our-work-related.drawer .related-links {
    margin-right: 18%;
    margin-bottom: 20px;
}

.our-work-related .related-links {
    margin-bottom: 25px;
}

.our-work-related .related-links li {
    border-bottom: 1px solid #b5b6b6;
}

.our-work-related .related-links li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 26px;
    color: #3086ab;
    text-decoration: none;
}

.our-work-related .related-links li a:focus,
.our-work-related .related-links li a:hover {
    color: #072532;
}

.our-work-related .quote {
    width: auto;
}

/* related images */
.our-work-images {
    margin-top: 40px;
}

.our-work-images .image-item {
    width: 30.5%;
    float: left;
    margin-left: 4.25%;
}

.our-work-images .image-item:first-child {
    margin-left: 0;
}

.our-work-images .image-item figure img {
    max-width: 100%;
    height: auto;
}

.our-work-images .image-item figcaption {
    background: #303131;
    padding: 10px;
    margin-top: -5px;
}

.our-work-images .image-item figcaption .headline {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 600;
    
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}

.our-work-images .image-item figcaption .body,
.our-work-images .image-item figcaption .link {
    font-family: Georgia, Times, serif;
    font-style: italic;
    font-size: 12px;
    line-height: 17px;
}

.our-work-images .image-item figcaption .body {
    color: #948979;
}

.our-work-images .image-item figcaption .link {
        color: #52a4c8;
}

a.more-link {
    margin: 15px 0 0 0;
    padding: 0 0 5px 16px;
    color: #575859;
    font-size: 10px;
    line-height: 18px;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background: url(../../images/gfo/sprites/arrow-blue.png) transparent no-repeat;
    display: block;
    float: right;
}

a.more-link:hover {
    background: url(../../images/gfo/sprites/arrow-red.png) transparent no-repeat;
    text-decoration: underline;
}

/* map accordion */

.our-work-hero.map {
    background: #fff;
}

.our-work-map-accordion {
    display: none;
}

.our-work-map-accordion>li>a {
    color: #251F1A;
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;

    display: block;
    padding: 0 40px;
    text-decoration: none;
    line-height: 41px;
    position: relative;
    border-bottom: 1px solid #E7E7E7;
    
    background: transparent url(../../images/gfo/sprites/icon-closed-drawer.png) 15px no-repeat;
    cursor: pointer;
}

.our-work-map-accordion>li>a:hover {
    text-decoration: underline;
}

.our-work-map-accordion>li>a.open {
    background: transparent url(../../images/gfo/sprites/icon-opened-drawer.png) 15px no-repeat;
}

.our-work-map-accordion>li .accordion-content {
    padding: 0 20px;
    border-bottom: 1px solid #E7E7E7;
    display: none;
}

/* tweets feed */

.our-work-article .tweetsCarousel {
	height: 135px;
}


/* Error Page
-----------------------------------------------*/

.error-section {
    margin-top: 140px;
}

.error-section .page-heading {
    font-family: "ff-din-web",sans-serif;
    font-style: normal;
    font-weight: 700;
    
    color: #AAA092;
    text-transform: uppercase;
    font-size: 19px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E2DDD2;
    margin-bottom: 30px;
}

.error-section .headline h2 {
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: 400;
    color: #392D1C;
    font-size: 24px;
    margin-bottom: 15px;
}

.error-section .post-body {
    font-family: Georgia,'Times New Roman',Times,serif;
    color: #333;
    font-size: 14px;
    line-height: 22px;
}

.error-section .post-body ul {
    margin: 30px;
    list-style-type: disc;
}

.error-section .post-body ul li {
    line-height: 28px;
}

.error-section .post-body a,
.error-section .post-body a:visited {
    color: #9B242D;
    text-decoration: underline;
}

/* Media Viewer */

.media-fullsize {
    min-width: 100%;
    max-width: 100%;
}

.media-nav-separator {
    border-right: 1px dotted #656464;
    display: inline-block;
    height: 25px;
    margin: 0px 10px;
    vertical-align: middle;
}

.media-carousel {
    height: 77px;
    position: relative;
    width: 100%;
}
.media-carousel-nav {
    background-color: #b5b6b6;
    background-position: -6px center;
    background-repeat: no-repeat;
    height: 77px;
    position: absolute;
    top: 0;
    width: 24px;
}
.media-carousel-nav:hover { background-color: #3086ab; }
.media-carousel-nav.left {
    background-image: url(../../images/gfo/sprites/arrow-left-white.png);
    left: 0;
}
.media-carousel-nav.right {
    background-image: url(../../images/gfo/sprites/arrow-right-white.png);
    right: 0;
}

.media-carousel-thumb-stage {
    margin: 0 45px;
    overflow: hidden;
    position: relative;
}
.media-carousel-thumbs { min-width: 700px; }
.media-carousel-thumb {
    cursor: pointer;
    float: left;
    height: 77px;
    margin-right: 21.5px;
    position: relative;
    width: 118px;
}
.media-carousel-thumb img {
    height: 77px;
    min-width: 118px;
    max-height: 77px;
}

.media-carousel-thumb a {
    display: block;
    cursor: pointer;
}

.media-carousel-thumb .overlay {
    background-color: white;
    background: rgba(255, 255, 255, 0.45);
    filter: alpha(opacity = 45);
    border: 2px solid #444242;
    bottom: 0;
    color: #444242;
    display: none;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}
.media-carousel-thumb.active { cursor: default; }
.media-carousel-thumb.active .overlay { display: block; }
.media-carousel-thumbs .media-carousel-thumb:last-child { margin-right: 0;}


.thumbnails {
    
}

.thumbnails .thumbnail {
    width: 33%;
    margin-right: 0.333333%;
    margin-bottom: 0.333333%;
    float: left;
    position: relative;
}

.thumbnails .thumbnail .overlay {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    background: #1D1E1E;
    background: rgba(29, 30, 30, 0.7);
}

.thumbnails .thumbnail .overlay blockquote {
    font-family: Georgia, Times, serif;
    font-size: 14px;
    line-height: 16px;
    color: white;
    padding: 10px;
    overflow: hidden;
    cursor: default;
}

.thumbnails .thumbnail .overlay blockquote small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 35px;
    display: block;
}


.results-view .results-number {
    line-height: 16px;
    margin: 25px 0;
}

.results-view .gridResultsWrapper {
    clear: both;
    overflow: hidden;
    position: relative;
}

.results-view .gridResultsWrapper .gridResultsContainer {
    width: 105%;
    margin-left: -14px;
    margin-top: -15px;
}

.results-view .gridResultsWrapper .gridFix {
    height: 15px;
    position: absolute;
    width: 100%;
    bottom: 26px; /* height of pagination */
    background-color: #f1efec;
}

.results-view .post {
    float: left;
    border-top: dotted 1px #9e9991;
    border-right: dotted 1px #9e9991;
}

.results-view .post .wrapper {
    width: 169px;
    height: 241px;
    margin: 15px 14px;
    padding: 5px 0;
    background: #fff;
    text-align: center;
}

.results-view .post .body .thumb img {
    max-width: 100%;
    height: auto;
}

.results-view .post .body p {
    margin-top: 5px;
    padding: 0 8.8757396%;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #343433;
}


/* sidebar form */
.sidebar-form select {
    width: 100%;
}

/* search result summary */
.search-result-summary { color: #1f2020; }

/* search result */
.search-result .date {
    margin-bottom: 5px;
}
.search-result + .hr {
    margin-top: 25px;
    display: block;
    width: 100%;
}
.search-result.highlight {
    background-color: #d9e2e3;
    padding: 15px 20px;
    margin-bottom: 15px;
}

/* search result with media */
.search-result.with-media { clear: left; }
.search-result.with-media:before,
.search-result.with-media:after {
    display: table;
    content: "";
}
.search-result.with-media:after { clear: both; }
.search-result.with-media .copy-section {
    float: left;
    margin-right: 4.960835509138%;
    width: 72.845953002611%;
}
.search-result.with-media .media-section {
    float: left;
    text-align: right;
    width: 22.193211488251%;
}
.search-result.with-media .media-section .video-thumbnail {
    display: block;
}
.search-result.with-media .media-section img {
    max-height: 110px;
    max-width: 100%;
    height: auto;
}

.push-right-tiny{
	margin-top: -5.5%;	
}

.push-bottom-small .icon{
	vertical-align:baseline;	
}

/* Strategy Section */
.strategySection.non-section {
    background: #e6e8e2;
    margin: 10px 0 10px -30px;
    padding: 2px 30px 30px 30px;
    position: relative;
    width: 100.2%;
}
.strategySection.non-section h2 {
    color: #977c00;
    font-size: 16px;
    max-width: inherit;
}

/* Visitor Center Event Detail */
.eventWrapper {
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 18px;
    background-color: #fff;
}

.eventWrapper p {
    margin: 22px 0 18px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: Georgia, serif;
    color: #1b1b1b;
}

.eventWrapper .shareBar {
    margin-bottom: 28px;
}

.eventBanner {
    margin-bottom: 28px;
}

.eventBanner img {
    max-width: 100%;
}

.eventDescription {
    width: 57.534%;
    float: left;
}

.eventTitle {
    margin-bottom: 16px;
}
.eventTitle h4 {
    font-family: Georgia, Times, serif;
    font-size: 18px;
    text-align: left;
    font-style: default;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.eventJoin {
    padding-bottom: 30px;
}
.eventJoin-btn {
    display: block;
    box-sizing: border-box;
    width: 185px;
    padding: 10px 20px;
    margin-bottom: 8px;
    color: #fff;
    background-color: #3d7f98;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.eventJoin-btn:hover {
    text-decoration: underline;
}

.eventJoin-detail {
    font-style: italic;
    color: #5b5959;
    font-size: 13px;
}

.eventSidebar {
    width: 35.615%;
    margin-left: 6.850%;
    float: left;
}

.eventSidebar aside h5 {
    font-weight: 700;
    color: #1b1b1b;
    font-size: 14px;
    font-style: italic;
    padding-bottom: 6px;
}
.eventSidebar aside p {
    margin-top: 0;
    font-size: 13px;
    color: #5b5959;
    font-style: italic;
}

.eventWhen-invite:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 10px;
    margin-right: 6px;
    background: url(../../images/sprites/icon-cal-tiny.png) no-repeat top left;
}

.eventCal {
    max-width: 260px;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    padding: 12px;
    background-color: #bfbebb;
    color: #fff;
    margin-bottom: 8px;
}

.eventCal .clndr-controls {
    text-align: center;
    margin-bottom: 10px;
}

.eventCal .days-of-the-week,
.eventCal .days {
    width: 100%;
    clear: both;
}

.eventCal .header-day,
.eventCal .day {
    float: left;
    box-sizing: border-box;
    font-size: 11px;
    width: 13.5%;
    height: 22px;
    padding: 4px;
    text-align: center;
}

.eventCal .event {
    background-color: #000;
}

.eventCal .header-day {
    color: #666;
}

.eventCal .adjacent-month {
    color: #8f8e8c;
}

.eventBottomBar {
    padding: 20px 0;
}


/* Visitor Center Calendar Page */

.calEvents {
    position: relative;
    margin-bottom: 60px;
    opacity: 0;
    top: 60px;
}

.calEvents-row {
    margin-top: 30px;
}


.calEvents-row:first-child {
    margin-top: 0;
}

.calEvents-error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0;
}

.calHead {
    clear: both;
    text-align: center;
    padding: 16px 0;
    margin-bottom: 30px;
    border-bottom: 1px dotted #a6a4a2;
}

.calHead h3 {
    font-family: Georgia, Times, serif;
    font-size: 40px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #5b5959;
    display: inline-block;
    max-width: 699px;
    padding-top: 0;
    line-height: 1;
    margin-top: -7px;
}

.calNext, .calPrev {
    box-sizing: border-box;
    background-color: #5b5959;
    padding: 12px 14px;
    cursor: pointer;
}

.calNext.disabled, .calPrev.disabled {
    background-color: #d2d1d0;
    cursor: default;
}

.calNext {
    float: right;
}

.calPrev {
    float: left;
}

.calNext-arrow {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #ffffff;
    -webkit-transform: rotate(360deg);
}

.calPrev-arrow {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #ffffff transparent transparent;
    -webkit-transform: rotate(360deg);
}


.calEvent {
    float: left;
    box-sizing: border-box;
    width: 47.65%;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 35px;
}

.calEvent-gutter {
    width: 4%;
}

.calEventHead {
    margin-bottom: 8px;
}

.calEventHead h6, .calEventHead h5 {
    font-weight: 700;
    font-family: Georgia, Times, serif;
    color: #1b1b1b;
}

.calEventHead h5 {
    font-size: 14px;
    font-weight: 700;
    color: #1b1b1b;
}

.calEventHead h6 {
    font-size: 12px;
    margin-bottom: 6px;
}

.calEventBanner {
    margin-bottom: 28px;
}

.calEventBanner img {
    max-width: 100%;
}

.calEventDetails {
    font-family: Georgia, Times, serif;
    font-size: 14px;
    color: #1b1b1b;
    line-height: 1.6;
}

.calEventMore {
    margin-top: 24px;
}

.calEventMore a {
    font-family: Georgia, Times, serif;
    font-size: 14px;
    color: #3086ab;
    text-decoration: none;
}

.calEventMore a:hover {
    color: #072532;
}

.calEventMore-btn {
    display: block;
    max-width: 50%;
    box-sizing: border-box;
    float: left;
    padding: 10px 20px;
    margin-bottom: 8px;
    color: #fff;
    background-color: #3d7f98;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

a.calEventMore-btn {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.calEventMore-link {
    float: left;
    max-width: 40%;
    padding-top: 9px;
    padding-left: 20px;
    color: #3d7f98;
    font-size: 13px;
    font-family: Georgia, Times, serif;
    text-decoration: underline;
    font-style: italic;
}

.calEvent.calFeatured {
  background-color: #d9e2e3;
}

.calFeatured .calEventMore-btn {
    color: #3d7f98;
    background-color: #fff;
}

.calEventList .calEvent:first-child {
    padding-top: 0;
    border-top: none;
}

.calEventList {
    border-bottom: 1px solid #d0cfcf;
    margin-bottom: 16px;
}

/* Calendar Event in Sidebar */
.sidebar .calEvent {
    background-color: transparent;
    width: 100%;
    padding: 0;
    margin-top: 20px;
}

.sidebar .calEvent img {
    max-width: 100%;
}

.sidebar .calEventBanner {
   margin-bottom: 12px;
}

/* Upcoming Events on VC Landing */
.upcomingEvents {
    width: 224px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.upcomingEvents h3 {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.upcomingEvents .calEventList {
    margin-top: 20px;
}

.upcomingEvents .calEvent {
    background-color: transparent;
    width: 100%;
    padding: 0;
    padding-top: 16px;
    margin-bottom: 16px;
    border-top: 1px solid #d0cfcf;
}


.upcomingEvents .calEvent img {
    max-width: 100%;
}

.upcomingEvents .calEventBanner {
    margin-top: 12px;
    margin-bottom: 0;
}

.upcomingEvents .calEventHead {
    margin-bottom: 0;
}

.upcomingEvents .calEventHead a {
    color: #3d7f98;
    font-size: 14px;
    text-decoration: none;
}

.upcomingEvents .calEventHead a:hover {
    color: #072532;
}


/* Share Bar */
.shareBar a {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 3px;
}

.shareBar-facebook {
    background-image: url(/images/sprites/icon-mini-facebook.png);
}
.shareBar-twitter {
    background-image: url(/images/sprites/icon-mini-twitter.png);
}
.shareBar-email {
    background-image: url(/images/sprites/icon-email.png);
}

.shareBar .shareBar-email {
    height: 11px;
}

/* Read More */
.btn-read-more {
    text-align: right;
}
.btn-read-more button {
   background: #E58C15 url('../../images/gfo/sprites/more-less.png') no-repeat right 8px;
   border: none;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 12px;
   height: 33px;
   padding: 0 40px 0 20px;
   text-align: left;
   text-transform: uppercase;
   cursor: pointer;
}
.is-expanded .btn-read-more button {
   background-position: right -25px;
}

/* Page Editor Video Overlay */
.pe-video-overlay {
    background-color: #000;
    position: absolute;
    float: left;
    height: 425px;
    width: 702px;
    -moz-opacity: 0.20;
    opacity:.20;
    filter: alpha(opacity=20);
    z-index: 999;
    margin-top: -425px;
    overflow: hidden;
}
/* Pikachoose styles */
/* Style the thumbnails */
.pika-thumbs {
  margin: 35px 0;
  overflow: hidden;
  padding: 0 20px 35px 20px;
  border-bottom: 1px solid #cbcbcb; }
  .pika-thumbs.jcarousel-list {
    border-bottom: none; }
  .pika-thumbs li {
    padding: 0;
    overflow: hidden;
    float: left;
    width: 20%;
    list-style-type: none;
    cursor: pointer; }
    .pika-thumbs li .clip {
      text-align: center;
      vertical-align: middle;
      overflow: hidden;
      margin: 0 auto;
      padding: 3px; }
      .pika-thumbs li .clip img {
        display: block; }
    .pika-thumbs li.active .clip, .pika-thumbs li:hover .clip {
      background: #cbcbcb; }

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage {
  position: relative;
  text-align: center; }
  .pika-stage img {
    display: block;
    margin: 0 auto;
    cursor: pointer;
	max-width: 100%; }
  .pika-stage .caption {
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    border: 1px solid #141414;
    font-size: 11px;
    font-family: "ff-din-web",sans-serif;
    color: #fafafa;
    padding: 10px;
    text-align: right;
    bottom: 50px;
    right: 10px;
	display: block !important; }
    .pika-stage .caption p {
      padding: 0;
      line-height: 14px; }
  .pika-stage .pika-loader {
    display: none !important; }

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {
  position: absolute;
  text-indent: -5000px;
  display: block;
  z-index: 3; }
  .pika-imgnav a .previous {
    background: url("../../images/gfo/sprites/pikachoose-prev.png") no-repeat left 45%;
    height: 100%;
    width: 50px;
    top: 10px;
    left: 10px;
    cursor: pointer; }
  .pika-imgnav a .next {
    background: url("../../images/gfo/sprites/pikachoose-next.png") no-repeat right 45%;
    height: 100%;
    width: 50px;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  .pika-imgnav a .play {
    background: url("../../images/gfo/sprites/pikachoose-play.png") no-repeat 0% 50%;
    height: 100px;
    width: 44px;
    top: 0;
    left: 50%;
    display: none;
    cursor: pointer; }
  .pika-imgnav a .pause {
    background: url("../../images/gfo/sprites/pikachoose-pause.png") no-repeat 0% 50%;
    height: 100px;
    width: 44px;
    top: 0;
    left: 50%;
    display: none;
    cursor: pointer; }

/* The previous and next textual buttons */
.pika-textnav {
  overflow: hidden;
  margin: 10px 0 0 0;
  bottom: 10px;
  position: absolute;
  display: none; }
  .pika-textnav a {
    font-size: 12px;
    text-decoration: none;
    color: #333;
    padding: 4px; }
    .pika-textnav a .previous {
      float: left;
      width: auto;
      display: block; }
    .pika-textnav a .next {
      float: right;
      width: auto;
      display: block; }

/*for the tool tips*/
.pika-tooltip {
  font-size: 12px;
  position: absolute;
  color: white;
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.7);
  border: 3px solid black; }

.pika-counter {
  position: absolute;
  bottom: 45px;
  left: 15px;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  font-size: 11px;
  padding: 3px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none; }

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */
.pika-loader {
  background: url("../../images/gfo/sprites/pikachoose-loading.gif") 3px 3px no-repeat black;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  width: 60px;
  font-size: 11px;
  padding: 5px 3px;
  text-align: right;
  position: absolute;
  top: 15px;
  right: 15px; }

/* PikaChoose styles for Photo Gallery - Larger version
 * ======================================================= */
.photo-album-page .pika-stage {
  height: 100%;
  box-sizing: content-box;
  -moz-box-sizing: content-box; }
  .photo-album-page .pika-stage img {
    cursor: pointer; }
.photo-album-page .pika-thumbs li {
  float: left;
  width: 118px;
  height: 77px;
  margin-right: 21.5px;
  position: relative; }
  .photo-album-page .pika-thumbs li .clip {
	display: block;
    padding: 3px; }
  .photo-album-page .pika-thumbs li img {
    margin: 0; }
  .photo-album-page .pika-thumbs li.active .clip, .photo-album-page .pika-thumbs li:hover .clip {
    background: #cbcbcb; }
.photo-album-page .caption {
  color: #4c4c4c;
  font-size: 16px;
  line-height: 26px;
  font-size: 1rem;
  line-height: 1.625rem;
  text-align: left;
  overflow: hidden;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 68px;
  margin: 2px 0;
  padding: 10px 0;
  border: none;
  background: none; }
.photo-album-page .jcarousel-container {
  height: 77px;
  position: relative;
  margin-bottom: 30px;
  width: 100%; }
  .photo-album-page .jcarousel-container .jcarousel-clip {
	position: relative;
    overflow: hidden;
	margin: 0 45px; }
  .photo-album-page .jcarousel-container .jcarousel-prev,
  .photo-album-page .jcarousel-container .jcarousel-next {
    background-color: #b5b6b6;
    width: 24px;
    height: 77px;
    position: absolute;
	background-position: -6px center;
    background-repeat: no-repeat;
	top: 0;
    cursor: pointer; }
    .photo-album-page .jcarousel-container .jcarousel-prev:hover,
    .photo-album-page .jcarousel-container .jcarousel-next:hover {
      background-color: #3086ab; }
  .photo-album-page .jcarousel-container .jcarousel-prev {
    background-image: url("../../images/gfo/sprites/arrow-left-white.png");
    left: 0; }
  .photo-album-page .jcarousel-container .jcarousel-next {
    background-image: url("../../images/gfo/sprites/arrow-right-white.png");
    right: 0; }
  .photo-album-page .jcarousel-container .jcarousel-prev-disabled,
  .photo-album-page .jcarousel-container .jcarousel-next-disabled {
    opacity: 0.15;
    cursor: auto; }
    .photo-album-page .jcarousel-container .jcarousel-prev-disabled:hover,
    .photo-album-page .jcarousel-container .jcarousel-next-disabled:hover {
      background-color: #ffffff; }
    .lt-ie9 .photo-album-page .jcarousel-container .jcarousel-prev-disabled, .lt-ie9
    .photo-album-page .jcarousel-container .jcarousel-next-disabled {
      filter: alpha(opacity=15); }