h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}


/* =========================== */
/* = Styles WageningenUR     = */
/* =========================== */
/* = Application integration = */
/* ========================== */
/* ====================== */
/* = Version : 1.37.3   = */
/* = Date  : 2014-02-20 = */
/* ====================== */
#app-header div, #app-header span, #app-header h1, #app-header h2, #app-header h3, #app-header h4, #app-header h5, #app-header h6, #app-header p, #app-header blockquote, #app-header pre, #app-header em, #app-header img, #app-header small, #app-header strong, #app-header sub, #app-header sup, #app-header var, #app-header b, #app-header i, #app-header dl, #app-header dt, #app-header dd, #app-header ol, #app-header ul, #app-header li, #app-footer div, #app-footer span, #app-footer h1, #app-footer h2, #app-footer h3, #app-footer h4, #app-footer h5, #app-footer h6, #app-footer p, #app-footer blockquote, #app-footer pre, #app-footer em, #app-footer img, #app-footer small, #app-footer strong, #app-footer sub, #app-footer sup, #app-footer var, #app-footer b, #app-footer i, #app-footer dl, #app-footer dt, #app-footer dd, #app-footer ol, #app-footer ul, #app-footer li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: verdana,sans-serif;
    vertical-align: baseline;
    color: #000;
    background: none
}

#app-header article, #app-header aside, #app-header details, #app-header figcaption, #app-header figure, #app-header footer, #app-header header, #app-header hgroup, #app-header menu, #app-header nav, #app-header section, #app-footer article, #app-footer aside, #app-footer details, #app-footer figcaption, #app-footer figure, #app-footer footer, #app-footer header, #app-footer hgroup, #app-footer menu, #app-footer nav, #app-footer section {
    display: block
}

#app-header a:focus, #app-footer a:focus {
    outline: thin dotted
}

#app-header a:hover, #app-header a:active, #app-footer a:hover, #app-footer a:active {
    outline: 0
}

#app-header a.twitter, #app-header a.facebook, #app-footer a.twitter, #app-footer a.facebook {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    overflow: hidden;
    text-align: left;
    text-indent: -10000px;
    background: url(/images/backgrounds/sprites.png) no-repeat
}

#app-header a.twitter, #app-footer a.twitter {
    background-position: 0 -60px
}

    #app-header a.twitter:hover, #app-footer a.twitter:hover {
        background-position: -40px -60px
    }

#app-header a.facebook, #app-footer a.facebook {
    background-position: -20px -60px
}

    #app-header a.facebook:hover, #app-footer a.facebook:hover {
        background-position: -60px -60px
    }

#app-header {
    min-height: 22px;
    background: #33992a url(/images/logo-wb.png) no-repeat 60px 50%;
    padding: 29px 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px
}

    #app-header h1 {
        font-size: 22px;
        margin: 0;
        padding: 0;
        color: #fff
    }

#app-footer {
    background: url(/images/backgrounds/page-shadow.png) #33992a 50% 0 no-repeat;
    margin-top: 10px;
    padding: 40px 60px 60px;
    clear: both;
    color: #fff
}

    #app-footer div, #app-footer span, #app-footer a, #app-footer h1, #app-footer h2, #app-footer h3, #app-footer h4, #app-footer h5, #app-footer h6, #app-footer p, #app-footer blockquote, #app-footer pre, #app-footer em, #app-footer img, #app-footer small, #app-footer strong, #app-footer sub, #app-footer sup, #app-footer var, #app-footer b, #app-footer i, #app-footer dl, #app-footer dt, #app-footer dd, #app-footer ol, #app-footer ul, #app-footer li {
        color: #fff
    }

    #app-footer h2 {
        font-size: 20px;
        margin: 0 0 40px;
        font-weight: normal;
        color: #fff
    }

        #app-footer h2 a, #app-footer h3 a {
            color: #fff;
            text-decoration: none
        }

            #app-footer h2 a:hover, #app-footer h3 a:hover {
                text-decoration: underline
            }

    #app-footer h3 {
        font-size: 14px;
        margin: 0;
        font-weight: normal;
        color: #fff;
        margin-bottom: 14px
    }

    #app-footer .columns {
        margin-left: -20px
    }

        #app-footer .columns p {
            font-size: 11px;
            margin-bottom: 16px
        }

    #app-footer .col {
        width: 220px;
        float: left;
        margin-left: 20px
    }

    #app-footer .links {
        list-style: none;
        padding: 0
    }

        #app-footer .links li {
            background: url(/images/backgrounds/sprites.png) -540px .8em no-repeat;
            padding: 5px 12px;
            color: #fff;
            font-size: 11px
        }

            #app-footer .links li a {
                color: #fff;
                text-decoration: none
            }

                #app-footer .links li a:hover {
                    text-decoration: underline
                }

    #app-footer:after {
        content: "";
        visibility: hidden;
        clear: both;
        display: block;
        height: 0
    }

#app-footer {
    *zoom: 1
}

/* ======================= */
/* = Styles WageningenUR = */
/* ======================= */
/* ====================== */
/* = Version : 1.37.3   = */
/* = Date  : 2014-02-20 = */
/* ====================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

html {
    scrollbar-gutter: stable;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: "";
        content: none
    }

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

ul, ol {
    list-style: none
}

pre, code, kbd, samp {
    font-family: monospace,sans-serif
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer
}

button {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

a:focus {
    outline: thin dotted
}

a:hover, a:active {
    outline: 0
}

svg:not(:root) {
    overflow: hidden
}

@font-face {
    font-family: 'wurfont';
    src: url("/fonts/wurfont/wurfont-regular-webfont.eot");
    src: url("/fonts/wurfont/wurfont-regular-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/wurfont/wurfont-regular-webfont.woff") format("woff"),url("/fonts/wurfont/wurfont-regular-webfont.ttf") format("truetype"),url("/fonts/wurfont/wurfont-regular-webfont.svg#wurfontRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

.font-quote, .carrousel-caption-quote, .layout-subhome.for-services .carrousel .items .caption.testimonial p, .layout-subhome-institute.for-funding .carrousel .caption p.quote, .layout-subhome-audience .carrousel .items li .caption p, .pullquote blockquote, .content figure figcaption {
    font-family: Georgia,Times,serif
}

.font-content, .pullquote figcaption, .content .pullquote figcaption {
    font-family: verdana,sans-serif
}

.font-size-masonry-small, .database.list td, .database.list th, .masonry .size-1x1 .caption {
    font-size: 10px;
    font-size: 1.0rem
}

.font-size-meta, .site-wide, #breadcrumb, body > footer, #main > footer, .layout-search #main header .form.stacked .button, .search-results.with-people .list.with-people h2, .search-results.list.with-tweets .list.with-people h2, .search-results.with-people .list.with-tweets h2, .search-results.list.with-tweets .list.with-tweets h2, .search-results .list.search h2, .search-results .list.search .meta, .layout-home .info .links, .layout-home .carrousel .items li .caption p, .layout-subhome-theme .carrousel .items li .caption p, .layout-profile aside .form .subtile-link, .follow p, .content .follow p, .content td, .content th, .list.with-tweets .tweet_time a, input[type="submit"], button.button, a.button, .button, .ui-datepicker, .audience-services .teaser, .audience-services .links li {
    font-size: 11px;
    font-size: 1.1rem
}

    .font-size-aside, aside .map, .sender-related, .content .audience-related .links, .site-search .results .notice, .site-search .results .all, #breadcrumb > ul div, .search-results .facet, .layout-profile .profile-info .study-tracks, .layout-profile .profile-info .follow, .layout-profile .profile-info h2, .layout-profile .profile-info .button.with-emphasis, .contactinfo, header p.type, .content h3, .content > section.meta, .content section.list, .content dl.meta, .content p.meta, .meta table th, .pullquote figcaption, .content .pullquote figcaption, .content table caption, .timeline li .meta, .factsheet .label, .factsheet dt, .factsheet table, .content .links li .type, .form .button.with-emphasis, .ui-datepicker .ui-datepicker-header, .ui-menu, .check-remove-avatar, .database.overview dl, .gallery.of-people .vcard .contact, .program, .program td:first-child, .banner p, nav.subnav h2 {
        font-size: 12px;
        font-size: 1.2rem
    }

.font-size-content, .primary-navigation .audience, .layout-subhome.for-development section.form, .layout-subhome-chairgroup #main .contentwrapper > header.title a.more, header.title a.more:hover, header.title a.more, .content, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form .formsteps li, section.search, .list.with-comments h2 small.speech, .carrousel .items li .caption, .carrousel .items li .caption p, .gallery .items li a {
    font-size: 13px;
    font-size: 1.3rem
}

.font-size-h3, #main > footer h3, body > footer h2, .subnav, aside .content h3, .gallery .vcard .fn, .contactinfo .fn, .layout-home section.info h2, .layout-subhome-study .title .intro, .meta table td, .audience-services h3, .site-search .site-search-field {
    font-size: 14px;
    font-size: 1.4rem
}

.font-size-masonry-medium, .masonry .size-1x2 .caption, .masonry .size-2x2 .caption, .font-size-intro, .search-results .list.search .title, .search-results .filters h2, .layout-subhome-chairgroup header .intro, .content .intro, .factsheet dd, .list.with-partner-logos strong, .content .audience-related h2, .program th, .program td, .banner .meta {
    font-size: 15px;
    font-size: 1.5rem
}

.font-size-section-h2, .layout-subhome.for-development section.form .label, .layout-subhome-institute p.intro, .layout-profile.with-search .list.alumni > h2, .layout-profile.with-search .list.alumni > ul > li .title, .contactinfo h2, .list.with-newsletters .title, .form h3, section.search h2, section.details > h2, .list.with-comments h2 small.speech:after, .content .collection h2, .content .collection .list h2, aside .content h2, aside .content .list h2, aside .content .collection .list h2, .stones .caption h2, .font-size-subtitle, header.person .contact span, .list.with-comments h3 {
    font-size: 16px;
    font-size: 1.6rem
}

.font-size-related-h2, .sender-related h2, .pullquote blockquote, .layout-search h1 {
    font-size: 18px;
    font-size: 1.8rem
}

.font-size-masonry-large, .masonry .size-3x3 .caption, .font-size-h2, .layout-subhome.for-development aside .form h2, .carrousel-caption-quote, .layout-subhome.for-services .carrousel .items .caption.testimonial p, .layout-subhome-institute.for-funding .carrousel .caption p.quote, .layout-subhome-audience .carrousel .items li .caption p, .content h2, section.meta h2, .content .list h2, .pullquote:before, .timeline h3, .timeline li .title, .carrousel .items li .caption h3, .gallery h2, .featured h2, .banner h2 {
    font-size: 20px;
    font-size: 2rem
}

.font-size-search-input, .layout-search #main .input input, .layout-search #main header .button, .layout-search #main header .button .icon, .layout-subhome.for-services .carrousel .items .caption h3, .factsheet h2 {
    font-size: 24px;
    font-size: 2.4rem
}

.font-size-subhome-h1, .layout-subhome-institute header h1, .layout-subhome-study .title h1, .layout-profile aside .subnav h2 {
    font-size: 25px;
    font-size: 2.5rem
}

.font-size-h1, .layout-home .mission, .layout-home .carrousel .items li .caption h3, .layout-subhome-theme .carrousel .items li .caption h3, header h1 {
    font-size: 30px;
    font-size: 3rem
}

.font-size-h1-404, .layout-404 #main header h1 {
    font-size: 60px;
    font-size: 6rem !important
}

.font-size-intro-404, .layout-404 header .intro {
    font-size: 30px;
    font-size: 3rem
}

.font-size-content-404, .layout-404 p {
    font-size: 14px;
    font-size: 1.4rem
}

.sender-related {
    line-height: 1.5
}

.content .audience-related .links {
    line-height: 1.4
}

.subnav, aside .content h3, .gallery .vcard .fn, .contactinfo .fn {
    line-height: 1.4
}

.sender-related h2, .pullquote blockquote {
    line-height: 1.3
}

#main > footer h2 {
    font-size: 22px;
    font-size: 2.2rem
}

.content .collection > h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.8
}

.faux-columns-bg, .layout-subhome .page, .layout-subhome-theme .page {
    background-image: url(/images/backgrounds/white.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #eeede6
}

.hide-accessible, .icon span, .acc, #skiplinks {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

html {
    font-size: 62.5%;
    font-family: verdana,sans-serif;
    height: 100%
}

body {
    font-size: 100%;
    color: #333;
    background: #ececec;
    height: 100%
}

    body > .page {
        min-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        border-left: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6
    }

.page {
    max-width: 940px;
    position: relative;
    padding: 0 20px;
    margin: 0 auto
}

body > .page > header {
    height: 120px;
    padding: 60px 20px 23px 29px;
    background: #fff;
    margin-bottom: 60px;
    margin-left: -20px;
    margin-right: -20px
}

    body > .page > header > a {
        position: absolute;
        z-index: 400;
        display: block
    }

.no-js body > .page > header {
    margin-bottom: 100px
}

body.fixed > .page > header {
    margin: 0 0 0 -20px;
    background: #fff;
    width: 930px;
    padding-left: 30px;
    padding-right: 20px;
    top: 0;
    padding-top: 23px
}

body.fixed > .page > header, body.fixed .primary-navigation, body.fixed #breadcrumb {
    position: fixed;
    z-index: 250;
    max-width: 980px
}

body.fixed #breadcrumb {
    top: 83px;
    margin: 0 auto;
    overflow-x: visible
}

body.fixed .primary-navigation {
    width: 652px;
    margin-left: 295px;
    top: 21px;
    right: auto;
    z-index: 251
}

body.fixed > .page {
    padding-top: 180px
}

.site-wide {
    line-height: 1.5;
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 501
}

.fixed .site-wide {
    z-index: 10
}

.site-wide li, .site-wide > ul {
    float: left
}

    .site-wide li a {
        float: left;
        margin-left: 1em;
        color: #333;
        text-decoration: none
    }

        .site-wide li a .highlight {
            color: #3a84c1
        }

        .site-wide li a:hover {
            text-decoration: underline;
            color: #3a84c1
        }

menu.language > a:hover {
    text-decoration: underline;
    color: #3a84c1
}

menu.language > a {
    float: left;
    margin-left: 1em;
    color: #333;
    text-decoration: none
}

menu.language, menu.language ul {
    border-top: 1px solid #d6d6d6;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #d6d6d6;
    box-shadow: 1px 1px 2px #c1c1c1
}

menu.language {
    float: left;
    display: block;
    height: 18px;
    width: 135px;
    line-height: 18px;
    position: relative;
    margin-left: 10px;
    z-index: 500
}

    menu.language > a:after {
        content: "\F010";
        font-family: wurfont;
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 4px;
        height: 10px;
        line-height: 1;
        padding-left: 2px;
        border-left: 1px solid #c1c1c1
    }

    menu.language > a {
        display: block;
        height: 100%;
        width: 100%;
        outline: 0
    }

    menu.language ul {
        background: #fff;
        display: none;
        position: absolute;
        top: 100%;
        left: -1px;
        right: -1px;
        z-index: 500
    }

    menu.language.display ul {
        display: block
    }

    menu.language a:hover {
        text-decoration: none;
        color: #333
    }

    menu.language ul li {
        display: block;
        float: none
    }

    menu.language ul a {
        display: block;
        float: none;
        margin: 0;
        padding-left: 1em
    }

        menu.language ul a:hover {
            background: #e1eff9
        }

.primary-navigation {
    top: 60px;
    right: 13px;
    position: absolute;
    max-width: 65.88%
}

    .primary-navigation .wrapper {
        float: right
    }

    .primary-navigation .audience {
        line-height: 1.5;
        font-weight: bold;
        float: left
    }

        .primary-navigation .audience li {
            float: left
        }

        .primary-navigation .audience a {
            float: left;
            margin-right: 1.5em;
            text-decoration: none;
            color: #333
        }

            .primary-navigation .audience a:hover {
                color: #34b233
            }

            .primary-navigation .audience a:active {
                outline: none;
                color: #34662f
            }

.site-search {
    float: right;
    position: relative;
    width: 140px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 400
}

    .site-search .input {
        border-left: 1px solid #d6d6d6;
        padding: 8px 10px 8px;
        margin-top: -8px;
        background: #fff;
        -webkit-transition: margin .6s ease;
        transition: margin .6s ease
    }

    .site-search.js--open .input {
        margin-left: -370px
    }

    .site-search .site-search-field {
        padding: 8px 30px 8px 15px;
        border-radius: 17px;
        width: 100%;
        background: #fff;
        float: right;
        box-shadow: inset 2px 2px 3px 0 #e0e0e0,0 1px 3px 0 #e0e0e0
    }

        .site-search .site-search-field::-webkit-input-placeholder {
            color: #333
        }

        .site-search .site-search-field::-moz-placeholder {
            color: #333
        }

        .site-search .site-search-field:-ms-input-placeholder {
            color: #333
        }

        .site-search .site-search-field::placeholder {
            color: #333
        }

    .site-search .button {
        background: none;
        color: #333;
        position: absolute;
        top: 2px;
        right: 9px
    }

    .site-search .results {
        background: #fff;
        display: none;
        width: 450px;
        position: absolute;
        left: -340px;
        box-shadow: 5px 12px 15px -2px rgba(0,0,0,0.4),-5px 12px 15px -2px rgba(0,0,0,0.4);
        overflow: hidden
    }

        .site-search .results .spinner {
            display: none;
            margin: 20px;
            text-align: center
        }

        .site-search .results.loading .spinner {
            display: block
        }

        .site-search .results .notice {
            padding: 8px 20px 7px;
            display: block
        }

        .site-search .results ul {
            width: 100%;
            display: table
        }

        .site-search .results li {
            font-size: 12px;
            line-height: 1.2;
            display: table-row
        }

            .site-search .results li.active {
                background: #34b233
            }

                .site-search .results li.active .type, .site-search .results li.active .title {
                    color: #fff
                }

        .site-search .results .type, .site-search .results .title {
            border-top: 1px solid #d6d6d6;
            padding: 8px 20px 7px;
            display: table-cell;
            color: #333
        }

            .site-search .results .type:hover, .site-search .results .title:hover {
                text-decoration: none
            }

        .site-search .results li:first-child .type, .site-search .results li:first-child .title {
            border-top: 0
        }

        .site-search .results .type {
            padding-right: 10px;
            font-weight: bold
        }

        .site-search .results .title {
            padding-left: 5px
        }

        .site-search .results .all {
            display: block;
            padding: 8px 20px 7px;
            text-align: right
        }

    .site-search.js--open .results {
        display: block
    }

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none
}

#breadcrumb {
    background: url(/images/backgrounds/page-shadow.png) 50% 100% no-repeat;
    padding-bottom: 6px;
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    max-height: 80px;
    z-index: 200
}

    #breadcrumb > ul {
        position: relative;
        max-height: 80px;
        line-height: 40px;
        width: 100%;
        background: url(/images/backgrounds/header.png) repeat-y
    }

.js #breadcrumb > ul {
    max-height: 40px
}

#breadcrumb > ul:before {
    position: absolute;
    width: 930px;
    height: 6px;
    content: "";
    background: url(/images/backgrounds/page-shadow.png) 50% 0 no-repeat;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 10
}

#breadcrumb > ul > li {
    float: left;
    padding-right: 18px;
    margin-left: -18px;
    z-index: 5
}

    #breadcrumb > ul > li:last-child {
        background: url(/images/backgrounds/sprites.png) 100% -40px no-repeat
    }

    #breadcrumb > ul > li.last {
        background: url(/images/backgrounds/sprites.png) 100% -40px no-repeat
    }

    #breadcrumb > ul > li:first-child {
        margin-left: 0
    }

        #breadcrumb > ul > li:first-child a.label {
            padding-left: 33px
        }

    #breadcrumb > ul > li.no-expand span {
        padding: 0 16px 0 4px
    }

    #breadcrumb > ul > li:first-child > span:before {
        content: none
    }

    #breadcrumb > ul > li > span:before {
        content: "";
        width: 18px;
        height: 40px;
        background: url(/images/backgrounds/sprites.png) -9361px -40px no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 6
    }

    #breadcrumb > ul > li > span {
        height: 40px;
        overflow: hidden;
        float: right;
        text-align: right;
        white-space: nowrap;
        position: relative;
        padding-right: 40px
    }

    #breadcrumb > ul > li.collapsed > span {
        width: 10px
    }

#breadcrumb .expander, #breadcrumb .label {
    outline: none;
    color: #fff;
    text-decoration: none;
    float: right;
    height: 40px
}

#breadcrumb .label {
    padding-left: 27px
}

#breadcrumb .expander {
    width: 40px;
    padding: 0;
    right: 0;
    text-indent: 10000px;
    direction: ltr;
    overflow: hidden;
    position: absolute
}

    #breadcrumb .expander:after {
        content: "\F010";
        font-family: wurfont;
        position: absolute;
        text-align: center;
        font-size: 16px;
        line-height: 40px;
        left: 0;
        top: 3px;
        width: 40px;
        height: 40px;
        text-indent: 0
    }

#breadcrumb > ul > li:hover {
    background: url(/images/backgrounds/sprites.png) white 100% -100px no-repeat;
    z-index: 200;
    position: relative
}

    #breadcrumb > ul > li:hover > span a {
        color: #34b233
    }

#breadcrumb > ul div {
    line-height: 1.4;
    visibility: hidden;
    position: absolute;
    top: 100%;
    background: #fff;
    padding: .4em 0;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    width: 198px;
    display: table-row
}

#breadcrumb > ul > li:hover div {
    visibility: visible
}

#breadcrumb > ul ul li.more {
    border-top: 1px solid #ccc;
    margin-top: .4em;
    padding-top: .4em;
    white-space: nowrap
}

    #breadcrumb > ul ul li.more a:before {
        content: ""
    }

    #breadcrumb > ul ul li.more a {
        padding-left: 22px
    }

#breadcrumb > ul ul li a {
    display: block;
    width: 198px;
    padding: .4em 22px .4em 38px;
    color: #333;
    text-decoration: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: ''
}

    #breadcrumb > ul ul li a:hover {
        color: #fff;
        background-color: #34b233
    }

#breadcrumb li.scroll-top {
    display: none
}

#breadcrumb > ul > li > span {
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -o-transition: width .2s linear;
    transition: width .2s linear
}

#breadcrumb > ul > li > ul {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

#breadcrumb > ul > li.collapsed:hover > ul {
    -webkit-transition: visibility 0s linear .2s;
    -moz-transition: visibility 0s linear .2s;
    -o-transition: visibility 0s linear .2s;
    transition: visibility 0s linear .2s
}

#breadcrumb div.two-columns {
    width: 396px
}

#breadcrumb .two-columns > ul, #breadcrumb .three-columns > ul {
    width: 50%;
    padding: 0;
    display: table-cell
}

#breadcrumb .three-columns > ul, #breadcrumb .two-columns > ul {
    border-left: 1px solid #CCC
}

    #breadcrumb .three-columns > ul:first-child, #breadcrumb .two-columns > ul:first-child {
        border-left: none
    }

#breadcrumb div.three-columns {
    width: 594px
}

#breadcrumb .three-columns > ul {
    width: 33.3%
}

#main {
    padding-bottom: 320px
}

body > footer {
    position: relative;
    color: #fff;
    background: url(/images/backgrounds/page-shadow.png) #34b233 50% 0 no-repeat;
    height: 240px;
    line-height: 1.4;
    margin-top: -330px;
    max-width: 938px;
    padding: 27px 40px 0;
    margin-left: auto;
    margin-right: auto;
    clear: both
}

    body > footer a {
        color: #fff;
        text-decoration: none
    }

        body > footer a:hover, body > footer .links a:hover {
            color: #fff;
            text-decoration: underline
        }

    body > footer .logo {
        margin: 0 0 20px -11px;
        display: block
    }

    body > footer h2 {
        padding-bottom: 4px
    }

    article > footer .links li, body > footer .links li {
        padding-top: 4px;
        padding-bottom: 4px
    }

    body > footer .links a {
        color: #fff
    }

    body > footer nav ul li {
        padding-left: 12px
    }

    body > footer a.more, body > footer p {
        margin-bottom: 16px;
        background: none
    }

    body > footer nav {
        clear: both;
        padding-top: 16px
    }

        body > footer nav ul {
            padding-top: 16px;
            border-top: 1px solid #72b86a;
            text-align: center
        }

            body > footer nav ul li {
                display: inline-block;
                margin-right: 36px
            }

#main > footer {
    line-height: 1.6;
    clear: both;
    margin: 0 -20px -20px;
    padding: 1px 40px 20px;
    background: #eeede6
}

    #main > footer h2 {
        margin: 1em 0
    }

    #main > footer h3 {
        margin-bottom: 5px
    }

        #main > footer h2 a, #main > footer h3 a, #main > footer h2 a:visited, #main > footer h3 a:visited {
            color: #333;
            text-decoration: none
        }

            #main > footer h2 a:hover, #main > footer h3 a:hover, #main > footer h2 a:active, #main > footer h3 a:active {
                color: #3a84c1;
                text-decoration: none
            }

.layout-signin #main > .content, .layout-subhome-study #main > .content, .layout-article #main > .content {
    float: left;
    width: 52.12766%;
    margin-left: 20px
}

.layout-subhome-study #main > aside, .layout-article #main > aside {
    position: relative;
    float: right;
    width: 40.42553%;
    margin-top: 0
}

.layout-signin #main > .content.bottom, .layout-subhome-study #main > .content.bottom, .layout-article #main > .content.bottom {
    clear: both;
    float: none;
    width: auto
}

.layout-subhome-study #main > aside .content, .layout-article #main > aside .content {
    margin-right: -20px;
    background: #fff;
    padding-right: 40px;
    padding-left: 20px
}

.layout-article aside .contactinfo:first-child {
    margin-top: -55px
}

.layout-article.with-visual #main > aside {
    padding-top: 409px
}

.layout-article #main .content .visual {
    float: right;
    width: 490px;
    height: 330px;
    max-width: none;
    margin: 79px -92.7551% 30px 22px
}

.layout-article.with-visual .contactinfo, .layout-article.with-visual .contactinfo.with-extra {
    top: 0;
    right: -20px;
    position: absolute
}

.layout-article.with-visual aside .subnav h2, .layout-article.with-top-visual aside .subnav h2 {
    position: absolute;
    bottom: 100%;
    right: 0
}

.layout-article.with-content-visual #main .visual {
    float: none;
    width: 108.16327%;
    height: auto;
    margin: 0 0 1.38462em -40px
}

.layout-article.with-visual #main aside .contactinfo + .content, .layout-article.with-visual #main aside .content:first-child, .layout-article.with-top-visual #main aside .contactinfo + .content, .layout-article.with-top-visual #main aside .content:first-child {
    padding-top: 1em
}

.layout-article.with-visual #main aside .contactinfo + .embed, .layout-article.with-visual #main aside .embed:first-child, .layout-article.with-top-visual #main aside .contactinfo + .embed, .layout-article.with-top-visual #main aside .embed:first-child {
    margin-top: -40px
}

.layout-article.with-visual aside .factsheet header {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: rgba(58,132,193,0.7);
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 3;
    padding: 1px 40px 0 20px
}

    .layout-article.with-visual aside .factsheet header h2 {
        border-bottom: 0;
        margin-bottom: 0
    }

.layout-article.with-visual aside .factsheet .body {
    padding: 15px 0
}

.layout-subhome .carrousel, .layout-article.with-top-visual #main .content .visual {
    margin-top: -20px
}

.layout-article.with-top-visual #main > aside {
    background: #fff;
    z-index: 100;
    margin-top: 310px;
    margin-right: -20px;
    padding-right: 20px
}

.layout-article.with-top-visual .contactinfo, .layout-article.with-top-visual .contactinfo.with-extra {
    position: relative
}

.layout-article.with-top-visual aside .contactinfo {
    margin-top: 0
}

header.person {
    margin-bottom: 40px
}

    header.person h1 {
        color: #34b233;
        margin: 0 0 .2em 0
    }

    header.person .contact span {
        display: block
    }

    header.person .contact {
        margin-bottom: .6em;
        margin-left: 100px
    }

    header.person .photo-frame {
        margin-left: -40px;
        float: left;
        margin-right: 20px;
        width: 120px;
        height: 120px;
        overflow: hidden
    }

        header.person .photo-frame .photo {
            width: 120px
        }

    header.person .actions {
        margin-left: 100px
    }

.search-results .results {
    width: 48.93617%;
    float: right;
    margin-right: 27.65957%;
    padding-top: 40px
}

.search-results .filters {
    width: 20.21277%;
    float: left;
    padding-top: 40px
}

.layout-search .main > header {
    background: #eeede6;
    margin: -20px;
    margin-bottom: 0;
    padding: 40px 20px 60px 25.53191%
}

.layout-search h1 {
    color: #34b233
}

.layout-search #main form {
    margin-left: -20px
}

.layout-search #main .input input {
    width: 65.71429%;
    border-radius: 15px 0 0 15px / 50% 0 0 50%;
    border-right: 0;
    padding: 3px 20px;
    height: 35px
}

.layout-search #main header .button {
    border-radius: 0 15px 15px 0 / 0 50% 50% 0;
    border-left: 0;
    margin: 0;
    padding: 4px 20px;
    height: 35px
}

    .layout-search #main header .button .icon {
        line-height: 1;
        vertical-align: top;
        width: auto;
        height: auto
    }

.layout-search #main header .form.stacked .button {
    background: #005172;
    color: #fff;
    border-radius: 10px / 50%;
    height: auto
}

.search-results .tab-bar {
    margin-top: -60px;
    margin-left: -20px
}

    .search-results .tab-bar li {
        float: left;
        padding: 0;
        margin: 0
    }

        .search-results .tab-bar li:before {
            content: none
        }

        .search-results .tab-bar li a {
            padding: 10px 20px;
            float: left;
            border-left: 1px solid #fff;
            background: #eeede6;
            color: #333
        }

        .search-results .tab-bar li:first-child a {
            border: none
        }

        .search-results .tab-bar li.active a {
            background: #fff
        }

.search-results.with-people .results, .search-results.list.with-tweets .results {
    margin-right: 0;
    padding-top: 20px;
    width: auto;
    float: none
}

.search-results.with-people .list.with-people, .search-results.list.with-tweets .list.with-people, .search-results.with-people .list.with-tweets, .search-results.list.with-tweets .list.with-tweets, .search-results .list.search {
    background: none;
    margin: 0;
    padding: 0
}

    .search-results.with-people .list.with-people h2, .search-results.list.with-tweets .list.with-people h2, .search-results.with-people .list.with-tweets h2, .search-results.list.with-tweets .list.with-tweets h2, .search-results .list.search h2 {
        color: #525252;
        margin-bottom: 20px
    }

    .search-results.with-people .list.with-people .study-tracks li, .search-results.list.with-tweets .list.with-people .study-tracks li, .search-results.with-people .list.with-tweets .study-tracks li, .search-results.list.with-tweets .list.with-tweets .study-tracks li {
        padding-left: 0;
        margin-bottom: 0
    }

    .search-results .list.search li {
        margin: 0 0 30px 0
    }

        .search-results .list.search li:before {
            content: none
        }

        .search-results .list.search li a, .search-results .list.search li a:hover {
            text-decoration: none;
            color: #333
        }

    .search-results .list.search .title, .search-results .list.search .meta, .search-results .list.search .body {
        display: block
    }

    .search-results .list.search .title {
        color: #3a84c1;
        font-weight: normal
    }

    .search-results .list.search .meta {
        color: #858585;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .search-results .list.search mark {
        font-weight: bold;
        background: none;
        color: inherit;
        font-style: normal
    }

    .search-results .list.search .published-in {
        font-style: italic
    }

.search-results .filters h2 {
    margin-bottom: 1.66667em
}

.search-results .facet {
    margin-bottom: 2.08333em
}

    .search-results .facet h3 {
        font-weight: bold;
        margin-bottom: .4em
    }

    .search-results .facet.extended .extended {
        display: block
    }

    .search-results .facet .extended {
        display: none
    }

    .search-results .facet ul {
        margin-bottom: 0
    }

    .search-results .facet li, .search-results .facet .extended li:first-child {
        border-top: 1px solid #d6d6d6;
        margin: 0
    }

        .search-results .facet li:before {
            content: none
        }

        .search-results .facet li:first-child {
            border-top: none
        }

        .search-results .facet li a, .search-results .facet a.more, .search-results .facet a.less {
            display: block;
            padding: .4em 0;
            color: #333
        }

    .search-results .facet a.more, .search-results .facet a.less {
        display: block;
        border-top: 1px solid #000;
        background: none;
        padding-right: 15px;
        position: relative
    }

        .search-results .facet a.more:after, .search-results .facet a.less:after {
            font-family: wurfont;
            content: "\F101";
            position: absolute;
            right: 0
        }

        .search-results .facet a.less:after {
            content: "\F102"
        }

    .search-results .facet .active .icon {
        margin-left: .5em;
        color: #34b233
    }

.layout-full .database.list {
    margin-left: -20px;
    margin-right: -20px
}

    .layout-full .database.list > * {
        margin-left: 20px;
        margin-right: 20px
    }

    .layout-full .database.list table {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

.layout-full .content.main .interactive-map {
    margin: 0 -20px -60px -20px
}

.layout-full .interactive-map .map {
    height: 540px
}

.layout-full .interactive-map h2 {
    margin-left: 20px
}

.layout-home .mission {
    padding-top: 20px;
    line-height: 1.3
}

    .layout-home .mission, .layout-home .mission a {
        color: #34b233;
        display: block
    }

        .layout-home .mission a:hover {
            color: #0d426b;
            text-decoration: none
        }

.layout-home .info {
    clear: none;
    background: #eeede6;
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px 20px;
    margin-bottom: 40px;
    min-height: 170px
}

.layout-home .content > section.list.info {
    margin-top: 20px
}

.layout-home .list.info > ul > li {
    margin-bottom: .7em
}

.layout-home .info .links {
    margin-bottom: 0;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    column-count: 2;
    column-gap: 10px
}

    .layout-home .info .links li a {
        display: inline-block
    }

.layout-home .carrousel {
    float: left;
    margin-right: 30px;
    margin-left: -20px;
    width: 68.08511%;
    height: 380px
}

    .layout-home .carrousel .items {
        height: 380px;
        margin-bottom: 60px
    }

        .layout-home .carrousel .items li {
            right: 0;
            left: 0
        }

            .layout-home .carrousel .items li .caption {
                bottom: 0;
                left: 0;
                right: auto;
                width: 280px;
                padding: 40px 20px 20px 20px
            }

                .layout-home .carrousel .items li .caption h3 {
                    line-height: 1.2;
                    margin-bottom: .5em
                }

    .layout-home .carrousel .footer {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        background: rgba(52,178,51,0.7);
        top: 100%;
        width: 100%;
        left: 0;
        padding: 20px 20px
    }

    .layout-home .carrousel .button {
        color: #34b233;
        background: #fff;
        padding-left: 1.5em;
        padding-right: 1.5em;
        font-weight: bold
    }

    .layout-home .carrousel .pagination {
        left: auto;
        right: 20px;
        bottom: 20px
    }

        .layout-home .carrousel .pagination ul li:hover a, .layout-home .carrousel .pagination ul li.active a {
            color: #34b233;
            -moz-transition: color .1s ease-in;
            -webkit-transition: color .1s ease-in;
            -o-transition: color .1s ease-in;
            transition: color .1s ease-in
        }

body.layout-home > .page > header {
    margin-bottom: 0
}

body.layout-home.fixed > .page {
    padding-top: 122px
}

.layout-home .tab-bar {
    clear: both;
    width: auto;
    text-align: center
}

.layout-home .content ul.tab-bar li:before {
    content: none
}

.layout-home .content ul.tab-bar li {
    display: inline-block;
    margin: 0;
    position: static;
    padding: 5px 15px;
    color: #858585
}

    .layout-home .content ul.tab-bar li.active {
        background: #eeede6;
        color: #333
    }

    .layout-home .content ul.tab-bar li a {
        color: #858585
    }

        .layout-home .content ul.tab-bar li a:hover, .layout-home .content ul.tab-bar li.active a {
            color: #333
        }

.layout-home .tab > .list {
    width: 65.95745%
}

.layout-home .tab .collection {
    margin-left: -20px;
    margin-right: -20px
}

    .layout-home .tab .collection > h2 {
        margin-left: 20px;
        margin-right: 20px
    }

    .layout-home .tab .collection .col {
        padding-top: 0
    }

        .layout-home .tab .collection .col > p {
            margin-bottom: 40px
        }

    .layout-home .tab .collection .list ul {
        margin-left: -16px
    }

    .layout-home .tab .collection .list.with-people > ul, .layout-home .tab .collection .list.with-tweets > ul, .layout-home .tab .collection .list.with-image > ul, .layout-home .tab .collection .list.with-partner-logos > ul {
        margin-left: 0
    }

.layout-home .collection .columns {
    box-shadow: none;
    margin-top: 40px
}

.layout-home .collection:first-child .columns {
    margin-top: 0
}

.layout-home .tab .list ul li:before {
    content: none
}

.layout-home .with-tabs .tab {
    display: none
}

    .layout-home .with-tabs .tab.active, .no-js .layout-home .with-tabs .tab {
        display: block
    }

.layout-subhome #main h1 {
    color: #34b233
}

.layout-subhome #main > .content {
    float: left;
    width: 54.25532%;
    margin-left: 20px
}

.layout-subhome #main > aside {
    position: relative;
    float: right;
    width: 31.91489%;
    margin-top: -20px
}

.layout-subhome #main > .content.bottom {
    clear: both;
    float: none;
    width: auto;
    background: #fff;
    margin: 0 -20px -20px -20px;
    padding: 0 20px 20px 20px;
    border-top: 1px solid #d6d6d6
}

    .layout-subhome #main > .content.bottom .collection {
        margin-left: -20px
    }

.layout-subhome #main > aside .content {
    margin-right: -20px;
    background: #eeede6
}

.layout-subhome.for-services .page {
    background-size: 67.02128% 100%
}

.layout-subhome.for-services #main > aside .content {
    padding: 35px 20px 20px 20px;
    margin-top: 418px
}

.layout-subhome.for-services aside section.search {
    margin-left: -80px;
    margin-right: -20px;
    z-index: 150;
    position: relative
}

.layout-subhome.for-services .carrousel {
    float: none;
    width: 121.17647%;
    margin-left: -40px;
    height: 416px;
    margin-top: 0;
    margin-bottom: 60px
}

    .layout-subhome.for-services .carrousel .items {
        height: 416px
    }

        .layout-subhome.for-services .carrousel .items .caption {
            left: 100%;
            width: 284px;
            top: 0;
            bottom: 0;
            padding: 50px 20px 20px;
            right: auto;
            background: #34b233
        }

            .layout-subhome.for-services .carrousel .items .caption h3 {
                padding-bottom: 1em
            }

            .layout-subhome.for-services .carrousel .items .caption .button {
                background: #fff;
                color: #34b233;
                font-weight: bold
            }

            .layout-subhome.for-services .carrousel .items .caption.testimonial {
                background: rgba(106,173,228,0.9);
                top: auto;
                width: 350px;
                left: 45%;
                bottom: -39px;
                overflow: hidden;
                padding: 20px 20px 50px
            }

                .layout-subhome.for-services .carrousel .items .caption.testimonial p {
                    overflow: hidden
                }

                .layout-subhome.for-services .carrousel .items .caption.testimonial .author {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background: #6aade4;
                    padding: 10px 10px 10px 20px
                }

    .layout-subhome.for-services .carrousel .pagination {
        bottom: 20px
    }

        .layout-subhome.for-services .carrousel .pagination ul li:hover a, .layout-subhome.for-services .carrousel .pagination ul li.active a {
            color: #34b233;
            -moz-transition: color .1s ease-in;
            -webkit-transition: color .1s ease-in;
            -o-transition: color .1s ease-in;
            transition: color .1s ease-in
        }

.layout-subhome.for-services .main .collection {
    margin-left: -40px;
    width: 137.45098%
}

    .layout-subhome.for-services .main .collection .columns {
        box-shadow: none;
        border-collapse: separate;
        width: 100%
    }

        .layout-subhome.for-services .main .collection .columns .col:first-child {
            border-left: 0
        }

        .layout-subhome.for-services .main .collection .columns .col {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            border-left: 20px solid #fff
        }

.layout-subhome.for-development .page {
    background-color: #6aade4;
    background-size: 59.04255% 100%
}

.layout-subhome.for-development section.form {
    padding: 20px;
    color: #fff;
    background: transparent
}

.layout-subhome.for-development #main aside {
    width: 40.42553%
}

.layout-subhome.for-development aside .form h2 {
    color: #fff;
    margin-bottom: .8em
}

.layout-subhome.for-development section.form .label {
    color: #fff
}

.layout-subhome.for-knowledge .page {
    background-size: 67.34043% 100%
}

.layout-subhome.for-knowledge #main > .content.bottom {
    border-top: 0
}

.layout-subhome.for-knowledge #main > aside .content {
    padding: 35px 40px 20px 60px
}

.layout-subhome.for-knowledge aside section.search {
    margin-left: -80px;
    margin-right: -20px
}

.layout-subhome.for-knowledge .interactive-map {
    height: auto;
    width: auto;
    display: block;
    margin: 0 -20px -20px -20px
}

    .layout-subhome.for-knowledge .interactive-map .map {
        height: 300px
    }

    .layout-subhome.for-knowledge .interactive-map h2 {
        margin-left: 20px
    }

.layout-subhome.for-knowledge .content .stones {
    width: 142.85714%
}

.layout-subhome-theme .page {
    background-size: 59.22747% 100%
}

.layout-subhome-theme .content.main {
    float: left;
    width: 52.12766%;
    margin-left: 20px
}

.layout-subhome-theme #main > aside {
    position: relative;
    float: right;
    width: 34.04255%;
    margin-top: 40px
}

.layout-subhome-theme .content.bottom {
    clear: both;
    float: none;
    width: auto;
    background: #fff;
    margin: 0 -20px -20px -20px;
    padding: 0 20px 20px 20px;
    border-top: 1px solid #d6d6d6
}

    .layout-subhome-theme .content.bottom .collection {
        margin-left: -20px
    }

.layout-subhome-theme .carrousel {
    float: none;
    margin-right: 30px;
    margin-left: -40px;
    width: 118.36735%;
    height: 373px;
    margin-bottom: 90px
}

    .layout-subhome-theme .carrousel .items {
        height: 373px;
        margin-bottom: 60px
    }

        .layout-subhome-theme .carrousel .items li {
            right: auto;
            left: 0
        }

            .layout-subhome-theme .carrousel .items li .caption {
                bottom: 0;
                left: 0;
                right: auto;
                width: 320px;
                padding: 40px 40px 20px 40px
            }

                .layout-subhome-theme .carrousel .items li .caption h3 {
                    line-height: 1.2;
                    margin-bottom: .5em
                }

    .layout-subhome-theme .carrousel .footer {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        background: rgba(52,178,51,0.7);
        top: 100%;
        width: 100%;
        left: 0;
        padding: 20px 40px
    }

    .layout-subhome-theme .carrousel .button {
        color: #34b233;
        background: #fff;
        padding-left: 1.5em;
        padding-right: 1.5em;
        font-weight: bold
    }

    .layout-subhome-theme .carrousel .pagination {
        left: auto;
        right: 20px;
        bottom: 20px
    }

.layout-subhome-theme aside .list ul {
    border-top: 1px solid #fff;
    margin-right: -20px
}

.layout-subhome-theme aside .list.with-image > ul > li, .layout-subhome-theme aside .list.with-partner-logos > ul > li {
    border-bottom: 1px solid #fff;
    margin: 0;
    padding-left: 34.11765%
}

.layout-subhome-theme aside .list li a {
    padding: 10px 20px 10px 0;
    display: block
}

    .layout-subhome-theme aside .list li a img {
        width: 47.05882%;
        margin-left: -56.86275%
    }

.layout-subhome-theme aside .list .title {
    font-weight: normal
}

.layout-subhome-theme aside .list li:hover, .layout-subhome-theme aside .list li a:hover, .layout-subhome-theme aside .list li a:hover .title {
    color: #333;
    text-decoration: none;
    background: #dedccf
}

.layout-subhome-audience #main > .content, .layout-subhome-institute #main > .content {
    margin-left: 20px
}

.layout-subhome-institute header h1 {
    line-height: 1.2;
    color: #34b233;
    margin-bottom: .5em
}

.layout-subhome-institute .content > header.title {
    float: left;
    width: 26.08696%;
    overflow: hidden
}

.layout-subhome-institute.with-visual .content > header.title {
    width: 39.13043%
}

.layout-subhome-institute .content > header.title .intro, .layout-subhome-institute .content > header.title .follow {
    padding-right: 20px
}

.layout-subhome-institute p.intro {
    line-height: 1.5
}

.layout-subhome-institute .visual {
    float: right;
    margin-top: -20px;
    margin-right: -20px;
    width: 63.04348%
}

    .layout-subhome-institute .visual img {
        display: block;
        height: auto
    }

.layout-subhome-institute .carrousel {
    margin-top: -20px
}

.layout-subhome-institute #main {
    position: relative
}

    .layout-subhome-institute #main aside .contactinfo {
        position: absolute;
        right: -20px;
        top: 290px;
        width: 400px;
        z-index: 15
    }

.layout-subhome-institute.with-visual #main aside .contactinfo {
    top: 215px
}

.layout-subhome-institute #main aside .contactinfo li {
    display: block
}

    .layout-subhome-institute #main aside .contactinfo li:first-child {
        display: block
    }

.layout-subhome-institute .collection {
    margin-right: -20px;
    margin-left: -40px
}

.layout-subhome-institute.for-funding .carrousel .caption {
    width: 40%;
    right: 0;
    bottom: 10%;
    left: auto;
    top: auto;
    min-height: 120px;
    padding: 40px;
    background: #004a68;
    background: rgba(0,74,104,0.85)
}

    .layout-subhome-institute.for-funding .carrousel .caption > a {
        display: block;
        overflow: hidden
    }

    .layout-subhome-institute.for-funding .carrousel .caption .button {
        margin-top: 10px;
        background: #fff;
        color: #004a68
    }

    .layout-subhome-institute.for-funding .carrousel .caption p.quote {
        font-size: 15px;
        font-size: 1.5rem
    }

    .layout-subhome-institute.for-funding .carrousel .caption .avatar {
        left: -120px;
        top: 50px;
        position: absolute
    }

.layout-subhome-institute.for-funding .content > header.title {
    padding-bottom: 53px
}

.layout-subhome-institute.for-funding .content.main .button.big {
    width: 21.73913%;
    height: 27px;
    overflow: hidden;
    margin-top: -53px;
    margin-bottom: 0;
    clear: both;
    float: left
}

.layout-subhome-study .social {
    float: left;
    clear: left;
    padding: 20px;
    margin-bottom: 0;
    width: 100%
}

.layout-subhome-study #main {
    margin-top: -20px
}

.layout-subhome-study .carrousel {
    width: auto;
    height: auto;
    float: none;
    position: absolute;
    left: 0;
    right: 20px
}

    .layout-subhome-study .carrousel .items {
        height: 440px;
        overflow: hidden
    }

    .layout-subhome-study .carrousel .pagination {
        right: 0;
        left: auto;
        bottom: 65px;
        top: auto;
        width: 40.42553%
    }

        .layout-subhome-study .carrousel .pagination ul {
            text-align: left
        }

            .layout-subhome-study .carrousel .pagination ul li:hover a, .layout-subhome-study .carrousel .pagination ul li.active a {
                color: #3a84c1
            }

    .layout-subhome-study .carrousel + .details {
        clear: both
    }

.layout-subhome-study #main > aside {
    margin-top: 396px;
    z-index: 149
}

.layout-subhome-study aside > .content:first-child {
    padding-top: 12px
}

.layout-subhome-study .content > header.title {
    background-color: #3a84c1;
    color: #fff;
    float: left;
    margin: 440px 50px 0 0;
    position: relative;
    overflow: visible;
    z-index: 149;
    padding: 20px
}

    .layout-subhome-study .title h1, .layout-subhome-study .content > header.title a.more {
        color: #fff;
        margin-bottom: 1em
    }

.layout-subhome-study .title h1 {
    position: absolute;
    background-color: rgba(58,132,193,0.85);
    color: #fff;
    padding: 20px;
    left: 0;
    right: 0;
    bottom: 100%;
    margin: 0
}

.layout-subhome-study .content > header.title .follow {
    margin-bottom: 0
}

.layout-subhome-study header.title .follow .icon {
    color: #3a84c1;
    background: #fff
}

.layout-subhome-chairgroup .visual {
    margin: -20px 0 0 -20px;
    position: absolute;
    width: 76.59574%
}

    .layout-subhome-chairgroup .visual img {
        max-width: 100%;
        height: auto
    }

.layout-subhome-chairgroup .contentwrapper {
    width: 74.46809%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0 20px;
    float: left
}

.layout-subhome-chairgroup #main aside .contactinfo {
    margin: -20px -20px 0 0;
    float: right;
    width: 181.81818%
}

.layout-subhome-chairgroup #main .contentwrapper > header.title {
    margin: -20px 0 0 -40px;
    padding: 20px 20px 85px 40px;
    background: rgba(53,153,42,0.8);
    position: relative;
    float: left;
    width: 340px;
    min-height: 325px;
    z-index: 1;
    color: #fff
}

    .layout-subhome-chairgroup #main .contentwrapper > header.title a.more {
        color: #fff;
        text-decoration: none;
        background: none;
        padding: 5px 4px;
        position: relative;
        margin-left: 15px
    }

        .layout-subhome-chairgroup #main .contentwrapper > header.title a.more:hover {
            text-decoration: underline
        }

        .layout-subhome-chairgroup #main .contentwrapper > header.title a.more:before {
            content: "\F006";
            font-family: 'wurfont';
            position: absolute;
            left: -15px
        }

.layout-subhome-chairgroup header .intro {
    line-height: 1.6;
    margin-bottom: 1em
}

.layout-subhome-chairgroup #main .contentwrapper .content {
    float: left;
    margin-bottom: 0;
    width: 100%
}

.layout-subhome-chairgroup .content.bottom .collection {
    margin-left: -20px
}

.layout-subhome-chairgroup #main aside {
    float: right;
    width: 23.40426%;
    position: relative
}

.layout-subhome-chairgroup #main .subnav {
    clear: both;
    margin-right: -20px
}

    .layout-subhome-chairgroup #main .subnav ul {
        width: auto;
        float: none;
        margin: 0
    }

.layout-subhome-chairgroup #main .contentwrapper > header.title .follow {
    position: absolute;
    bottom: 0;
    padding-top: 10px;
    height: 60px;
    margin: 0
}

.layout-subhome-chairgroup header.title .follow .icon {
    color: rgba(53,153,42,0.8);
    background: #fff
}

.layout-subhome-chairgroup #main .contentwrapper > header.title h1 {
    color: #fff
}

.layout-subhome-chairgroup .gallery, .layout-subhome-chairgroup .content > .featured {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layout-subhome-chairgroup .gallery {
    float: left;
    width: 58.82353%;
    margin-right: 10px;
    overflow: hidden;
    padding-top: 1.2em
}

    .layout-subhome-chairgroup .gallery.for-two {
        width: 102.05882%
    }

.layout-subhome-chairgroup .content > .featured {
    width: 41.17647%;
    margin: -60px 10px 40px 10px;
    padding: 20px;
    background: none;
    float: left
}

    .layout-subhome-chairgroup .content > .featured + div, .layout-subhome-chairgroup .content > .featured + section, .layout-subhome-chairgroup .content > .featured + p {
        clear: both
    }

.layout-subhome-audience .content > header.title {
    float: left;
    width: 31.91489%;
    padding: 0 20px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.layout-subhome-audience .carrousel {
    height: 430px;
    width: 640px;
    margin-top: -20px
}

    .layout-subhome-audience .carrousel:after {
        content: "";
        clear: both
    }

    .layout-subhome-audience .carrousel .items li .caption {
        background-color: rgba(58,132,193,0.8);
        left: 40px;
        width: 400px;
        padding: 20px 20px 35px 20px;
        bottom: 80px
    }

        .carrousel-caption-quote, .layout-subhome.for-services .carrousel .items .caption.testimonial p, .layout-subhome-institute.for-funding .carrousel .caption p.quote, .layout-subhome-audience .carrousel .items li .caption p {
            font-style: italic;
            margin: 0
        }

            .carrousel-caption-quote:before, .layout-subhome.for-services .carrousel .items .caption.testimonial p:before, .layout-subhome-institute.for-funding .carrousel .caption p.quote:before, .layout-subhome-audience .carrousel .items li .caption p:before {
                content: "\201C"
            }

            .carrousel-caption-quote:after, .layout-subhome.for-services .carrousel .items .caption.testimonial p:after, .layout-subhome-institute.for-funding .carrousel .caption p.quote:after, .layout-subhome-audience .carrousel .items li .caption p:after {
                content: "\201D"
            }

    .layout-subhome-audience .carrousel .pagination {
        left: 35px
    }

        .layout-subhome-audience .carrousel .pagination ul li:hover a, .layout-subhome-audience .carrousel .pagination ul li.active a {
            color: #3a84c1
        }

.layout-subhome-audience #main aside .contactinfo {
    position: absolute;
    top: 495px;
    right: 0;
    width: 400px;
    z-index: 15
}

.layout-subhome-audience .collection .col {
    background-color: #eeede6
}

.layout-subhome-audience .collection.inverted-background .col {
    background-color: #fff
}

.layout-subhome-audience .collection .columns {
    box-shadow: none
}

.layout-subhome-audience .collection {
    border-top: 1px solid #d6d6d6;
    margin-top: 40px;
    padding-top: 20px
}

    .layout-subhome-audience .collection:first-child {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }

    .layout-subhome-audience .collection > h2 {
        margin-left: 40px;
        color: #34b233;
        margin-bottom: .8em
    }

.layout-subhome-school #main {
    margin-top: -20px;
    position: relative
}

.layout-subhome-school .content.main {
    float: left;
    width: 74.46809%
}

.layout-subhome-school .content.main, .layout-subhome-school .content.bottom {
    margin-left: 20px -1px
}

.layout-subhome-school aside {
    margin-top: 325px;
    float: right;
    position: relative;
    width: 23.40426%;
    z-index: 10
}

.layout-subhome-school .main > .title {
    color: #fff;
    background: #004a68;
    background: rgba(0,74,104,0.85);
    position: relative;
    z-index: 10;
    width: 48.57143%;
    margin-left: -40px;
    padding: 20px 20px 90px 40px;
    min-height: 265px;
    margin-bottom: 30px
}

    .layout-subhome-school .main > .title h1, .layout-subhome-school .main > .title a.more {
        color: #fff
    }

    .layout-subhome-school .main > .title .follow {
        position: absolute;
        bottom: 0;
        padding-top: 10px;
        height: 60px;
        margin: 0
    }

.layout-subhome-school header.title .follow .icon {
    background: #fff;
    color: #004a68
}

.layout-subhome-school .carrousel {
    width: auto;
    height: auto;
    float: none;
    position: absolute;
    left: -20px;
    right: -20px;
    margin-right: 0;
    top: 0
}

    .layout-subhome-school .carrousel .items {
        height: 305px;
        overflow: hidden
    }

    .layout-subhome-school .carrousel .pagination {
        left: 42.55319%;
        bottom: 25px;
        top: auto;
        width: 40.42553%
    }

        .layout-subhome-school .carrousel .pagination ul {
            text-align: left
        }

            .layout-subhome-school .carrousel .pagination ul li:hover a, .layout-subhome-school .carrousel .pagination ul li.active a {
                color: #004a68
            }

.layout-subhome-school #main .main .carrousel + .gallery {
    margin-right: 0;
    margin-top: -120px;
    padding-top: 120px
}

.layout-subhome-school aside .contactinfo {
    margin: -40px -20px 0 0;
    float: right;
    width: 181.81818%
}

.layout-subhome-school aside .subnav {
    margin-top: -20px;
    margin-right: -20px
}

    .layout-subhome-school aside .subnav ul {
        margin-left: 0;
        margin-right: 0;
        float: none;
        width: auto
    }

    .layout-subhome-school aside .subnav h2 {
        position: absolute;
        bottom: 100%;
        right: 0;
        width: 100%;
        padding-right: 20px;
        margin-right: 0
    }

.layout-subhome-school aside .contactinfo + .subnav {
    margin: 0
}

.layout-404 .content {
    background: #6aade4;
    width: 100%;
    margin: 0 -20px;
    padding: 50px 20px;
    color: #FFF
}

.layout-404 > .page > header {
    margin-bottom: 0
}

.layout-404 #main header {
    width: 35%;
    padding: 0 20px
}

    .layout-404 #main header h1 {
        color: #FFF;
        padding: 0;
        margin: 0
    }

.layout-404 header .intro {
    line-height: 110%;
    font-weight: normal;
    padding: 0;
    margin: 0;
    padding-bottom: 5px
}

.layout-404 #main > footer {
    background: #FFF
}

.layout-profile > .page {
    background-color: #eeede6
}

    .layout-profile > .page > article {
        padding-top: 20px;
        padding-right: 20px
    }

.layout-profile .content.main {
    background: #fff
}

.layout-profile article > .content.main {
    float: right;
    width: 63.04348%;
    padding: 20px 40px 0 40px
}

.layout-profile aside .error-block {
    color: #f07600;
    margin-bottom: 12px
}

    .layout-profile aside .error-block a {
        color: #f07600;
        text-decoration: underline
    }

.layout-profile aside nav.subnav p.error a:before {
    content: ""
}

.layout-profile .contactinfo {
    width: auto;
    background: none;
    margin-bottom: 1em;
    margin-left: -20px
}

    .layout-profile .contactinfo ul {
        margin-left: 0
    }

    .layout-profile .contactinfo .vcard {
        padding: 0 10px 10px 70px
    }

    .layout-profile .contactinfo .photo-frame {
        margin-left: -70px;
        width: 60px;
        height: 60px
    }

        .layout-profile .contactinfo .photo-frame .photo {
            width: 60px
        }

    .layout-profile .contactinfo .contact span {
        display: none
    }

    .layout-profile .contactinfo .fn {
        color: #333
    }

.layout-profile .profile-info .study-tracks, .layout-profile .profile-info .follow {
    margin-bottom: 3em
}

.layout-profile .profile-info h2 {
    font-weight: bold;
    margin-bottom: 1em
}

.layout-profile .profile-info .button.with-emphasis {
    background: #fff;
    color: #333;
    margin-bottom: 1em
}

.layout-profile article > aside {
    margin-left: -20px;
    padding-left: 20px;
    background-color: #eeede6;
    float: left;
    width: 25.54348%
}

.layout-profile aside .subnav p.error {
    font-size: .8em;
    color: #f07600;
    margin-bottom: 12px
}

.layout-profile aside .subnav ul {
    margin-left: -20px;
    margin-bottom: 40px
}

.layout-profile aside .subnav h2, .layout-profile aside .subnav ul {
    margin-right: 0;
    float: none;
    width: auto
}

.layout-profile aside .subnav h2 {
    padding: 0;
    margin-left: 0;
    margin-bottom: .6em
}

.layout-profile aside .subnav li {
    margin-left: 0;
    border-top: 0;
    border-bottom: 1px solid #fff
}

    .layout-profile aside .subnav li a {
        padding-left: 55px
    }

.layout-profile .subnav a:before {
    left: 20px
}

.layout-profile aside .form .subtile-link {
    margin-left: 0;
    padding: 0;
    text-decoration: underline;
    color: #858585;
    border-radius: 0
}

.layout-profile aside .form.stacked {
    padding: 0
}

.layout-profile aside .form .field input[type=submit] {
    float: left
}

.layout-profile .content p.type, .layout-profile .content p.icon, .layout-profile .content h1, .layout-profile .content > h2 {
    color: #34b233
}

.layout-profile .content p.icon, .layout-profile .content p.type {
    margin-bottom: 0;
    line-height: 1.6;
    height: auto;
    width: auto
}

.layout-profile .content p.icon {
    font-family: 'wurfont';
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1
}

.layout-profile .content .form {
    margin-right: 100px;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    background: none
}

.layout-profile .content header .form .row .error-message {
    margin-left: 0;
    width: 97%
}

.layout-profile .content .form .row .error-message {
    width: 97%;
    position: relative;
    left: auto;
    margin-left: 180px;
    margin-bottom: 15px;
    background: #f07600
}

    .layout-profile .content .form .row .error-message li {
        margin: 0;
        padding: 0 10px
    }

        .layout-profile .content .form .row .error-message li:before {
            content: none
        }

    .layout-profile .content .form .row .error-message:before {
        border-top: 10px solid #f07600;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: 100%;
        left: 50%
    }

.layout-profile .content .form .label {
    width: 140px
}

.layout-profile .content .form .fields {
    margin-left: 180px
}

.layout-profile .content .form.stacked .label {
    width: auto
}

.layout-profile .content .form.stacked .fields {
    margin-left: 0
}

.layout-profile.with-search .content.main {
    width: 67.3913%;
    margin-right: -40px;
    padding-right: 40px;
    margin-bottom: 0;
    padding-bottom: 40px
}

    .layout-profile.with-search .content.main > header {
        padding: 0 40px;
        margin: -20px -40px 0 -40px;
        background: #eeede6
    }

        .layout-profile.with-search .content.main > header .form {
            width: 56.45161%
        }

        .layout-profile.with-search .content.main > header h1 {
            margin-top: 0
        }

        .layout-profile.with-search .content.main > header + .banner {
            float: right;
            margin-top: -125px;
            margin-right: -40px;
            width: 48.3871%
        }

.layout-profile.with-search .list.alumni {
    margin-top: 0;
    clear: none
}

    .layout-profile.with-search .list.alumni > h2 {
        font-size: normal;
        color: #525252
    }

    .layout-profile.with-search .list.alumni > ul {
        clear: both;
        padding-top: 20px
    }

        .layout-profile.with-search .list.alumni > ul > li {
            padding-left: 100px;
            position: relative;
            margin-bottom: 2em
        }

            .layout-profile.with-search .list.alumni > ul > li .photo-frame {
                width: 80px;
                height: 80px;
                margin-left: -100px;
                float: left;
                overflow: hidden
            }

            .layout-profile.with-search .list.alumni > ul > li img {
                width: 80px;
                margin-left: 0;
                float: none
            }

            .layout-profile.with-search .list.alumni > ul > li .follow {
                overflow: hidden;
                float: right;
                width: 180px;
                text-align: right
            }

                .layout-profile.with-search .list.alumni > ul > li .follow li {
                    float: right
                }

            .layout-profile.with-search .list.alumni > ul > li .button:hover {
                text-decoration: none
            }

            .layout-profile.with-search .list.alumni > ul > li .actions, .layout-profile.with-search .list.alumni > ul > li .contact {
                margin-top: 1em
            }

            .layout-profile.with-search .list.alumni > ul > li .study-tracks li {
                margin-left: 0;
                margin-bottom: 0
            }

                .layout-profile.with-search .list.alumni > ul > li .study-tracks li:before {
                    content: ""
                }

            .layout-profile.with-search .list.alumni > ul > li .form {
                background: #eeede6;
                padding: 1px 0 1px 20px;
                margin: 0
            }

            .layout-profile.with-search .list.alumni > ul > li.display-contact .actions, .layout-profile.with-search .list.alumni > ul > li .contact {
                display: none
            }

            .layout-profile.with-search .list.alumni > ul > li.display-contact .contact {
                display: block;
                clear: both
            }

.layout-signin > .page {
    background-color: #eeede6
}

.layout-signin #main > aside {
    position: relative;
    float: right;
    width: 31.91489%;
    margin-top: 0
}

.layout-signin .content.main h2, .layout-signin header h1 {
    color: #34b233
}

.layout-signin .form {
    margin-left: 0;
    padding: 0
}

#main > footer .columns, body > footer .columns {
    margin-right: -30px;
    margin-left: -30px
}

.columns .col {
    float: left;
    width: 25%;
    margin-bottom: 20px;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px
}

    .columns .col:first-child:nth-last-child(n+7), .columns .col:first-child:nth-last-child(n+7) ~ .col {
        width: 25%
    }

    .columns .col:first-child:nth-last-child(6), .columns .col:first-child:nth-last-child(6) ~ .col {
        width: 33%
    }

    .columns .col:first-child:nth-last-child(5), .columns .col:first-child:nth-last-child(5) ~ .col {
        width: 33%
    }

    .columns .col:first-child:nth-last-child(4), .columns .col:first-child:nth-last-child(4) ~ .col {
        width: 25%
    }

    .columns .col:first-child:nth-last-child(3), .columns .col:first-child:nth-last-child(3) ~ .col {
        width: 33%
    }

    .columns .col:first-child:nth-last-child(2), .columns .col:first-child:nth-last-child(2) ~ .col {
        width: 50%
    }

    .columns .col:first-child:nth-last-child(5) ~ .col:nth-child(4), .columns .col:first-child:nth-last-child(6) ~ .col:nth-child(4), .columns .col:first-child:nth-last-child(n+7) ~ .col:nth-child(5) {
        clear: left
    }

.follow, .social {
    margin-bottom: 1.53846em
}

    .social > * {
        vertical-align: top;
        display: inline-block
    }

    .social a.icon-email:before {
        font-family: wurfont;
        content: "\E110";
        padding-right: 3px;
        color: #737373
    }

a.share-email {
    display: inline-block;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    line-height: 18px;
    padding: 0 3px;
    border: solid 1px #c5c5c5;
    border-radius: 3px;
    background-color: #f6f6f2;
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0%,#f6f6f2),color-stop(100%,#e6e6e1));
    background-image: -webkit-linear-gradient(top,#f6f6f2 0,#e6e6e1 100%);
    background-image: -moz-linear-gradient(top,#f6f6f2 0,#e6e6e1 100%);
    background-image: -o-linear-gradient(top,#f6f6f2 0,#e6e6e1 100%);
    background-image: linear-gradient(#f6f6f2 0,#e6e6e1 100%)
}

    a.share-email:hover {
        text-decoration: none;
        color: #333;
        background-color: #fdfcfc;
        background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0%,#fdfcfc),color-stop(100%,#f6f6f2));
        background-image: -webkit-linear-gradient(top,#fdfcfc 0,#f6f6f2 100%);
        background-image: -moz-linear-gradient(top,#fdfcfc 0,#f6f6f2 100%);
        background-image: -o-linear-gradient(top,#fdfcfc 0,#f6f6f2 100%);
        background-image: linear-gradient(#fdfcfc 0,#f6f6f2 100%)
    }

.social .disabled, .social .disabled:hover {
    text-decoration: none;
    color: #c1c1c1;
    font-size: 12px
}

    .social .disabled img {
        vertical-align: bottom
    }

    .social .disabled .link-text {
        color: #3a84c1
    }

    .social .disabled:hover .link-text {
        text-decoration: underline
    }

.contactinfo {
    line-height: 1.5;
    margin-bottom: 20px;
    position: relative;
    padding: 0;
    background: #fff
}

    .contactinfo a {
        text-decoration: none
    }

        .contactinfo a:hover {
            text-decoration: underline
        }

    .contactinfo h2 {
        line-height: 1.2;
        display: block;
        color: #333;
        text-decoration: none;
        padding: .8em 0;
        margin-left: 20px;
        border-bottom: 1px solid #d6d6d6
    }

    .contactinfo .vcard {
        padding: 20px 20px 20px 120px;
        font-style: normal
    }

        .contactinfo .vcard .contact {
            min-height: 48px;
            padding-bottom: 2em
        }

        .contactinfo .vcard .actions {
            margin-top: -1em
        }

        .contactinfo .vcard span {
            display: block
        }

    .contactinfo .fn {
        display: block;
        margin: .2em 0 0 0
    }

    .contactinfo .photo-frame {
        margin-left: -100px;
        float: left;
        height: 80px;
        width: 80px;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        position: relative
    }

    .contactinfo .photo {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 80px
    }

    .contactinfo a.more, .contactinfo a.less {
        float: right;
        color: #333;
        text-decoration: none;
        display: block;
        color: #005172
    }

        .contactinfo a.more:hover, .contactinfo a.less:hover {
            color: #3a84c1;
            text-decoration: underline
        }

    .contactinfo ul {
        margin-left: 20px
    }

        .contactinfo ul > li .vcard {
            padding-left: 100px
        }

        .contactinfo ul > li > .vcard {
            border-bottom: 1px solid #d6d6d6
        }

        .contactinfo ul > li:last-child > .vcard {
            border-bottom: none
        }

    .contactinfo .extra-cards ul {
        border-top: 1px solid #d6d6d6;
        display: none;
        margin-bottom: 0
    }

    .contactinfo h2 + .extra-cards ul {
        border-top: none
    }

    .contactinfo.with-overlay .extra-cards {
        background: #fff;
        position: absolute;
        z-index: 100;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 100
    }

    .contactinfo.display.with-overlay {
        box-shadow: -1px 3px 3px rgba(0,0,0,0.12)
    }

        .contactinfo.display.with-overlay .extra-cards {
            border-bottom: 1px solid #ccc;
            box-shadow: -1px 3px 3px rgba(0,0,0,0.12)
        }

    .contactinfo.display ul, .contactinfo.display .extra-cards ul {
        display: block
    }

aside .contactinfo {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 105.52632%
}

.follow ul, .content .follow ul {
    margin-bottom: 0
}

    .follow ul li, .content .follow ul li {
        float: left;
        padding: 0;
        background: none;
        margin: 0 .4em .4em 0
    }

        .follow ul li:before {
            content: none;
            display: none
        }

.follow p, .content .follow p {
    margin-bottom: .5em
}

.follow .icon {
    padding: 6px;
    border-radius: 50%;
    color: #fff;
    background: #999;
    text-indent: 0
}

    .follow .icon:hover {
        color: #fff !important;
        background: #0d426b !important;
        text-decoration: none
    }

.follow .twitter:hover {
    background: #09f !important
}

.follow .gplus:hover {
    background: #d14836 !important
}

.follow .facebook:hover {
    background: #3a5998 !important
}

.follow .linkedin:hover {
    background: #1a7cad !important
}

.follow .youtube:hover {
    background: #c8312b !important
}

.follow .flickr:hover {
    background: #ca418b !important
}

.follow .foursquare:hover {
    background: #15a6da !important
}

.follow .hyves:hover {
    background: #f89736 !important
}

.follow .pinterest:hover {
    background: #ad2f28 !important
}

.follow .skype:hover {
    background: #52a8e5 !important
}

.follow .msn:hover {
    background: #009ad9 !important
}

.icon {
    vertical-align: middle;
    display: inline-block;
    font-family: "wurfont";
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
    width: 16px;
    height: 16px
}

    .icon.inline {
        display: inline;
        width: auto;
        height: auto;
        font-size: inherit;
        line-height: inherit;
        vertical-align: baseline
    }

a.twitter, a.facebook {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-align: left;
    text-indent: -10000px;
    background: url(/images/backgrounds/sprites.png) no-repeat
}

a.twitter {
    background-position: 0 -60px
}

    a.twitter:hover {
        background-position: -40px -60px
    }

a.facebook {
    background-position: -20px -60px
}

    a.facebook:hover {
        background-position: -60px -60px
    }

body > footer a.facebook, body > footer a.twitter {
    margin: 5px 5px 0 0
}

a.more, a.less {
    display: block;
    padding-left: 12px;
    background: url(/images/backgrounds/sprites.png) no-repeat
}

.contactinfo a.more {
    background-position: -1875px -82px
}

.contactinfo a.less {
    background-position: -2814px -82px
}

.contactinfo a.more:hover {
    background-position: -937px -82px
}

.contactinfo a.less:hover {
    background-position: -1478px -82px
}

header.title a.more:hover, header.title a.more {
    color: #3a84c1;
    text-decoration: none;
    background: none;
    position: relative;
    padding: 5px 4px;
    margin-left: 15px
}

    header.title a.more:hover {
        text-decoration: underline
    }

    header.title a.more:before {
        content: "\F006";
        font-family: 'wurfont';
        position: absolute;
        left: -15px
    }

a {
    color: #3a84c1;
    text-decoration: none
}

    a:hover {
        color: #0d426b;
        text-decoration: underline
    }

header h1 {
    line-height: 1.3;
    color: #3a84c1;
    margin: .2em 0 .66667em 0
}

header p.type {
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 0
}

.content {
    line-height: 1.6;
    margin-bottom: 40px
}

    .content .intro {
        line-height: 1.6;
        margin-bottom: 1.53846em
    }

    .sender-related p, .sender-related ul, .content p, .content ul, .content ol, .pullquote {
        margin-bottom: 1.3em
    }

    .content figure.block, .content table {
        margin-bottom: 1.38462em;
        max-width: 108.16327%
    }

    .content strong {
        font-weight: bold;
        color: #525252
    }

    .content em {
        font-style: italic
    }

    .content h2 {
        line-height: 1.6;
        margin-bottom: .2em;
        margin-top: 1em
    }

        .content h2:first-child {
            margin-top: 0
        }

    .content h3 {
        text-align: left;
        font-weight: bold
    }

aside .content h2 {
    margin-bottom: 1em
}

aside .content h3 {
    font-weight: normal;
    margin-bottom: .5em
}

.content > section.meta, .content > section.list {
    line-height: 1.6;
    margin-top: 4.61538em
}

section.meta h2, .content .list h2 {
    line-height: 1.6;
    font-weight: normal;
    margin-bottom: .8em
}

dl.meta, p.meta {
    margin-bottom: 1em;
    color: #858585
}

.content dl.meta, .content p.meta {
    line-height: 1.6
}

.factsheet dt, .factsheet dd, dl.meta dt, dl.meta dd {
    display: inline
}

.factsheet dd {
    line-height: 1.7
}

.factsheet dt:before, dl.meta dt:before {
    content: "\A";
    white-space: pre
}

.factsheet dt:first-child:before, dl.meta dt:first-child:before {
    content: none
}

.content p.meta + dl.meta, .content p.meta + p.meta {
    margin-top: -1em
}

.meta.with-background {
    background-color: #eeede6;
    color: #333;
    margin-left: -40px;
    margin-bottom: 20px;
    max-width: 79.59184%;
    padding: 10px 10px 10px 40px
}

.meta table th, .meta table td {
    padding-bottom: 10px;
    border-bottom: 0
}

.meta table th {
    font-weight: normal
}

.meta table td {
    line-height: 1.2
}

.meta table tr:last-child th, .meta table tr:last-child td {
    padding-bottom: 0
}

.meta a.block {
    display: block
}

.pullquote {
    position: relative;
    padding-left: 58px;
    color: #3a84c1
}

    .pullquote:before {
        content: "\F100";
        font-family: 'wurfont';
        position: absolute;
        left: 1px;
        top: -2px;
        display: block;
        color: #3a84c1
    }

    .pullquote blockquote {
        font-style: italic
    }

        .pullquote blockquote:before {
            content: "\201C"
        }

        .pullquote blockquote:after {
            content: "\201D"
        }

    .pullquote figcaption, .content .pullquote figcaption {
        color: #3a84c1;
        display: block;
        margin: 0;
        padding: 0;
        background: none;
        font-style: normal;
        margin-top: .66667em
    }

    .pullquote a, .pullquote a:hover {
        color: #3a84c1;
        text-decoration: none
    }

    .pullquote figcaption .more {
        color: #3a84c1;
        text-decoration: none;
        padding-left: 11px;
        display: block;
        position: relative
    }

        .pullquote figcaption .more:before {
            content: "\F006";
            font-family: 'wurfont';
            position: absolute;
            left: -4px;
            top: 0;
            font-size: 11px;
            display: block;
            color: #3a84c1
        }

        .pullquote figcaption .more:hover {
            text-decoration: underline
        }

    .pullquote.with-photo {
        min-height: 80px;
        background: none;
        padding-left: 0
    }

        .pullquote.with-photo:before {
            content: "";
            display: none
        }

        .pullquote.with-photo blockquote, .pullquote.with-photo figcaption {
            margin-left: 58px
        }

        .pullquote.with-photo .photo-frame {
            margin-left: -40px;
            float: left;
            height: 80px;
            width: 80px;
            overflow: hidden
        }

            .pullquote.with-photo .photo-frame .photo {
                width: 80px
            }

.col .pullquote {
    padding-left: 0
}

    .col .pullquote:before {
        content: ""
    }

.content .col .pullquote figcaption {
    padding-left: 0
}

.content .col .pullquote.with-photo .photo-frame {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    margin-left: 0
}

.pullquote.with-photo blockquote, .pullquote.with-photo figcaption {
    margin-left: 70px
}

.content img {
    max-width: 100%
}

.content figure.block {
    margin-left: -40px;
    display: block;
    width: 108.16327%
}

    .content figure.left img, .content figure.block img {
        display: block
    }

.content figure.left {
    clear: left;
    float: left;
    width: 220px;
    margin: 0 1.69231em 1em -40px
}

aside .content figure.left {
    clear: left;
    float: left;
    width: 90px;
    margin: 0 1em 1em 0
}

.content figure.left + figure.left {
    margin-top: .69231em;
    margin-bottom: 1em
}

.content figure figcaption {
    padding: 15px 20px 15px 40px;
    background: #f4f4f4;
    font-style: italic
}

.content .col figure.left, .content .col figure.block {
    float: none;
    margin: 0 0 1em 0;
    max-width: 100%;
    width: auto
}

.content .col figure img {
    width: 100%;
    max-width: 100%
}

.content .col figure figcaption {
    padding-left: 20px
}

.content figure.clear-block {
    margin-right: auto;
    float: none;
    clear: both;
    margin-bottom: 2em
}

.content h2.clear-block, .content h3.clear-block, .content figure.clear-block {
    clear: both
}

    .content figure.clear-block + figure.align-with-text {
        margin-top: 0
    }

figure.align-with-text + p {
    margin-bottom: 1em
}

.image-block {
    margin-bottom: 1em;
    clear: both
}

    .image-block figure.left {
        margin-bottom: 0
    }

    .image-block .list {
        clear: none;
        overflow: hidden
    }

.program table, .content table {
    border-collapse: collapse;
    /*margin-left: -40px*/
}

    .content table caption {
        text-align: left;
        font-weight: bold;
        padding-left: 40px;
        padding-bottom: .66667em
    }

.program tr th:first-child, .program tr td:first-child, .content tr th:first-child, .content tr td:first-child {
    /*padding-left: 40px*/
}

.program th, .program td, .content th, .content td {
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    padding: .38462em 36px .38462em 0
}

.content td, .content th {
    line-height: 1.38
}

.program th, .program td {
    border-bottom: 0
}

.content th {
    color: #333;
    font-weight: bold
}

.content thead th {
    font-weight: bold
}

.content table .center {
    text-align: center
}

.content table .right {
    text-align: right
}

.content table.of-people {
    width: 100%;
    margin-top: 20px
}

    .content table.of-people th, .content table.of-people td {
        padding-top: .5em;
        padding-bottom: .5em
    }

    .content table.of-people tr:first-child th, .content table.of-people tr:first-child td {
        border-top: 1px solid #d6d6d6
    }

.content li {
    margin-bottom: .38462em
}

.content ul ul, .content ol ol, .content ul ol, .content ol ul {
    margin-top: .38462em;
    margin-bottom: 0
}

.content ul, .content ol {
    overflow: hidden
}

    .content ul > li {
        margin-left: 1.23077em;
        position: relative
    }

        .content ul > li:before {
            font-family: wurfont;
            /*content: "\F003";*/
            position: absolute;
            font-size: .7em;
            vertical-align: baseline;
            line-height: 2.1;
            width: 1.53846em;
            left: -1.53846em
        }

    .content ul ul li:before {
        font-size: .6em;
        line-height: 2.3
    }

.content ol {
    counter-reset: numbered
}

    .content ol > li {
        counter-increment: numbered;
        position: relative;
        margin-left: 2.46154em
    }

        .content ol > li:before {
            display: block;
            content: counter(numbered) ".";
            text-align: right;
            width: 1.69231em;
            margin-right: .76923em;
            position: absolute;
            left: -2.46154em
        }

.links li a, .content .downloads li a {
    color: #333;
    text-decoration: none
}

    .links li a.button:hover, .links li a.button {
        color: #fff
    }

    .sender-related li a:hover, .links li a:hover, .content .downloads li a:hover {
        color: #3a84c1
    }

    .content .downloads li a:hover, .sender-related li a:hover {
        text-decoration: underline
    }

.pagination ul {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border-top: 0;
    padding: 0;
    line-height: 1
}

div.pagination li, .pagination li {
    display: inline-block;
    background: none;
    padding: 0 1px;
    margin: 0
}

    .pagination li:before {
        content: none;
        display: none
    }

    .pagination li a, .pagination li span {
        text-decoration: none;
        display: inline-block;
        padding: 6px 8px
    }

    .pagination li .icon a, .pagination li .icon span {
        padding: 0
    }

    .pagination li, .pagination li a {
        color: #858585
    }

        .pagination li:hover a {
            background-color: #d6d6d6
        }

        .pagination li.active span, .pagination li.active:hover span, .pagination li.active a, .pagination li.active:hover a {
            background: #34b233;
            font-weight: bold;
            color: #fff
        }

        .pagination li.next, .pagination li.prev {
            width: 24px
        }

            .pagination li.next a, .pagination li.prev a {
                background-image: url(/images/backgrounds/sprites.png);
                text-indent: -999px;
                text-overflow: clip;
                overflow: hidden;
                width: 8px
            }

            .pagination li.next a {
                background-position: -1526px .7em
            }

            .pagination li.prev a {
                background-position: -1326px .7em
            }

footer.pagination a.next, footer.pagination a.prev {
    width: 49%;
    float: left;
    text-decoration: none;
    color: #333
}

footer.pagination a.next {
    float: right;
    text-align: right
}

.timeline {
    margin-right: -50px
}

    .timeline .stage {
        width: 50%;
        border-right: 2px solid #d6d6d6;
        overflow: visible;
        margin-left: -30px
    }

        .timeline .stage .content {
            width: 200%;
            margin-bottom: 0;
            padding-top: 25px
        }

    .timeline h2, .timeline h3 {
        width: 200%;
        background-color: #fff
    }

    .timeline h2 {
        margin: 0 0 0 -40px;
        padding: 20px 40px .2em 40px;
        border-top: 1px solid #d6d6d6;
        color: #3a84c1;
        font-size: 2.4rem
    }

    .timeline h3 {
        padding: 1em 0;
        text-align: center;
        font-weight: normal
    }

        .timeline h3 a:hover, .timeline h3 a {
            color: #333;
            text-decoration: none
        }

    .timeline ul.entries-list {
        list-style: none;
        position: relative
    }

        .timeline ul.entries-list li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 50%;
            clear: left;
            float: left;
            margin: 0;
            padding: 30px
        }

            .timeline ul.entries-list li:nth-child(even) {
                clear: right;
                float: right
            }

            .timeline ul.entries-list li.absolute-left, .timeline ul.entries-list li.absolute-right {
                position: absolute;
                float: none;
                clear: none
            }

            .timeline ul.entries-list li.absolute-left {
                left: 0;
                right: 50%
            }

            .timeline ul.entries-list li.absolute-right {
                left: 50%;
                right: 0
            }

    .timeline li figure, .timeline li .body, .timeline li .meta, .timeline li .title {
        display: block;
        margin-bottom: 10px
    }

    .timeline li .title {
        font-weight: normal
    }

    .timeline li .meta {
        color: #858585
    }

    .timeline li .button {
        margin-bottom: 10px
    }

    .timeline ul.entries-list li:before {
        content: ""
    }

    .timeline ul.entries-list li article {
        position: relative;
        padding: 20px 20px 10px 20px;
        background-color: #f2f2ec;
        border-top: 2px solid #f2f2ec
    }

        .timeline ul.entries-list li article:before {
            content: "";
            position: absolute;
            top: 50%;
            right: -30px;
            width: 30px;
            border-top: 2px solid #d6d6d6;
            z-index: 1
        }

    .timeline ul.entries-list li:nth-child(even) article:before {
        right: auto;
        left: -30px
    }

    .timeline ul.entries-list li.absolute-left article:before {
        right: -30px;
        left: auto
    }

    .timeline ul.entries-list li.absolute-right article:before {
        right: auto;
        left: -30px
    }

    .timeline ul.entries-list li.absolute-left article:after, .timeline ul.entries-list li article:after {
        content: "";
        position: absolute;
        top: 50%;
        right: -48px;
        width: 24px;
        height: 19px;
        margin-top: -17px;
        padding-top: 5px;
        background-color: #999;
        border: 5px solid #fff;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        border-radius: 17px;
        text-align: center;
        color: #fff;
        z-index: 2;
        background-clip: padding-box
    }

    .timeline ul.entries-list li:nth-child(even) article:after {
        right: auto;
        left: -46px
    }

    .timeline ul.entries-list li.absolute-right article:after {
        right: auto;
        left: -46px
    }

    .timeline ul.entries-list li.absolute-left article:after {
        left: auto;
        right: -46px
    }

    .timeline ul.entries-list li article img {
        width: 100%;
        height: auto
    }

    .timeline ul.entries-list li.icon-conflict article:after, .timeline ul.entries-list li.icon-conflict article:before {
        top: 70%
    }

    .timeline ul.entries-list li article.news {
        border-color: #3a84c1
    }

        .timeline ul.entries-list li article.news:after {
            font-family: "wurfont";
            content: "\E112"
        }

        .timeline ul.entries-list li article.news:hover:after {
            background-color: #3a84c1
        }

        .timeline ul.entries-list li article.news .button {
            background-color: #3a84c1
        }

    .timeline ul.entries-list li article.blog {
        border-color: #ed7301
    }

        .timeline ul.entries-list li article.blog:after {
            font-family: "wurfont";
            content: "\E114"
        }

        .timeline ul.entries-list li article.blog:hover:after {
            background-color: #ed7301
        }

        .timeline ul.entries-list li article.blog .button {
            background-color: #ed7301
        }

    .timeline ul.entries-list li article.event {
        border-color: #5d0d30
    }

        .timeline ul.entries-list li article.event:after {
            font-family: "wurfont";
            content: "\E113"
        }

        .timeline ul.entries-list li article.event:hover:after {
            background-color: #5d0d30
        }

        .timeline ul.entries-list li article.event .button {
            background-color: #5d0d30
        }

    .timeline ul.entries-list li article.video {
        border-color: #0d426b
    }

        .timeline ul.entries-list li article.video:after {
            font-family: "wurfont";
            content: "\E116"
        }

        .timeline ul.entries-list li article.video:hover:after {
            background-color: #0d426b
        }

        .timeline ul.entries-list li article.video .button {
            background-color: #0d426b
        }

    .timeline ul.entries-list li article.project {
        border-color: #b52617
    }

        .timeline ul.entries-list li article.project:after {
            font-family: "wurfont";
            content: "\E106"
        }

        .timeline ul.entries-list li article.project:hover:after {
            background-color: #b52617
        }

        .timeline ul.entries-list li article.project .button {
            background-color: #b52617
        }

    .timeline ul.entries-list li article.article {
        border-color: #2b8222
    }

        .timeline ul.entries-list li article.article:after {
            font-family: "wurfont";
            content: "\E115"
        }

        .timeline ul.entries-list li article.article:hover:after {
            background-color: #2b8222
        }

        .timeline ul.entries-list li article.article .button {
            background-color: #2b8222
        }

.content .downloads li {
    background: none;
    padding-left: 0;
    margin-left: 0
}

    .content .downloads li a {
        display: block;
        padding-left: 26px;
        background: url(/images/backgrounds/sprites.png);
        background-position: -8442px -177px
    }

.content .downloads .doc {
    background-position: -5628px -177px
}

.content .downloads .xls {
    background-position: -3752px -177px
}

.content .downloads .pdf {
    background-position: -4690px -177px
}

.content .downloads .ppt {
    background-position: -6566px -177px
}

.content .downloads .zip {
    background-position: -7504px -177px
}

.content .downloads .file {
    background-position: -8442px -177px
}

aside .factsheet, aside .embed, aside .content .overview, aside .content .list, aside .content .program {
    margin-top: 0;
    margin-bottom: 30px
}

.embed .frame {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    padding-right: 40px;
    height: 0;
    overflow: hidden
}

    .embed .frame iframe, .embed .frame object, .embed .frame embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.content .embed .frame {
    margin-left: -40px
}

.content.bottom .embed {
    margin-right: -20px
}

aside .embed .frame {
    padding-bottom: 75%;
    padding-top: 0;
    margin-right: -20px
}

aside .content .embed .frame, aside .content.embed .frame {
    margin-left: -20px;
    margin-right: -40px
}

.list {
    clear: both
}

    .list > ul > li {
        margin: 0 0 1em 0
    }

        .collection .list ul li:last-child, aside .list ul li:last-child, .list > ul > li:last-child {
            margin-bottom: 0
        }

        .list > ul > li > a:hover .body, .list > ul > li > a:hover strong {
            text-decoration: underline
        }

    .list .time, .list .meta {
        display: block;
        color: #858585
    }

    .list .title {
        display: block
    }

    .list > ul a:hover {
        text-decoration: underline
    }

        .list > ul a:hover .meta, .list > ul a:hover .body, .list > ul a:hover .title {
            color: #3a84c1
        }

    .list.with-inline-meta .meta {
        display: inline
    }

    .list.with-people > ul > li, .list.with-tweets > ul > li, .list.with-image > ul > li, .list.with-partner-logos > ul > li, .list.with-newsletters.with-image > ul > li, .with-newsletters.list.with-partner-logos > ul > li {
        padding-left: 31.37255%;
        position: relative;
        margin-bottom: 2em
    }

        .list.with-people > ul > li:before, .list.with-tweets > ul > li:before, .list.with-image > ul > li:before, .list.with-partner-logos > ul > li:before {
            content: ""
        }

        .list.with-people > ul > li img, .list.with-tweets > ul > li img, .list.with-image > ul > li img, .list.with-partner-logos > ul > li img {
            float: left;
            width: 40%;
            margin-left: -45.71429%;
            height: auto;
            margin-top: 5px
        }

    .list .body + .meta {
        color: #333
    }

    .list.with-people > ul > li, .list.with-tweets > ul > li {
        padding-left: 90px
    }

    .list.with-actions > ul > li .actions {
        margin-top: 10px
    }

        .list.with-actions > ul > li .actions .link {
            color: #666
        }

        .list.with-actions > ul > li .actions .button {
            float: right
        }

    .list.with-people > ul > li .photo-frame, .list.with-tweets > ul > li .photo-frame {
        width: 80px;
        height: 80px;
        margin-left: -90px;
        float: left;
        overflow: hidden
    }

    .list.with-people > ul > li img, .list.with-tweets > ul > li img {
        width: 80px;
        margin-left: 0;
        float: none
    }

    .list.with-people.buttoned > ul a:hover, .list.with-tweets > ul a:hover, .list.with-people.buttoned > ul a:hover .body, .list.with-tweets > ul a:hover .body {
        text-decoration: none;
        color: #333
    }

        .list.with-people.buttoned > ul a.button:hover, .list.with-tweets > ul a.button:hover, .list.with-people.buttoned > ul a:hover .button, .list.with-tweets > ul a:hover .button {
            text-decoration: none;
            background: #3a84c1;
            color: white
        }

    .list.with-people.buttoned > ul > li, .list.with-tweets > ul > li {
        padding-left: 70px
    }

        .list.with-people.buttoned > ul > li .photo-frame, .list.with-tweets > ul > li .photo-frame {
            width: 60px;
            height: 60px;
            margin-left: -70px
        }

        .list.with-people.buttoned > ul > li img, .list.with-tweets > ul > li img {
            width: 60px
        }

        .list.with-people.buttoned > ul > li .actions, .list.with-tweets > ul > li .actions {
            margin-top: 4px
        }

    .list.with-people.socialized > ul > li, .list.socialized.with-tweets > ul > li {
        padding-right: 200px
    }

        .list.with-people.socialized > ul > li a, .list.socialized.with-tweets > ul > li a {
            overflow: hidden
        }

        .list.with-people.socialized > ul > li .follow, .list.socialized.with-tweets > ul > li .follow {
            overflow: hidden;
            float: right;
            width: 180px;
            margin-right: -200px;
            text-align: right
        }

            .list.with-people.socialized > ul > li .follow li, .list.socialized.with-tweets > ul > li .follow li {
                float: right
            }

    .list.with-people .title, .list.with-tweets .title {
        font-weight: bold
    }

    .list.with-tweets .tweet_list li {
        padding-left: 50px
    }

    .list.with-tweets .tweet_avatar {
        width: 40px;
        height: 40px;
        margin-left: -50px;
        float: left;
        overflow: hidden
    }

        .list.with-tweets .tweet_avatar img {
            width: 40px
        }

    .list.with-tweets .tweet_time a {
        display: block;
        margin-top: 3px;
        color: #858585
    }

    .list.with-tweets .fullname {
        font-weight: bold
    }

h2 + .list.with-tweets {
    margin-top: .8em
}

.list.with-people.grouped, .list.grouped.with-tweets {
    margin-left: -40px;
    padding-left: 40px
}

    .list.with-people.grouped ul, .list.grouped.with-tweets ul {
        margin-right: -40px
    }

    .list.with-people.grouped + .list.with-people.grouped, .list.grouped.with-tweets + .list.with-people.grouped, .list.with-people.grouped + .list.grouped.with-tweets, .list.grouped.with-tweets + .list.grouped.with-tweets {
        border-top: 1px solid #d6d6d6;
        margin-top: -2em
    }

    .list.with-people.grouped h2, .list.grouped.with-tweets h2 {
        margin-top: .8em
    }

    .list.with-people.grouped > ul > li, .list.grouped.with-tweets > ul > li {
        width: 14.89362%;
        min-width: 120px;
        margin-right: 20px;
        margin-bottom: 25px;
        padding-left: 0;
        display: inline-block;
        vertical-align: top
    }

        .list.with-people.grouped > ul > li .photo-frame, .list.grouped.with-tweets > ul > li .photo-frame {
            margin-left: 0;
            float: none
        }

        .list.with-people.grouped > ul > li .title, .list.grouped.with-tweets > ul > li .title {
            font-weight: normal;
            color: #3a84c1;
            margin-top: 10px
        }

    .list.with-people.grouped a:hover .title, .list.grouped.with-tweets a:hover .title {
        color: #3a84c1
    }

    .list.with-people.grouped .title, .list.grouped.with-tweets .title, .list.with-people.grouped .body, .list.grouped.with-tweets .body {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block
    }

.layout-subhome-study #main > .content .list.with-people.grouped > ul > li, .layout-subhome-study #main > .content .list.grouped.with-tweets > ul > li, .layout-article #main > .content .list.with-people.grouped > ul > li, .layout-article #main > .content .list.grouped.with-tweets > ul > li {
    width: 28.57143%
}

.list.with-publications, .list.with-publications a {
    color: #333
}

    .list.with-publications > ul a:hover, .list.with-publications > ul a:hover .title, .list.with-publications > ul a:hover .body {
        text-decoration: none;
        color: #3984bf
    }

    .list.with-publications > ul li span {
        display: block
    }

    .list.with-publications .published-in {
        font-style: italic
    }

.list.with-images.as-gallery .links {
    margin-left: -20px
}

    .list.with-images.as-gallery .links li {
        padding-left: 0;
        float: left;
        margin: 0 0 20px 20px;
        width: 150px
    }

        .list.with-images.as-gallery .links li:before {
            content: none
        }

    .list.with-images.as-gallery .links a:after {
        content: none
    }

    .list.with-images.as-gallery .links a:hover:after {
        content: "\E102"
    }

h2 + .list.with-newsletters {
    margin-top: 1.333em
}

.list.with-newsletters.with-image > ul > li img, .with-newsletters.list.with-partner-logos > ul > li img {
    width: auto;
    max-width: 40%;
    max-height: 120px
}

.list.with-newsletters > ul > li {
    padding-left: 0
}

    .list.with-newsletters > ul > li:before {
        content: ""
    }

.list.with-newsletters .title {
    font-weight: normal
}

.list.with-newsletters .meta, .list.with-newsletters .title {
    display: inline
}

.list.with-newsletters .meta {
    padding-left: .5em
}

.list.with-newsletters .actions .more {
    float: left;
    padding-left: 0;
    background: none;
    text-decoration: underline;
    color: #525252
}

    .list.with-newsletters .actions .more:hover {
        color: #3a84c1
    }

    .list.with-newsletters .actions .more:after {
        font-family: wurfont;
        content: "\F006"
    }

.list.with-newsletters .actions .button {
    background: #34b233;
    padding: 1px 2em;
    float: right
}

    .list.with-newsletters .actions .button[disabled="disabled"] {
        opacity: .5
    }

.list.with-newsletters.with-image .meta, .with-newsletters.list.with-partner-logos .meta {
    padding-left: 0
}

.list.with-newsletters.with-image .title, .with-newsletters.list.with-partner-logos .title {
    float: none;
    display: block
}

.list.with-newsletters.with-image .actions, .with-newsletters.list.with-partner-logos .actions {
    margin-top: 1em
}

.list.with-newsletters .actions .edition {
    float: left;
    white-spacing: nowrap
}

    .list.with-newsletters .actions .edition label {
        white-spacing: nowrap
    }

.list.with-newsletters.with-form .fields > label {
    display: block;
    clear: left;
    float: left;
    width: auto;
    color: #666
}

.list.with-newsletters.with-form .error-message {
    position: relative;
    background-color: #f07600;
    color: #fff
}

    .list.with-newsletters.with-form .error-message:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        background-color: #f07600;
        color: #fff;
        border-top: 10px solid #f07600;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        background: none
    }

.list.with-newsletters.with-form .links > li {
    margin-bottom: 32px;
    overflow: hidden
}

.list.with-newsletters.with-form .links .meta, .list.with-newsletters.with-form .links .title {
    display: block;
    float: left;
    margin-bottom: .5em
}

.list.with-newsletters.with-form .links .title {
    clear: left
}

.list.with-newsletters.with-form .links .meta {
    padding-top: .4em
}

.tag {
    display: inline-block;
    border: 1px solid #75a8d3;
    border-radius: 4px;
    padding: .07692em .61538em;
    text-decoration: none;
    color: #3a84c1;
    line-height: 1.2
}

    .tag:hover {
        border-color: #3a84c1;
        background: #3a84c1;
        color: #fff;
        text-decoration: none
    }

.list.with-partner-logos > ul > li {
    border-top: 1px solid #d6d6d6;
    padding-top: 2em
}

    .list.with-partner-logos > ul > li:first-child {
        border-top: 0
    }

    .list.with-partner-logos > ul > li > a > img, .list.with-partner-logos > ul > li > img, .list.with-partner-logos > ul > li > article > img {
        width: auto
    }

.list.with-partner-logos strong {
    font-weight: normal;
    color: #333;
    margin-bottom: .8em;
    display: block
}

.list.with-partner-logos .body {
    display: block
}

.list.with-partner-logos.columns {
    border-bottom: 1px solid #d6d6d6;
    margin-left: -20px
}

    .list.with-partner-logos.columns h2 {
        margin-left: 20px
    }

    .list.with-partner-logos.columns ul {
        margin-bottom: 20px
    }

    .list.with-partner-logos.columns > ul > li {
        border-top: 0;
        margin-bottom: 10px
    }

    .list.with-partner-logos.columns > ul > li {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        width: 100%
    }

        .list.with-partner-logos.columns > ul > li > a, .list.with-partner-logos.columns > ul > li > article {
            margin-top: 90px;
            display: block;
            padding: 20px
        }

        .list.with-partner-logos.columns > ul > li img {
            display: block;
            float: none;
            margin-left: 0;
            max-height: 70px;
            margin-top: -90px;
            margin-bottom: 20px
        }

        .list.with-partner-logos.columns > ul > li > strong.title, .list.with-partner-logos.columns > ul > li > img {
            margin-top: 0;
            margin-left: 20px
        }

.collection .list ul li, aside .list ul li {
    margin: 0 0 1em 0
}

.content .collection .list h2, aside .content .list h2 {
    margin: 0 0 1em 0
}

.collection .list .links li, aside .list .links li {
    background-position: -140px .45em
}

.collection .list.with-image > ul > li, .collection .list.with-partner-logos > ul > li, aside .list.with-image > ul > li, aside .list.with-partner-logos > ul > li {
    margin-bottom: 1em
}

    aside .list.with-image > ul > li .body, aside .list.with-partner-logos > ul > li .body, aside .list.with-image > ul > li .divider, aside .list.with-partner-logos > ul > li .divider {
        display: none
    }

.details .list.with-image, .details .list.with-partner-logos {
    margin-left: -40px
}

.details .content .list {
    margin-top: 0
}

.content.main .list.with-partner-logos.columns ul li {
    width: 49%
}

.content.bottom .list.with-partner-logos.columns ul li {
    width: 32%
}

aside .list.with-partner-logos > ul > li {
    padding-top: 1em
}

.layout-article.without-intro .content > header + section.list, .layout-article.without-intro .content > .social + section.list {
    clear: none
}

.factsheet a {
    color: #fff;
    text-decoration: underline
}

.factsheet th, .factsheet td {
    vertical-align: top
}

.factsheet a:hover {
    color: #0d426b
}

.factsheet .label {
    line-height: 1.5;
    margin: 0 0 .7em 0;
    padding: 20px 0 0 0;
    display: block
}

.factsheet h2 {
    line-height: 1.4;
    margin-bottom: .6em;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    padding-right: 40px;
    margin-right: -40px
}

.factsheet dt {
    line-height: 1.5;
    color: #fff;
    margin-right: .3em
}

.factsheet dd ul, .factsheet dd li {
    display: inline
}

    .factsheet dd li:after {
        content: ", "
    }

    .factsheet dd li:last-child:after {
        content: ""
    }

.factsheet dl, .factsheet table {
    margin-bottom: 1.5em
}

    .factsheet dl:first-child, .factsheet table:first-child {
        margin-top: 20px
    }

.factsheet .buttons {
    margin-bottom: 20px
}

.factsheet .button {
    color: #0d426b;
    background: #fff
}

.factsheet table {
    width: 100%
}

.factsheet th, .factsheet td {
    text-align: left;
    padding: .5em 1em .5em 0
}

.availability {
    margin-left: -3%;
    margin-bottom: 16px
}

    .availability li {
        width: 17%;
        float: left;
        display: block;
        padding-bottom: 20px;
        position: relative;
        margin-left: 3%
    }

        .availability li .morning, .availability li .afternoon {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 50%;
            height: 0;
            padding-top: 12px;
            overflow: hidden;
            display: block;
            background: rgba(255,255,255,0.4);
            float: left;
            border-style: solid
        }

        .availability li .morning {
            margin-left: 0;
            border-right-width: 1px
        }

        .availability li .afternoon {
            border-left-width: 1px
        }

        .availability li span.available {
            background: #fff
        }

        .availability li .weekday {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center
        }

.availability-legend {
    margin-bottom: 12px;
    font-size: 11px;
    font-size: 1.1rem
}

    .availability-legend span {
        display: inline-block;
        width: 12px;
        height: 8px;
        margin-left: 16px;
        background: rgba(255,255,255,0.4)
    }

        .availability-legend span.available {
            margin-left: 0;
            background: #fff
        }

aside .factsheet .availability li .morning, aside .factsheet .availability li .afternoon {
    border-color: #6aade4
}

aside .factsheet {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 105.52632%;
    background: #6aade4;
    color: #fff;
    position: relative
}

aside .factsheet {
    padding: 1px 40px 1px 20px
}

.subnav + .factsheet {
    padding-top: 20px;
    margin-top: -60px
}

.audience-related {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    background: #6aade4;
    width: 36.73469%;
    margin-left: -40px;
    margin-right: 8.16327%;
    margin-bottom: 20px;
    padding: 10px 13px 10px 40px;
    color: #fff
}

    .audience-related h2:first-child {
        padding-top: 0;
        border-top: 0
    }

    .audience-related h2 {
        font-weight: normal;
        margin: 0 -13px .5em -40px;
        padding-left: 40px;
        border-top: 1px solid #fff;
        padding: 10px 20px 0 40px;
        color: #fff
    }

.content .audience-related h2 {
    line-height: 1.3
}

.content .audience-related h3 {
    color: #333;
    font-weight: normal;
    padding-top: .5em;
    margin-bottom: .4em
}

.content .audience-related .links + .links {
    margin-top: -1.6em
}

.content .audience-related .links {
    margin-bottom: 2.9em
}

    .content .audience-related .links:before {
        line-height: 1.6
    }

    .content .audience-related .links li a {
        color: #fff
    }

        .content .audience-related .links li a:hover {
            color: #0d426b;
            text-decoration: underline
        }

.sender-related {
    background: #eeede6;
    padding: 0 20px;
    margin-bottom: 25px;
    position: relative
}

aside .sender-related {
    margin-right: -20px
}

.sender-related header {
    padding: 10px 10px 0 0
}

.with-visual .sender-related header {
    background: rgba(238,237,230,0.9);
    position: absolute;
    bottom: 100%;
    left: 0;
    padding-left: 20px;
    padding-bottom: 10px;
    width: 380px
}

.with-visual .sender-related p {
    padding: 5px 0
}

.sender-related header a {
    color: #333
}

.sender-related h2 {
    margin-bottom: .2em
}

.with-visual .sender-related h2 {
    margin-bottom: 0
}

.sender-related h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: .8em 0 .8em 0
}

.sender-related ul {
    border-bottom: 1px solid #fff;
    margin: 0 -20px 10px -10px
}

    .sender-related ul li a {
        display: block;
        border-top: 1px solid #fff;
        padding: 10px;
        text-decoration: none;
        color: #333
    }

        .sender-related ul li a:hover, .sender-related ul li a:active {
            color: #333;
            text-decoration: none;
            background: #dedccf
        }

        .sender-related ul li a img {
            width: 60px;
            margin-right: 22px;
            float: left
        }

        .sender-related ul li a span {
            display: block;
            overflow: auto
        }

.sender-related a.button {
    margin: 0 0 1.3rem 0
}

.links li, .content .links li {
    padding-left: 16px;
    padding-left: 1.6rem;
    margin-left: 0;
    background: none;
    position: relative
}

body > footer a.more, body > footer nav ul li, #breadcrumb > ul ul li a {
    position: relative
}

    #breadcrumb > ul ul li a:before, .links li:before, .content .links li:before, body > footer a.more:before, body > footer nav ul li:before, .content .link li:before {
        content: "\F006";
        font-family: wurfont;
        position: absolute;
        margin: 0;
        left: -0.3em;
        color: inherit;
        line-height: inherit;
        font-size: 1em
    }

    #breadcrumb > ul ul li a:before {
        left: 19px;
        top: .3em
    }

.links > li > a {
    display: block
}

.links li .type {
    color: #858585;
    display: block
}

.links.with-col li {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:after, .site-search .input:after, header.person:after, .layout-profile article > aside:after, .layout-profile.with-search .list.alumni > ul > li:after, figure.align-with-text + p:after, .image-block:after, .list.with-actions > ul > li:after, .list.with-newsletters.with-image .actions:after, .with-newsletters.list.with-partner-logos .actions:after, .list.with-partner-logos > ul > li > a:after, .list.with-partner-logos > ul > li > img:after, .list.with-partner-logos > ul > li > article:after, .list.with-partner-logos strong:after, .availability:after, .form.with-tabs .tab-bar:after, .interactive-map .menu:after, .interactive-map .menu ul:after, .content:after, aside .subnav:after, .collection:after, .columns:after, .follow ul:after, .carrousel:after, header.title:after, .list.with-image > ul > li > a:after, .list.with-partner-logos > ul > li > a:after, .list.with-people > ul > li > a:after, .list.with-tweets > ul > li > a:after, .sender-related ul li a:after, .contactinfo .vcard:after, .layout-article .top:after, .form .row:after, .row .fields:after, section.search:after, form.comment .field:after, #breadcrumb > ul:after, .timeline form.filtering:after, .timeline article.with-image:after, .pagination ul:after, footer.pagination:after, #main > footer:after, #main:after {
    content: "";
    visibility: hidden;
    clear: both;
    display: block;
    height: 0
}

input[type="submit"], button.button, a.button, .button {
    display: inline-block;
    text-decoration: none;
    background: #34B233;
    color: #fff;
    border-radius: 10px / 50%;
    line-height: 1.5;
    padding: 1px 11px;
    border: 0;
    outline: 0
}

input[type="submit"] {
    white-space: normal
}

button.button {
    padding: 5px 15px
}

a.button:hover {
    text-decoration: none;
    background: #3a84c1;
    color: #fff
}

.button.big {
    padding: 13px 25px;
    border-radius: 25px / 25px;
    font-size: 18px;
    font-weight: normal
}

    .button.big, .button.big.color-orange {
        background: #f93
    }

a.button.big.color-orange:hover, a.button.big:hover {
    background: #ed7301
}

.button.big.color-blue {
    background: #6aade4
}

    .button.big.color-blue:hover {
        background: #005172
    }

.form .button.color-black, .button.color-black {
    background: #333;
    color: #fff
}

    .form .button.color-black:hover, .button.color-black:hover {
        background: #34b233
    }

.buttons {
    margin: 10px 0 35px
}

.form {
    background-color: #eeede6;
    color: #333;
    margin: 20px 0 1em -40px;
    padding: 20px 0 20px 40px
}

    .form.with-background {
        background-color: #f93;
        color: #fff
    }

    .form h3 {
        padding-bottom: 20px;
        font-weight: normal
    }

    .form form {
        margin-right: 10px
    }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border: 1px solid #a7a7a7;
    border-bottom: 1px solid #bebebe;
    border-radius: 3px;
    box-shadow: inset 2px 2px 3px 0 #e0e0e0;
    outline: 0;
    margin: 0;
    padding: 5px;
    float: left;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.form .fields select, .form .fields textarea, .form .fields input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.form textarea {
    resize: vertical
}

.form .fields select {
    margin-top: 3px
}

.form .row {
    padding-right: 150px;
    margin: 20px 0;
    position: relative
}

    .form .row.stretched {
        padding-right: 0
    }

        .form .row.stretched .fields {
            margin-left: 0
        }

.form .formsectionelement {
    margin-top: 40px
}

.form .row.extended-description {
    margin-bottom: -10px
}

.form .label {
    float: left;
    width: 120px;
    padding: 4px 0 0 0
}

.form .fields {
    width: 100%;
    margin-left: 140px;
    margin-right: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .form .fields input[type=radio], .form .fields input[type=checkbox] {
        width: auto;
        margin-right: 10px
    }

    .form .fields input[type=checkbox] {
        vertical-align: middle
    }

    .form .fields .icon, .form .fields .field.full, .form .field {
        width: 97%;
        float: left;
        margin-left: 3%
    }

        .form .field:first-child {
            margin-left: 0
        }

    .form .fields .field:first-child {
        margin-left: 0
    }

    .form .fields .field.twothird {
        width: 63.666%
    }

    .form .fields .field.half {
        width: 47%
    }

    .form .fields .field.third {
        width: 30.333%
    }

    .form .fields .field.fourth {
        width: 22%
    }

    .form .fields .field label {
        display: none
    }

    .form .fields .field.offset-twothird {
        margin-left: 66.666%
    }

    .form .fields .field.offset-third {
        margin-left: 33.333%
    }

    .form .fields > label {
        display: block;
        float: left;
        vertical-align: top;
        width: 100%
    }

    .form .fields.half > label {
        width: 47%
    }

    .form .fields.third > label {
        width: 30%
    }

    .form .fields.third > label, .form .fields.half > label {
        margin-right: 3%
    }

    .form .fields.inline > label {
        display: inline;
        width: auto;
        margin-right: 3%
    }

    .form .fields > label .text {
        overflow: hidden;
        display: block
    }

.form .row p {
    margin-top: 1.3em;
    margin-bottom: 0
}

    .form .row p:first-child {
        margin-top: 0
    }

.form .fields .icon {
    width: 16px;
    padding: 4px 20px 0 0;
    color: #858585
}

.form.with-background .fields .icon {
    color: #fff
}

.info-message .tooltip p, .error-message li {
    padding: 4px 10px;
    background: none
}

.error-message ul, .error-message ul > li {
    margin: 0
}

.error-message li:before {
    display: none
}

.form .info-message {
    display: inline-block;
    background-color: #6aade4;
    border-radius: 10px;
    color: #fff;
    height: 16px;
    width: 16px;
    text-align: center;
    text-decoration: none;
    position: relative;
    font-family: Georgia
}

    .form .info-message .open {
        color: #fff;
        text-decoration: none
    }

    .form .info-message .tooltip {
        display: none;
        left: 100%;
        top: 50%;
        position: absolute;
        font-family: verdana,sans-serif;
        width: 300px;
        color: #fff;
        font-weight: normal;
        text-align: left;
        z-index: 100;
        padding: 0 15px
    }

.form fieldset > .error-message {
    color: #fff;
    background-color: #f07600;
    margin-right: 20px
}

    .form fieldset > .error-message a {
        color: #fff;
        text-decoration: underline
    }

.form .info-message .tooltip p:before {
    content: "";
    border-top: 10px solid #6aade4;
    border-left: 10px solid transparent;
    position: absolute;
    left: -10px;
    top: 0
}

.form .info-message .tooltip p {
    margin: 0;
    background: #6aade4;
    position: relative
}

.form .info-message:hover .tooltip {
    display: block
}

.form.with-background .info-message, form.comment .info-message {
    background-color: #6aade4
}

    form.comment .info-message .tooltip p {
        background-color: #fff;
        color: #34b233
    }

    .form.with-background .info-message .tooltip p:before {
        border-top: 10px solid #6aade4
    }

    form.comment .info-message .tooltip p:before {
        content: "";
        border-top: 10px solid #fff
    }

.form .row .error-message:before {
    content: "";
    border-top: 10px solid #f07600;
    border-left: 10px solid transparent;
    position: absolute;
    left: -10px;
    top: 0;
    height: 0;
    width: 0
}

.form.with-background .row .error-message:before {
    border-top: 10px solid #eeede6
}

.form .row .error-message {
    color: #fff;
    position: absolute;
    left: 100%;
    width: 75%;
    z-index: 99
}

.form.with-background .row .error-message {
    color: #333
}

.form .row .error-message ul li {
    background: none
}

.form .row .error-message ul {
    margin-bottom: 0;
    background: #f07600
}

.form.with-background .row .error-message ul {
    background: #eeede6
}

.form .row.error input {
    color: #f07600
}

.form .formsteps ol {
    margin: 0
}

.form .formsteps li {
    display: none;
    color: #333;
    margin: 0
}

    .form .formsteps li:before {
        content: none
    }

    .form .formsteps li.active {
        display: block
    }

.form .button:hover, .form .button {
    background: #34b233;
    padding: 5px 15px;
    line-height: 1.5;
    border-radius: 15px / 50%
}

    .form .button.with-emphasis {
        background: #fff;
        color: #0d426b;
        font-weight: bold
    }

.form.with-background .button, .form.with-background .button:hover {
    font-weight: normal;
    background: #fff;
    color: #0d426b
}

.form .subtile-link:hover, .form .subtile-link, .form .prev, .form.with-background .prev {
    color: #333;
    text-decoration: underline;
    background: none
}

.form .prev, .form.with-background .prev {
    float: right;
    margin-right: 25px;
    padding-top: 5px
}

.form .next, .form.with-background .next {
    float: right;
    margin-right: 30px
}

.form.stacked .row {
    padding-right: 0
}

.form.stacked .label {
    float: none;
    width: auto;
    padding-bottom: 4px
}

.form.stacked .fields {
    margin-left: 0
}

    .form.stacked .fields .field label {
        display: block
    }

    .form.stacked .fields .field.twothird .button, .form.stacked .fields .field.half .button, .form.stacked .fields .field.third .button, .form.stacked .fields .field.fourth .button {
        margin-top: 28px;
        margin-right: 0
    }

.form.stacked .row .error-message {
    width: 97%;
    left: 0;
    position: relative
}

    .form.stacked .row .error-message:before {
        border-top: 10px solid #f07600;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: 100%;
        left: 50%
    }

.form.stacked .info-message .tooltip {
    width: 150px
}

.form.stacked.with-background .row .error-message:before {
    border-top: 10px solid #eeede6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

input.datepicker.hasDatepicker {
    width: 80%
}

.ui-datepicker-trigger {
    border: 0;
    padding: 0;
    background: none;
    width: 19%
}

.form .fields .ui-datepicker-trigger .icon {
    padding: 4px 5px 0 5px;
    padding: 4px -webkit-calc(50% - 8px) 0 -webkit-calc(50% - 8px);
    padding: 4px -moz-calc(50% - 8px) 0 -moz-calc(50% - 8px);
    padding: 4px calc(50% - 8px) 0 calc(50% - 8px)
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    background: #fff;
    z-index: 4
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    border: 1px solid #d6d6d6;
    border-bottom: none;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3)
}

    .ui-menu .ui-menu {
        margin-top: -3px
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
        border-bottom: 1px solid #d6d6d6
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .5em 1em;
            line-height: 1.5;
            zoom: 1;
            color: #333
        }

            .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                color: #fff;
                background: #6aade4
            }

aside .form {
    margin: 0
}

    aside .form .row {
        padding-right: 0
    }

    aside .form .label {
        display: block;
        float: none;
        width: auto
    }

    aside .form .fields {
        display: block;
        float: none;
        margin: 20px 0 30px 0
    }

        aside .form .fields > label {
            margin-bottom: 10px
        }

    aside .form .field input[type=submit] {
        float: right
    }

aside .content .form {
    margin: 0 -10px;
    padding: 20px 10px 1px 20px
}

section.search {
    background: #6aade4;
    color: #fff;
    padding: 20px;
    margin-top: 4.61538em
}

    section.search h2 {
        color: #fff;
        margin-bottom: .8em
    }

aside section.search {
    margin-top: 0
}

section.search fieldset {
    position: relative
}

section.search .input input, section.search .input button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    height: 3rem;
    line-height: 20px;
    line-height: 2rem;
    vertical-align: middle;
    background: #fff;
    padding: 0
}

section.search .input input {
    border: 1px solid #a7a7a7;
    border-bottom: 1px solid #bebebe;
    border-right: 0;
    border-radius: 4px;
    width: 100%;
    box-shadow: inset 2px 2px 3px 0 #e0e0e0;
    outline: 0;
    text-align: left;
    padding: 5px 0
}

section.search .input button {
    border: 1px solid #a7a7a7;
    border-bottom: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bdbdbd;
    border-radius: 0 4px 4px 0;
    box-shadow: inset 0 2px 3px 0 #e0e0e0;
    text-align: center;
    width: 60px;
    width: 6rem;
    position: absolute;
    top: 0;
    right: 0
}

    section.search .input button:active {
        box-shadow: inset 0 -2px 3px 0 #e0e0e0
    }

section.search .filters {
    float: left;
    width: 40%
}

    section.search .filters label {
        display: block
    }

        section.search .filters label input {
            vertical-align: baseline
        }

section.search .input {
    float: left;
    width: 60%;
    margin-top: 5px
}

    section.search .input.full {
        width: 100%
    }

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none
}

form.comment fieldset, form.comment .submit {
    display: none
}

form.comment.display fieldset, form.comment.display .submit {
    display: block
}

form.comment.display .submit {
    text-align: right;
    width: 98%
}

form.comment .submit .button {
    margin-right: 10px;
    margin-bottom: 10px;
    background: #334432
}

.form.with-background strong {
    color: #fff
}

.form i {
    font-style: italic
}

.form b {
    font-weight: bold;
    color: #525252
}

.form.with-background b {
    color: #fff
}

.displayNone {
    display: none
}

.form.with-tabs {
    width: 100%;
    padding-top: 0
}

    .form.with-tabs .tab {
        margin-top: 0
    }

    .form.with-tabs .tab-bar {
        background: #fff;
        margin: 0 0 30px 0;
        z-index: 3;
        overflow: visible;
        margin-left: -40px;
        padding-left: 40px;
        margin-right: -20px
    }

        .form.with-tabs .tab-bar li {
            float: left;
            background: none;
            padding: 0;
            margin: 0;
            background-color: #fff;
            position: relative;
            bottom: -10px
        }

            .form.with-tabs .tab-bar li:before {
                content: none;
                display: none
            }

            .form.with-tabs .tab-bar li a {
                display: block;
                padding: 10px 15px;
                color: #333
            }

            .form.with-tabs .tab-bar li.active {
                background-color: #eeede6
            }

                .form.with-tabs .tab-bar li.active a:hover {
                    text-decoration: none
                }

            .form.with-tabs .tab-bar li:first-child {
                padding-left: 25px;
                margin-left: -40px
            }

    .form.with-tabs .tab {
        display: none
    }

        .form.with-tabs .tab.active {
            display: block
        }

.details .form.with-tabs {
    background-color: #dedccf;
    padding-right: 20px
}

    .details .form.with-tabs:last-child {
        margin-bottom: -43px
    }

    .details .form.with-tabs .tab-bar li.active {
        background-color: #dedccf
    }

    .details .form.with-tabs .tab-bar, .details .form.with-tabs .tab-bar li {
        background-color: #eeede6
    }

.placeholder {
    color: #999
}

.check-remove-avatar {
    position: relative;
    top: -10px;
    left: 10px;
    text-decoration: underline
}

.removeavatar {
    display: none
}

.form .fields .field.avatar-upload {
    margin-left: 0
}

.database.list thead td, .database.list thead th {
    vertical-align: bottom
}

.database.list td, .database.list th {
    padding: .61538em .5em .61538em .5em
}

    .database.list td:first-child, .database.list th:first-child {
        padding-left: 20px
    }

    .database.list td:last-child, .database.list th:last-child {
        padding-right: 20px
    }

.database.list tbody tr:nth-child(odd) td, .database.list tbody tr:nth-child(odd) th {
    background: #eeede6
}

.database.overview {
    margin-top: 4.61538em
}

    .database.overview dt {
        font-weight: bold
    }

    .database.overview dd {
        margin-bottom: 1em
    }

section.details {
    padding: 13px 0;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    margin-left: -40px;
    background: #fff
}

    section.details + .details {
        border-top: 0
    }

    section.details > h2 {
        padding: 0;
        margin: 0
    }

        section.details > h2 a {
            color: #333;
            text-decoration: none;
            display: block;
            padding-left: 40px;
            margin: -13px 0;
            padding-top: 13px;
            padding-bottom: 13px;
            position: relative
        }

            section.details > h2 a:before {
                content: "\F101";
                font-family: wurfont;
                position: absolute;
                left: 7px;
                font-size: 16px
            }

    section.details .content {
        display: none;
        padding-left: 40px;
        padding-right: 20px;
        margin-bottom: 30px;
        margin-top: 20px
    }

    section.details:hover, section.details.display {
        background: #eeede6
    }

        section.details.display > h2 a:before {
            content: "\F102"
        }

        section.details.display .content {
            display: block
        }

.list.with-comments {
    margin-left: -40px;
    padding: 20px 0 20px 40px;
    background-color: #eeede6;
    color: #333
}

    .list.with-comments .comments {
        margin-bottom: 0
    }

    .list.with-comments h2 {
        padding-right: 40px;
        position: relative
    }

        .list.with-comments h2 small.speech {
            font-weight: bold;
            position: absolute;
            right: 20px;
            color: #34b233
        }

            .list.with-comments h2 small.speech:after {
                font-weight: normal;
                content: "\E109";
                font-family: 'wurfont';
                margin-left: 5px
            }

    .list.with-comments h3 {
        color: #34b233;
        font-weight: normal;
        display: inline
    }

    .list.with-comments .comments li {
        border-top: 1px solid #d6d6d6;
        padding: 10px 20px 20px 0;
        margin-bottom: 0
    }

        .list.with-comments .comments li ul {
            margin-top: 20px;
            padding-bottom: 0;
            margin-bottom: -20px;
            margin-right: -20px
        }

        .list.with-comments .comments li li {
            margin-left: 20px
        }

            .list.with-comments .comments li li:before {
                content: none
            }

    .list.with-comments article p {
        margin-bottom: 0
    }

    .list.with-comments hr {
        margin-left: -40px;
        margin-right: 20px
    }

    .list.with-comments .react {
        display: block;
        margin-top: 10px
    }

    .list.with-comments .response {
        display: none
    }

    .list.with-comments .active .response {
        display: block
    }

    .list.with-comments .comments li li .form {
        margin: 0;
        padding-left: 0
    }

    .list.with-comments .response h3 {
        color: #333
    }

    .list.with-comments hr + .form {
        margin-top: 0
    }

.content .carrousel ul, .content .carrousel ul li {
    background: none
}

    .content .carrousel ul li:before {
        content: none;
        display: none
    }

.carrousel {
    float: right;
    width: 72.82609%;
    position: relative;
    margin-right: -20px;
    height: 360px;
    z-index: 5
}

    .carrousel .items:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url(/images/spinner.gif) no-repeat 50% 50%
    }

    .carrousel.loaded .items:after, .no-js .carrousel .items:after {
        content: none
    }

    .carrousel .items {
        height: 360px
    }

        .carrousel .items li {
            position: absolute;
            top: 0;
            right: 0;
            visibility: hidden;
            padding: 0;
            margin: 0
        }

            .carrousel .items li.show {
                visibility: visible
            }

        .carrousel .items .slide {
            position: relative
        }

            .carrousel .items .slide img {
                display: block
            }

        .carrousel .items li .caption {
            font-style: normal;
            background: rgba(52,178,51,0.7);
            position: absolute;
            bottom: -30px;
            left: -30px;
            right: 40px;
            padding-top: 20px;
            padding-left: 60px;
            padding-bottom: 95px;
            color: #fff;
            line-height: 1.5
        }

            .carrousel .items li .caption a, .carrousel .items li .caption strong {
                color: #fff;
                text-decoration: none
            }

            .carrousel .items li .caption h3 {
                font-weight: normal
            }

            .carrousel .items li .caption p {
                padding-right: 15px;
                margin: 0 0 5px 0
            }

    .carrousel .more {
        background: url(/images/backgrounds/sprites.png) -540px .45em no-repeat;
        padding-left: 12px;
        color: #fff;
        text-decoration: none;
        margin-bottom: -10px
    }

        .carrousel .more:hover {
            text-decoration: underline
        }

    .carrousel .pagination {
        padding: 0
    }

        .carrousel .pagination ul li a, .carrousel .pagination ul li:hover a {
            color: #fff;
            background: none
        }

        .carrousel .pagination ul li:hover a, .carrousel .pagination ul li.active a {
            color: #333;
            -moz-transition: color .1s ease-in;
            -webkit-transition: color .1s ease-in;
            -o-transition: color .1s ease-in;
            transition: color .1s ease-in
        }

            .carrousel .pagination ul li a.icon, .carrousel .pagination ul li.active a, .carrousel .pagination ul li:hover a.icon, .carrousel .pagination ul li.active:hover a {
                background: none;
                padding: 2px;
                font-weight: normal
            }

        .carrousel .pagination ul li a:hover {
            background: none
        }

    .carrousel .pagination {
        position: absolute;
        bottom: 10px;
        left: 20px
    }

.content .gallery ul, .content .gallery ul li {
    background: none
}

    .content .gallery ul li:before {
        content: none;
        display: none
    }

.gallery {
    background: #efeee8;
    margin: 0 -20px 40px -40px;
    padding: 0 0 0 40px;
    position: relative;
    clear: both;
    overflow: hidden
}

    .gallery:before {
        content: "";
        position: absolute;
        left: 0;
        height: 100%;
        top: 0;
        width: 15px;
        z-index: 100;
        pointer-events: none;
        background: url(/images/backgrounds/gallery-shadow.png) -18px 50% no-repeat
    }

#main .carrousel + .gallery, #main .visual + .gallery {
    padding-top: 55px;
    z-index: 2
}

.gallery h2 {
    margin: 0 0 15px 0;
    font-weight: normal
}

.gallery .items {
    margin: 0 0 0 -20px;
    width: 150%
}

    .gallery .items li {
        width: 150px;
        float: left;
        margin: 0 0 15px 20px;
        padding: 0
    }

        .gallery .items li a {
            display: block;
            text-decoration: none;
            color: #333
        }

.gallery .actions {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background: #fff
}

    .gallery .actions:before {
        content: "";
        position: absolute;
        width: 5px;
        right: 40px;
        top: 0;
        bottom: 0;
        z-index: 100;
        pointer-events: none;
        background: url(/images/backgrounds/gallery-shadow.png) -4px 50% no-repeat
    }

    .gallery .actions .next, .gallery .actions .prev {
        width: 40px;
        display: block;
        text-align: center;
        margin: 5px 0;
        color: #333;
        position: absolute;
        bottom: 50%
    }

        .gallery .actions .next:hover, .gallery .actions .prev:hover {
            text-decoration: none
        }

    .gallery .actions .prev {
        top: 50%
    }

.gallery .pagination {
    padding: 0 0 10px 0
}

    .gallery .pagination ul li a, .gallery .pagination ul li:hover a {
        color: rgba(51,51,51,0.3);
        background: none
    }

    .gallery .pagination ul li:hover a, .gallery .pagination ul li.active a {
        color: #333;
        -webkit-transition: color .1s ease-in;
        -moz-transition: color .1s ease-in;
        -o-transition: color .1s ease-in;
        transition: color .1s ease-in
    }

        .gallery .pagination ul li a.icon, .gallery .pagination ul li.active a, .gallery .pagination ul li:hover a.icon, .gallery .pagination ul li.active:hover a {
            background: none;
            padding: 2px;
            font-weight: normal;
            outline: 0
        }

    .gallery .pagination ul li a:hover {
        background: none
    }

.no-js .gallery .items {
    width: auto
}

.no-js .gallery .pagination {
    display: none
}

.gallery .items:after {
    content: "";
    visibility: hidden;
    clear: both;
    display: block;
    height: 0
}

.gallery.of-people .items li {
    width: 270px
}

.gallery.of-people .vcard {
    padding: 0 0 0 90px;
    font-style: normal
}

    .gallery.of-people .vcard .contact {
        line-height: 1.5;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 80px;
        padding-bottom: 2em;
        margin-bottom: -1.5em
    }

    .gallery.of-people .vcard span {
        display: block
    }

.gallery.of-people .fn {
    color: #3a84c1;
    display: block;
    margin: .2em 0 0 0
}

    .gallery.of-people .fn:hover {
        color: #0d426b;
        text-decoration: underline
    }

.gallery.of-people .photo-frame {
    margin-left: -90px;
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden
}

    .gallery.of-people .photo-frame .photo {
        width: 80px
    }

.featured h2 {
    line-height: 1.25;
    margin-top: 0;
    color: #34b233
}

.featured p.type {
    margin-bottom: 0
}

.collection {
    clear: both;
    border: 0
}

.content .collection h2, .content .collection .list h2, aside .content h2, aside .content .list h2, aside .content .collection .list h2 {
    line-height: 1.25
}

.collection > h2 {
    margin-bottom: .8em
}

.collection .columns {
    box-shadow: 0 -1px #d6d6d6;
    margin-bottom: 40px;
    display: table;
    border-collapse: collapse
}

.gallery + .collection .columns, .collection:first-child .columns {
    box-shadow: none
}

.collection .columns .col {
    display: table-cell;
    vertical-align: top;
    border-left: 20px solid white;
    border-right: 20px solid white;
    padding: 20px;
    float: none;
    white-space: break-word;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.collection.inverted-background .columns {
    box-shadow: none
}

.collection.inverted-background .col {
    background-color: #eeede6
}

.content.bottom .collection {
    margin-left: -40px;
    margin-right: -20px
}

    .content.bottom .collection > h2 {
        margin-left: 40px;
        margin-right: 20px
    }

.program {
    background: #fff;
    position: relative;
    top: -50px;
    background: #FFF;
    padding: 15px;
    padding-top: 12px;
    width: 380px;
    padding-right: 20px;
    left: -20px
}

aside .program {
    margin: 0 0 20px 0
}

.program th, .program td {
    border-bottom: 0;
    line-height: 1.5
}

.masonry {
    position: relative;
    height: 319px
}

    .masonry.loaded, .no-js .masonry {
        height: auto
    }

    .masonry:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: white url(/images/spinner.gif) no-repeat 50% 50%
    }

    .masonry.loaded:after, .no-js .masonry:after {
        content: none
    }

    .masonry.loaded .tile, .no-js .masonry .tile {
        display: block
    }

    .masonry .tile {
        position: absolute;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: none;
        display: none
    }

.no-js .masonry .tile {
    position: static;
    float: left;
    margin: 0 20px 20px 0
}

.masonry .tile .caption {
    position: absolute;
    background: rgba(51,51,51,0.4);
    overflow: hidden;
    color: #fff
}

.masonry .tile:hover .caption {
    background: rgba(51,51,51,0.8)
}

.masonry .tile img {
    max-width: 100%
}

.masonry a:hover {
    text-decoration: none
}

.masonry .size-1x1 {
    width: 140px;
    height: 93px
}

.masonry .size-1x2 {
    width: 140px;
    height: 206px
}

.masonry .size-2x1 {
    width: 300px;
    height: 93px
}

.masonry .size-2x2 {
    width: 300px;
    height: 206px
}

.masonry .size-2x3 {
    width: 300px;
    height: 319px
}

.masonry .size-3x1 {
    width: 460px;
    height: 93px
}

.masonry .size-3x3 {
    width: 460px;
    height: 319px
}

.masonry .size-1x1 .caption {
    left: 0;
    top: 0;
    height: 63px;
    width: 100px;
    padding: 15px 10px
}

.masonry .size-1x2 .caption, .masonry .size-2x2 .caption {
    left: 0;
    bottom: 0;
    padding: 15px;
    width: 270px
}

.masonry .size-3x3 .caption {
    left: 0;
    bottom: 0;
    padding: 15px;
    width: 430px
}

.masonry .without-photo {
    background: #6aade4
}

    .masonry .without-photo .caption, .masonry .without-photo .caption:hover {
        position: static;
        display: block;
        background: none;
        width: auto;
        text-overflow: ellipsis
    }

    .masonry .without-photo:hover {
        background: #005172
    }

.masonry .pullquote {
    padding: 10px;
    background: #6aade4;
    color: #fff;
    height: 100%
}

    .masonry .pullquote:before {
        content: ""
    }

    .masonry .pullquote blockquote:before, .masonry .pullquote blockquote:after {
        content: ""
    }

    .masonry .pullquote.with-photo .photo-frame {
        margin-left: 0;
        width: 73px;
        height: 73px
    }

    .masonry .pullquote.with-photo .photo {
        width: 73px
    }

    .masonry .pullquote.with-photo blockquote {
        margin-left: 83px
    }

.masonry .banner {
    margin: 0
}

.stones {
    margin-left: -40px;
    z-index: 100;
    position: relative;
    width: auto
}

    .stones ul {
        list-style: none;
        margin-left: -20px;
        margin-bottom: 0
    }

    .stones .stone {
        float: left;
        width: 220px;
        height: 175px;
        overflow: hidden;
        background-image: none;
        padding-left: 0;
        display: block;
        margin: 0 0 20px 20px;
        position: relative
    }

        .stones .stone img {
            width: 220px;
            height: 160px;
            display: block
        }

    .stones .caption {
        position: absolute;
        width: 180px;
        top: 102%;
        right: 0;
        padding: 10px;
        background-color: rgba(52,178,51,0.85);
        cursor: pointer
    }

        .stones .caption h2 {
            padding: 10px;
            position: absolute;
            width: 180px;
            bottom: 100%;
            right: 0;
            margin-bottom: 0;
            background-color: #34b233;
            color: #fff;
            font-weight: normal
        }

        .stones .caption p {
            color: #fff
        }

            .stones .caption p:after {
                content: '\F006';
                font-size: inherit;
                font-family: 'wurfont'
            }

    .stones .stone:hover .caption:hover {
        top: 0;
        left: 20px;
        right: 0;
        bottom: 0
    }

    .stones .stone .caption:hover h2 {
        position: static;
        padding: 0;
        margin-bottom: .5em;
        background-color: rgba(52,178,51,0)
    }

.banner {
    margin: 20px 0 20px 0;
    padding: 0;
    position: relative;
    overflow: hidden
}

aside .banner {
    margin-left: 10px;
    margin-right: 10px
}

.banner a {
    color: #fff;
    display: block
}

    .banner a:hover {
        text-decoration: none
    }

.banner .body {
    position: relative;
    padding: 20px 20px 0 20px;
    border-bottom: 65px solid transparent
}

.banner h2 {
    line-height: 1.3;
    margin-bottom: .75em
}

.banner .meta {
    color: #fff;
    margin-bottom: 1.5em
}

.banner p {
    line-height: 1.5
}

.banner .button {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #fff;
    color: #333
}

.banner.with-photo .body {
    margin-right: 100px
}

.banner.with-photo img {
    position: absolute;
    top: 0;
    right: 0
}

.banner.without-button .body {
    border-bottom: 0;
    padding-bottom: 20px
}

.banner.without-button h2 {
    margin: 0
}

    .banner.without-button h2:after {
        content: " \F004";
        font-family: "wurfont"
    }

.banner a, .banner.color-blue a {
    background: #6aade4
}

.banner.color-orange a {
    background: #f93
}

.banner a:hover, .banner.color-blue a:hover {
    background: #005172
}

.banner.color-orange a:hover {
    background: #ed7301
}

.collection .banner {
    margin-left: -20px;
    margin-right: -20px
}

    .collection .banner:first-child {
        margin-top: 0
    }

aside .content .banner {
    margin-left: -10px;
    margin-right: -10px
}

.tile.size-2x3 .banner .body, .collection .banner .body {
    overflow: hidden;
    height: 234px
}

.tile.size-2x2 .banner .body, .collection .banner.without-body .body {
    height: 121px
}

.tile.size-2x1 .banner .body, .collection .banner.without-button .body {
    height: 53px
}

.contact-overlay {
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -100%;
    width: 91.48936%;
    z-index: 150;
    box-shadow: -5px 5px 15px rgba(51,51,51,0.5),5px -5px 5px rgba(51,51,51,0.5)
}

    .contact-overlay .wrapper {
        padding: 50px 20px 50px 40px
    }

    .contact-overlay .content {
        float: left;
        width: 53.48837%;
        margin-bottom: 0
    }

    .contact-overlay aside {
        width: 46.51163%;
        float: left;
        position: relative;
        right: -1px;
        bottom: -1px
    }

    .contact-overlay .close {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 51;
        color: #333
    }

        .contact-overlay .close:hover {
            color: #333;
            text-decoration: none
        }

    .contact-overlay .form {
        background: none
    }

        .contact-overlay .form.with-tabs {
            background: #eeede6;
            padding-right: 20px
        }

.layout-article.with-visual .contact-overlay .contactinfo, .layout-article.with-visual .contact-overlay .contactinfo.with-extra {
    position: static
}

.layout-article aside .contactinfo:first-child {
    margin-top: -10px
}

.audience-services {
    position: relative;
    padding: 185px 0 20px 20px;
    width: 200px
}

    .audience-services img {
        display: block;
        max-width: none;
        position: absolute;
        left: 0;
        top: 0
    }

    .audience-services h2, .audience-services h2:first-child {
        background: rgba(52,178,51,0.9);
        color: #fff;
        margin-bottom: 0;
        padding: 10px 20px;
        position: relative;
        z-index: 2;
        margin-top: -40px
    }

    .audience-services .teaser {
        background: #34b233;
        display: block;
        color: #fff;
        padding: 10px 20px;
        margin-bottom: 20px;
        position: relative
    }

        .audience-services .teaser:hover {
            text-decoration: none
        }

        .audience-services .teaser h3 {
            margin: 0;
            font-weight: bold
        }

    .audience-services h3 {
        margin-bottom: 15px;
        font-weight: normal;
        margin-left: 15px
    }

    .audience-services .teaser.video {
        padding-left: 65px
    }

        .audience-services .teaser.video:before {
            font-family: wurfont;
            content: "\F012";
            color: #0d426b;
            font-size: 16px;
            line-height: 1.3;
            vertical-align: middle;
            width: 16px;
            height: 16px;
            padding: 8px;
            position: absolute;
            left: 20px;
            top: 50%;
            margin-top: -16px;
            border-radius: 50%;
            background: #fff;
            text-indent: 2px
        }

    .audience-services .links li {
        padding: 0;
        margin: 0;
        border-top: 1px solid #fff
    }

        .audience-services .links li:before {
            content: ""
        }

    .audience-services .links {
        border-bottom: 1px solid #fff
    }

        .audience-services .links a {
            padding: 15px
        }

            .audience-services .links a:hover {
                background: #dedccf;
                color: #333
            }

.interactive-map {
    height: auto
}

    .interactive-map .map {
        height: 300px;
        width: 100%
    }

        .interactive-map .map img {
            max-width: none !important
        }

    .interactive-map .menu, .interactive-map .menu ul {
        margin-bottom: 0
    }

        .interactive-map .menu li {
            float: left;
            border-left: 1px solid #d6d6d6;
            padding: 10px 20px 10px;
            margin: 0
        }

            .interactive-map .menu li:before {
                content: ""
            }

            .interactive-map .menu li:first-child {
                border-left: 0;
                padding-left: 20px
            }

            .interactive-map .menu li a, .interactive-map .menu li a:visited, .interactive-map .menu li a:hover {
                color: #333
            }

.map-overlay p {
    margin-bottom: .8em
}

.map-overlay .heading {
    font-size: 15px;
    display: block
}

.content .map-overlay table, .content .map-overlay table td {
    margin: 0;
    border: 0;
    padding: 12px 10px 3px 7px;
    vertical-align: top
}

.content .map-overlay .body {
    padding-right: 33px;
    line-height: 1.5
}

.form.poll .fields {
    float: none;
    margin-left: 0
}

    .form.poll .fields label {
        margin-bottom: 6px
    }

.form.poll p {
    margin-bottom: 12px;
    padding-right: 90px
}

    .form.poll p:last-child {
        font-size: .9em
    }

.form.poll .indicator {
    position: relative;
    display: block;
    height: 1.3em;
    margin-top: 4px;
    background-color: #34b233
}

.poll-value {
    position: absolute;
    right: -10px;
    width: 0;
    color: #34b233;
    font-size: 1.15em;
    line-height: 1.3em;
    text-align: left
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
        box-shadow: 0 10px 25px rgba(0,0,0,0.5)
    }

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("fancybox_sprite.png")
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url("fancybox_loading.gif") center center no-repeat
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("blank.gif");
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("fancybox_overlay.png")
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent;
        background: rgba(0,0,0,0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,0.8)
}

a.lightbox:after {
    font-family: wurfont;
    content: "\E102";
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    position: absolute;
    left: 10px;
    bottom: 6px
}

a.lightbox {
    position: relative;
    display: block
}

    a.lightbox:hover {
        text-decoration: none
    }

.fancybox-title {
    font-weight: bold
}

    .fancybox-title span {
        float: right;
        font-weight: normal
    }

.fancybox-title, .fancybox-error {
    font-family: verdana,sans-serif
}

.fancybox-overlay {
    background: url(/images/backgrounds/fancybox_overlay.png)
}

.fancybox-nav {
    background: transparent url(/images/backgrounds/blank.gif)
}

#fancybox-loading div {
    background: url(/images/backgrounds/fancybox_loading.gif) center center no-repeat
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(/images/backgrounds/fancybox_sprite.png)
}

#fancybox-loading, .fancybox-close {
    background-image: none
}

    .fancybox-close:hover, .fancybox-close {
        top: 2px;
        right: 3px;
        font-size: 15px;
        font-family: wurfont;
        width: auto;
        height: auto;
        color: #333;
        text-decoration: none
    }

.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.form .row .chzn-container {
    width: 100% !important
}

.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
    box-shadow: 0 4px 5px rgba(0,0,0,0.15);
    z-index: 1010
}

.chzn-container-single .chzn-single {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,white),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
    background-image: -webkit-linear-gradient(top,white 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-image: -moz-linear-gradient(top,white 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-image: -o-linear-gradient(top,white 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-image: linear-gradient(white 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 0 3px white inset,0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 3px white inset,0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px white inset,0 1px 1px rgba(0,0,0,0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    padding: 0 0 0 8px;
    color: #444;
    text-decoration: none
}

.chzn-container-single .chzn-default {
    color: #999
}

.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url("/images/backgrounds/chosen-sprite.png") -42px 1px no-repeat
}

    .chzn-container-single .chzn-single abbr:hover {
        background-position: -42px -10px
    }

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: -42px -10px
}

.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px
}

    .chzn-container-single .chzn-single div b {
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat 0 2px;
        display: block;
        width: 100%;
        height: 100%
    }

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010
}

    .chzn-container-single .chzn-search input {
        float: none;
        background: white url("/images/backgrounds/chosen-sprite.png") no-repeat 100% -20px;
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat 100% -20px,-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,white));
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat 100% -20px,-webkit-linear-gradient(top,#eee 1%,white 15%);
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat 100% -20px,-moz-linear-gradient(top,#eee 1%,white 15%);
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat 100% -20px,-o-linear-gradient(top,#eee 1%,white 15%);
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat 100% -20px,linear-gradient(#eee 1%,white 15%);
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        outline: 0;
        border: 1px solid #aaa;
        font-family: sans-serif;
        font-size: 1em;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

.chzn-container-single .chzn-drop {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.chzn-container-single-nosearch .chzn-search input {
    position: absolute;
    left: -9000px
}

.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,white));
    background-image: -webkit-linear-gradient(top,#eee 1%,white 15%);
    background-image: -moz-linear-gradient(top,#eee 1%,white 15%);
    background-image: -o-linear-gradient(top,#eee 1%,white 15%);
    background-image: linear-gradient(#eee 1%,white 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative
}

    .chzn-container-multi .chzn-choices li {
        float: left;
        list-style: none
    }

    .chzn-container-multi .chzn-choices .search-field {
        white-space: nowrap;
        margin: 0;
        padding: 0
    }

        .chzn-container-multi .chzn-choices .search-field input {
            color: #666;
            background: transparent !important;
            border: 0 !important;
            font-family: sans-serif;
            font-size: 100%;
            height: 15px;
            padding: 5px;
            margin: 1px 0;
            outline: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

        .chzn-container-multi .chzn-choices .search-field .default {
            color: #999
        }

    .chzn-container-multi .chzn-choices .search-choice {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #e4e4e4;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4',endColorstr='#eeeeee',GradientType=0);
        background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
        background-image: -webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
        background-image: -moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
        background-image: -o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
        background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
        -webkit-box-shadow: 0 0 2px white inset,0 1px 0 rgba(0,0,0,0.05);
        -moz-box-shadow: 0 0 2px white inset,0 1px 0 rgba(0,0,0,0.05);
        box-shadow: 0 0 2px white inset,0 1px 0 rgba(0,0,0,0.05);
        color: #333;
        border: 1px solid #aaa;
        line-height: 13px;
        padding: 3px 20px 3px 5px;
        margin: 3px 0 3px 5px;
        position: relative;
        cursor: default
    }

        .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
            background-color: #e4e4e4;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4',endColorstr='#eeeeee',GradientType=0);
            background-image: -webkit-gradient(linear,0% 0,0% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
            background-image: -webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -ms-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            color: #666;
            border: 1px solid #ccc;
            padding-right: 5px
        }

    .chzn-container-multi .chzn-choices .search-choice-focus {
        background: #d4d4d4
    }

    .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
        display: block;
        position: absolute;
        right: 3px;
        top: 4px;
        width: 12px;
        height: 12px;
        font-size: 1px;
        background: url("/images/backgrounds/chosen-sprite.png") -42px 1px no-repeat
    }

        .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
            background-position: -42px -10px
        }

    .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
        background-position: -42px -10px
    }

.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0
}

.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
    position: static;
    color: #333
}

    .chzn-container .chzn-results li:before {
        content: "";
        display: none
    }

.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item
}

.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7',endColorstr='#2a62bc',GradientType=0);
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));
    background-image: -webkit-linear-gradient(top,#3875d7 20%,#2a62bc 90%);
    background-image: -moz-linear-gradient(top,#3875d7 20%,#2a62bc 90%);
    background-image: -o-linear-gradient(top,#3875d7 20%,#2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%,#2a62bc 90%);
    color: #fff
}

.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal
}

.chzn-container .chzn-results .highlighted em {
    background: transparent
}

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item
}

.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold
}

.chzn-container .chzn-results .group-option {
    padding-left: 15px
}

.chzn-container-multi .chzn-drop .result-selected {
    display: none
}

.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1
}

    .chzn-container .chzn-results-scroll span {
        display: inline-block;
        height: 17px;
        text-indent: -5000px;
        width: 9px
    }

.chzn-container .chzn-results-scroll-down {
    bottom: 0
}

    .chzn-container .chzn-results-scroll-down span {
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat -4px -3px
    }

.chzn-container .chzn-results-scroll-up span {
    background: url("/images/backgrounds/chosen-sprite.png") no-repeat -22px -3px
}

.chzn-container-active .chzn-single {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: 1px solid #5897fb
}

.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    background-color: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#eee),color-stop(80%,white));
    background-image: -webkit-linear-gradient(top,#eee 20%,white 80%);
    background-image: -moz-linear-gradient(top,#eee 20%,white 80%);
    background-image: -o-linear-gradient(top,#eee 20%,white 80%);
    background-image: linear-gradient(#eee 20%,white 80%);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    .chzn-container-active .chzn-single-with-drop div {
        background: transparent;
        border-left: none
    }

        .chzn-container-active .chzn-single-with-drop div b {
            background-position: -18px 2px
        }

.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: 1px solid #5897fb
}

    .chzn-container-active .chzn-choices .search-field input {
        color: #111 !important
    }

.chzn-disabled {
    cursor: default;
    opacity: .5 !important
}

    .chzn-disabled .chzn-single {
        cursor: default
    }

    .chzn-disabled .chzn-choices .search-choice .search-choice-close {
        cursor: default
    }

.chzn-rtl {
    text-align: right
}

    .chzn-rtl .chzn-single {
        padding: 0 8px 0 0;
        overflow: visible
    }

        .chzn-rtl .chzn-single span {
            margin-left: 26px;
            margin-right: 0;
            direction: rtl
        }

        .chzn-rtl .chzn-single div {
            left: 3px;
            right: auto
        }

        .chzn-rtl .chzn-single abbr {
            left: 26px;
            right: auto
        }

    .chzn-rtl .chzn-choices .search-field input {
        direction: rtl
    }

    .chzn-rtl .chzn-choices li {
        float: right
    }

    .chzn-rtl .chzn-choices .search-choice {
        padding: 3px 5px 3px 19px;
        margin: 3px 5px 3px 0
    }

        .chzn-rtl .chzn-choices .search-choice .search-choice-close {
            left: 4px;
            right: auto
        }

    .chzn-rtl.chzn-container-single .chzn-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0
    }

    .chzn-rtl .chzn-results .group-option {
        padding-left: 0;
        padding-right: 15px
    }

    .chzn-rtl.chzn-container-active .chzn-single-with-drop div {
        border-right: none
    }

    .chzn-rtl .chzn-search input {
        background: white url("/images/backgrounds/chosen-sprite.png") no-repeat -30px -20px;
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat -30px -20px,-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,white));
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat -30px -20px,-webkit-linear-gradient(top,#eee 1%,white 15%);
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat -30px -20px,-moz-linear-gradient(top,#eee 1%,white 15%);
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat -30px -20px,-o-linear-gradient(top,#eee 1%,white 15%);
        background: url("/images/backgrounds/chosen-sprite.png") no-repeat -30px -20px,linear-gradient(#eee 1%,white 15%);
        padding: 4px 5px 4px 20px;
        direction: rtl
    }

.chzn-container-single.chzn-rtl .chzn-single div b {
    background-position: 6px 2px
}

.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi) {
    .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
        background-image: url("/images/backgrounds/chosen-sprite@2x.png") !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important
    }
}

nav.subnav {
    position: relative;
    z-index: 10
}

    nav.subnav h2 {
        line-height: 1.5;
        background: #eeede6;
        background: rgba(238,237,230,0.9);
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 40px 10px 30px
    }

    nav.subnav ul {
        background: #eeede6
    }

    nav.subnav li:first-child {
        border-top: none
    }

    nav.subnav li {
        border-top: 1px solid #fff;
        margin-left: 10px
    }

    nav.subnav a {
        display: block;
        position: relative;
        padding: 10px 40px 10px 35px;
        color: #333;
        text-decoration: none
    }

        nav.subnav a:hover {
            background: #dedccf
        }

        nav.subnav a:before {
            color: #bebeb8;
            font-family: "wurfont";
            content: "\F004";
            position: absolute;
            font-size: 21px;
            height: 21px;
            width: 21px;
            line-height: 21px;
            left: 5px;
            vertical-align: middle
        }

    nav.subnav .publications a:before, nav.subnav .icon-publications a:before {
        content: "\E103"
    }

    nav.subnav .achievements a:before, nav.subnav .icon-achievements a:before {
        content: "\E104"
    }

    nav.subnav .people a:before, nav.subnav .icon-people a:before {
        content: "\E105"
    }

    nav.subnav .research a:before, nav.subnav .icon-research a:before {
        content: "\E106"
    }

    nav.subnav .education a:before, nav.subnav .icon-alumni a:before, nav.subnav .icon-education a:before {
        content: "\E107"
    }

    nav.subnav .network a:before, nav.subnav .icon-network a:before {
        content: "\E108"
    }

    nav.subnav .icon-profile a:before {
        content: "\E10A"
    }

    nav.subnav .icon-student a:before {
        content: "\E10B"
    }

    nav.subnav .icon-employee a:before {
        content: "\E10C"
    }

    nav.subnav .icon-newsletters a:before {
        content: "\E10D"
    }

    nav.subnav .icon-magazines a:before {
        content: "\E117"
    }

    nav.subnav .icon-events a:before {
        content: "\E10E"
    }

    nav.subnav .icon-password a:before {
        content: "\E10F"
    }

    nav.subnav .icon-email a:before {
        content: "\E110"
    }

    nav.subnav .icon-business a:before {
        content: "\E111"
    }

aside .subnav {
    margin-bottom: 40px;
    position: relative
}

    aside .subnav h2, aside .subnav ul {
        margin-right: -20px;
        width: 63.15789%;
        float: right
    }

.ie9 textarea {
    font-family: verdana;
    overflow: auto
}

.ie9 .pagination li.prev a {
    background-position: -1326px 15px
}

.ie9 .pagination li.next a {
    background-position: -1532px 15px
}

.ie9 a {
    outline: 0
}

.ie9 body.fixed #breadcrumb {
    width: 100%
}

.ie9 .layout-home .info .links {
    width: 290px;
    list-style-type: none
}

    .ie9 .layout-home .info .links li:before {
        top: 1px;
        font-size: 1.2em
    }

    .ie9 .layout-home .info .links li {
        width: 120px;
        float: left
    }

.ie8 .site-search .results {
    border: 1px solid #c0c0c0;
    border-top: 0
}

.ie8 .primary-navigation .search-button {
    padding-top: 0;
    padding-bottom: 0;
    border-left-width: 0
}

    .ie8 .primary-navigation .search-button a:hover {
        background-color: #fff;
        background-position: -3665px 0
    }

    .ie8 .primary-navigation .search-button a {
        color: transparent;
        font-size: 0;
        background-image: url(/images/backgrounds/sprite-ie.png);
        background-repeat: no-repeat;
        background-position: -3954px 0;
        border-width: 0;
        padding-top: 0;
        padding-bottom: 0;
        height: 51px;
        width: 26px
    }

.ie8 .contactinfo.display.with-overlay {
    border-left: 1px solid #ccc
}

    .ie8 .contactinfo.display.with-overlay .extra-cards {
        border-left: 1px solid #ccc;
        padding-bottom: 10px;
        left: -1px
    }

.ie8 .contactinfo ul > li > .vcard {
    border-bottom-width: 0
}

.ie8 .contactinfo ul > li > .vcard {
    border-top: 1px solid #ccc
}

.ie8 .contactinfo ul > li:first-child > .vcard {
    border-top-width: 0
}

.ie8 .contactinfo.display.with-overlay .extra-cards ul {
    border-top: 10px solid #d6d6d6
}

.ie8 .contactinfo.display.with-overlay .extra-cards ul {
    border-top: 1px solid #d6d6d6
}

.ie8 .contactinfo .extra-cards ul {
    border-top-width: 1px
}

.ie8 .layout-subhome.for-development aside {
    background-color: #69b0e1;
    margin-right: -20px
}

.ie8 .layout-subhome .page {
    background-color: #fff
}

.ie8 .layout-profile > .page, .ie8 .layout-signin > .page {
    background-color: #eeede6
}

.ie8 div.content.bottom .collection .columns .col {
    width: 33%
}

.ie8 .layout-subhome-study .main header.title h1, .ie8 .layout-article.with-visual section.factsheet header {
    background-image: url(/images/backgrounds/bluebg.png);
    background-repeat: repeat
}

.ie8 .layout-subhome-school .main > .title {
    background: url(/images/backgrounds/subhome-school-header-title.png)
}

.ie8 div.page, .ie8 .layout-subhome, .ie8 .layout-subhome #main, .ie8 .layout-subhome.for-development .page {
    background-color: #fff
}

.ie8 #breadcrumb .collapsed .label {
    display: none
}

.ie8 .layout-home .carrousel .footer, .ie8 .stones .caption {
    background-image: url(/images/backgrounds/greenbg.png);
    background-repeat: repeat;
    text-decoration: none
}

    .ie8 .stones .caption:hover h2 {
        background-color: transparent
    }

.ie8 article footer .columns .col:first-child + .col + .col + .col, .ie8 article footer .columns .col:first-child + .col + .col + .col + .col + .col + .col, .ie8 article footer .columns .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col {
    clear: left
}

.ie8 #breadcrumb > ul div {
    border: solid 1px #f2f2f2;
    border-top-width: 0
}

.ie8 .primary-navigation > form input {
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    border-width: 0
}

.ie8 .primary-navigation > form button {
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -254px 0;
    border-width: 0
}

.ie8 div.social iframe.twitter-share-button {
    margin-left: 5px
}

.ie8 textarea {
    overflow: auto;
    font-family: verdana,sans-serif;
    font-size: 13px
}

.ie8 a {
    outline: none
}

.ie8 .collection:first-child .columns, .ie8 .collection.inverted-background .columns {
    border-top: 0
}

.ie8 .collection .columns {
    border-top: 1px #d6d6d6 solid
}

.ie8 article footer .columns .col {
    width: 33%
}

.ie8 .pagination li.prev a {
    background-position: -1326px 14px;
    margin-left: -4px
}

.ie8 .pagination li.next a {
    background-position: -1532px 14px;
    margin-left: -9px
}

.ie8 .pagination li.next a, .ie8 .pagination li.prev a {
    background-image: url(/images/backgrounds/sprites.png);
    text-indent: 15px;
    padding-left: 20px;
    width: 10px
}

.ie8 .pagination li.next a, .ie8 .pagination li.prev a {
    display: inline-block;
    padding: 6px;
    text-decoration: none
}

.ie8 .layout-home .carrousel .pagination {
    left: 530px
}

.ie8 .with-visual .sender-related header {
    background-image: url(/images/backgrounds/beigebg.png);
    background-repeat: repeat
}

.ie8 .sender-related a.button {
    margin: 0 0 1.3em
}

.ie8 .masonry .tile .caption {
    background-image: url(/images/backgrounds/lightgraybg.png);
    background-repeat: repeat
}

.ie8 .masonry .tile:hover .caption {
    background-image: url(/images/backgrounds/darkgraybg.png);
    background-repeat: repeat
}

.ie8 .masonry .tile.without-photo .caption, .ie8 .masonry .tile.without-photo:hover .caption {
    background: none
}

.ie8 .layout-home .info .links {
    width: 290px;
    list-style-type: none
}

    .ie8 .layout-home .info .links li {
        display: inline;
        width: 125px;
        float: left
    }

.ie8 .carrousel .items li .caption, .ie8 .layout-subhome-chairgroup #main .contentwrapper > header.title {
    background-image: url(/images/backgrounds/greenbg.png);
    background-repeat: repeat
}

.ie8 html, .ie8 body {
    min-width: 740px
}

.ie8 .fields div.field.half button span {
    width: 20px;
    display: block
}

.ie8 .content .carrousel ul li .slide img {
    max-width: none
}

.ie7 .gallery {
    margin-top: 30px
}

.ie7 strong.title {
    display: block;
    width: 100%
}

.ie7 .primary-navigation {
    padding-right: 0;
    width: 380px;
    float: right
}

    .ie7 .primary-navigation .wrapper {
        float: none;
        padding: 0;
        margin: 0
    }

.ie7 menu.language > a {
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -4020px 3px
}

.ie7 section.display.details, .ie7 section.details {
    width: 530px
}

.ie7 .site-search .button .icon {
    line-height: 1.5;
    padding-top: -10px;
    margin-top: -10px
}

.ie7 .site-search .results dl {
    width: 45%
}

.ie7 .site-search .results li {
    background-image: url("/images/backgrounds/sprites.png");
    background-repeat: no-repeat;
    background-position: -138px 5px
}

.ie7 .site-search .all {
    padding-right: 20px;
    background-image: url("/images/backgrounds/sprites.png");
    background-repeat: no-repeat;
    background-position: -28px 5px
}

.ie7 .search-results .facet ul.extended {
    display: none
}

.ie7 .search-results .facet.extended ul.extended, .ie7 .search-results .facet.extended {
    display: block
}

.ie7 .search-results .facet li {
    border-width: 0
}

.ie7 .search-results section.facet a.more {
    position: static;
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -4950px 10px
}

.ie7 .search-results section.facet a.less {
    position: static;
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -5510px 8px
}

.ie7 .layout-search #main form {
    height: 35px
}

.ie7 .layout-search #main .button {
    height: 42px
}

    .ie7 .layout-search #main .button .icon {
        line-height: 1.5;
        margin-top: -7px
    }

.ie7 section.details > h2 a {
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -960px 20px;
    padding-left: 60px
}

.ie7 section.details.display > h2 a {
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -1612px 20px
}

.ie7 .layout-home .content ul.tab-bar li {
    display: inline
}

.ie7 .layout-subhome.for-development aside {
    background-color: #69b0e1;
    padding-bottom: 100px
}

.ie7 .layout-article.with-visual aside .factsheet header {
    background-image: url(/images/backgrounds/bluebg.png);
    background-repeat: repeat
}

.ie7 .layout-subhome-chairgroup header.title .follow .icon {
    color: #35992a
}

    .ie7 .layout-subhome-chairgroup header.title .follow .icon:hover {
        color: #fff
    }

.ie7 .layout-subhome-audience .collection .columns {
    border-top-width: 0
}

.ie7 .layout-article div.content.bottom .collection {
    margin-left: -20px
}

    .ie7 .layout-article div.content.bottom .collection .columns .col, .ie7 .layout-subhome div.content.bottom .collection .columns .col {
        width: 32%
    }

.ie7 .layout-subhome-institute div.content.bottom .collection .columns .col, .ie7 .layout-subhome-chairgroup div.content.bottom .collection .columns .col, .ie7 .layout-subhome-audience div.content.bottom .collection .columns .col, .ie7 .layout-subhome.for-development div.content.bottom .collection .columns .col, .ie7 .layout-subhome.for-services div.content.bottom .collection .columns .col {
    width: 25%
}

.ie7 .layout-article #main .content .visual {
    position: relative;
    display: inline;
    margin-right: -110%
}

.ie7 .layout-subhome-chairgroup #main .contentwrapper header.title a.more, .ie7 body > footer ul.links li, .ie7 .audience-related ul.links li, .ie7 body > footer nav ul li, .ie7 body > footer a.more {
    background-image: url("/images/backgrounds/sprites.png");
    background-repeat: no-repeat;
    background-position: -538px 7px
}

.ie7 .layout-subhome-chairgroup #main .contentwrapper header.title a.more {
    background-image: url("/images/backgrounds/sprites.png");
    background-repeat: no-repeat;
    background-position: -540px 10px;
    padding-left: 10px
}

.ie7 .layout-subhome-audience .content > header.title {
    width: 270px
}

.ie7 .layout-subhome-chairgroup article#main .contentwrapper {
    width: 690px;
    overflow: hidden
}

.ie7 .layout-subhome-chairgroup .content > .featured {
    padding: 0
}

.ie7 .layout-subhome-chairgroup .gallery {
    width: 380px;
    padding-left: 20px
}

.ie7 .layout-subhome-chairgroup #main aside .contactinfo {
    margin-left: -160px
}

.ie7 .layout-subhome-chairgroup .visual {
    float: left;
    display: inline;
    position: absolute;
    left: 0
}

    .ie7 .layout-subhome-chairgroup .visual img {
        float: left;
        display: inline
    }

.ie7 .layout-subhome.for-services .main section.collection {
    float: left;
    display: inline-block
}

.ie7 .layout-subhome.for-development aside .row div.label span.text {
    min-width: 300px;
    display: block
}

.ie7 .layout-subhome.for-development aside .form .fields {
    float: left
}

    .ie7 .layout-subhome.for-development aside .form .fields.half label {
        width: 135px;
        padding-left: 0;
        margin-left: 0
    }

.ie7 .layout-subhome.for-development aside {
    background-color: #69b0e1;
    padding-bottom: 100px
}

.ie7 .layout-article div.contactinfo, .ie7 .layout-article.with-visual div.contactinfo {
    margin-top: -50px
}

.ie7 .layout-article.with-visual .contactinfo {
    position: absolute;
    z-index: 4
}

.ie7 .layout-article div.content.bottom .collection .columns .col {
    border-right: 0;
    width: 27%
}

.ie7 .layout-subhome.for-services #main div.main .collection .columns .col {
    width: auto;
    display: block
}

.ie7 .layout-home .carrousel .footer {
    width: 335px;
    padding-bottom: 10px
}

.ie7 aside nav.subnav h2 {
    width: 170px
}

.ie7 aside nav.subnav ul li {
    display: block
}

.ie7 aside nav.subnav a {
    display: block;
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -325px 8px
}

.ie7 nav.subnav .publications a:before {
    content: "\E103"
}

.ie7 nav.subnav .achievements a:before {
    content: "\E104"
}

.ie7 nav.subnav .people a:before {
    content: "\E105"
}

.ie7 nav.subnav .research a:before {
    content: "\E106"
}

.ie7 nav.subnav .education a:before {
    content: "\E107"
}

.ie7 nav.subnav .network a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-18x18-000000-e108.png);
    background-position: 0 0
}

.ie7 aside nav.subnav .icon-people a, .ie7 aside nav.subnav .icon-publications a, .ie7 aside nav.subnav .icon-achievements a, .ie7 aside nav.subnav .icon-people a, .ie7 aside nav.subnav .icon-research a, .ie7 aside nav.subnav .icon-alumni a, .ie7 aside nav.subnav .icon-education a, .ie7 aside nav.subnav .icon-network a, .ie7 aside nav.subnav .icon-profile a, .ie7 aside nav.subnav .icon-student a, .ie7 aside nav.subnav .icon-employee a, .ie7 aside nav.subnav .icon-newsletters a, .ie7 aside nav.subnav .icon-events a, .ie7 aside nav.subnav .icon-password a, .ie7 aside nav.subnav .icon-email a, .ie7 aside nav.subnav .icon-business a {
    background-position: 20px 15px
}

.ie7 aside nav.subnav .icon-publications a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e103.png);
    background-position: 0 0
}

.ie7 aside nav.subnav .icon-achievements a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e104.png)
}

.ie7 aside nav.subnav .icon-people a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e105.png)
}

.ie7 aside nav.subnav .icon-research a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e106.png)
}

.ie7 aside nav.subnav .icon-alumni a, .ie7 aside nav.subnav .icon-education a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e107.png)
}

.ie7 aside nav.subnav .icon-network a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e108.png)
}

.ie7 aside nav.subnav .icon-profile a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e10a.png)
}

.ie7 aside nav.subnav .icon-student a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e10b.png)
}

.ie7 aside nav.subnav .icon-employee a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e10c.png)
}

.ie7 aside nav.subnav .icon-newsletters a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e10d.png)
}

.ie7 aside nav.subnav .icon-events a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e10e.png)
}

.ie7 aside nav.subnav .icon-password a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e10f.png)
}

.ie7 aside nav.subnav .icon-email a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e110.png)
}

.ie7 aside nav.subnav .icon-business a {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-24x24-bebeb8-e111.png)
}

.ie7 aside .form .field input[type="submit"] {
    float: left;
    margin-left: 150px
}

.ie7 aside section.search {
    position: relative;
    z-index: 5
}

    .ie7 aside section.search #site-search-field {
        height: 19px
    }

.ie7 .layout-subhome.for-services #main > aside .content {
    padding-right: 20px
}

.ie7 .layout-subhome.for-services #main > aside .content {
    padding-top: 1px;
    padding-right: 0
}

.ie7 .layout-subhome.for-services aside section.list.with-people, .ie7 .layout-subhome.for-services aside section.list.with-tweets {
    width: 220px
}

    .ie7 .layout-subhome.for-services aside section.list.with-people ul > li img, .ie7 .layout-subhome.for-services aside section.list.with-tweets ul > li img {
        margin-left: -100px
    }

.ie7 .layout-subhome.for-development article#main aside {
    margin-right: -20px
}

.ie7 aside section.list.with-people > ul.links li, .ie7 aside section.list.with-tweets > ul.links li {
    background: none
}

.ie7 aside .content {
    margin-top: -30px;
    padding-top: 10px;
    padding-right: 20px
}

.ie7 article aside {
    margin-right: -20px;
    padding-right: -20px
}

.ie7 aside .factsheet {
    width: 340px;
    padding-bottom: 15px
}

.ie7 .layout-subhome aside .content p {
    padding-right: 10px
}

.ie7 aside .list.with-image > ul > li img, .ie7 aside .list.with-partner-logos > ul > li img {
    width: 100px;
    margin-left: -110px
}

.ie7 .fb_iframe_widget {
    z-index: -5
}

.ie7 aside .content {
    margin-top: 0
}

.ie7 article#main aside {
    margin-right: 0
}

.ie7 aside .sender-related {
    margin-right: -40px
}

    .ie7 aside .sender-related ul {
        margin-right: 20px;
        width: 403px
    }

.ie7 h1 {
    font-weight: normal
}

.ie7 h2, .ie7 h3, .ie7 aside .content h3 {
    font-weight: normal
}

.ie7 .content h3 {
    font-weight: bold;
    text-align: left
}

.ie7 .form .row .field.full input {
    width: 90%
}

.ie7 .form .row .fields.half > label {
    width: 46%;
    display: inline-block
}

.ie7 form .formsteps .prev {
    font-size: 13px
}

.ie7 .row div.fields.full label {
    min-width: 500px
}

.ie7 form input[type="submit"], .ie7 form button.button, .ie7 form a.button, .ie7 form .button {
    padding: 5px 15px 5px 15px;
    float: left;
    margin-right: 10px;
    height: 30px;
    background-color: #333
}

.ie7 form a.button {
    height: 20px
}

.ie7 form .row .error-message {
    left: 100%;
    float: left;
    width: 370px
}

.ie7 form .formsteps .next {
    float: right;
    margin-right: 30px;
    font-size: 13px
}

.ie7 .form .fields .field.full, .ie7 .form .fields .field.twothirds, .ie7 .form .fields .field.third {
    margin-right: 5px;
    margin-left: 0
}

.ie7 .form .fields textarea, .ie7 .form .fields input {
    width: 90%;
    display: inline-block
}

.ie7 .form .row.stretched .fields {
    float: none;
    width: auto
}

.ie7 .form .row {
    padding: 0
}

.ie7 .form .fields {
    width: 75%;
    float: right;
    display: inline;
    margin: 0;
    padding: 0
}

.ie7 .form.poll .fields {
    float: none
}

.ie7 .form .row .label {
    width: 24%;
    padding: 0
}

.ie7 .form .row .fields label {
    width: auto;
    min-width: 0
}

.ie7 .form .row .fields input {
    margin-left: 0;
    margin-right: 5px;
    width: auto
}

.ie7 article#main footer .columns .col {
    width: 25%;
    overflow: hidden
}

.ie7 footer .columns .col {
    width: 19%;
    overflow: hidden
}

.ie7 form.comment.display .submit {
    padding-left: 350px;
    padding-bottom: 10px
}

.ie7 section.form {
    min-width: 490px
}

    .ie7 section.form.with-tabs {
        min-width: 300px
    }

.ie7 .fields .third {
    width: 100px;
    margin-right: 10px;
    display: inline-block
}

    .ie7 .fields .third input {
        max-width: 90px
    }

.ie7 .form .info-message .tooltip {
    top: -3px;
    z-index: 10000;
    width: 500px
}

.ie7 section.form.with-tabs H2 {
    clear: left
}

.ie7 section.form.with-tabs .tab-bar {
    background-color: #fff;
    height: 50px
}

    .ie7 section.form.with-tabs .tab-bar li {
        height: 50px
    }

.ie7 .form.stacked .row {
    padding-right: 0
}

.ie7 .form.stacked .label {
    float: none;
    width: auto;
    padding-bottom: 4px
}

.ie7 .form.stacked .fields {
    margin-left: 0
}

    .ie7 .form.stacked .fields .field label {
        display: block
    }

    .ie7 .form.stacked .fields .field.twothird .button, .ie7 .form.stacked .fields .field.half .button, .ie7 .form.stacked .fields .field.third .button, .ie7 .form.stacked .fields .field.fourth .button {
        margin-top: 28px;
        margin-right: 0
    }

.ie7 .form.stacked .row .error-message {
    width: 97%;
    left: 0;
    position: relative
}

    .ie7 .form.stacked .row .error-message:before {
        border-top: 10px solid #f07600;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: 100%;
        left: 50%
    }

.ie7 .form.stacked .info-message .tooltip {
    width: 150px
}

.ie7 .form.stacked.with-background .row .error-message:before {
    border-top: 10px solid #eeede6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.ie7 .form.stacked .fields {
    float: none;
    width: auto
}

.ie7 .layout-profile aside .form.stacked {
    width: auto;
    min-width: 0
}

    .ie7 .layout-profile aside .form.stacked input[type="submit"] {
        margin: 0;
        background: none
    }

.ie7 .clearfix, .ie7 .site-search .input, .site-search .ie7 .input, .ie7 header.person, .ie7 .layout-profile article > aside, .layout-profile .ie7 article > aside, .ie7 .layout-profile.with-search .list.alumni > ul > li, .layout-profile.with-search .ie7 .list.alumni > ul > li, .ie7 figure.align-with-text + p, .ie7 .image-block, .ie7 .list.with-actions > ul > li, .ie7 .list.with-newsletters.with-image .actions, .list.with-newsletters.with-image .ie7 .actions, .ie7 .with-newsletters.list.with-partner-logos .actions, .with-newsletters.list.with-partner-logos .ie7 .actions, .ie7 .list.with-partner-logos > ul > li > a, .ie7 .list.with-partner-logos > ul > li > img, .ie7 .list.with-partner-logos > ul > li > article, .ie7 .list.with-partner-logos strong, .list.with-partner-logos .ie7 strong, .ie7 .availability, .ie7 .form.with-tabs .tab-bar, .form.with-tabs .ie7 .tab-bar, .ie7 .interactive-map .menu, .interactive-map .ie7 .menu, .ie7 .interactive-map .menu ul, .interactive-map .menu .ie7 ul {
    zoom: 1;
    display: inline-block
}

.ie7 article footer .columns .col, .ie7 section.details.display, .ie7 article .columns, .ie7 div.row, .ie7 div.field, .ie7 body > footer nav, .ie7 nav.subnav, .ie7 body article section.with-image > ul.links > li, .ie7 section.masonry, .ie7 article {
    zoom: 1;
    display: block
}

.ie7 body article section.with-image > ul.links > li {
    background-image: none
}

.ie7 body > footer nav ul li {
    display: inline;
    background-position: -538px 5px
}

.ie7 article .list .links li, .ie7 footer div.columns section.col ul.links li, .ie7 .meta.related ul.links li {
    background-image: url("/images/backgrounds/sprites.png");
    background-repeat: no-repeat;
    background-position: -138px 8px
}

.ie7 body > footer nav ul li {
    display: inline;
    background-position: -538px 4px
}

.ie7 li.step {
    list-style-type: none;
    display: inline
}

.ie7 .with-people ul.links > li, .ie7 .list.with-tweets ul.links > li {
    zoom: 1;
    background: none
}

.ie7 article .columns .col {
    width: 25%;
    display: block
}

.ie7 article .collection .columns .col {
    float: left
}

.ie7 body > footer a.more {
    background-image: url("/images/backgrounds/sprites.png");
    background-repeat: no-repeat;
    background-position: -538px 3px
}

.ie7 #main > footer {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
    margin-left: -20px
}

.ie7 a {
    cursor: pointer
}

.ie7 body > footer nav {
    vertical-align: top;
    padding-top: 0
}

.ie7 .content.main .banner.without-button h2, .ie7 .content.bottom .banner.without-button h2 {
    padding-right: 12px;
    background-image: url(/images/backgrounds/bgpijltje.png);
    background-repeat: no-repeat;
    background-position: right 8px;
    width: auto;
    display: inline
}

.ie7 .content.bottom .banner.without-button h2 {
    background-position: right 4px
}

.ie7 .content.bottom .banner.without-button h2 {
    padding-right: 12px;
    background-image: url(/images/backgrounds/bgpijltje.png);
    background-repeat: no-repeat;
    background-position: right 4px;
    width: auto;
    display: inline
}

.ie7 article footer .columns .col:first-child + .col + .col, .ie7 article footer .columns .col:first-child + .col + .col + .col + .col + .col, .ie7 article footer .columns .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col {
    margin-bottom: 100px
}

.ie7 .audience-services .teaser.video {
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -2940px 37px
}

.ie7 .search-results .pagination li.prev a, .ie7 .pagination li.prev a {
    background-position: -1326px 8px;
    margin-left: -4px
}

.ie7 .search-results .pagination li.next a, .ie7 .pagination li.next a {
    background-position: -1532px 8px;
    margin-left: -9px
}

.ie7 .layout-subhome.for-services article aside {
    margin-right: 0
}

.ie7 .list .title {
    display: inline-block
}

.ie7 .pullquote {
    background-image: url(/images/backgrounds/sprite-ie.png);
    background-repeat: no-repeat;
    background-position: -2250px 0
}

.ie7 .masonry .pullquote {
    background-image: none
}

.ie7 ol {
    list-style: decimal
}

.ie7 .page nav ul li {
    display: inline
}

.ie7 #breadcrumb > ul > li {
    position: relative
}

.ie7 #breadcrumb > ul {
    width: 100000px
}

    .ie7 #breadcrumb > ul > li > span {
        background: url("/images/backgrounds/sprites.png") no-repeat scroll -9361px -40px transparent
    }

.ie7 #breadcrumb .expander {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-18x18-ffffff-f010.png);
    background-repeat: no-repeat;
    background-position: 10px 15px
}

.ie7 #breadcrumb li:hover .expander {
    background-image: url(/images/fonts/wurfont-regular-webfont/icon-18x18-34b233-f010.png)
}

.ie7 #breadcrumb > ul > li:first-child > span {
    background-image: none
}

.ie7 .js #breadcrumb > ul {
    zoom: 1
}

.ie7 #breadcrumb {
    zoom: 1
}

    .ie7 #breadcrumb > ul > li {
        float: left
    }

        .ie7 #breadcrumb > ul > li.collapsed:hover > span {
            width: auto
        }

        .ie7 #breadcrumb > ul > li.collapsed > span {
            width: 30px;
            overflow: hidden
        }

        .ie7 #breadcrumb > ul > li a.label {
            display: inline;
            zoom: 1;
            float: none
        }

        .ie7 #breadcrumb > ul > li span {
            display: inline;
            zoom: 1;
            float: none
        }

        .ie7 #breadcrumb > ul > li:first-child span {
            margin: 0
        }

        .ie7 #breadcrumb > ul > li > div {
            left: 0;
            padding-right: 22px
        }

        .ie7 #breadcrumb > ul > li > div {
            width: auto;
            padding-left: 0;
            padding-right: 0
        }

            .ie7 #breadcrumb > ul > li > div > ul {
                float: none;
                border: 0 none
            }

    .ie7 #breadcrumb > ul ul > li {
        display: block
    }

        .ie7 #breadcrumb > ul ul > li a {
            background-image: url(/images/fonts/wurfont-regular-webfont/icon-12x12-333333-f006.png);
            background-repeat: no-repeat;
            background-position: 16px 9px
        }

            .ie7 #breadcrumb > ul ul > li a:hover {
                background-image: url(/images/fonts/wurfont-regular-webfont/icon-12x12-ffffff-f006.png)
            }

    .ie7 #breadcrumb > ul ul li.more {
        background: none
    }

        .ie7 #breadcrumb > ul ul li.more a {
            width: 214px;
            background-image: none
        }

.ie7 div.pagination li, .ie7 .pagination li a, .ie7 .pagination li span {
    display: inline
}

.ie7 .social > div {
    display: inline
}

.ie7 dl.meta, .ie7 .factsheet dl {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    clear: both;
    line-height: 18px
}

    .ie7 dl.meta dt, .ie7 dl.meta dd, .ie7 .factsheet dt, .ie7 .factsheet dd {
        line-height: 18px;
        padding: 3px 0;
        vertical-align: baseline
    }

    .ie7 dl.meta dt, .ie7 .factsheet dt {
        float: left;
        line-height: 18px;
        clear: left;
        zoom: 1;
        padding-right: 5px;
        margin-bottom: -5px
    }

    .ie7 dl.meta dd, .ie7 .factsheet dd {
        margin: 0;
        display: block
    }

.ie7 .list.with-image > ul > li img, .ie7 .list.with-partner-logos > ul > li img {
    width: 140px;
    margin-left: -160px
}

.ie7 .list.with-partner-logos > ul > li img, .ie7 aside .list.with-partner-logos > ul > li img {
    width: auto;
    height: 70px
}

.ie7 .list.with-image > ul > li, .ie7 .list.with-partner-logos > ul > li {
    min-height: 70px
}

.ie7 .list.with-partner-logos.columns > ul > li {
    display: inline
}

    .ie7 .list.with-partner-logos.columns > ul > li img {
        margin-left: 0
    }

.ie7 .collection .columns .list.with-image > ul li img, .ie7 .collection .columns .list.with-partner-logos > ul li img {
    width: 60px;
    margin-left: -80px
}

.ie7 .contactinfo {
    z-index: 4;
    padding-top: 20px
}

    .ie7 .contactinfo.with-overlay {
        position: relative;
        z-index: 10
    }

    .ie7 .contactinfo a.more, .ie7 .contactinfo a.less {
        padding-right: 20px;
        margin-top: -20px
    }

.ie7 div.contactinfo.with-overlay.display {
    z-index: 40
}

.ie7 .contactinfo a.more, .ie7 .contactinfo a.less, .ie7 .contactinfo.with-overlay .extra-cards ul, .ie7 .contactinfo.display.with-overlay .extra-cards ul {
    display: inline-block
}

.ie7 .contactinfo a.more, .ie7 .contactinfo a.less {
    display: none
}

    .ie7 .contactinfo a.more:after, .ie7 .contactinfo a.less:after, .ie7 .contactinfo.with-overlay .extra-cards ul:after, .ie7 .contactinfo.display.with-overlay .extra-cards ul:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

.ie7 .contactinfo a.more, .ie7 .contactinfo a.less, .ie7 .contactinfo.with-overlay .extra-cards ul, .ie7 .contactinfo.display.with-overlay .extra-cards ul {
    height: 1%
}

.ie7 .contactinfo.with-overlay .extra-cards ul {
    display: none
}

.ie7 .contactinfo a.more, .ie7 .contactinfo a.less, .ie7 .contactinfo.display.with-overlay .extra-cards ul {
    display: block
}

.ie7 .contactinfo.with-overlay:hover .extra-cards {
    position: absolute;
    top: -100%
}

.ie7 .contactinfo.display.with-overlay:hover .extra-cards {
    display: block;
    zoom: 1;
    top: -0%;
    position: relative
}

.ie7 .layout-profile .contactinfo .vcard {
    zoom: 1
}

.ie7 .layout-profile .contactinfo .photo-frame {
    zoom: 1
}

.ie7 .availability li {
    width: 16%
}

    .ie7 .availability li .morning, .ie7 .availability li .afternoon {
        width: 40%
    }

.ie7 input.datepicker.hasDatepicker {
    width: 100px !important
}

.ie7 .form .formsteps li {
    display: none
}

    .ie7 .form .formsteps li.active {
        display: block
    }

.ie7 .list.with-newsletters.with-form.form .fields.full {
    float: none
}

.ie7 .list.with-newsletters.with-form.form .fields label {
    width: 100%
}

.ie7 .list.with-newsletters.with-form .actions {
    width: 100%
}

    .ie7 .list.with-newsletters.with-form .actions .button {
        display: block
    }

.ie7 .list.with-newsletters ul.links li {
    background: none
}

.ie7 .list.with-newsletters .actions .more {
    min-width: 100%
}

.ie7 .list.with-newsletters .title {
    width: auto
}

.ie7 .timeline ul.entries-list li {
    width: 45%;
    padding: 2.5%
}

.ie6 body footer, .ie6 .page {
    width: 940px;
    overflow: hidden
}

.ie6 body footer {
    width: 980px;
    margin: 0 auto;
    background: #34b233
}

.ie6 .page-header {
    height: 37px;
    padding: 60px 20px 23px 29px;
    background: #fff;
    margin-bottom: 60px;
    margin-left: -20px;
    margin-right: -20px
}

.ie6 body footer, .ie6 body footer a {
    color: #fff
}

    .ie6 body footer nav {
        clear: both;
        padding-top: 16px;
        margin-bottom: 40px;
        border-top: 1px solid #fff
    }

        .ie6 body footer nav ul {
            text-align: center
        }

            .ie6 body footer nav ul li {
                display: inline;
                margin-right: 36px
            }

    .ie6 body footer .columns {
        margin-top: 20px
    }

        .ie6 body footer .columns .col {
            width: 18%
        }

.ie6 .content, .ie6 .audience a {
    font-size: 13px
}

.ie6 .layout-subhome-study #main .main, .ie6 .layout-article #main .main {
    float: left;
    width: 52.12766%;
    margin-left: 20px
}

.ie6 .form {
    padding: 20px;
    margin: 0 0 20px 0
}

.ie6 .with-tabs {
    padding-top: 0
}

.ie6 .with-background .button {
    color: #333
}

.ie6 .form .row {
    position: static;
    clear: both;
    padding-right: 0;
    width: 100%;
    font-size: 13px
}

    .ie6 .form .row .label {
        width: auto
    }

.ie6 .form .fields .label {
    float: none;
    display: block;
    width: auto !important
}

.ie6 .form .fields label {
    display: block;
    float: none;
    clear: both
}

.ie6 .form .fields, .ie6 .form .fields .field {
    clear: both;
    float: none !important;
    width: auto !important;
    margin: 0
}

.ie6 .form .row .error-message {
    width: 97%;
    left: 0;
    position: relative
}

.ie6 .form .extended-description {
    display: inline
}

.ie6 .form .fields .field {
    margin: 5px 0
}

.ie6 .form .fields select, .ie6 .form .fields input {
    margin: 0 !important;
    width: 400px !important;
    display: block
}

    .ie6 .form .fields input.datepicker {
        width: 350px !important
    }

    .ie6 .form .fields input.check-radio-input {
        width: auto !important
    }

.ie6 .form .info-message {
    display: inline
}

.ie6 #ui-datepicker-div {
    height: 200px;
    overflow: hidden
}

.ie6 a.button, .ie6 .button {
    color: #fff
}

.ie6 a.with-emphasis, .ie6 .with-emphasis {
    color: #333
}

.ie6 .pullquote, .ie6 .sender-related ul li a, .ie6 .contactinfo .vcard, .ie6 .layout-article .top, .ie6 form.comment .field, .ie6 #breadcrumb ul, .ie6 .row .fields, .ie6 .timeline form.filtering, .ie6 .timeline article.with-image, .ie6 footer.pagination, .ie6 .list.with-image ul li a, .ie6 .list.with-partner-logos ul li a, .ie6 #main footer, .ie6 #main, .ie6 .page, .ie6 .row, .ie6 .clearfix, .ie6 .site-search .input, .site-search .ie6 .input, .ie6 header.person, .ie6 .layout-profile article > aside, .layout-profile .ie6 article > aside, .ie6 .layout-profile.with-search .list.alumni > ul > li, .layout-profile.with-search .ie6 .list.alumni > ul > li, .ie6 figure.align-with-text + p, .ie6 .image-block, .ie6 .list.with-actions > ul > li, .ie6 .list.with-newsletters.with-image .actions, .list.with-newsletters.with-image .ie6 .actions, .ie6 .with-newsletters.list.with-partner-logos .actions, .with-newsletters.list.with-partner-logos .ie6 .actions, .ie6 .list.with-partner-logos > ul > li > a, .ie6 .list.with-partner-logos > ul > li > img, .ie6 .list.with-partner-logos > ul > li > article, .ie6 .list.with-partner-logos strong, .list.with-partner-logos .ie6 strong, .ie6 .availability, .ie6 .form.with-tabs .tab-bar, .form.with-tabs .ie6 .tab-bar, .ie6 .interactive-map .menu, .interactive-map .ie6 .menu, .ie6 .interactive-map .menu ul, .interactive-map .menu .ie6 ul {
    zoom: 1
}

.ie6 #breadcrumb {
    display: block;
    zoom: 1;
    background: none
}

    .ie6 #breadcrumb .breadcrumb-inner {
        position: relative;
        line-height: 40px;
        width: 100%;
        background: url(/images/backgrounds/header.png) repeat-y
    }

        .ie6 #breadcrumb .breadcrumb-inner .breadcrumb-li {
            display: block;
            float: left;
            zoom: 1
        }

    .ie6 #breadcrumb .submenu {
        display: none
    }

@media(max-width:980px) {
    body {
        height: auto
    }

        body > .page {
            border-left: none;
            border-right: none;
            min-height: 0
        }

        body > footer {
            margin-top: 0;
            height: auto
        }

            body > footer nav ul {
                padding-bottom: 16px
            }

    #main {
        padding-bottom: 20px
    }

    body > footer .logo {
        max-width: 135%;
        margin-left: -8px
    }

    .banner p {
        line-height: 1.5
    }

    #breadcrumb > ul, .js #breadcrumb > ul {
        max-height: 80px
    }

    .audience-related {
        width: 180px
    }

    .carrousel ul {
        position: relative;
        overflow: visible
    }

        .carrousel ul li .slide > img {
            width: 100%;
            height: auto
        }

    .carrousel .pagination {
        display: none
    }

    .layout-home .carrousel {
        width: 558px;
        height: 331.3125px
    }

        .layout-home .carrousel .items {
            height: 331.3125px
        }

    .layout-subhome-audience .carrousel {
        width: 557px;
        height: 374.23438px
    }

    .layout-subhome-audience #main aside .contactinfo {
        top: 540px;
        width: 350px;
        float: right
    }

    .layout-subhome-audience .carrousel .items li .caption {
        width: 300px;
        bottom: 40px;
        left: 20px;
        padding: 12px 12px 28px 12px
    }

        .layout-subhome-audience .carrousel .items li .caption p {
            font-size: 16px
        }

    .layout-subhome-audience .content.bottom {
        padding-top: 30px
    }

    .carrousel, .carrousel .items {
        height: auto
    }

        .carrousel .pagination {
            top: 300px
        }

    .layout-subhome-institute .content > header.title {
        padding-right: 640px;
        width: auto
    }

    .layout-subhome-institute .carrousel {
        float: none;
        margin-right: -20px;
        margin-left: auto
    }

    .layout-subhome-institute .carrousel {
        width: 610px;
        height: 327.76119px;
        margin-bottom: 40px
    }

        .layout-subhome-institute .carrousel .items li .caption {
            padding-bottom: 95px
        }

    .layout-subhome-institute #main aside .contactinfo {
        top: 290px
    }

    .layout-subhome-institute .carrousel {
        margin-top: 0;
        top: -20px
    }

    .layout-subhome-institute.with-visual .content > header.title {
        padding-right: 0;
        width: 39.13043%
    }

    .layout-subhome-institute.with-visual #main aside .contactinfo {
        top: 180px
    }

    .layout-subhome-institute.for-funding .carrousel .items li .caption {
        padding: 20px 40px
    }

    .layout-subhome.for-services .carrousel {
        width: 538px;
        height: 362.14887px
    }

    .layout-subhome.for-services #main > aside .content {
        margin-top: 418px
    }

    .layout-subhome.for-services .carrousel .items .caption.testimonial {
        left: 0;
        max-width: 100%
    }

    .layout-subhome-study .carrousel {
        width: 980px;
        height: 440px
    }

    .layout-subhome-school .carrousel {
        width: 980px;
        height: 305px
    }

    .layout-subhome-theme .carrousel {
        width: 540px;
        height: 360.31034px
    }

    .layout-subhome-theme .page {
        background-size: 540px 100%
    }

    .layout-subhome-theme .content.main {
        width: 480px
    }

    aside .factsheet {
        width: auto;
        margin-right: -20px
    }
}

@media(max-width:874px) {
    .masonry {
        margin: 0 auto
    }

    .layout-article #main .content .visual img {
        width: 450px;
        height: 300px
    }

    .layout-article #main .content .visual {
        width: 450px;
        height: 300px;
        margin-top: 69px
    }

    .layout-article.with-visual #main > aside {
        padding-top: 379px
    }

    .layout-article.with-top-visual #main > aside {
        margin-top: 280px
    }

    .layout-article #main > .content {
        margin-left: 0;
        width: 56.20929%
    }

    .layout-home .carrousel {
        width: 486px;
        height: 288.5625px
    }

        .layout-home .carrousel .items {
            height: 288.5625px
        }

    .layout-subhome-institute .content > header.title {
        padding-right: 530px;
        width: auto
    }

    .layout-subhome-institute .carrousel {
        float: none;
        margin-right: -20px;
        margin-left: auto
    }

    .layout-subhome-institute .carrousel {
        width: 500px;
        height: 268.65672px;
        margin-bottom: 40px
    }

        .layout-subhome-institute .carrousel .items li .caption {
            padding-bottom: 55px
        }

    .layout-subhome-institute #main aside .contactinfo {
        top: 229px
    }

    .layout-subhome-institute.for-funding .carrousel .caption .type, .layout-subhome-institute.for-funding .carrousel .caption p.quote {
        display: none
    }

    .layout-subhome-institute.with-visual #main aside .contactinfo {
        top: 150px
    }

    .layout-subhome-institute.for-funding .carrousel .caption .avatar {
        top: 10px
    }

    .layout-subhome-audience .carrousel {
        width: 483px;
        height: 324.51563px
    }

    .layout-subhome-audience #main aside .contactinfo {
        top: 425px
    }

    .layout-subhome-audience .content.bottom {
        padding-top: 0
    }

    .layout-subhome.with-visual #main aside .contactinfo {
        top: 185px
    }

    .layout-subhome #main aside .contactinfo {
        top: 250px
    }

    .carrousel .pagination {
        top: 250px
    }

    .layout-subhome-chairgroup #main .contentwrapper > header.title {
        min-height: 290px;
        width: 250px
    }

    .layout-subhome-chairgroup .content > .featured {
        margin-top: 0
    }

    .layout-subhome-study .carrousel {
        width: 874px;
        height: 392.40816px
    }

    .layout-subhome-study .title h1 {
        font-size: 1.8rem
    }

    .layout-subhome-study .title .intro {
        font-size: 1.3rem
    }

    .layout-subhome-study .content > header.title {
        margin-top: 392px
    }

    .layout-subhome-study #main > aside {
        margin-top: 346px
    }

    .layout-subhome-study .carrousel img {
        max-width: none
    }

    .layout-subhome-school .carrousel {
        width: 874px;
        height: 272.0102px
    }

    .layout-subhome-school aside {
        margin-top: 292px
    }

    .layout-subhome-theme .carrousel {
        width: 500px;
        height: 333.62069px
    }

    .layout-subhome-theme .page {
        background-size: 500px 100%
    }

    .layout-subhome-theme .content.main {
        width: 440px
    }

    .layout-subhome-theme #main > aside {
        width: 30%
    }

    .form .fields.half > label {
        float: none;
        width: auto
    }

    .layout-home .mission {
        padding-top: 10px;
        margin-bottom: 10px
    }

        .layout-home .mission, .layout-home .mission a {
            font-size: 2.4rem
        }

    .layout-home .content > section.list.info {
        margin-top: 10px
    }

    .stones .stone img, .stones .stone {
        width: 170px;
        height: 140px
    }

        .stones .stone .caption {
            width: 80%
        }

            .stones .stone .caption h2 {
                font-size: 1.4rem;
                width: auto
            }

        .stones .stone:hover .caption:hover {
            top: 102%;
            bottom: auto;
            right: 0;
            left: auto
        }

        .stones .stone .caption:hover h2 {
            position: absolute;
            background-color: #34b233;
            padding: 10px;
            margin-bottom: 0
        }

        .stones .stone .caption p {
            display: none
        }

    .follow .icon {
        padding: 5px
    }

    .font-size-intro, .search-results .list.search .title, .search-results .filters h2, .layout-subhome-chairgroup header .intro, .content .intro, .factsheet dd, .list.with-partner-logos strong, .content .audience-related h2, .program th, .program td, .banner .meta {
        font-size: 1.4rem
    }

    .font-size-section-h2, .layout-subhome.for-development section.form .label, .layout-subhome-institute p.intro, .layout-profile.with-search .list.alumni > h2, .layout-profile.with-search .list.alumni > ul > li .title, .contactinfo h2, .list.with-newsletters .title, .form h3, section.search h2, section.details > h2, .list.with-comments h2 small.speech:after, .content .collection h2, .content .collection .list h2, aside .content h2, aside .content .list h2, aside .content .collection .list h2, .stones .caption h2 {
        font-size: 1.6rem
    }

    .content .collection > h2 {
        font-size: 1.8rem
    }

    .font-size-subhome-h1, .layout-subhome-institute header h1, .layout-subhome-study .title h1, .layout-profile aside .subnav h2 {
        font-size: 2rem
    }
}

@media(max-width:768px) {
    body > .page > header {
        min-height: 0
    }

        body > .page > header img {
            height: 30px
        }

    .layout-home .tab > .list {
        width: auto
    }

    body.fixed .primary-navigation, .primary-navigation {
        width: auto;
        padding-left: 30%;
        max-width: 70%
    }

        .primary-navigation .audience {
            font-size: 1.2rem
        }

        .primary-navigation > form {
            text-align: right
        }

    .layout-home .carrousel {
        width: 456px;
        height: 270.75px
    }

        .layout-home .carrousel .items {
            height: 270.75px
        }

    .layout-subhome.for-services .carrousel {
        width: 475px;
        height: 319.7411px
    }

    .layout-subhome.for-services #main > aside .content {
        margin-top: 300px
    }

    .layout-subhome-audience .carrousel {
        width: 453px;
        height: 304.35938px
    }

    .layout-subhome-audience #main aside .contactinfo {
        top: 445px
    }

    .layout-subhome-institute .content > header.title {
        padding-right: 510px;
        width: auto
    }

    .layout-subhome-institute .carrousel {
        float: none;
        margin-right: -20px;
        margin-left: auto
    }

    .layout-subhome-institute .carrousel {
        width: 480px;
        height: 257.91045px;
        margin-bottom: 40px
    }

        .layout-subhome-institute .carrousel .items li .caption {
            padding-bottom: 45px
        }

    .layout-subhome-institute #main aside .contactinfo {
        top: 228px
    }

    .layout-subhome.for-services .carrousel .items .caption.testimonial p {
        font-size: 1.3em
    }

    .layout-article #main .content .visual, .layout-article #main .content .visual img {
        width: 400px;
        height: 269px
    }

    .layout-article.with-visual #main > aside {
        padding-top: 338px
    }

    .layout-article.with-top-visual #main > aside {
        margin-top: 249px
    }

    aside .subnav h2, aside .subnav ul {
        width: 81%
    }

    .layout-subhome.with-visual #main aside .contactinfo {
        top: 155px
    }

    .layout-subhome #main aside .contactinfo {
        top: 200px
    }

    .carrousel .pagination {
        top: 200px
    }

    .layout-subhome-study .carrousel {
        width: 768px;
        height: 344.81633px
    }

    .layout-subhome-study .content > header.title {
        margin-top: 345px
    }

    .layout-subhome-study #main > aside {
        margin-top: 350 px-46px
    }

    .layout-subhome-school .carrousel {
        width: 768px;
        height: 239.02041px
    }

    .layout-subhome-school aside {
        margin-top: 239px
    }

        .layout-subhome-school aside .subnav {
            margin-top: 0
        }

    .layout-subhome-school .contactinfo .photo-frame {
        width: 60px;
        height: 60px
    }

    .layout-subhome-school .contactinfo .photo {
        width: 60px
    }

    .layout-subhome-theme .carrousel {
        width: 480px;
        height: 320.27586px
    }

    .layout-subhome-theme .page {
        background-size: 480px 100%
    }

    .layout-subhome-theme .content.main {
        width: 420px
    }

    .layout-subhome header h1, header h1 {
        font-size: 2.4rem
    }

    .layout-article header h1 {
        font-size: 3rem
    }

    section.search .filters label {
        display: inline
    }

    section.search fieldset.input {
        width: 100%
    }

    section.search fieldset.filters {
        float: none;
        width: auto
    }

    .collection .banner .body {
        margin-right: 0
    }

    .collection .banner img {
        display: none
    }

    aside .contactinfo {
        width: 115%
    }

    .contactinfo .vcard, .contactinfo ul > li .vcard {
        font-size: 1.1rem;
        padding-left: 80px
    }

    .subnav, aside .content h3, .gallery .vcard .fn, .factsheet dd, .contactinfo .fn {
        font-size: 1.3rem
    }

    .contactinfo .vcard .contact {
        min-height: 0;
        padding-bottom: .5em
    }

    .contactinfo .vcard .actions {
        margin-top: 0
    }

        .contactinfo .vcard .actions .more, .contactinfo .vcard .actions .less {
            line-height: 18px;
            padding: 0
        }

    .contactinfo .photo-frame {
        width: 60px;
        height: 60px;
        margin-left: -80px
    }

    .contactinfo .photo {
        width: 60px
    }

    section.search h2 {
        font-size: 1.4rem
    }

    .factsheet h3 {
        font-size: 2rem
    }

    .carrousel .pagination {
        display: none
    }
}

@media(max-width:725px) {
    .contactinfo .vcard .contact {
        padding-bottom: 4em;
        margin-bottom: -3.5em
    }

    .contactinfo .vcard .actions .more, .contactinfo .vcard .actions .less {
        float: none
    }

    .layout-home .mission, .layout-home .mission a {
        font-size: 2rem
    }

    .layout-subhome-study .title h1 {
        font-size: 1.5rem
    }

    .layout-home .tab-window.with-article-size {
        width: auto
    }

    .site-search {
        width: 68px
    }

        .site-search .results {
            width: 330px
        }

    .layout-home .carrousel {
        width: 350px;
        height: 207.8125px
    }

        .layout-home .carrousel .items {
            height: 207.8125px
        }

    .layout-subhome-study .carrousel {
        width: 725px;
        height: 325.5102px
    }

    .layout-subhome-study .content > header.title {
        margin-top: 326px
    }

    .layout-subhome-school .carrousel {
        width: 725px;
        height: 225.63776px
    }

    .layout-subhome-school aside {
        margin-top: 226px
    }

    .layout-subhome-audience .carrousel {
        width: 300px;
        height: 201.5625px
    }

    .layout-subhome-institute .content > header.title {
        padding-right: 430px;
        width: auto
    }

    .layout-subhome-institute .carrousel {
        float: none;
        margin-right: -20px;
        margin-left: auto
    }

    .layout-subhome-institute .carrousel {
        width: 400px;
        height: 214.92537px;
        margin-bottom: 40px
    }

        .layout-subhome-institute .carrousel .items li .caption {
            padding-bottom: 45px
        }

    .layout-subhome-institute #main aside .contactinfo {
        top: 228px
    }

    .layout-subhome-institute .caption .more, .layout-subhome-institute .caption p {
        display: none
    }

    .layout-subhome.for-services .carrousel {
        width: 358px;
        height: 240.98382px
    }

    .layout-subhome.for-services #main > aside .content {
        margin-top: 418px
    }

    .layout-subhome.for-services .carrousel .items .caption.testimonial {
        padding: 20px;
        bottom: 0
    }

        .layout-subhome.for-services .carrousel .items .caption.testimonial .author {
            display: none
        }

    .layout-subhome-theme .carrousel {
        width: 390px;
        height: 260.22414px
    }

    .layout-subhome-theme .page {
        background-size: 390px 100%
    }

    .layout-subhome-theme .content.main {
        width: 330px
    }

    .layout-subhome-theme .carrousel .items li .caption {
        padding: 10px 40px;
        width: 310px
    }

        .layout-subhome-theme .carrousel .items li .caption h3 {
            font-size: 2rem
        }

    .layout-subhome-theme .carrousel .footer {
        padding: 10px 40px
    }
}

@media(max-width:600px) {
    body .site-wide > ul, body.fixed .site-wide > ul {
        display: none
    }

    body > .page > header {
        margin-bottom: 70px;
        padding-top: 23px;
        padding-left: 20px
    }

        body > .page > header > a {
            position: static;
            display: block;
            text-align: center
        }

        body > .page > header img {
            height: auto;
            text-align: center
        }

    .primary-navigation .audience, #breadcrumb {
        margin: 0 -20px;
        width: auto;
        position: static;
        max-height: none;
        font-weight: bold;
        background: none;
        font-size: 1.2rem
    }

    #breadcrumb {
        padding-bottom: 0
    }

        .primary-navigation .audience > ul, #breadcrumb > ul {
            line-height: 3rem;
            padding: 0
        }

        #breadcrumb > ul, .js #breadcrumb > ul {
            max-height: none
        }

            #breadcrumb > ul:before {
                content: none
            }

            .primary-navigation .audience > ul > li, #breadcrumb > ul > li {
                display: block;
                float: none;
                margin: 0;
                padding: 0 0 0 20px;
                position: static;
                line-height: 1.5;
                font-size: 1.6rem;
                width: auto
            }

    .primary-navigation .audience > ul > li {
        font-size: 1.4rem
    }

    #breadcrumb > ul > li {
        font-weight: normal;
        border-bottom: 1px solid #53a34a
    }

        #breadcrumb > ul > li ul {
            display: none
        }

        #breadcrumb > ul > li:hover div {
            visibility: hidden
        }

        #breadcrumb > ul > li:last-child, #breadcrumb > ul > li:hover {
            background: none;
            background-color: transparent
        }

        #breadcrumb > ul > li .label, #breadcrumb > ul > li:first-child a.label {            
            float: none;
            height: auto;
            padding: 10px 15px 10px 25px;
            margin-right: 30px;
            display: block;
            background: url(/images/backgrounds/breadcrumb-mobile.png) 100% 50% no-repeat           
        }

        #breadcrumb > ul > li.last .label, #breadcrumb > ul > li:last-child .label {
            font-weight: bold
        }

            #breadcrumb > ul > li.last .label:after, #breadcrumb > ul > li:last-child .label:after {
                content: none
            }

        #breadcrumb > ul > li:hover .label {
            color: #fff
        }

        #breadcrumb > ul > li:first-child span, #breadcrumb > ul > li span {
            display: block;
            float: none;
            white-space: normal;
            position: static;
            text-align: left;
            height: auto;
            margin: 0;
            padding: 0
        }

            #breadcrumb > ul > li span:after, #breadcrumb > ul > li span:before {
                content: none
            }

        #breadcrumb > ul > li .expander {
            display: none
        }

        #breadcrumb > ul > li:hover > ul {
            visibility: hidden
        }

    #breadcrumb li.scroll-top {
        text-align: center;
        display: block
    }

    #breadcrumb .scroll-top a {
        display: inline-block;
        height: 0;
        width: 10px;
        padding-top: 11px;
        overflow: hidden;
        background: url(/images/backgrounds/sprites.png) -1876px 0
    }

    body > .page > header {
        padding-bottom: 74px
    }

    .site-search {
        position: absolute;
        top: 79px;
        right: 15px;
        left: 15px;
        width: auto
    }

        .site-search .input {
            border-right: 1px solid #d6d6d6
        }

        .site-search.js--open .input {
            margin-left: auto
        }

    .layout-search .main > header {
        padding: 40px 20px 60px
    }

        .layout-search #main form, .layout-search .main > header form {
            margin-left: 0
        }

    .search-results .filters, .search-results .results {
        float: none;
        width: auto
    }

    .search-results .results {
        margin-right: 0
    }

    .search-results .filters {
        border-top: 1px solid #d6d6d6;
        margin: 0 -20px;
        padding: 20px
    }

        .search-results .filters h2 {
            font-size: 1.6rem
        }

    body > footer {
        margin-top: 0
    }

    footer .page div {
        display: none
    }

        footer .page div:first-child {
            display: block;
            width: auto;
            margin: 0;
            float: none
        }

    body > footer nav ul {
        text-align: left
    }

        body > footer nav ul li {
            margin-bottom: .7em
        }

    menu.language {
        margin: 40px -20px 0;
        background: #f4f4f4;
        width: auto;
        height: auto;
        display: block;
        float: none;
        box-shadow: none;
        border: none;
        font-size: 1.6rem
    }

        menu.language.top {
            margin: 0;
            position: absolute;
            top: 0;
            left: -20px;
            right: -20px
        }

        menu.language > a {
            color: #999
        }

        menu.language > a, menu.language ul a {
            padding: .65em 52px .65em 28px;
            float: none;
            margin: 0;
            display: block;
            width: auto;
            border-bottom: 1px solid #ccc;
            background: #f4f4f4
        }

        menu.language > a {
            padding-top: .8em;
            padding-bottom: .7em
        }

            menu.language > a::after {
                font-size: 32px;
                right: 5px;
                top: 9px;
                height: 22px
            }

        menu.language ul {
            position: static;
            box-shadow: none;
            border: none
        }

    .layout-home menu.language {
        margin-top: 20px
    }

    menu.language > a:after {
        width: 32px;
        height: 20px;
        font-size: 24px;
        padding-top: 4px;
        text-align: center;
        overflow: hidden
    }

    .layout-article #main > aside {
        float: none;
        clear: both;
        width: 100%
    }

    .layout-article .content > header {
        margin-bottom: 0
    }

    .layout-article #main > .content {
        width: 100%;
        padding: 0 0 40px;
        margin-bottom: 20px;
        position: relative;
        margin-left: 0
    }

    .layout-article .content figure.left, .layout-article .content figure.block {
        margin-left: -20px
    }

    .layout-article .content figure.left {
        width: 160px
    }

    .layout-article #main .content .visual {
        margin: 10px 0 10px -20px;
        float: none;
        width: auto
    }

        .layout-article #main .content .visual, .layout-article #main .content .visual img {
            height: auto
        }

    .layout-article #main > .content .social {
        position: absolute;
        margin: 1.5rem 0;
        bottom: -10px
    }

    .layout-article.with-visual #main > aside {
        padding-top: 0
    }

    .layout-article.with-visual aside .factsheet header {
        position: static
    }

    .layout-article.with-visual .contactinfo, .layout-article.with-visual .contactinfo.with-extra {
        position: static
    }

    .contactinfo .vcard .actions .more, .contactinfo .vcard .actions .less {
        margin-top: 10px
    }

    aside .subnav ul {
        margin-right: 0;
        margin-left: 20px;
        float: none;
        width: auto
    }

    .with-visual .sender-related header {
        position: static;
        padding-left: 0
    }

    aside .sender-related {
        margin-right: 0
    }

    .sender-related a.button {
        margin-bottom: 0
    }

    .layout-subhome-audience #main > .content, .layout-subhome-institute #main > .content, .layout-subhome-study #main > .content, .layout-subhome #main > .content {
        width: auto;
        float: none;
        margin-left: 0
    }

    .layout-subhome-theme .page, .layout-subhome.for-services .page, .layout-subhome.for-knowledge .page {
        background: none;
        background-color: #fff
    }

    .layout-subhome.for-knowledge .content .stones {
        width: auto
    }

    .layout-subhome-study .content > header.title {
        margin-left: -20px;
        margin-right: -20px;
        padding-top: 0
    }

    .layout-subhome-study #main .title h1 {
        position: static;
        padding: 20px 0 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(255,255,255,0.8);
        font-size: 1.8rem
    }

    .layout-subhome-study #main .title p {
        font-size: 1.4rem
    }

    .layout-subhome-study .carrousel {
        width: 600px;
        height: 269.38776px
    }

    .layout-subhome-study .content > header.title {
        margin-top: 269px
    }

    .layout-subhome-study .carrousel .pagination {
        display: none
    }

    .layout-subhome #main > aside {
        float: none
    }

    .layout-subhome.for-services #main > aside .content {
        margin-top: 0;
        margin-right: 0
    }

    .layout-subhome-institute.with-visual .content > header.title, .layout-subhome-institute .content > header.title, .layout-subhome-institute .carrousel {
        float: none;
        width: auto
    }

    .layout-subhome-institute .content > header.title {
        padding-right: 0
    }

    .layout-subhome-institute .carrousel {
        width: 340px;
        height: 182.68657px;
        margin: 20px 0 0 -20px
    }

        .layout-subhome-institute .carrousel .items li .caption {
            padding: 20px;
            bottom: 0;
            left: 0
        }

        .layout-subhome-institute .carrousel .pagination, .layout-subhome-institute .carrousel .items .caption p, .layout-subhome-institute .carrousel .items .caption .more {
            display: none
        }

        .layout-subhome-institute .carrousel:after {
            content: "";
            display: table;
            clear: both
        }

    .layout-subhome-institute .visual {
        margin: 20px 0 20px -20px
    }

    .layout-subhome-institute .visual, .layout-subhome-audience .content > header.title {
        width: auto;
        float: none
    }

    .layout-subhome-institute.for-funding .content.main .button.big {
        margin-top: 10px;
        width: auto
    }

    .layout-subhome-institute.for-funding .carrousel .caption .avatar {
        display: none
    }

    .layout-subhome-audience #main aside .contactinfo {
        position: static;
        float: none;
        width: auto
    }

    .layout-subhome-audience .content .carrousel {
        float: none;
        position: relative;
        width: 320px;
        height: 215px;
        margin: 0 0 0 -20px;
        overflow: hidden
    }

        .layout-subhome-audience .content .carrousel:last-child {
            margin-bottom: -40px
        }

    .layout-subhome-audience .carrousel .items li .caption {
        padding: 10px
    }

    .layout-subhome-chairgroup .visual {
        margin-right: -20px;
        position: static;
        width: auto
    }

    .layout-subhome-chairgroup .contentwrapper {
        width: auto;
        float: none
    }

    .layout-subhome-chairgroup #main .contentwrapper > header.title {
        width: auto;
        margin-right: -30px
    }

    .layout-subhome-chairgroup .content > .featured, .layout-subhome-chairgroup .gallery {
        float: none;
        width: auto
    }

    .layout-subhome.for-knowledge .page, .layout-subhome.for-development .page {
        background: #fff
    }

    .layout-subhome.for-knowledge #main > aside, .layout-subhome.for-development #main > aside {
        background-color: #6aade4;
        width: auto;
        float: none
    }

    .layout-subhome.for-knowledge #main > aside {
        background-color: #eeede6
    }

    .layout-subhome.for-services aside section.search, .layout-subhome.for-knowledge aside section.search {
        width: auto;
        margin-left: 0;
        margin-right: 0
    }

    .layout-subhome.for-services .carrousel {
        margin-left: -20px;
        height: 230px
    }

        .layout-subhome.for-services .carrousel .pagination {
            display: none
        }

        .layout-subhome.for-services .carrousel .caption {
            display: none
        }

        .layout-subhome.for-services .carrousel .items .caption.testimonial {
            display: block;
            left: 0;
            width: 260px
        }

    .layout-subhome-school .content.main {
        width: auto;
        float: none
    }

    .layout-subhome-school aside {
        padding-top: 1em;
        float: none
    }

        .layout-subhome-school aside .contactinfo {
            float: none;
            width: auto
        }

    .layout-profile article > .content.main, .layout-subhome-theme #main > aside, .layout-subhome-theme .content.main {
        width: auto;
        float: none;
        margin-left: 0
    }

    .layout-subhome-theme #main > aside {
        background-color: #eeede6
    }

    .layout-subhome-theme .carrousel {
        width: 320px;
        height: 215px;
        margin-left: -20px;
        margin-bottom: 40px
    }

        .layout-subhome-theme .carrousel .items li .caption .footer {
            display: none
        }

    .layout-subhome-theme .content.main .carrousel .pagination {
        display: none
    }

    .layout-profile .page > #main {
        position: relative;
        padding-top: 80px
    }

    .layout-profile article > .content.main {
        margin: 0 -20px;
        padding: 20px
    }

    .layout-profile .contactinfo .contact span {
        display: block;
        font-size: 1.6rem
    }

    .layout-profile aside .contactinfo {
        position: absolute;
        top: 0;
        left: -20px;
        border-top: 0
    }

    #main {
        padding: 0
    }

        #main .top header {
            width: 100%
        }

        #main .top .contactinfo {
            display: none
        }

    body .page > #main > aside {
        display: block;
        width: auto;
        margin: 0 -20px
    }

    aside .content .embed .frame, aside .content.embed .frame {
        margin-left: 0;
        margin-right: -20px
    }

    .primary-navigation .audience li:first-child, #main > aside > .sender-related, #main > aside > .content {
        border-top: 1px solid #000;
        margin-bottom: 0
    }

    .primary-navigation .audience li:first-child {
        border-top-color: #d6d6d6
    }

    .layout-subhome.for-knowledge #main > aside .content, #main > aside > section, #main > aside > .content {
        padding: 20px
    }

    #main > aside > .contactinfo {
        padding: 0 12px 0 0
    }

    .layout-article.with-visual .contactinfo {
        position: static
    }

    #main aside section:last-child {
        margin-bottom: 0
    }

    .sender-related h2 a {
        text-decoration: none
    }

    body.fixed .site-wide, .site-wide, body.fixed .primary-navigation, .primary-navigation {
        position: static;
        padding: 0;
        width: 100%;
        max-width: none;
        display: block
    }

        .primary-navigation .wrapper {
            float: none;
            width: 100%
        }

            .primary-navigation:after, .primary-navigation .wrapper:after {
                content: "";
                visibility: hidden;
                clear: both;
                display: block;
                height: 0
            }

        .primary-navigation .audience {
            display: block;
            float: none
        }

            .primary-navigation .audience li {
                border-bottom: 1px solid #d6d6d6
            }

            .primary-navigation .audience a {
                position: relative;
                float: none;
                display: block;
                padding: 10px 15px 10px 10px;
                margin-right: 20px
            }

    .layout-home .primary-navigation .audience a {
        padding-left: 0
    }

    .primary-navigation .audience a:after {
        position: absolute;
        top: 50%;
        right: -6px;
        margin-top: -12px;
        content: "\F004";
        font-family: "wurfont";
        font-size: 1.3em;
        color: #c0c0c0
    }

    .primary-navigation .audience a br {
        display: none
    }

    .primary-navigation .search-button {
        margin: 0 0 20px 0;
        position: absolute;
        top: 10px;
        right: 5px;
        width: auto
    }

    a.button {
        display: block;
        font-size: 1.3rem
    }

    .contactinfo, .contactinfo.with-extra {
        margin-bottom: 0;
        border-top: 1px solid #d6d6d6
    }

        .contactinfo > .vcard:first-child, .contactinfo > .vcard {
            border-bottom: 0
        }

        .contactinfo.display .extra-cards, .contactinfo .extra-cards {
            padding: 0;
            margin: 0;
            position: static;
            border-top: 1px solid #d6d6d6;
            box-shadow: none
        }

        .contactinfo ul li {
            background: none;
            padding: 0;
            margin-bottom: 0
        }

    .layout-subhome-institute #main aside .contactinfo {
        position: static
    }

    .layout-subhome-chairgroup #main aside .contactinfo {
        float: none;
        margin: 0;
        width: auto
    }

    .content h2 {
        margin-top: 1em
    }

    .form .row {
        padding-right: 0
    }

    .form .label {
        float: none;
        width: auto;
        padding-bottom: 4px
    }

    .form .fields {
        margin-left: 0
    }

        .form .fields .field label {
            display: block
        }

        .form .fields .field.twothird .button, .form .fields .field.half .button, .form .fields .field.third .button, .form .fields .field.fourth .button {
            margin-top: 28px;
            margin-right: 0
        }

    .form .row .error-message {
        width: 97%;
        left: 0;
        position: relative
    }

        .form .row .error-message:before {
            border-top: 10px solid #f07600;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            top: 100%;
            left: 50%
        }

    .form .info-message .tooltip {
        width: 150px
    }

    .form.with-background .row .error-message:before {
        border-top: 10px solid #eeede6;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent
    }

    .contact-overlay aside, .contact-overlay .content {
        float: none;
        width: auto
    }

    .contact-overlay aside {
        margin-left: -21px
    }

    .contact-overlay .wrapper {
        padding: 40px 10px 0 20px
    }

        .contact-overlay .wrapper .form {
            margin-top: 10px;
            padding-top: 10px
        }

        .contact-overlay .wrapper .factsheet {
            margin-bottom: 0
        }

    #main > footer {
        padding: 1px 20px 20px
    }

        #main > footer .col {
            padding: 0 30px 20px 30px
        }

    .columns .col:first-child:nth-last-child(n+7), .columns .col:first-child:nth-last-child(n+7) ~ .col, .columns .col:first-child:nth-last-child(6), .columns .col:first-child:nth-last-child(6) ~ .col, .columns .col:first-child:nth-last-child(5), .columns .col:first-child:nth-last-child(5) ~ .col, .columns .col:first-child:nth-last-child(4), .columns .col:first-child:nth-last-child(4) ~ .col, .columns .col:first-child:nth-last-child(3), .columns .col:first-child:nth-last-child(3) ~ .col, .columns .col:first-child:nth-last-child(2), .columns .col:first-child:nth-last-child(2) ~ .col, .columns .col:first-child:nth-last-child(5) ~ .col:nth-child(4), .columns .col:first-child:nth-last-child(6) ~ .col:nth-child(4), .columns .col:first-child:nth-last-child(n+7) ~ .col:nth-child(5) {
        width: auto;
        margin-bottom: 0
    }

    .content.bottom .collection {
        margin-left: -20px
    }

        .content.bottom .collection > h2 {
            margin-left: 20px
        }

    .collection .columns {
        display: block
    }

        .collection .columns .col {
            padding: 20px;
            display: block;
            margin-right: 0;
            border-left: none;
            border-right: none
        }

            .collection .columns .col + .col {
                padding-top: 0
            }

            .collection .columns .col .list .button {
                margin-bottom: 20px
            }

    body > footer .col {
        display: none;
        width: auto;
        margin-bottom: 0
    }

        body > footer .col:first-child {
            display: block
        }

    body > footer nav ul {
        text-align: left
    }

        body > footer nav ul li {
            margin-right: 16px
        }

    #main, #main .content, body > footer, .contactinfo .vcard, .contactinfo .vcard.inline .fn {
        font-size: 1.2rem
    }

    .content p.intro {
        font-size: 1.4rem
    }

    .sender-related h2, .pullquote blockquote {
        font-size: 1.6rem
    }

    #main h1 {
        font-size: 2.5rem
    }

    .font-size-h2, .layout-subhome.for-development aside .form h2, .carrousel-caption-quote, .layout-subhome.for-services .carrousel .items .caption.testimonial p, .layout-subhome-institute.for-funding .carrousel .caption p.quote, .layout-subhome-audience .carrousel .items li .caption p, .content h2, section.meta h2, .content .list h2, .pullquote:before, .timeline h3, .timeline li .title, .carrousel .items li .caption h3, .gallery h2, .featured h2, .banner h2 {
        font-size: 1.7rem
    }

    .list.with-people.grouped > ul > li, .list.grouped.with-tweets > ul > li {
        min-width: 100px
    }

    .content.main .list.with-partner-logos.columns ul li, .content.bottom .list.with-partner-logos.columns ul li {
        width: 100%
    }

    section.details {
        margin-left: -20px;
        margin-right: -20px;
        padding-right: 5px
    }

    .gallery h2 {
        margin-bottom: 1em
    }

    #main .carrousel + .gallery {
        padding-top: 20px;
        margin-top: -20px
    }

    #main .gallery {
        padding-top: 20px
    }

    .stones {
        margin-left: -20px
    }

        .stones .stone {
            width: 220px;
            height: 175px
        }

    .timeline .stage {
        width: auto;
        border-right: 0
    }

        .timeline .stage .content {
            padding-top: 0
        }

        .timeline h2, .timeline h3, .timeline ul.entries-list li, .timeline .stage .content {
            width: auto
        }

    .timeline h3 {
        text-align: left
    }

    .timeline ul.entries-list li.isLeft, .timeline ul.entries-list li.isRight, .timeline ul.entries-list li:nth-child(even), .timeline ul.entries-list li.undoEven, .timeline ul.entries-list li {
        padding: 0 0 15px 0
    }

        .timeline ul.entries-list li article.news:after, .timeline ul.entries-list li article.blog:after, .timeline ul.entries-list li article.event:after, .timeline ul.entries-list li article.video:after, .timeline ul.entries-list li article.project:after, .timeline ul.entries-list li article.article:after, .timeline ul.entries-list li article.news:before, .timeline ul.entries-list li article.blog:before, .timeline ul.entries-list li article.event:before, .timeline ul.entries-list li article.video:before, .timeline ul.entries-list li article.project:before, .timeline ul.entries-list li article.article:before, .timeline ul.entries-list li.icon-conflict article:after, .timeline ul.entries-list li.icon-conflict article:before {
            content: none
        }

    .layout-home .carrousel {
        float: none;
        margin-right: -30px
    }

        .layout-subhome-theme .carrousel .items li .caption, .layout-home .carrousel .items li .caption {
            padding: 20px;
            width: 260px
        }

            .layout-subhome-theme .carrousel .items li .caption h3, .layout-home .carrousel .items li .caption h3 {
                font-size: 24px;
                margin: 0
            }

        .layout-home .mission, .layout-home .mission a, .layout-home .carrousel .footer, .layout-subhome.for-services .carrousel .pagination, .layout-home .pagination {
            display: none
        }

    .layout-home .content > section.list.info {
        margin-top: 0
    }

    .layout-home .tab.with-article-size {
        width: auto
    }

    .layout-home .tab > .list {
        width: auto
    }

    .layout-home .content.main, .layout-home .tab .collection .columns {
        margin-bottom: 0
    }

    .layout-home .tab .collection .col {
        padding-bottom: 0
    }

    .layout-home .info {
        min-height: auto
    }

    .layout-home .tab-bar {
        margin-bottom: 25px
    }

    .layout-home .carrousel {
        width: 500px;
        height: 296.875px
    }

        .layout-home .carrousel .items {
            height: 296.875px
        }

    .layout-subhome-audience .carrousel {
        width: 500px;
        height: 335.9375px
    }

    .layout-subhome-school .carrousel {
        width: 600px;
        height: 186.73469px
    }

    .layout-subhome-school .content.main {
        padding-top: 187px
    }

    .layout-subhome-school .content > header.title {
        min-height: 0;
        width: 100%
    }

    .layout-subhome.for-services .carrousel {
        width: 500px;
        height: 336.56958px
    }

    .layout-subhome.for-services #main > aside .content {
        margin-top: 418px
    }
}

@media(max-width:500px) {
    .masonry {
        margin-left: -10px
    }

    .layout-home .carrousel {
        width: 320px;
        height: 190px
    }

        .layout-home .carrousel .items {
            height: 190px
        }

    .layout-subhome-study .carrousel {
        width: 500px;
        height: 224.4898px
    }

    .layout-subhome-school .carrousel {
        width: 500px;
        height: 155.61224px
    }

    .layout-subhome-school .content.main {
        padding-top: 156px
    }

    .layout-subhome-study .content > header.title {
        margin-top: 144px
    }

    .stones .stone img, .stones .stone {
        width: 220px;
        height: 160px
    }

    .layout-subhome.for-services .carrousel {
        width: 320px;
        height: 215.40453px
    }

    .layout-subhome.for-services #main > aside .content {
        margin-top: 418px
    }
}

@media(max-width:320px) {
    .layout-subhome-institute .content > header.title {
        padding-bottom: 0
    }

    .layout-subhome-institute .carrousel .items {
        height: 240px
    }

    .layout-subhome.for-services .carrousel .items .caption.testimonial {
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: box-border;
        -moz-box-sizing: box-border;
        box-sizing: box-border
    }

    .layout-subhome-study .carrousel {
        width: 320px;
        height: 143.67347px
    }

    .layout-subhome-school .carrousel {
        width: 320px;
        height: 99.59184px
    }

    .layout-subhome-school .content.main {
        padding-top: 100px
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a.lightbox:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    body > footer, #breadcrumb, .primary-navigation, .social, .site-wide, .follow, .pagination {
        display: none
    }

    header, .pullquote.with-photo .photo-frame {
        padding: 0 !important;
        margin: 0 !important
    }

    header {
        margin-bottom: 10px !important
    }

    .pullquote.with-photo blockquote {
        margin-left: 100px !important
    }
}

.no-js .masonry .tile {
    position: relative;
    float: left
}

.no-js .gallery .actions {
    display: none
}

.no-js .carrousel .slide:first-child {
    display: block;
    position: relative;
    visibility: visible
}

.no-js .details .content {
    display: block
}

.no-js .form.with-tabs .tab {
    display: block;
    border-bottom: #FFF solid 20px
}


/*Site specif CSS*/
.bvr-logo {
    display: block;
    margin-top: -50px;
    height: 100px;
    width: 100px;
}
.wageningenlogo {
    margin-left: 150px;
}
h1 {
    font-family: Verdana;
    font-size: 20pt !important;
    color: #34B233;
}

h2 {
    font-family: Verdana;
    font-size: 13pt !important;
    color: #34B233;
}

footer h2 {
    color: #fff;
}

/*Specific items form MyBVR*/
.linkbutton {
    display: inline-block;
    text-decoration: none;
    background: #D5D2CA;
    color: #000000;
    border-radius: 10px / 50%;
    line-height: 1.5;
    padding: 1px 11px;
    border: 0;
    outline: 0;    
}
.linkbutton:hover {
    text-decoration: none;
}

.login {
    width: 52.12766% !important;
}

.register {
    width: 52.12766% !important;
}

 .register .rz-login :nth-child(2 of .rz-form-row)  {
    display: none;
 }


/* Radzen overrrides */
/* login */
.login .rz-button {
    background: #34b233 !important;
    padding: 5px 15px !important;
    line-height: 1.5 !important;
    border-radius: 15px / 50% !important;
    font-size: 9px !important;    
}
.login .rz-button-box {
    vertical-align: middle !important;
}
.rz-login .rz-form .rz-messages-error {
    position: static !important;
    font-size: 13px !important;
}
.rz-login .rz-textbox {
    font-size: 13px !important;
}

/* register */
.register .row {
    --bs-gutter-x: 0rem !important;
    display: block !important;
}
.register .rz-button {
    background: #34b233 !important;
    padding: 5px 15px !important;
    line-height: 1.5 !important;
    border-radius: 15px / 50% !important;
    font-size: 9px !important;    
}
.register .rz-button-box {
    vertical-align: middle !important;
}
.register .rz-button-text {
    color: white;
}

/* error message */
.error-message {
    margin-bottom: 10px;
}
.error-message .rz-text-body1 {
    font-size: 13px !important;
}


/* regular message */
.regular-message {
    margin-bottom: 10px;
}
.regular-message .rz-text-body1 {
    font-size: 13px !important;
}