@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@font-face {
    font-family: Vestula;
    src: url("../../assets/fonts/vestulapro/vestulapro-regular.woff2") format("woff2"),url("../../assets/fonts/vestulapro/vestulapro-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: Vestula;
    src: url("../../assets/fonts/vestulapro/vestulapro-semibold.woff2") format("woff2"),url("../../assetsfonts/vestulapro/vestulapro-semibold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: Vestula;
    src: url("../../assets/fonts/vestulapro/vestulapro-regularitalic.woff2") format("woff2"),url("../../assets/fonts/vestulapro/vestulapro-regularitalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: auto
}

@font-face {
    font-family: Vestula;
    src: url("../../assets/fonts/vestulapro/vestulapro-semibolditalic.woff2") format("woff2"),url("../../assets/fonts/vestulapro/vestulapro-semibolditalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: auto
}

@font-face {
    font-family: Fontello;
    src: url("../../assets/fonts/fontello/fontello.woff2") format("woff2"),url("../../assets/fonts/fontello/fontello.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

article:after {
    content: '';
    display: table;
    clear: both
}

article h1, article h2, article h3, article h4, article h5, article h6 {
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    margin: 0;
    color: #001158
}

/*article p, article ul, article ol, article dl, article table, article blockquote, article figure, article pre, article form, article fieldset, article address {
    margin: 0 0 1.375rem
}*/

article h2 + h3 {
    margin-top: .6875rem
}

article h3 + h4 {
    margin-top: .34375rem
}

article a {
    color: #b27f2b;
    text-decoration: none
}

    article a:hover, article a:active, article a:focus {
        text-decoration: underline
    }

    article a.pdf:before {
        content: "\e833";
        font-family: fontello;
        font-size: .75rem;
        line-height: 1.8333333333;
        display: inline-block;
        margin-right: 3px
    }

    article a.external:before {
        content: "\e809";
        font-family: fontello;
        font-size: .75rem;
        line-height: 1.8333333333;
        display: inline-block;
        margin-right: 3px
    }

article h1 {
    font-size: 2.625rem;
    line-height: 1.0476190476;
    margin-bottom: 1.375rem;
    color: #333;
    margin-top:40px;
}

@media only screen and (max-width: 1024px) {
    article h1 {
        font-size: 2.125rem;
        line-height: 1.1323529412
    }
}

@media only screen and (max-width: 768px) {
    article h1 {
        font-size: 1.625rem;
        line-height: 1.2692307692
    }
}

article h1 + time {
    font-size: .75rem;
    line-height: 1.8333333333;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    color: #999;
    display: block
}

article h1.en {
    color: #999
}

article h2 {
    font-size: 1.25rem;
    line-height: 1.375;
    margin-top:20px;
}

article h3 {
    font-size: 1.125rem;
    line-height: 1.2222222222
}

article h4 {
    font-size: 1rem;
    line-height: 1.375
}

article h5 {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: normal
}

article h6 {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-weight: normal
}

article .intro {
    font-size: 1.25rem;
    line-height: 1.375;
    font-family: vestula,arial,sans-serif;
    margin-bottom: 1.375rem;
    color: #333
}

@media only screen and (max-width: 1024px) {
    article .intro {
        font-size: 1.125rem;
        line-height: 1.5277777778
    }
}

@media only screen and (max-width: 768px) {
    article .intro {
        font-size: 1rem;
        line-height: 1.375
    }
}

article .meta {
    font-size: .75rem;
    line-height: 1.8333333333;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    color: #999;
    display: block;
    margin: 0
}

article pre {
    background: #333;
    color: #fff;
    overflow: auto;
    padding: .6875em 10px
}

    article pre code {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: consolas,monaco,monospace
    }

article ul, article ol {
    padding-left: 30px
}

    article ul ul, article ul ol, article ol ul, article ol ol {
        margin-bottom: 0
    }

article li p, article th p, article td p, article td ul, article td ol {
    margin-bottom: 0
}

article li > h3:first-child, article li > h4:first-child {
    margin-top: 1.375rem
}

article .context {
    font-size: 1.25rem;
    line-height: 1.375;
    font-family: vestula,arial,sans-serif;
    font-weight: normal;
    color: #b27f2b
}

article .stand-out {
    margin: 2.75rem 0
}

article ul.stand-out {
    list-style: none;
    padding-left: 0
}

    article ul.stand-out li + li {
        margin-top: 1.375rem
    }

@media only screen and (min-width: 769px) {
    article .indent {
        margin-left: 12.5%
    }

        article .indent .image.float-left, article .indent > blockquote:not([class]) {
            margin-left: -14.2857142857143%
        }
}

article .image {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

    article .image img {
        display: table-cell;
        width: 100%
    }

    article .image figcaption {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        display: table-caption;
        caption-side: bottom;
        color: #7f88ab;
        margin-top: 5px
    }

        article .image figcaption:empty {
            display: none
        }

article > blockquote:not([class]), article .indent > blockquote:not([class]) {
    font-size: 1.125rem;
    line-height: 1.5277777778;
    font-family: vestula,arial,sans-serif;
    color: #7f88ab
}

@media only screen and (min-width: 436px) {
    article > blockquote:not([class]), article .indent > blockquote:not([class]) {
        float: left;
        margin-right: 30px;
        width: 38.2%
    }
}

@media only screen and (min-width: 436px) {
    article .float-none {
        clear: both;
        margin: 1.375rem 0
    }

    article .float-center {
        clear: both;
        margin: 1.375rem auto;
        width: auto
    }

    article .float-left {
        float: left;
        margin-right: 30px;
        width: auto
    }

    article .float-right {
        float: right;
        margin-left: 30px;
        width: auto
    }
}

/*article table:not([class]) {
    background: #fff;
    border: none;
    width: 100%
}*/

/*article table:not([class]) th, article table:not([class]) td {
    padding: .6875rem
}*/

/*    article table:not([class]) th {
        font-size: 1rem;
        line-height: 1.375;
        font-family: vestula,arial,sans-serif;
        font-weight: normal;
        background-color: #7f7e6a;
        color: #fff;
        text-align: left
    }

    article table:not([class]) tbody tr:nth-child(even) {
        background-color: #f5f5f5
    }
*/
article div.table {
    border: 1px solid #dfdfda;
    background: #fff;
    width: 100%;
    overflow: auto;
    margin-bottom: 1.375rem
}

    article div.table table {
        border: none;
        margin-bottom: 0
    }

        article div.table table td:not(:first-child) {
            border-left: 1px solid #dfdfda
        }

article .people {
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    list-style: none;
    padding: 0
}

    article .people li {
        display: inline
    }

        article .people li:not(:last-child):after {
            content: ', '
        }

article .cta {
    font-family: vestula,arial,sans-serif;
    background-color: #f5f5f5;
    margin-bottom: 1.375rem;
    padding: 1.375rem 20px;
    border-radius: 3px;
    clear: both
}

    article .cta > :last-child {
        margin-bottom: 0
    }

article .frame, article .accent {
    font-family: vestula,arial,sans-serif;
    margin: 2.75rem 0;
    margin-left: -5px;
    padding: 0 0 0 30px;
    border-left: 5px solid #ccc;
    width: calc(100% + 5px);
    overflow: auto;
    clear: both
}

    article .frame > :last-child, article .accent > :last-child {
        margin-bottom: 0
    }

    article .frame figure, article .accent figure {
        float: left;
        margin-bottom: 1.375rem
    }

@media only screen and (min-width: 436px) {
    article .frame figure, article .accent figure {
        max-width: 50%;
        margin-right: 20px
    }
}

article .frame ul, article .accent ul {
    margin-left: 20px;
    padding-left: 0
}

article .frame {
    background: #f5f5f5;
    padding: 1.375rem 30px
}

article .video {
    clear: both;
    margin-bottom: 1.375rem
}

    article .video h2 {
        margin-bottom: .34375rem
    }

article .read-more {
    font-family: vestula,arial,sans-serif;
    margin-bottom: 1.375rem
}

    article .read-more:after {
        content: "\e812";
        font-family: fontello;
        margin-left: 5px
    }

    article .read-more:hover, article .read-more:active, article .read-more:focus {
        color: #333;
        text-decoration: none
    }

article .social-embed {
    margin-bottom: 1.375rem
}

@media only screen and (min-width: 1025px) {
    .sub-home article h1:first-child, article .main-content h1, article .hero + h1 {
        background: #fff;
        padding: 20px 40px 0;
        margin-top: -60px;
        margin-left: -40px;
        display: table;
        position: relative;
        max-width: 100%
    }

    .sub-home article p.context:first-child {
        background: #fff;
        border: 40px solid #fff;
        border-width: 20px 40px 0;
        margin-top: -60px;
        margin-left: -40px;
        width: calc(100% + 80px)
    }
}

body {
    background-color: #f5f5f5;
    font-size: 100%;
    line-height: 1.375;
    font-family: georgia,serif;
    color: #666
}

.box {
    background: #fff;
    overflow: hidden;
    position: relative
}

    .box .box-header h2 {
        font-size: 1rem;
        line-height: 1.375;
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        background: #001158;
        color: #fff;
        margin: 0 0 10px;
        padding: .34375rem 20px;
        position: relative
    }

        .box .box-header h2:after {
            width: 0;
            height: 0;
            content: '';
            border: 8px solid transparent;
            border-top-color: #001158;
            border-bottom-width: 0;
            left: 20px;
            bottom: -8px;
            position: absolute
        }

    .box .box-header.alt h2 {
        background: transparent;
        border-top: 5px solid #7f88ab;
        color: #001158;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

        .box .box-header.alt h2:after {
            display: none
        }

    .box .box-content {
        font-size: .875rem;
        line-height: 1.2857142857;
        font-family: vestula,arial,sans-serif;
        font-weight: normal
    }

        .box .box-content a {
            color: #333;
            text-decoration: none;
            font-weight: bold
        }

        .box .box-content .meta {
            font-size: .75rem;
            line-height: 1.5;
            color: #999;
            display: block;
            margin: 0
        }

        .box .box-content > ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .box .box-content > ul > li {
            border-top: 1px dotted #ccc;
            margin: 0;
            padding: 10px 0
        }

        .box .box-content > ul > li:first-child {
            border-top: none
        }

        .box .box-content > ul > li > a {
            display: block;
            margin: -10px 0;
            padding: 10px 0;
            overflow: hidden
        }

            .box .box-content > ul > li > a:hover, .box .box-content > ul > li > a:active, .box .box-content > ul > li > a:focus {
                background: #f5f5f5
            }

        .box .box-content > ul > li img {
            float: left;
            /*width: 50px;*/
            max-height: 50px
        }

            .box .box-content > ul > li img + div, .box .box-content > ul > li figure + div {
                margin-left: 60px
            }

        .box .box-content > ul > li p {
            font-weight: normal;
            margin: 0
        }

        .box .box-content .more {
            font-size: .75rem;
            line-height: 1.5;
            font-family: vestula,arial,sans-serif;
            font-weight: normal;
            margin-top: 0;
            margin-bottom: 0;
            padding: 10px 0;
            border-top: 1px dotted #ccc;
            text-align: right
        }

            .box .box-content .more a {
                color: #b27f2b;
                font-weight: normal
            }

                .box .box-content .more a:after {
                    content: "\e812";
                    font-family: fontello;
                    margin-left: 5px
                }

                .box .box-content .more a:hover, .box .box-content .more a:active, .box .box-content .more a:focus {
                    color: #333
                }

            .box .box-content .more.pagination {
                text-align: center
            }

                .box .box-content .more.pagination span {
                    padding: 0 10px
                }

                .box .box-content .more.pagination a.prev:after {
                    display: none
                }

                .box .box-content .more.pagination a.prev:before {
                    content: "\e811";
                    font-family: fontello;
                    margin-right: 5px
                }

                .box .box-content .more.pagination.first a.prev, .box .box-content .more.pagination.last a.next {
                    visibility: hidden
                }

    .box.has-more .box-header h2 {
        cursor: default
    }

    .box.expand.can-expand .box-content ul {
        border-bottom: 1px dotted #ccc
    }

    .box.expand.can-expand .box-expand-toggle {
        border: none;
        background: none;
        display: block;
        margin: -10px auto;
        cursor: pointer;
        color: #666;
        outline: none
    }

        .box.expand.can-expand .box-expand-toggle:before {
            content: "\e816";
            font-family: fontello
        }

        .box.expand.can-expand .box-expand-toggle:hover, .box.expand.can-expand .box-expand-toggle:active, .box.expand.can-expand .box-expand-toggle:focus {
            color: #b27f2b
        }

    .box.expand.can-expand.is-expanded .box-expand-toggle:before {
        content: "\e819";
        font-family: fontello
    }

    .box.ghost {
        box-shadow: none;
        background: transparent
    }

    .box.ajax[data-hide-while-loading="true"] {
        visibility: hidden
    }

    .box.events a .event-date, .box li.event a .event-date {
        width: 50px
    }

        .box.events a .event-date.one-day, .box li.event a .event-date.one-day {
            background: #7f88ab;
            height: 50px;
            padding: 0
        }

            .box.events a .event-date.one-day time, .box li.event a .event-date.one-day time {
                padding: .75rem 0 0
            }

        .box.events a .event-date.multiple-days time, .box li.event a .event-date.multiple-days time {
            font-size: .75rem;
            line-height: 2.0833333333;
            height: 25px;
            padding: 0
        }

            .box.events a .event-date.multiple-days time abbr, .box li.event a .event-date.multiple-days time abbr {
                display: inline;
                font-size: 1em
            }

        .box.events a .event-date + div, .box li.event a .event-date + div {
            margin-left: 60px
        }

    .box.files a, .box li.file a {
        text-overflow: ellipsis
    }

        .box.files a:before, .box li.file a:before {
            content: "\e842";
            font-family: fontello;
            background: #7f7e6a;
            float: left;
            width: 50px;
            height: 50px;
            text-align: center;
            font-size: 1.125rem;
            line-height: 50px;
            font-weight: normal;
            margin-right: 10px;
            color: #fff
        }

        .box.files a.pdf:before, .box li.file a.pdf:before {
            content: "\e833";
            font-family: fontello;
            background: #e14045
        }

        .box.files a.word:before, .box li.file a.word:before {
            content: "\e83f";
            font-family: fontello;
            background: #2b5797
        }

        .box.files a.powerpoint:before, .box li.file a.powerpoint:before {
            content: "\e841";
            font-family: fontello;
            background: #d14426
        }

        .box.files a.excel:before, .box li.file a.excel:before {
            content: "\e840";
            font-family: fontello;
            background: #207347
        }

        .box.files a.doc:before, .box li.file a.doc:before {
            content: "\e842";
            font-family: fontello;
            background: #7f7e6a
        }

    .box.messages a .meta, .box li.message a .meta {
        margin-left: 20px
    }

    .box.messages a strong, .box li.message a strong {
        display: block;
        margin-left: 20px
    }

        .box.messages a strong:before, .box li.message a strong:before {
            content: "\e839";
            font-family: fontello;
            display: inline-block;
            vertical-align: top;
            width: 20px;
            margin-left: -20px;
            margin-top: 1px;
            color: #001158;
            font-size: .625rem;
            font-weight: normal;
            text-align: center
        }

    .box.messages a.archaeology strong:before, .box li.message a.archaeology strong:before {
        color: #2c712d
    }

    .box.messages a.humanities strong:before, .box li.message a.humanities strong:before {
        color: #9eba2e
    }

    .box.messages a.medicine-lumc strong:before, .box li.message a.medicine-lumc strong:before {
        color: #5cb1eb
    }

    .box.messages a.campus-the-hague strong:before, .box li.message a.campus-the-hague strong:before {
        color: #34a3a9
    }

    .box.messages a.governance-and-global-affairs strong:before, .box li.message a.governance-and-global-affairs strong:before {
        color: #34a3a9
    }

    .box.messages a.law strong:before, .box li.message a.law strong:before {
        color: #b02079
    }

    .box.messages a.social-and-behavioural-sciences strong:before, .box li.message a.social-and-behavioural-sciences strong:before {
        color: #be1908
    }

    .box.messages a.science strong:before, .box li.message a.science strong:before {
        color: #f46e32
    }

    .box.messages a.university strong:before, .box li.message a.university strong:before {
        color: #001158
    }

    .box.messages a.university-50 strong:before, .box li.message a.university-50 strong:before {
        color: #7f88ab
    }

    .box.messages a.gray strong:before, .box li.message a.gray strong:before {
        color: #bfbeb4
    }

    .box.messages a.neutral strong:before, .box li.message a.neutral strong:before {
        color: #bfbeb4
    }

    .box.messages a.locked strong:before, .box li.message a.locked strong:before {
        color: #ccc
    }

    .box.messages a:visited strong:before, .box li.message a:visited strong:before {
        color: #bfc3d5
    }

    .box.figure a {
        display: block;
        overflow: hidden;
        height: 100%
    }

        .box.figure a:hover, .box.figure a:active, .box.figure a:focus {
            background: #f5f5f5
        }

    .box.figure figure img {
        display: block;
        margin: 0;
        width: 100%;
        height: auto
    }

    .box.figure figure figcaption {
        font-size: 1.25rem;
        line-height: 1.2;
        font-weight: bold;
        color: #333;
        display: block;
        padding: .6875rem 20px
    }

        .box.figure figure figcaption .meta {
            font-size: 1rem;
            line-height: 1.375;
            color: #999;
            display: block;
            margin-top: .34375rem
        }

            .box.figure figure figcaption .meta p {
                margin: 0
            }

    .box.figure.alt figure {
        position: relative;
        background: #fff none 50% 50% no-repeat;
        background-size: cover
    }

        .box.figure.alt figure img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1
        }

        .box.figure.alt figure figcaption {
            font-size: 1.625rem;
            line-height: 1.2692307692;
            position: relative;
            z-index: 2;
            color: #fff;
            padding: 20px;
            text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
        }

            .box.figure.alt figure figcaption .meta {
                color: #ddd
            }

    .box.figure.portrait figure {
        overflow: hidden
    }

        .box.figure.portrait figure img {
            width: auto;
            float: left;
            margin-right: 10px
        }

        .box.figure.portrait figure figcaption {
            font-size: 1rem;
            line-height: 1.375;
            padding: 0;
            margin: 0
        }

            .box.figure.portrait figure figcaption .meta {
                font-size: .75rem;
                line-height: 1.3333333333;
                margin-top: .6875rem
            }

    .box.figure.ghost figcaption {
        font-size: 1rem;
        line-height: 2.0625;
        font-family: vestula,arial,sans-serif;
        color: #fff;
        background: #001158;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
        padding: 0 20px;
        position: relative
    }

        .box.figure.ghost figcaption:before {
            width: 0;
            height: 0;
            content: '';
            border: 8px solid transparent;
            border-bottom-color: #001158;
            border-top-width: 0;
            position: absolute;
            top: -8px;
            right: 20px
        }

    .box.figure.ghost a:hover figcaption, .box.figure.ghost a:active figcaption, .box.figure.ghost a:focus figcaption {
        background: #7f88ab
    }

        .box.figure.ghost a:hover figcaption:before, .box.figure.ghost a:active figcaption:before, .box.figure.ghost a:focus figcaption:before {
            width: 0;
            height: 0;
            content: '';
            border: 8px solid transparent;
            border-bottom-color: #7f88ab;
            border-top-width: 0
        }

    .box.nested .box-content ul li a + a {
        padding-left: 40px
    }

    .box.banner {
        background-clip: padding-box;
        border-bottom: 10px solid transparent;
        box-shadow: none;
        background-color: #7f88ab;
        position: relative;
        overflow: visible
    }

        .box.banner:before, .box.banner:after {
            content: '';
            position: absolute
        }

        .box.banner:before {
            bottom: -10px;
            left: 0;
            border-right: 10px solid transparent;
            border-top: 10px solid #7f88ab;
            border-left: 20px solid #7f88ab
        }

        .box.banner:after {
            bottom: -10px;
            left: 30px;
            right: 0;
            border-right: 10px solid #7f88ab;
            border-top: 10px solid #7f88ab;
            border-left: 10px solid transparent
        }

        .box.banner.bg-rood {
            box-shadow: none;
            background-color: #c0302d;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-rood:before, .box.banner.bg-rood:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-rood:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #c0302d;
                border-left: 20px solid #c0302d
            }

            .box.banner.bg-rood:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #c0302d;
                border-top: 10px solid #c0302d;
                border-left: 10px solid transparent
            }

        .box.banner.bg-turkoois {
            box-shadow: none;
            background-color: #009b98;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-turkoois:before, .box.banner.bg-turkoois:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-turkoois:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #009b98;
                border-left: 20px solid #009b98
            }

            .box.banner.bg-turkoois:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #009b98;
                border-top: 10px solid #009b98;
                border-left: 10px solid transparent
            }

        .box.banner.bg-oranje {
            box-shadow: none;
            background-color: #e07a29;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-oranje:before, .box.banner.bg-oranje:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-oranje:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #e07a29;
                border-left: 20px solid #e07a29
            }

            .box.banner.bg-oranje:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #e07a29;
                border-top: 10px solid #e07a29;
                border-left: 10px solid transparent
            }

        .box.banner.bg-groen {
            box-shadow: none;
            background-color: #a1b116;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-groen:before, .box.banner.bg-groen:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-groen:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #a1b116;
                border-left: 20px solid #a1b116
            }

            .box.banner.bg-groen:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #a1b116;
                border-top: 10px solid #a1b116;
                border-left: 10px solid transparent
            }

        .box.banner.bg-donkergroen {
            box-shadow: none;
            background-color: #008036;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-donkergroen:before, .box.banner.bg-donkergroen:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-donkergroen:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #008036;
                border-left: 20px solid #008036
            }

            .box.banner.bg-donkergroen:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #008036;
                border-top: 10px solid #008036;
                border-left: 10px solid transparent
            }

        .box.banner.bg-lichtblauw {
            box-shadow: none;
            background-color: #00a6e2;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-lichtblauw:before, .box.banner.bg-lichtblauw:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-lichtblauw:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #00a6e2;
                border-left: 20px solid #00a6e2
            }

            .box.banner.bg-lichtblauw:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #00a6e2;
                border-top: 10px solid #00a6e2;
                border-left: 10px solid transparent
            }

        .box.banner.bg-violet {
            box-shadow: none;
            background-color: #9e1c67;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-violet:before, .box.banner.bg-violet:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-violet:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #9e1c67;
                border-left: 20px solid #9e1c67
            }

            .box.banner.bg-violet:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #9e1c67;
                border-top: 10px solid #9e1c67;
                border-left: 10px solid transparent
            }

        .box.banner.bg-maroon {
            box-shadow: none;
            background-color: #832929;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-maroon:before, .box.banner.bg-maroon:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-maroon:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #832929;
                border-left: 20px solid #832929
            }

            .box.banner.bg-maroon:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #832929;
                border-top: 10px solid #832929;
                border-left: 10px solid transparent
            }

        .box.banner.bg-goud {
            box-shadow: none;
            background-color: #9D8A0A;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-goud:before, .box.banner.bg-goud:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-goud:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #9D8A0A;
                border-left: 20px solid #9D8A0A
            }

            .box.banner.bg-goud:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #9D8A0A;
                border-top: 10px solid #9D8A0A;
                border-left: 10px solid transparent
            }

        .box.banner.bg-blauw {
            box-shadow: none;
            background-color: #001158;
            position: relative;
            overflow: visible
        }

            .box.banner.bg-blauw:before, .box.banner.bg-blauw:after {
                content: '';
                position: absolute
            }

            .box.banner.bg-blauw:before {
                bottom: -10px;
                left: 0;
                border-right: 10px solid transparent;
                border-top: 10px solid #001158;
                border-left: 20px solid #001158
            }

            .box.banner.bg-blauw:after {
                bottom: -10px;
                left: 30px;
                right: 0;
                border-right: 10px solid #001158;
                border-top: 10px solid #001158;
                border-left: 10px solid transparent
            }

        .box.banner .box-header h2 {
            font-size: 1.75rem;
            line-height: 1.1785714286;
            background: transparent;
            margin: 0;
            padding: 20px 20px 0
        }

            .box.banner .box-header h2:after {
                display: none
            }

        .box.banner .box-content p {
            color: #fff;
            border: none;
            margin-left: 20px;
            margin-right: 20px
        }

            .box.banner .box-content p a {
                color: #fff;
                text-decoration: underline
            }

                .box.banner .box-content p a:hover, .box.banner .box-content p a:active, .box.banner .box-content p a:focus {
                    color: #ecdfca
                }

            .box.banner .box-content p.more a {
                text-decoration: none
            }

    .box.facts-figures .box-content ul li {
        padding-left: 50px;
        position: relative;
        min-height: 50px
    }

        .box.facts-figures .box-content ul li:before {
            content: "\e832";
            font-family: fontello;
            font-size: 2rem;
            line-height: 1;
            font-weight: normal;
            position: absolute;
            left: 5px;
            top: 10px;
            color: #b27f2b;
            width: 40px;
            height: 40px;
            text-align: center;
            margin: 0
        }

aside .box.facts-figures .box-content ul li:before {
    color: #666
}

.box.facts-figures .box-content ul li.academic:before {
    content: "\e855";
    font-family: fontello
}

.box.facts-figures .box-content ul li.bar-chart:before {
    content: "\e869";
    font-family: fontello
}

.box.facts-figures .box-content ul li.diploma:before {
    content: "\e858";
    font-family: fontello
}

.box.facts-figures .box-content ul li.diversity:before {
    content: "\e85c";
    font-family: fontello
}

.box.facts-figures .box-content ul li.earth:before {
    content: "\e832";
    font-family: fontello
}

.box.facts-figures .box-content ul li.firstyears:before {
    content: "\e814";
    font-family: fontello
}

.box.facts-figures .box-content ul li.freedom-dove:before {
    content: "\e875";
    font-family: fontello
}

.box.facts-figures .box-content ul li.glass-and-fork:before {
    content: "\e86d";
    font-family: fontello
}

.box.facts-figures .box-content ul li.laurel:before {
    content: "\e859";
    font-family: fontello
}

.box.facts-figures .box-content ul li.microscope:before {
    content: "\e86b";
    font-family: fontello
}

.box.facts-figures .box-content ul li.nobel-prize:before {
    content: "\e86a";
    font-family: fontello
}

.box.facts-figures .box-content ul li.nobelprice:before {
    content: "\e854";
    font-family: fontello
}

.box.facts-figures .box-content ul li.people-speaking:before {
    content: "\e874";
    font-family: fontello
}

.box.facts-figures .box-content ul li.people:before {
    content: "\e856";
    font-family: fontello
}

.box.facts-figures .box-content ul li.person-with-briefcase:before {
    content: "\e876";
    font-family: fontello
}

.box.facts-figures .box-content ul li.podium:before {
    content: "\e86e";
    font-family: fontello
}

.box.facts-figures .box-content ul li.q-and-a:before {
    content: "\e86f";
    font-family: fontello
}

.box.facts-figures .box-content ul li.ranking:before {
    content: "\e85a";
    font-family: fontello
}

.box.facts-figures .box-content ul li.rating:before {
    content: "\e85d";
    font-family: fontello
}

.box.facts-figures .box-content ul li.recycle:before {
    content: "\e870";
    font-family: fontello
}

.box.facts-figures .box-content ul li.scales:before {
    content: "\e871";
    font-family: fontello
}

.box.facts-figures .box-content ul li.suitcase:before {
    content: "\e857";
    font-family: fontello
}

.box.facts-figures .box-content ul li.trophy:before {
    content: "\e872";
    font-family: fontello
}

.box.facts-figures .box-content ul li.user-headset:before {
    content: "\e873";
    font-family: fontello
}

.box.facts-figures .box-content ul li.windmill:before {
    content: "\e86c";
    font-family: fontello
}

.box.facts-figures .box-content ul li a {
    padding-left: 50px;
    margin-left: -50px
}

.box.facts-figures .box-content ul li span {
    font-size: .75rem;
    line-height: 1.5;
    display: block;
    text-transform: uppercase;
    color: #001158
}

.box.facts-figures .box-content ul li strong {
    font-size: 1.375rem;
    line-height: 1.5;
    font-weight: normal;
    display: block;
    color: #7f88ab
}

.box.facts-figures dl {
    margin: 20px 20px 10px
}

.box.facts-figures dt {
    font-size: 1rem;
    line-height: 1.375;
    color: #7f88ab
}

    .box.facts-figures dt:not(:first-child) {
        border-top: 1px dotted #ccc;
        margin-top: .34375rem;
        padding-top: .34375rem
    }

.box.facts-figures dd {
    font-size: .6875rem;
    line-height: 2;
    color: #001158;
    margin: 0;
    text-transform: uppercase
}

.box.event-details .box-content dl {
    margin: 1.375rem 20px
}

    .box.event-details .box-content dl dt {
        color: #999;
        float: left;
        width: 40%;
        margin-bottom: .6875rem
    }

    .box.event-details .box-content dl dd {
        margin-left: 40%;
        margin-bottom: .6875rem;
        font-weight: bold
    }

        .box.event-details .box-content dl dd a {
            color: #b27f2b
        }

            .box.event-details .box-content dl dd a:hover, .box.event-details .box-content dl dd a:active {
                color: #000
            }

    .box.event-details .box-content dl dt.hidden {
        display: none
    }

        .box.event-details .box-content dl dt.hidden + dd {
            margin-left: 0
        }

    .box.event-details .box-content dl time {
        display: block
    }

        .box.event-details .box-content dl time + time {
            margin-top: .6875rem
        }

        .box.event-details .box-content dl time span {
            display: block
        }

    .box.event-details .box-content dl .call-btn + .call-btn {
        margin-top: 5px
    }

.box.event-details .box-content label {
    display: block;
    margin: 1.375rem 20px;
    color: #999
}

    .box.event-details .box-content label select {
        display: block;
        margin-top: .34375rem;
        width: 100%;
        color: #333
    }

.box.social a:before {
    content: "\e832";
    font-family: fontello;
    font-size: 1rem;
    line-height: 1.75;
    font-weight: normal;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    background: #7f88ab;
    border-radius: 100%;
    text-align: center;
    margin-right: 5px;
    color: #fff
}

.box.social a[href*="facebook.com"]:before {
    content: "\e827";
    font-family: fontello;
    background: #3b5998
}

.box.social a[href*="twitter.com"]:before {
    content: "\e82c";
    font-family: fontello;
    background: #00aced
}

.box.social a[href*="linkedin.com"]:before {
    content: "\e82a";
    font-family: fontello;
    background: #007bb6
}

.box.social a[href*="youtube.com"]:before {
    content: "\e82d";
    font-family: fontello;
    background: #b00
}

.box.social a[href*="instagram.com"]:before {
    content: "\e82f";
    font-family: fontello;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

.box.social a[href*="flickr.com"]:before {
    content: "\e831";
    font-family: fontello;
    background: #ff0084
}

.box.social a[href*="pinterest.com"]:before {
    content: "\e82e";
    font-family: fontello;
    background: #cd2028
}

.box.social a[href*="google.com"]:before {
    content: "\e829";
    font-family: fontello;
    background: #dd4b39
}

.box.social a[href*="foursquare.com"]:before {
    content: "\e828";
    font-family: fontello;
    background: #EF4B78
}

.box.tweets .box-content ul li > img {
    margin-bottom: 10px
}

.box.tweets .box-content ul li a {
    display: inline;
    margin: 0;
    padding: 0
}

    .box.tweets .box-content ul li a:hover, .box.tweets .box-content ul li a:active, .box.tweets .box-content ul li a:focus {
        background: transparent;
        color: #b27f2b;
        text-decoration: underline
    }

.box.tweets .box-content ul li .date {
    float: right
}

.box.tweets .box-content ul li strong {
    display: block
}

.box.tweets .box-content ul li p {
    clear: both;
    margin: 0
}

.box.tweets .box-content ul li .media {
    margin-top: 10px
}

    .box.tweets .box-content ul li .media img, .box.tweets .box-content ul li .media iframe {
        width: auto;
        height: auto;
        max-width: 100%;
        float: none
    }

.box.testimonial .box-header {
    background: #7f88ab;
    padding: 10px 20px;
    margin: 0 0 50px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
}

    .box.testimonial .box-header h2 {
        background: none;
        padding: 0;
        margin: 0;
        text-align: center
    }

        .box.testimonial .box-header h2:after {
            display: none
        }

    .box.testimonial .box-header .role {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        color: #fff;
        margin: 0;
        text-align: center
    }

    .box.testimonial .box-header img {
        display: block;
        margin: 10px auto -50px;
        border-radius: 50%;
        width: 80px
    }

.box.testimonial .box-content {
    font-size: .875rem;
    line-height: 1.5714285714;
    padding: 0 20px;
    text-align: center
}

.js aside .box.modal {
    display: none
}

.box-row.with-padding .box, aside .box {
    box-shadow: 0 0 5px 1px rgba(120,110,100,0.3)
}

    .box-row.with-padding .box .box-header h2, aside .box .box-header h2 {
        padding-left: 20px;
        padding-right: 20px
    }

    .box-row.with-padding .box .box-content > ul > li, aside .box .box-content > ul > li {
        margin-left: 20px;
        margin-right: 20px
    }

        .box-row.with-padding .box .box-content > ul > li > a, aside .box .box-content > ul > li > a {
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 20px;
            padding-right: 20px
        }

    .box-row.with-padding .box .box-content > p, aside .box .box-content > p {
        margin-left: 20px;
        margin-right: 20px
    }

.box-row {
    clear: both
}

    .box-row .box {
        float: left;
        width: 31%;
        margin-right: 3.5%
    }

        .box-row .box:last-child {
            margin-right: 0
        }

    .box-row.threes .box:nth-child(3n+3) {
        margin-right: 0
    }

    .box-row.threes .box:nth-child(3n+4) {
        clear: left
    }

    .box-row.fours .box {
        width: 22.375%
    }

        .box-row.fours .box:nth-child(4n+4) {
            margin-right: 0
        }

        .box-row.fours .box:nth-child(4n+5) {
            clear: left
        }

    .box-row.two-one .box:nth-child(odd), .box-row.one-two .box:nth-child(even) {
        width: 65.5%
    }

    .box-row.two-one .box:nth-child(even), .box-row.one-two .box:nth-child(even) {
        margin-right: 0
    }

    .box-row.one-two .box:nth-child(odd) {
        clear: left
    }

    .box-row.fifty-fifty .box {
        width: 48.25%
    }

        .box-row.fifty-fifty .box:nth-child(even) {
            margin-right: 0
        }

        .box-row.fifty-fifty .box:nth-child(odd) {
            clear: left
        }

    .box-row.full .box {
        float: none;
        width: auto;
        margin-right: 0
    }

    .facets .box, .box-row .box, aside .box {
        margin-bottom: 30px
    }

@media only screen and (min-width: 436px) and (max-width: 768px) {
    aside .box {
        float: left;
        width: 48.25%
    }

        aside .box:nth-child(odd) {
            margin-right: 3.5%;
            clear: left
        }
}

@media only screen and (max-width: 768px) {
    .box-row .box {
        float: none;
        margin-right: 0;
        width: auto !important
    }
}

.breadcrumb {
    font-size: .75rem;
    line-height: 1.8333333333;
    font-family: vestula,arial,sans-serif;
    padding: .5625rem 0
}

    .breadcrumb ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .breadcrumb ul li {
            display: inline-block
        }

            .breadcrumb ul li:after {
                content: "\e80e";
                font-family: fontello;
                font-size: .625rem;
                line-height: 2.2;
                display: inline-block;
                margin: 0 3px -1px 6px;
                color: #999
            }

            .breadcrumb ul li:last-child:after {
                display: none
            }

            .breadcrumb ul li a {
                color: #666;
                text-decoration: none
            }

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

@media only screen and (max-width: 768px) {
    .breadcrumb {
        display: none
    }
}

.call-btn {
    font-size: 1rem;
    line-height: 1.375;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    background-color: #001158;
    border: none;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    padding: .34375rem 30px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
}

    .call-btn.alt {
        background-color: #404d82
    }

    .call-btn.with:after {
        content: "\e812";
        font-family: fontello;
        margin-left: .5em
    }

    .call-btn.wide {
        width: 100%
    }

    .call-btn.centered {
        text-align: center
    }

    .call-btn:hover, .call-btn:active, .call-btn:focus {
        background-color: #7f88ab;
        text-decoration: none
    }

aside .call-btn {
    padding-left: 20px;
    padding-right: 20px
}

.btn {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #666;
    cursor: pointer;
    float: left;
    padding: 5px 15px 3px;
    text-decoration: none;
    outline: none
}

    .btn + .btn {
        margin-left: -1px
    }

    .btn:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .btn:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .btn:focus {
        background-color: #ffe
    }

    .btn:hover, .btn.active {
        background-color: #f5f5f5;
        box-shadow: 0 1px 1px rgba(0,0,0,0.08) inset;
        text-decoration: none
    }

    .btn.active {
        cursor: default
    }

    .btn.dimmed, .btn.dimmed:hover {
        background-color: #fff;
        border-color: #f5f5f5;
        box-shadow: none;
        color: #ccc;
        cursor: default
    }

button.expand {
    font-size: .875rem;
    line-height: 1.9642857143;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 1.375rem;
    border: none;
    background: #7f88ab;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    padding: 0 10px;
    border-radius: 3px
}

    button.expand:after {
        content: ' >'
    }

    button.expand:hover, button.expand:active, button.expand:focus {
        background-color: #001158
    }

.control, .gallery-slides .move-slide, .zoom-button {
    font-size: .9375rem;
    line-height: 2.2;
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background: rgba(255,255,255,0.5);
    color: #404d82;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    width: 2.0625rem;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    transition: background .15s, color .15s
}

    .control:hover, .gallery-slides .move-slide:hover, .zoom-button:hover, .control:focus, .gallery-slides .move-slide:focus, .zoom-button:focus, .control:active, .gallery-slides .move-slide:active, .zoom-button:active {
        background: rgba(255,255,255,0.9);
        color: #001158
    }

.datepicker {
    background: #ebebeb
}

    .datepicker .today {
        font-size: 3.75rem;
        line-height: 1.5;
        font-family: vestula,arial,sans-serif;
        background: #7f88ab;
        color: #fff;
        text-align: center
    }

@media only screen and (max-width: 768px) {
    .datepicker {
        margin-bottom: 0 !important
    }

        .datepicker .today {
            display: none
        }
}

#ui-datepicker-div {
    max-width: 250px;
    box-shadow: 0 0 5px 1px rgba(120,110,100,0.3)
}

.ui-datepicker-header {
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-family: vestula,arial,sans-serif;
    background-color: #5c6791;
    color: #fff;
    text-align: center;
    padding: 10px;
    cursor: pointer
}

.ui-datepicker-prev {
    float: left;
    cursor: pointer
}

    .ui-datepicker-prev span {
        display: none
    }

    .ui-datepicker-prev:before {
        content: "\e80d";
        font-family: fontello
    }

    .ui-datepicker-prev:hover {
        color: #bfc3d5
    }

.ui-datepicker-next {
    float: right;
    cursor: pointer
}

    .ui-datepicker-next span {
        display: none
    }

    .ui-datepicker-next:before {
        content: "\e80e";
        font-family: fontello
    }

    .ui-datepicker-next:hover {
        color: #bfc3d5
    }

.ui-datepicker-month {
    text-transform: capitalize
}

.ui-datepicker table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%
}

    .ui-datepicker table thead th {
        font-size: .625rem;
        line-height: 2.5;
        font-family: vestula,arial,sans-serif;
        background-color: #7f88ab;
        text-align: center;
        color: #fff;
        text-transform: uppercase
    }

    .ui-datepicker table tbody td {
        font-size: .9375rem;
        line-height: 2;
        font-family: vestula,arial,sans-serif;
        text-align: center;
        background: #fff;
        border: 1px solid #ebebeb;
        border-width: 0 0 1px 1px
    }

        .ui-datepicker table tbody td:first-child {
            border-left-width: 0
        }

        .ui-datepicker table tbody td.ui-datepicker-today a:not(.ui-state-active) {
            box-shadow: inset 0 0 0 1px #7f88ab
        }

        .ui-datepicker table tbody td a {
            color: #666;
            display: block;
            text-decoration: none
        }

            .ui-datepicker table tbody td a:hover {
                color: #000
            }

            .ui-datepicker table tbody td a.ui-state-active {
                background: #001158;
                color: #fff
            }

        .ui-datepicker table tbody td.ui-datepicker-other-month {
            color: #ddd;
            cursor: default
        }

@media only screen and (max-width: 768px) {
    .datepicker:not(.open) table {
        display: none
    }
}

.event-date {
    font-size: 1rem;
    line-height: 1;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    float: left;
    width: 60px;
    background: #5c6791;
    color: #fff;
    text-align: center
}

    .event-date time {
        display: block;
        background: #7f88ab;
        padding: .375rem 0
    }

        .event-date time + time {
            background: transparent
        }

    .event-date abbr {
        font-size: .75rem;
        line-height: 1;
        border: none;
        text-decoration: none;
        display: block;
        text-transform: uppercase
    }

    .event-date.one-day {
        padding-bottom: 2.5rem
    }

    .event-date + div {
        margin-left: 80px
    }

.candy {
    font-size: 1.0625rem;
    line-height: 1.2941176471;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.18);
    padding: 10px 15px;
    background: #7f88ab
}

    .candy:active, .candy:focus, .candy:hover {
        background: #404d82
    }

    .candy:after {
        content: ' >'
    }

.bar-chart {
    list-style: none;
    padding: 0
}

h2 + .bar-chart {
    margin-top: .34375rem
}

.bar-chart li {
    background: #bfc3d5;
    margin-bottom: .6875rem;
    line-height: 2.75;
    position: relative;
    text-align: right;
    overflow: hidden
}

    .bar-chart li i {
        position: absolute;
        top: 0;
        left: 0;
        background: #001158;
        z-index: 1;
        height: 100%
    }

        .bar-chart li i:after {
            content: '';
            position: absolute;
            top: 0;
            left: 100%;
            display: inline-block;
            border: 1.375em solid #001158;
            border-color: transparent transparent transparent #001158
        }

    .bar-chart li .amount {
        font-size: 1.25rem;
        line-height: 2.2;
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        padding: 0 10px;
        color: #fff;
        text-shadow: 1px 1px 2px #000;
        text-align: left;
        position: absolute;
        left: 0;
        z-index: 5
    }

    .bar-chart li .label {
        padding-right: 10px;
        color: #000;
        text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
        position: relative;
        z-index: 5
    }

.js ul.pie-chart {
    visibility: hidden
}

.chart-caption {
    font-size: .8125rem;
    line-height: 1.6923076923;
    font-family: vestula,arial,sans-serif;
    text-align: center;
    color: #7f88ab
}

.chooser {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 1.375rem
}

    .chooser fieldset {
        position: relative
    }

    .chooser legend {
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        color: #001158
    }

    .chooser label {
        font-family: vestula,arial,sans-serif;
        display: table;
        cursor: pointer;
        padding-left: 22px;
        text-indent: -22px
    }

        .chooser label input {
            display: inline-block;
            margin-right: 3px
        }

    .chooser .conclusion {
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        margin: 1.375rem 0;
        padding: 1.375rem 20px;
        background-color: #f5f5f5
    }

        .chooser .conclusion > :last-child {
            margin-bottom: 0
        }

    .chooser .hidden {
        display: none
    }

    .chooser .hint {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        display: block;
        margin: 5px 0 0 25%
    }

.js .chooser .hint {
    overflow: hidden;
    position: absolute;
    top: -6px;
    right: 0;
    margin: 0 -10px 0 0;
    padding: 6px 10px;
    width: 2rem;
    height: 1.75rem;
    cursor: default
}

@media only screen and (max-width: 768px) {
    .js .chooser .hint {
        margin-right: 0;
        margin-top: -6px
    }
}

.js .chooser .hint:before {
    content: "\e807";
    font-family: fontello;
    float: right
}

.js .chooser .hint:hover, .js .chooser .hint.active {
    z-index: 10;
    width: 200px;
    height: auto;
    background: #666;
    color: #fff;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
}

.archaeology .testimonial-header {
    background-color: #2c712d
}

.archaeology .box.cta {
    box-shadow: none;
    background-color: #2c712d;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .archaeology .box.cta:before, .archaeology .box.cta:after {
        content: '';
        position: absolute
    }

    .archaeology .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #2c712d;
        border-left: 20px solid #2c712d
    }

    .archaeology .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #2c712d;
        border-bottom: 20px solid #2c712d;
        border-left: 20px solid transparent
    }

.archaeology .box.facts-figures li strong {
    color: #2c712d
}

.archaeology .box.figure.ghost figcaption {
    background-color: #2c712d
}

    .archaeology .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #2c712d;
        border-top-width: 0
    }

.archaeology .box.figure.ghost a:hover figcaption, .archaeology .box.figure.ghost a:active figcaption, .archaeology .box.figure.ghost a:focus figcaption {
    background-color: #3a963c
}

    .archaeology .box.figure.ghost a:hover figcaption:before, .archaeology .box.figure.ghost a:active figcaption:before, .archaeology .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #3a963c;
        border-top-width: 0
    }

.archaeology .box.banner, .archaeology.box.banner {
    box-shadow: none;
    background-color: #2c712d;
    position: relative;
    overflow: visible
}

    .archaeology .box.banner:before, .archaeology .box.banner:after, .archaeology.box.banner:before, .archaeology.box.banner:after {
        content: '';
        position: absolute
    }

    .archaeology .box.banner:before, .archaeology.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #2c712d;
        border-left: 20px solid #2c712d
    }

    .archaeology .box.banner:after, .archaeology.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #2c712d;
        border-top: 10px solid #2c712d;
        border-left: 10px solid transparent
    }

.archaeology .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #2c712d
}

    .archaeology .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #2c712d
    }

.archaeology .box .box-header.alt h2 {
    border-top-color: #2c712d
}

.hero .archaeology.feature {
    background-color: #2c712d
}

    .hero .archaeology.feature:before {
        border-left-color: #2c712d;
        border-bottom-color: #2c712d
    }

    .hero .archaeology.feature:after {
        border-right-color: #2c712d;
        border-bottom-color: #2c712d
    }

.archaeology .bar-chart li {
    background-color: rgba(44,113,45,0.25)
}

    .archaeology .bar-chart li i {
        background-color: #2c712d
    }

        .archaeology .bar-chart li i:after {
            border-left-color: #2c712d
        }

.archaeology .fac-btn {
    background-color: #2c712d
}

    .archaeology .fac-btn:hover, .archaeology .fac-btn:active, .archaeology .fac-btn:focus {
        background-color: #3a963c
    }

.archaeology.candy {
    background: linear-gradient(180deg, #2c712d 0%, #1e4c1e 100%)
}

    .archaeology.candy:active, .archaeology.candy:focus, .archaeology.candy:hover {
        background: linear-gradient(180deg, #255f26 0%, #173a17 100%)
    }

.landing .archaeology.benefits li:before {
    background-color: #2c712d
}

.landing .archaeology.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(55,113,44,0.6), rgba(44,113,57,0.8))
}

.landing .banners .content .archaeology {
    background-color: #2c712d;
    border-top-color: #1e4c1e;
    color: #fff
}

    .landing .banners .content .archaeology h3, .landing .banners .content .archaeology a:only-child p {
        color: #fff
    }

.humanities .testimonial-header {
    background-color: #9eba2e
}

.humanities .box.cta {
    box-shadow: none;
    background-color: #9eba2e;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .humanities .box.cta:before, .humanities .box.cta:after {
        content: '';
        position: absolute
    }

    .humanities .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #9eba2e;
        border-left: 20px solid #9eba2e
    }

    .humanities .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #9eba2e;
        border-bottom: 20px solid #9eba2e;
        border-left: 20px solid transparent
    }

.humanities .box.facts-figures li strong {
    color: #9eba2e
}

.humanities .box.figure.ghost figcaption {
    background-color: #9eba2e
}

    .humanities .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #9eba2e;
        border-top-width: 0
    }

.humanities .box.figure.ghost a:hover figcaption, .humanities .box.figure.ghost a:active figcaption, .humanities .box.figure.ghost a:focus figcaption {
    background-color: #b7d249
}

    .humanities .box.figure.ghost a:hover figcaption:before, .humanities .box.figure.ghost a:active figcaption:before, .humanities .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #b7d249;
        border-top-width: 0
    }

.humanities .box.banner, .humanities.box.banner {
    box-shadow: none;
    background-color: #9eba2e;
    position: relative;
    overflow: visible
}

    .humanities .box.banner:before, .humanities .box.banner:after, .humanities.box.banner:before, .humanities.box.banner:after {
        content: '';
        position: absolute
    }

    .humanities .box.banner:before, .humanities.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #9eba2e;
        border-left: 20px solid #9eba2e
    }

    .humanities .box.banner:after, .humanities.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #9eba2e;
        border-top: 10px solid #9eba2e;
        border-left: 10px solid transparent
    }

.humanities .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #9eba2e
}

    .humanities .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #9eba2e
    }

.humanities .box .box-header.alt h2 {
    border-top-color: #9eba2e
}

.hero .humanities.feature {
    background-color: #9eba2e
}

    .hero .humanities.feature:before {
        border-left-color: #9eba2e;
        border-bottom-color: #9eba2e
    }

    .hero .humanities.feature:after {
        border-right-color: #9eba2e;
        border-bottom-color: #9eba2e
    }

.humanities .bar-chart li {
    background-color: rgba(158,186,46,0.25)
}

    .humanities .bar-chart li i {
        background-color: #9eba2e
    }

        .humanities .bar-chart li i:after {
            border-left-color: #9eba2e
        }

.humanities .fac-btn {
    background-color: #9eba2e
}

    .humanities .fac-btn:hover, .humanities .fac-btn:active, .humanities .fac-btn:focus {
        background-color: #b7d249
    }

.humanities.candy {
    background: linear-gradient(180deg, #9eba2e 0%, #7b9124 100%)
}

    .humanities.candy:active, .humanities.candy:focus, .humanities.candy:hover {
        background: linear-gradient(180deg, #8da629 0%, #6a7d1f 100%)
    }

.landing .humanities.benefits li:before {
    background-color: #9eba2e
}

.landing .humanities.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(181,186,46,0.6), rgba(135,186,46,0.8))
}

.landing .banners .content .humanities {
    background-color: #9eba2e;
    border-top-color: #7b9124;
    color: #fff
}

    .landing .banners .content .humanities h3, .landing .banners .content .humanities a:only-child p {
        color: #fff
    }

.medicine-lumc .testimonial-header {
    background-color: #5cb1eb
}

.medicine-lumc .box.cta {
    box-shadow: none;
    background-color: #5cb1eb;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .medicine-lumc .box.cta:before, .medicine-lumc .box.cta:after {
        content: '';
        position: absolute
    }

    .medicine-lumc .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #5cb1eb;
        border-left: 20px solid #5cb1eb
    }

    .medicine-lumc .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #5cb1eb;
        border-bottom: 20px solid #5cb1eb;
        border-left: 20px solid transparent
    }

.medicine-lumc .box.facts-figures li strong {
    color: #5cb1eb
}

.medicine-lumc .box.figure.ghost figcaption {
    background-color: #5cb1eb
}

    .medicine-lumc .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #5cb1eb;
        border-top-width: 0
    }

.medicine-lumc .box.figure.ghost a:hover figcaption, .medicine-lumc .box.figure.ghost a:active figcaption, .medicine-lumc .box.figure.ghost a:focus figcaption {
    background-color: #89c7f1
}

    .medicine-lumc .box.figure.ghost a:hover figcaption:before, .medicine-lumc .box.figure.ghost a:active figcaption:before, .medicine-lumc .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #89c7f1;
        border-top-width: 0
    }

.medicine-lumc .box.banner, .medicine-lumc.box.banner {
    box-shadow: none;
    background-color: #5cb1eb;
    position: relative;
    overflow: visible
}

    .medicine-lumc .box.banner:before, .medicine-lumc .box.banner:after, .medicine-lumc.box.banner:before, .medicine-lumc.box.banner:after {
        content: '';
        position: absolute
    }

    .medicine-lumc .box.banner:before, .medicine-lumc.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #5cb1eb;
        border-left: 20px solid #5cb1eb
    }

    .medicine-lumc .box.banner:after, .medicine-lumc.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #5cb1eb;
        border-top: 10px solid #5cb1eb;
        border-left: 10px solid transparent
    }

.medicine-lumc .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #5cb1eb
}

    .medicine-lumc .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #5cb1eb
    }

.medicine-lumc .box .box-header.alt h2 {
    border-top-color: #5cb1eb
}

.hero .medicine-lumc.feature {
    background-color: #5cb1eb
}

    .hero .medicine-lumc.feature:before {
        border-left-color: #5cb1eb;
        border-bottom-color: #5cb1eb
    }

    .hero .medicine-lumc.feature:after {
        border-right-color: #5cb1eb;
        border-bottom-color: #5cb1eb
    }

.medicine-lumc .bar-chart li {
    background-color: rgba(92,177,235,0.25)
}

    .medicine-lumc .bar-chart li i {
        background-color: #5cb1eb
    }

        .medicine-lumc .bar-chart li i:after {
            border-left-color: #5cb1eb
        }

.medicine-lumc .fac-btn {
    background-color: #5cb1eb
}

    .medicine-lumc .fac-btn:hover, .medicine-lumc .fac-btn:active, .medicine-lumc .fac-btn:focus {
        background-color: #89c7f1
    }

.medicine-lumc.candy {
    background: linear-gradient(180deg, #5cb1eb 0%, #2f9be5 100%)
}

    .medicine-lumc.candy:active, .medicine-lumc.candy:focus, .medicine-lumc.candy:hover {
        background: linear-gradient(180deg, #45a6e8 0%, #1b90df 100%)
    }

.landing .medicine-lumc.benefits li:before {
    background-color: #5cb1eb
}

.landing .medicine-lumc.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(92,201,235,0.6), rgba(92,153,235,0.8))
}

.landing .banners .content .medicine-lumc {
    background-color: #5cb1eb;
    border-top-color: #2f9be5;
    color: #fff
}

    .landing .banners .content .medicine-lumc h3, .landing .banners .content .medicine-lumc a:only-child p {
        color: #fff
    }

.campus-the-hague .testimonial-header {
    background-color: #34a3a9
}

.campus-the-hague .box.cta {
    box-shadow: none;
    background-color: #34a3a9;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .campus-the-hague .box.cta:before, .campus-the-hague .box.cta:after {
        content: '';
        position: absolute
    }

    .campus-the-hague .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #34a3a9;
        border-left: 20px solid #34a3a9
    }

    .campus-the-hague .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #34a3a9;
        border-bottom: 20px solid #34a3a9;
        border-left: 20px solid transparent
    }

.campus-the-hague .box.facts-figures li strong {
    color: #34a3a9
}

.campus-the-hague .box.figure.ghost figcaption {
    background-color: #34a3a9
}

    .campus-the-hague .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #34a3a9;
        border-top-width: 0
    }

.campus-the-hague .box.figure.ghost a:hover figcaption, .campus-the-hague .box.figure.ghost a:active figcaption, .campus-the-hague .box.figure.ghost a:focus figcaption {
    background-color: #49c1c7
}

    .campus-the-hague .box.figure.ghost a:hover figcaption:before, .campus-the-hague .box.figure.ghost a:active figcaption:before, .campus-the-hague .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #49c1c7;
        border-top-width: 0
    }

.campus-the-hague .box.banner, .campus-the-hague.box.banner {
    box-shadow: none;
    background-color: #34a3a9;
    position: relative;
    overflow: visible
}

    .campus-the-hague .box.banner:before, .campus-the-hague .box.banner:after, .campus-the-hague.box.banner:before, .campus-the-hague.box.banner:after {
        content: '';
        position: absolute
    }

    .campus-the-hague .box.banner:before, .campus-the-hague.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #34a3a9;
        border-left: 20px solid #34a3a9
    }

    .campus-the-hague .box.banner:after, .campus-the-hague.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #34a3a9;
        border-top: 10px solid #34a3a9;
        border-left: 10px solid transparent
    }

.campus-the-hague .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #34a3a9
}

    .campus-the-hague .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #34a3a9
    }

.campus-the-hague .box .box-header.alt h2 {
    border-top-color: #34a3a9
}

.hero .campus-the-hague.feature {
    background-color: #34a3a9
}

    .hero .campus-the-hague.feature:before {
        border-left-color: #34a3a9;
        border-bottom-color: #34a3a9
    }

    .hero .campus-the-hague.feature:after {
        border-right-color: #34a3a9;
        border-bottom-color: #34a3a9
    }

.campus-the-hague .bar-chart li {
    background-color: rgba(52,163,169,0.25)
}

    .campus-the-hague .bar-chart li i {
        background-color: #34a3a9
    }

        .campus-the-hague .bar-chart li i:after {
            border-left-color: #34a3a9
        }

.campus-the-hague .fac-btn {
    background-color: #34a3a9
}

    .campus-the-hague .fac-btn:hover, .campus-the-hague .fac-btn:active, .campus-the-hague .fac-btn:focus {
        background-color: #49c1c7
    }

.campus-the-hague.candy {
    background: linear-gradient(180deg, #34a3a9 0%, #287d82 100%)
}

    .campus-the-hague.candy:active, .campus-the-hague.candy:focus, .campus-the-hague.candy:hover {
        background: linear-gradient(180deg, #2e9096 0%, #226b6f 100%)
    }

.landing .campus-the-hague.benefits li:before {
    background-color: #34a3a9
}

.landing .campus-the-hague.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(52,169,156,0.6), rgba(52,144,169,0.8))
}

.landing .banners .content .campus-the-hague {
    background-color: #34a3a9;
    border-top-color: #287d82;
    color: #fff
}

    .landing .banners .content .campus-the-hague h3, .landing .banners .content .campus-the-hague a:only-child p {
        color: #fff
    }

.governance-and-global-affairs .testimonial-header {
    background-color: #34a3a9
}

.governance-and-global-affairs .box.cta {
    box-shadow: none;
    background-color: #34a3a9;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .governance-and-global-affairs .box.cta:before, .governance-and-global-affairs .box.cta:after {
        content: '';
        position: absolute
    }

    .governance-and-global-affairs .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #34a3a9;
        border-left: 20px solid #34a3a9
    }

    .governance-and-global-affairs .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #34a3a9;
        border-bottom: 20px solid #34a3a9;
        border-left: 20px solid transparent
    }

.governance-and-global-affairs .box.facts-figures li strong {
    color: #34a3a9
}

.governance-and-global-affairs .box.figure.ghost figcaption {
    background-color: #34a3a9
}

    .governance-and-global-affairs .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #34a3a9;
        border-top-width: 0
    }

.governance-and-global-affairs .box.figure.ghost a:hover figcaption, .governance-and-global-affairs .box.figure.ghost a:active figcaption, .governance-and-global-affairs .box.figure.ghost a:focus figcaption {
    background-color: #49c1c7
}

    .governance-and-global-affairs .box.figure.ghost a:hover figcaption:before, .governance-and-global-affairs .box.figure.ghost a:active figcaption:before, .governance-and-global-affairs .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #49c1c7;
        border-top-width: 0
    }

.governance-and-global-affairs .box.banner, .governance-and-global-affairs.box.banner {
    box-shadow: none;
    background-color: #34a3a9;
    position: relative;
    overflow: visible
}

    .governance-and-global-affairs .box.banner:before, .governance-and-global-affairs .box.banner:after, .governance-and-global-affairs.box.banner:before, .governance-and-global-affairs.box.banner:after {
        content: '';
        position: absolute
    }

    .governance-and-global-affairs .box.banner:before, .governance-and-global-affairs.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #34a3a9;
        border-left: 20px solid #34a3a9
    }

    .governance-and-global-affairs .box.banner:after, .governance-and-global-affairs.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #34a3a9;
        border-top: 10px solid #34a3a9;
        border-left: 10px solid transparent
    }

.governance-and-global-affairs .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #34a3a9
}

    .governance-and-global-affairs .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #34a3a9
    }

.governance-and-global-affairs .box .box-header.alt h2 {
    border-top-color: #34a3a9
}

.hero .governance-and-global-affairs.feature {
    background-color: #34a3a9
}

    .hero .governance-and-global-affairs.feature:before {
        border-left-color: #34a3a9;
        border-bottom-color: #34a3a9
    }

    .hero .governance-and-global-affairs.feature:after {
        border-right-color: #34a3a9;
        border-bottom-color: #34a3a9
    }

.governance-and-global-affairs .bar-chart li {
    background-color: rgba(52,163,169,0.25)
}

    .governance-and-global-affairs .bar-chart li i {
        background-color: #34a3a9
    }

        .governance-and-global-affairs .bar-chart li i:after {
            border-left-color: #34a3a9
        }

.governance-and-global-affairs .fac-btn {
    background-color: #34a3a9
}

    .governance-and-global-affairs .fac-btn:hover, .governance-and-global-affairs .fac-btn:active, .governance-and-global-affairs .fac-btn:focus {
        background-color: #49c1c7
    }

.governance-and-global-affairs.candy {
    background: linear-gradient(180deg, #34a3a9 0%, #287d82 100%)
}

    .governance-and-global-affairs.candy:active, .governance-and-global-affairs.candy:focus, .governance-and-global-affairs.candy:hover {
        background: linear-gradient(180deg, #2e9096 0%, #226b6f 100%)
    }

.landing .governance-and-global-affairs.benefits li:before {
    background-color: #34a3a9
}

.landing .governance-and-global-affairs.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(52,169,156,0.6), rgba(52,144,169,0.8))
}

.landing .banners .content .governance-and-global-affairs {
    background-color: #34a3a9;
    border-top-color: #287d82;
    color: #fff
}

    .landing .banners .content .governance-and-global-affairs h3, .landing .banners .content .governance-and-global-affairs a:only-child p {
        color: #fff
    }

.law .testimonial-header {
    background-color: #b02079
}

.law .box.cta {
    box-shadow: none;
    background-color: #b02079;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .law .box.cta:before, .law .box.cta:after {
        content: '';
        position: absolute
    }

    .law .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #b02079;
        border-left: 20px solid #b02079
    }

    .law .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #b02079;
        border-bottom: 20px solid #b02079;
        border-left: 20px solid transparent
    }

.law .box.facts-figures li strong {
    color: #b02079
}

.law .box.figure.ghost figcaption {
    background-color: #b02079
}

    .law .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #b02079;
        border-top-width: 0
    }

.law .box.figure.ghost a:hover figcaption, .law .box.figure.ghost a:active figcaption, .law .box.figure.ghost a:focus figcaption {
    background-color: #d82b96
}

    .law .box.figure.ghost a:hover figcaption:before, .law .box.figure.ghost a:active figcaption:before, .law .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #d82b96;
        border-top-width: 0
    }

.law .box.banner, .law.box.banner {
    box-shadow: none;
    background-color: #b02079;
    position: relative;
    overflow: visible
}

    .law .box.banner:before, .law .box.banner:after, .law.box.banner:before, .law.box.banner:after {
        content: '';
        position: absolute
    }

    .law .box.banner:before, .law.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #b02079;
        border-left: 20px solid #b02079
    }

    .law .box.banner:after, .law.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #b02079;
        border-top: 10px solid #b02079;
        border-left: 10px solid transparent
    }

.law .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #b02079
}

    .law .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #b02079
    }

.law .box .box-header.alt h2 {
    border-top-color: #b02079
}

.hero .law.feature {
    background-color: #b02079
}

    .hero .law.feature:before {
        border-left-color: #b02079;
        border-bottom-color: #b02079
    }

    .hero .law.feature:after {
        border-right-color: #b02079;
        border-bottom-color: #b02079
    }

.law .bar-chart li {
    background-color: rgba(176,32,121,0.25)
}

    .law .bar-chart li i {
        background-color: #b02079
    }

        .law .bar-chart li i:after {
            border-left-color: #b02079
        }

.law .fac-btn {
    background-color: #b02079
}

    .law .fac-btn:hover, .law .fac-btn:active, .law .fac-btn:focus {
        background-color: #d82b96
    }

.law.candy {
    background: linear-gradient(180deg, #b02079 0%, #85185b 100%)
}

    .law.candy:active, .law.candy:focus, .law.candy:hover {
        background: linear-gradient(180deg, #9a1c6a 0%, #6f144c 100%)
    }

.landing .law.benefits li:before {
    background-color: #b02079
}

.landing .law.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(176,32,145,0.6), rgba(176,32,97,0.8))
}

.landing .banners .content .law {
    background-color: #b02079;
    border-top-color: #85185b;
    color: #fff
}

    .landing .banners .content .law h3, .landing .banners .content .law a:only-child p {
        color: #fff
    }

.social-and-behavioural-sciences .testimonial-header {
    background-color: #be1908
}

.social-and-behavioural-sciences .box.cta {
    box-shadow: none;
    background-color: #be1908;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .social-and-behavioural-sciences .box.cta:before, .social-and-behavioural-sciences .box.cta:after {
        content: '';
        position: absolute
    }

    .social-and-behavioural-sciences .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #be1908;
        border-left: 20px solid #be1908
    }

    .social-and-behavioural-sciences .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #be1908;
        border-bottom: 20px solid #be1908;
        border-left: 20px solid transparent
    }

.social-and-behavioural-sciences .box.facts-figures li strong {
    color: #be1908
}

.social-and-behavioural-sciences .box.figure.ghost figcaption {
    background-color: #be1908
}

    .social-and-behavioural-sciences .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #be1908;
        border-top-width: 0
    }

.social-and-behavioural-sciences .box.figure.ghost a:hover figcaption, .social-and-behavioural-sciences .box.figure.ghost a:active figcaption, .social-and-behavioural-sciences .box.figure.ghost a:focus figcaption {
    background-color: #ef1f0a
}

    .social-and-behavioural-sciences .box.figure.ghost a:hover figcaption:before, .social-and-behavioural-sciences .box.figure.ghost a:active figcaption:before, .social-and-behavioural-sciences .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #ef1f0a;
        border-top-width: 0
    }

.social-and-behavioural-sciences .box.banner, .social-and-behavioural-sciences.box.banner {
    box-shadow: none;
    background-color: #be1908;
    position: relative;
    overflow: visible
}

    .social-and-behavioural-sciences .box.banner:before, .social-and-behavioural-sciences .box.banner:after, .social-and-behavioural-sciences.box.banner:before, .social-and-behavioural-sciences.box.banner:after {
        content: '';
        position: absolute
    }

    .social-and-behavioural-sciences .box.banner:before, .social-and-behavioural-sciences.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #be1908;
        border-left: 20px solid #be1908
    }

    .social-and-behavioural-sciences .box.banner:after, .social-and-behavioural-sciences.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #be1908;
        border-top: 10px solid #be1908;
        border-left: 10px solid transparent
    }

.social-and-behavioural-sciences .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #be1908
}

    .social-and-behavioural-sciences .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #be1908
    }

.social-and-behavioural-sciences .box .box-header.alt h2 {
    border-top-color: #be1908
}

.hero .social-and-behavioural-sciences.feature {
    background-color: #be1908
}

    .hero .social-and-behavioural-sciences.feature:before {
        border-left-color: #be1908;
        border-bottom-color: #be1908
    }

    .hero .social-and-behavioural-sciences.feature:after {
        border-right-color: #be1908;
        border-bottom-color: #be1908
    }

.social-and-behavioural-sciences .bar-chart li {
    background-color: rgba(190,25,8,0.25)
}

    .social-and-behavioural-sciences .bar-chart li i {
        background-color: #be1908
    }

        .social-and-behavioural-sciences .bar-chart li i:after {
            border-left-color: #be1908
        }

.social-and-behavioural-sciences .fac-btn {
    background-color: #be1908
}

    .social-and-behavioural-sciences .fac-btn:hover, .social-and-behavioural-sciences .fac-btn:active, .social-and-behavioural-sciences .fac-btn:focus {
        background-color: #ef1f0a
    }

.social-and-behavioural-sciences.candy {
    background: linear-gradient(180deg, #be1908 0%, #8d1306 100%)
}

    .social-and-behavioural-sciences.candy:active, .social-and-behavioural-sciences.candy:focus, .social-and-behavioural-sciences.candy:hover {
        background: linear-gradient(180deg, #a61607 0%, #750f05 100%)
    }

.landing .social-and-behavioural-sciences.benefits li:before {
    background-color: #be1908
}

.landing .social-and-behavioural-sciences.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(190,8,21,0.6), rgba(190,55,8,0.8))
}

.landing .banners .content .social-and-behavioural-sciences {
    background-color: #be1908;
    border-top-color: #8d1306;
    color: #fff
}

    .landing .banners .content .social-and-behavioural-sciences h3, .landing .banners .content .social-and-behavioural-sciences a:only-child p {
        color: #fff
    }

.science .testimonial-header {
    background-color: #f46e32
}

.science .box.cta {
    box-shadow: none;
    background-color: #f46e32;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .science .box.cta:before, .science .box.cta:after {
        content: '';
        position: absolute
    }

    .science .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #f46e32;
        border-left: 20px solid #f46e32
    }

    .science .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #f46e32;
        border-bottom: 20px solid #f46e32;
        border-left: 20px solid transparent
    }

.science .box.facts-figures li strong {
    color: #f46e32
}

.science .box.figure.ghost figcaption {
    background-color: #f46e32
}

    .science .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #f46e32;
        border-top-width: 0
    }

.science .box.figure.ghost a:hover figcaption, .science .box.figure.ghost a:active figcaption, .science .box.figure.ghost a:focus figcaption {
    background-color: #f79062
}

    .science .box.figure.ghost a:hover figcaption:before, .science .box.figure.ghost a:active figcaption:before, .science .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #f79062;
        border-top-width: 0
    }

.science .box.banner, .science.box.banner {
    box-shadow: none;
    background-color: #f46e32;
    position: relative;
    overflow: visible
}

    .science .box.banner:before, .science .box.banner:after, .science.box.banner:before, .science.box.banner:after {
        content: '';
        position: absolute
    }

    .science .box.banner:before, .science.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #f46e32;
        border-left: 20px solid #f46e32
    }

    .science .box.banner:after, .science.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #f46e32;
        border-top: 10px solid #f46e32;
        border-left: 10px solid transparent
    }

.science .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #f46e32
}

    .science .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #f46e32
    }

.science .box .box-header.alt h2 {
    border-top-color: #f46e32
}

.hero .science.feature {
    background-color: #f46e32
}

    .hero .science.feature:before {
        border-left-color: #f46e32;
        border-bottom-color: #f46e32
    }

    .hero .science.feature:after {
        border-right-color: #f46e32;
        border-bottom-color: #f46e32
    }

.science .bar-chart li {
    background-color: rgba(244,110,50,0.25)
}

    .science .bar-chart li i {
        background-color: #f46e32
    }

        .science .bar-chart li i:after {
            border-left-color: #f46e32
        }

.science .fac-btn {
    background-color: #f46e32
}

    .science .fac-btn:hover, .science .fac-btn:active, .science .fac-btn:focus {
        background-color: #f79062
    }

.science.candy {
    background: linear-gradient(180deg, #f46e32 0%, #e7500c 100%)
}

    .science.candy:active, .science.candy:focus, .science.candy:hover {
        background: linear-gradient(180deg, #f35d1a 0%, #ce470b 100%)
    }

.landing .science.benefits li:before {
    background-color: #f46e32
}

.landing .science.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(244,78,50,0.6), rgba(244,142,50,0.8))
}

.landing .banners .content .science {
    background-color: #f46e32;
    border-top-color: #e7500c;
    color: #fff
}

    .landing .banners .content .science h3, .landing .banners .content .science a:only-child p {
        color: #fff
    }

.university .testimonial-header {
    background-color: #001158
}

.university .box.cta {
    box-shadow: none;
    background-color: #001158;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .university .box.cta:before, .university .box.cta:after {
        content: '';
        position: absolute
    }

    .university .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #001158;
        border-left: 20px solid #001158
    }

    .university .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #001158;
        border-bottom: 20px solid #001158;
        border-left: 20px solid transparent
    }

.university .box.facts-figures li strong {
    color: #001158
}

.university .box.figure.ghost figcaption {
    background-color: #001158
}

    .university .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #001158;
        border-top-width: 0
    }

.university .box.figure.ghost a:hover figcaption, .university .box.figure.ghost a:active figcaption, .university .box.figure.ghost a:focus figcaption {
    background-color: #001b8b
}

    .university .box.figure.ghost a:hover figcaption:before, .university .box.figure.ghost a:active figcaption:before, .university .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #001b8b;
        border-top-width: 0
    }

.university .box.banner, .university.box.banner {
    box-shadow: none;
    background-color: #001158;
    position: relative;
    overflow: visible
}

    .university .box.banner:before, .university .box.banner:after, .university.box.banner:before, .university.box.banner:after {
        content: '';
        position: absolute
    }

    .university .box.banner:before, .university.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #001158;
        border-left: 20px solid #001158
    }

    .university .box.banner:after, .university.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #001158;
        border-top: 10px solid #001158;
        border-left: 10px solid transparent
    }

.university .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #001158
}

    .university .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #001158
    }

.university .box .box-header.alt h2 {
    border-top-color: #001158
}

.hero .university.feature {
    background-color: #001158;
    color: #bfc3d5
}

    .hero .university.feature:before {
        border-left-color: #001158;
        border-bottom-color: #001158
    }

    .hero .university.feature:after {
        border-right-color: #001158;
        border-bottom-color: #001158
    }

.university .bar-chart li {
    background-color: rgba(0,17,88,0.25)
}

    .university .bar-chart li i {
        background-color: #001158
    }

        .university .bar-chart li i:after {
            border-left-color: #001158
        }

.university .fac-btn {
    background-color: #001158
}

    .university .fac-btn:hover, .university .fac-btn:active, .university .fac-btn:focus {
        background-color: #001b8b
    }

.university.candy {
    background: linear-gradient(180deg, #001158 0%, #000725 100%)
}

    .university.candy:active, .university.candy:focus, .university.candy:hover {
        background: linear-gradient(180deg, #000c3f 0%, #00020c 100%)
    }

.landing .university.benefits li:before {
    background-color: #001158
}

.landing .university.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(0,32,88,0.6), rgba(0,2,88,0.8))
}

.landing .banners .content .university {
    background-color: #001158;
    border-top-color: #000725;
    color: #fff
}

    .landing .banners .content .university h3, .landing .banners .content .university a:only-child p {
        color: #fff
    }

.university-50 .testimonial-header {
    background-color: #7f88ab
}

.university-50 .box.cta {
    box-shadow: none;
    background-color: #7f88ab;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .university-50 .box.cta:before, .university-50 .box.cta:after {
        content: '';
        position: absolute
    }

    .university-50 .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #7f88ab;
        border-left: 20px solid #7f88ab
    }

    .university-50 .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #7f88ab;
        border-bottom: 20px solid #7f88ab;
        border-left: 20px solid transparent
    }

.university-50 .box.facts-figures li strong {
    color: #7f88ab
}

.university-50 .box.figure.ghost figcaption {
    background-color: #7f88ab
}

    .university-50 .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #7f88ab;
        border-top-width: 0
    }

.university-50 .box.figure.ghost a:hover figcaption, .university-50 .box.figure.ghost a:active figcaption, .university-50 .box.figure.ghost a:focus figcaption {
    background-color: #9ea5bf
}

    .university-50 .box.figure.ghost a:hover figcaption:before, .university-50 .box.figure.ghost a:active figcaption:before, .university-50 .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #9ea5bf;
        border-top-width: 0
    }

.university-50 .box.banner, .university-50.box.banner {
    box-shadow: none;
    background-color: #7f88ab;
    position: relative;
    overflow: visible
}

    .university-50 .box.banner:before, .university-50 .box.banner:after, .university-50.box.banner:before, .university-50.box.banner:after {
        content: '';
        position: absolute
    }

    .university-50 .box.banner:before, .university-50.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #7f88ab;
        border-left: 20px solid #7f88ab
    }

    .university-50 .box.banner:after, .university-50.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #7f88ab;
        border-top: 10px solid #7f88ab;
        border-left: 10px solid transparent
    }

.university-50 .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #7f88ab
}

    .university-50 .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #7f88ab
    }

.university-50 .box .box-header.alt h2 {
    border-top-color: #7f88ab
}

.hero .university-50.feature {
    background-color: #7f88ab
}

    .hero .university-50.feature:before {
        border-left-color: #7f88ab;
        border-bottom-color: #7f88ab
    }

    .hero .university-50.feature:after {
        border-right-color: #7f88ab;
        border-bottom-color: #7f88ab
    }

.university-50 .bar-chart li {
    background-color: rgba(127,136,171,0.25)
}

    .university-50 .bar-chart li i {
        background-color: #7f88ab
    }

        .university-50 .bar-chart li i:after {
            border-left-color: #7f88ab
        }

.university-50 .fac-btn {
    background-color: #7f88ab
}

    .university-50 .fac-btn:hover, .university-50 .fac-btn:active, .university-50 .fac-btn:focus {
        background-color: #9ea5bf
    }

.university-50.candy {
    background: linear-gradient(180deg, #7f88ab 0%, #626c95 100%)
}

    .university-50.candy:active, .university-50.candy:focus, .university-50.candy:hover {
        background: linear-gradient(180deg, #707aa1 0%, #586186 100%)
    }

.landing .university-50.benefits li:before {
    background-color: #7f88ab
}

.landing .university-50.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(127,143,171,0.6), rgba(127,129,171,0.8))
}

.landing .banners .content .university-50 {
    background-color: #7f88ab;
    border-top-color: #626c95;
    color: #fff
}

    .landing .banners .content .university-50 h3, .landing .banners .content .university-50 a:only-child p {
        color: #fff
    }

.gray .testimonial-header {
    background-color: #bfbeb4
}

.gray .box.cta {
    box-shadow: none;
    background-color: #bfbeb4;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .gray .box.cta:before, .gray .box.cta:after {
        content: '';
        position: absolute
    }

    .gray .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #bfbeb4;
        border-left: 20px solid #bfbeb4
    }

    .gray .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #bfbeb4;
        border-bottom: 20px solid #bfbeb4;
        border-left: 20px solid transparent
    }

.gray .box.facts-figures li strong {
    color: #bfbeb4
}

.gray .box.figure.ghost figcaption {
    background-color: #bfbeb4
}

    .gray .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #bfbeb4;
        border-top-width: 0
    }

.gray .box.figure.ghost a:hover figcaption, .gray .box.figure.ghost a:active figcaption, .gray .box.figure.ghost a:focus figcaption {
    background-color: #d6d6d0
}

    .gray .box.figure.ghost a:hover figcaption:before, .gray .box.figure.ghost a:active figcaption:before, .gray .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #d6d6d0;
        border-top-width: 0
    }

.gray .box.banner, .gray.box.banner {
    box-shadow: none;
    background-color: #bfbeb4;
    position: relative;
    overflow: visible
}

    .gray .box.banner:before, .gray .box.banner:after, .gray.box.banner:before, .gray.box.banner:after {
        content: '';
        position: absolute
    }

    .gray .box.banner:before, .gray.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #bfbeb4;
        border-left: 20px solid #bfbeb4
    }

    .gray .box.banner:after, .gray.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #bfbeb4;
        border-top: 10px solid #bfbeb4;
        border-left: 10px solid transparent
    }

.gray .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #bfbeb4
}

    .gray .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #bfbeb4
    }

.gray .box .box-header.alt h2 {
    border-top-color: #bfbeb4
}

.hero .gray.feature {
    background-color: #bfbeb4
}

    .hero .gray.feature:before {
        border-left-color: #bfbeb4;
        border-bottom-color: #bfbeb4
    }

    .hero .gray.feature:after {
        border-right-color: #bfbeb4;
        border-bottom-color: #bfbeb4
    }

.gray .bar-chart li {
    background-color: rgba(191,190,180,0.25)
}

    .gray .bar-chart li i {
        background-color: #bfbeb4
    }

        .gray .bar-chart li i:after {
            border-left-color: #bfbeb4
        }

.gray .fac-btn {
    background-color: #bfbeb4
}

    .gray .fac-btn:hover, .gray .fac-btn:active, .gray .fac-btn:focus {
        background-color: #d6d6d0
    }

.gray.candy {
    background: linear-gradient(180deg, #bfbeb4 0%, #a8a698 100%)
}

    .gray.candy:active, .gray.candy:focus, .gray.candy:hover {
        background: linear-gradient(180deg, #b3b2a6 0%, #9c9a8b 100%)
    }

.landing .gray.benefits li:before {
    background-color: #bfbeb4
}

.landing .gray.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(191,188,180,0.6), rgba(190,191,180,0.8))
}

.landing .banners .content .gray {
    background-color: #bfbeb4;
    border-top-color: #a8a698;
    color: #fff
}

    .landing .banners .content .gray h3, .landing .banners .content .gray a:only-child p {
        color: #fff
    }

.neutral .testimonial-header {
    background-color: #bfbeb4
}

.neutral .box.cta {
    box-shadow: none;
    background-color: #bfbeb4;
    position: relative;
    overflow: visible;
    margin-top: 20px
}

    .neutral .box.cta:before, .neutral .box.cta:after {
        content: '';
        position: absolute
    }

    .neutral .box.cta:before {
        top: -20px;
        left: 0;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #bfbeb4;
        border-left: 20px solid #bfbeb4
    }

    .neutral .box.cta:after {
        top: -20px;
        left: 40px;
        right: 0;
        border-right: 20px solid #bfbeb4;
        border-bottom: 20px solid #bfbeb4;
        border-left: 20px solid transparent
    }

.neutral .box.facts-figures li strong {
    color: #bfbeb4
}

.neutral .box.figure.ghost figcaption {
    background-color: #bfbeb4
}

    .neutral .box.figure.ghost figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #bfbeb4;
        border-top-width: 0
    }

.neutral .box.figure.ghost a:hover figcaption, .neutral .box.figure.ghost a:active figcaption, .neutral .box.figure.ghost a:focus figcaption {
    background-color: #d6d6d0
}

    .neutral .box.figure.ghost a:hover figcaption:before, .neutral .box.figure.ghost a:active figcaption:before, .neutral .box.figure.ghost a:focus figcaption:before {
        width: 0;
        height: 0;
        content: '';
        border: 8px solid transparent;
        border-bottom-color: #d6d6d0;
        border-top-width: 0
    }

.neutral .box.banner, .neutral.box.banner {
    box-shadow: none;
    background-color: #bfbeb4;
    position: relative;
    overflow: visible
}

    .neutral .box.banner:before, .neutral .box.banner:after, .neutral.box.banner:before, .neutral.box.banner:after {
        content: '';
        position: absolute
    }

    .neutral .box.banner:before, .neutral.box.banner:before {
        bottom: -10px;
        left: 0;
        border-right: 10px solid transparent;
        border-top: 10px solid #bfbeb4;
        border-left: 20px solid #bfbeb4
    }

    .neutral .box.banner:after, .neutral.box.banner:after {
        bottom: -10px;
        left: 30px;
        right: 0;
        border-right: 10px solid #bfbeb4;
        border-top: 10px solid #bfbeb4;
        border-left: 10px solid transparent
    }

.neutral .box:not(.banner) .box-header:not(.alt) h2 {
    background-color: #bfbeb4
}

    .neutral .box:not(.banner) .box-header:not(.alt) h2:after {
        border-top-color: #bfbeb4
    }

.neutral .box .box-header.alt h2 {
    border-top-color: #bfbeb4
}

.hero .neutral.feature {
    background-color: #bfbeb4
}

    .hero .neutral.feature:before {
        border-left-color: #bfbeb4;
        border-bottom-color: #bfbeb4
    }

    .hero .neutral.feature:after {
        border-right-color: #bfbeb4;
        border-bottom-color: #bfbeb4
    }

.neutral .bar-chart li {
    background-color: rgba(191,190,180,0.25)
}

    .neutral .bar-chart li i {
        background-color: #bfbeb4
    }

        .neutral .bar-chart li i:after {
            border-left-color: #bfbeb4
        }

.neutral .fac-btn {
    background-color: #bfbeb4
}

    .neutral .fac-btn:hover, .neutral .fac-btn:active, .neutral .fac-btn:focus {
        background-color: #d6d6d0
    }

.neutral.candy {
    background: linear-gradient(180deg, #bfbeb4 0%, #a8a698 100%)
}

    .neutral.candy:active, .neutral.candy:focus, .neutral.candy:hover {
        background: linear-gradient(180deg, #b3b2a6 0%, #9c9a8b 100%)
    }

.landing .neutral.benefits li:before {
    background-color: #bfbeb4
}

.landing .neutral.quote blockquote {
    background-image: linear-gradient(to right bottom, rgba(191,188,180,0.6), rgba(190,191,180,0.8))
}

.landing .banners .content .neutral {
    background-color: #bfbeb4;
    border-top-color: #a8a698;
    color: #fff
}

    .landing .banners .content .neutral h3, .landing .banners .content .neutral a:only-child p {
        color: #fff
    }

.box.contact .box-content {
    padding: 0 20px
}

    .box.contact .box-content > h3 {
        font-size: 1.125rem;
        line-height: 1.2222222222;
        color: #001158;
        margin: 0
    }

        .box.contact .box-content > h3:first-child {
            margin-top: 20px
        }

        .box.contact .box-content > h3 + section {
            margin-top: 10px
        }

    .box.contact .box-content section {
        margin: 20px 0
    }

        .box.contact .box-content section p, .box.contact .box-content section ul, .box.contact .box-content section dl, .box.contact .box-content section address {
            margin: 0
        }

        .box.contact .box-content section h3 {
            font-size: .9375rem;
            line-height: 1.4666666667;
            color: #001158;
            margin: 0;
            margin: 0 0 5px
        }

        .box.contact .box-content section a {
            color: #b27f2b
        }

            .box.contact .box-content section a:hover, .box.contact .box-content section a:active, .box.contact .box-content section a:focus {
                text-decoration: underline
            }

        .box.contact .box-content section.contact-link ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

            .box.contact .box-content section.contact-link ul li + li {
                margin-top: 10px
            }

        .box.contact .box-content section.contact-social-link a {
            color: #fff;
            background: #999
        }

            .box.contact .box-content section.contact-social-link a span {
                display: none
            }

            .box.contact .box-content section.contact-social-link a:hover, .box.contact .box-content section.contact-social-link a:focus, .box.contact .box-content section.contact-social-link a:active {
                text-decoration: none
            }

            .box.contact .box-content section.contact-social-link a.rss:hover {
                background: #f60
            }

            .box.contact .box-content section.contact-social-link a.envelope:hover {
                background: #8391c5
            }

            .box.contact .box-content section.contact-social-link a.print:hover {
                background: #9a9a9a
            }

            .box.contact .box-content section.contact-social-link a.twitter:hover {
                background: #00aced
            }

            .box.contact .box-content section.contact-social-link a.linkedin:hover {
                background: #007bb6
            }

            .box.contact .box-content section.contact-social-link a.foursquare:hover {
                background: #ef4b78
            }

            .box.contact .box-content section.contact-social-link a.google-plus:hover {
                background: #dd4b39
            }

            .box.contact .box-content section.contact-social-link a.pinterest:hover {
                background: #cd2028
            }

            .box.contact .box-content section.contact-social-link a.instagram:hover {
                background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
            }

            .box.contact .box-content section.contact-social-link a.youtube:hover {
                background: #b00
            }

            .box.contact .box-content section.contact-social-link a.facebook:hover {
                background: #3b5998
            }

            .box.contact .box-content section.contact-social-link a.flickr:hover {
                background: #ff0084
            }

            .box.contact .box-content section.contact-social-link a.whatsapp:hover {
                background: #79ca70
            }

            .box.contact .box-content section.contact-social-link a.snapchat:hover {
                background: #fcff2e
            }

        .box.contact .box-content section.contact-cta a:hover, .box.contact .box-content section.contact-cta a:focus, .box.contact .box-content section.contact-cta a:active {
            text-decoration: none
        }

        .box.contact .box-content section.contact-whatsapp-cta a {
            background-color: #79ca70
        }

            .box.contact .box-content section.contact-whatsapp-cta a:before {
                content: "\e830";
                font-family: fontello
            }

            .box.contact .box-content section.contact-whatsapp-cta a:hover, .box.contact .box-content section.contact-whatsapp-cta a:focus, .box.contact .box-content section.contact-whatsapp-cta a:active {
                text-decoration: none;
                background-color: #56bc4b
            }

        .box.contact .box-content section.contact-person img {
            float: left;
            width: 50px;
            height: 50px;
            margin-bottom: 10px
        }

            .box.contact .box-content section.contact-person img + div {
                margin-left: 60px;
                min-height: 50px;
                margin-bottom: 10px
            }

        .box.contact .box-content section.contact-person > a:first-child:hover, .box.contact .box-content section.contact-person > a:first-child:active, .box.contact .box-content section.contact-person > a:first-child:focus {
            text-decoration: none
        }

            .box.contact .box-content section.contact-person > a:first-child:hover strong, .box.contact .box-content section.contact-person > a:first-child:active strong, .box.contact .box-content section.contact-person > a:first-child:focus strong {
                text-decoration: underline
            }

        .box.contact .box-content section.contact-person > a[class] {
            color: #333;
            display: block;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 3px 0
        }

    .box.contact .box-content dl dt {
        float: left;
        width: 40%
    }

    .box.contact .box-content dl dd {
        margin-left: 45%;
        white-space: nowrap
    }

    .box.contact .box-content p + dl, .box.contact .box-content dl + dl {
        margin-top: 10px
    }

.content-form {
    margin: 0 0 1.375rem;
    padding-bottom: 1.375rem;
    border-bottom: 1px dotted #ccc
}

    .content-form fieldset {
        margin: 0
    }

    .content-form input, .content-form button {
        font-size: .9375rem;
        line-height: 1.4666666667;
        font-family: vestula,arial,sans-serif;
        border: 1px solid #ddd;
        background: #f5f5f5;
        padding: 2px 5px;
        outline: none;
        display: inline-block;
        box-sizing: border-box !important
    }

    .content-form input {
        width: 80%
    }

        .content-form input:focus, .content-form input:active {
            background-color: #ffe
        }

    .content-form button {
        width: 20%;
        background: #001158;
        border-color: #001158;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
    }

        .content-form button:hover, .content-form button:focus, .content-form button:active {
            background: #7f88ab;
            border-color: #7f88ab
        }

#content {
    background: #fff;
    box-shadow: 0 0 5px 1px rgba(120,110,100,0.3);
    position: relative;
    padding: 20px
}

@media only screen and (min-width: 769px) {
    #content {
        padding: 20px 30px
    }
}

@media only screen and (min-width: 1025px) {
    #content {
        padding: 20px 40px
    }
}

#content .sub-home .aside {
    margin-top: 40px
}

@media only screen and (min-width: 769px) {
    #content .sub-home:after {
        content: '';
        display: table;
        clear: both
    }

    #content .sub-home article {
        float: left;
        width: 65.5%;
        margin-right: 3.5%
    }

    #content .sub-home .aside {
        float: right;
        width: 31%;
        margin-top: 20px
    }
}

.cross-content, .landing section, .landing section.quote blockquote, body.overview #content.map .map-canvas, body.small article > .testimonial-group .testimonial-header, #content.dossier article section.hr, #content.dossier footer {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width: 769px) {
    .cross-content, .landing section, .landing section.quote blockquote, body.overview #content.map .map-canvas, body.small article > .testimonial-group .testimonial-header, #content.dossier article section.hr, #content.dossier footer {
        padding-left: 30px;
        padding-right: 30px;
        margin-left: -30px;
        margin-right: -30px
    }
}

@media only screen and (min-width: 1025px) {
    .cross-content, .landing section, .landing section.quote blockquote, body.overview #content.map .map-canvas, body.small article > .testimonial-group .testimonial-header, #content.dossier article section.hr, #content.dossier footer {
        padding-left: 40px;
        padding-right: 40px;
        margin-left: -40px;
        margin-right: -40px
    }
}

.is-clickable {
    cursor: pointer
}

.cookies {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(127,136,171,0.9);
    padding: .6875rem 0;
    color: #fff;
    z-index: 9999
}

    .cookies .wrapper {
        padding: 0 20px
    }

    .cookies p {
        margin: 0 0 1.375rem
    }

@media only screen and (min-width: 769px) {
    .cookies .wrapper {
        padding: 0 30px
    }

    .cookies p {
        float: left;
        margin-bottom: 0
    }

    .cookies form {
        float: right
    }

    .cookies button {
        margin-top: -5px;
        margin-bottom: -5px
    }
}

@media only screen and (min-width: 1025px) {
    .cookies .wrapper {
        padding: 0 40px
    }
}

.cookies a {
    color: #fff;
    text-decoration: underline;
    white-space: nowrap
}

    .cookies a:hover, .cookies a:active, .cookies a:focus {
        text-decoration: underline
    }

.cookies button {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    display: inline-block;
    background: transparent;
    padding: 5px 20px;
    border-radius: 3px;
    border: none;
    outline: none
}

    .cookies button.accept {
        background: rgba(255,255,255,0.9);
        color: #404d82;
        margin-right: 15px
    }

        .cookies button.accept:hover, .cookies button.accept:active, .cookies button.accept:focus {
            background: #fff
        }

    .cookies button.reject.reject:before {
        content: "\e84d";
        font-family: fontello;
        display: inline-block;
        width: 20px;
        margin-left: -20px
    }

    .cookies button.reject:hover, .cookies button.reject:active, .cookies button.reject:focus {
        text-decoration: underline
    }

.has-cookies {
    display: none
}

.error-image {
    width: 33%
}

@media only screen and (max-width: 768px) {
    .error-image {
        display: none
    }
}

.error-right h1.en {
    margin-top: 2.75rem
}

.error-right > :last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 769px) {
    .error-right {
        margin-left: calc(33% + 30px);
        padding: 1.375rem 30px
    }
}

@media only screen and (min-width: 1025px) {
    .facets {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 768px) {
    .facets .box.facet {
        margin-bottom: 0
    }
}

.facets form button {
    font-size: .875rem;
    line-height: 2.3571428571;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    color: #fff;
    background: #001158;
    border: none;
    border-radius: 3px;
    padding: 0 20px;
    margin: 0 20px 20px;
    display: block;
    width: calc(100% - 40px)
}

.js .facets form button {
    display: none
}

.box.facet {
    background: transparent;
    overflow: visible
}

    .box.facet .box-content fieldset, .box.facet .box-content ul {
        margin: 0;
        padding: 0
    }

        .box.facet .box-content ul li {
            border: none;
            display: block;
            padding: 0
        }

            .box.facet .box-content ul li:not(:first-child) {
                margin-top: 2px
            }

        .box.facet .box-content ul + ul {
            border-top: 2px solid #7f88ab;
            padding-top: 2px;
            position: relative;
            padding-top: 10px;
            margin-top: 5px
        }

            .box.facet .box-content ul + ul:before {
                width: 0;
                height: 0;
                content: '';
                border: 8px solid transparent;
                border-top-color: #7f88ab;
                border-bottom-width: 0;
                position: absolute;
                top: 0;
                left: 20px
            }

    .box.facet .box-content a, .box.facet .box-content label {
        font-size: .9375rem;
        line-height: 1.4666666667;
        font-family: vestula,arial,sans-serif;
        font-weight: normal;
        color: #333;
        display: block;
        cursor: pointer;
        padding: 0;
        margin: 0
    }

.js .box.facet .box-content a, .js .box.facet .box-content label {
    padding-left: 20px
}

    .js .box.facet .box-content a:before, .js .box.facet .box-content label:before {
        content: "\e803";
        font-family: fontello;
        font-size: .75rem;
        line-height: 1;
        float: left;
        border: 1px solid #ddd;
        background: #fff;
        color: #fff;
        text-align: center;
        width: 14px;
        height: 14px;
        margin: 3px 5px 0 -20px
    }

    .js .box.facet .box-content a:hover, .js .box.facet .box-content label:hover {
        color: #000;
        background-color: transparent
    }

        .js .box.facet .box-content a:hover:before, .js .box.facet .box-content label:hover:before {
            color: #eee;
            border-color: #ccc
        }

    .js .box.facet .box-content a.active:before, .js .box.facet .box-content label.active:before {
        color: #333;
        border-color: #999
    }

.box.facet .box-content a input[type="checkbox"], .box.facet .box-content a input[type="radio"], .box.facet .box-content label input[type="checkbox"], .box.facet .box-content label input[type="radio"] {
    display: inline-block
}

.js .box.facet .box-content a input[type="checkbox"], .js .box.facet .box-content a input[type="radio"], .js .box.facet .box-content label input[type="checkbox"], .js .box.facet .box-content label input[type="radio"] {
    display: none
}

.box.facet .box-content .count {
    font-size: .75rem;
    line-height: 1.8333333333;
    color: #999
}

.box.facet .box-content select {
    display: block;
    max-width: 100%
}

.box.facet .box-content ul + input {
    margin-top: .6875rem
}

.box.facet.facet-single .box-content ul li a:before, .box.facet.facet-single .box-content ul li label:before {
    content: '';
    border-radius: 100%
}

.box.facet.facet-single .box-content ul li a:hover:before, .box.facet.facet-single .box-content ul li label:hover:before {
    background: radial-gradient(circle, #eee 40%, #fff 50%, #fff)
}

.box.facet.facet-single .box-content ul li a.active:before, .box.facet.facet-single .box-content ul li label.active:before {
    background: #999;
    background: radial-gradient(circle, #333 40%, #fff 50%, #fff)
}

.box.facet.facet-search fieldset {
    position: relative
}

    .box.facet.facet-search fieldset:after {
        content: "\e801";
        font-family: fontello;
        line-height: 1.71875;
        position: absolute;
        display: block;
        color: #999;
        right: 5px;
        top: 1px
    }

    .box.facet.facet-search fieldset input[type="search"] {
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ccc;
        width: 100%;
        line-height: 1.71875;
        height: 1.71875rem;
        padding: 0 20px 0 5px;
        outline: none
    }

        .box.facet.facet-search fieldset input[type="search"]:focus {
            background: #ffe
        }

@media only screen and (max-width: 768px) {
    .box.facet.facet-search fieldset {
        margin: 0 20px 10px
    }
}

@media only screen and (min-width: 769px) {
    .box.facet.facet-search {
        border-top: 5px solid #7f88ab;
        padding-top: 10px
    }

        .box.facet.facet-search .box-header {
            display: none
        }
}

.box.facet.facet-search.focus fieldset:after {
    display: none
}

.box.facet.facet-search.focus fieldset input[type="search"] {
    padding-right: 5px
}

.js .box.facet .has-more li:not(.visible) {
    display: none
}

.js .box.facet .has-more + .show-more {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    color: #7f88ab;
    background: transparent;
    border: none;
    padding: 0;
    text-align: left;
    outline: none
}

    .js .box.facet .has-more + .show-more:before {
        content: "\e810";
        font-family: fontello;
        display: inline-block;
        width: 20px;
        text-indent: 3px
    }

    .js .box.facet .has-more + .show-more:hover, .js .box.facet .has-more + .show-more:active, .js .box.facet .has-more + .show-more:focus {
        color: #404d82
    }

@media only screen and (max-width: 768px) {
    .js .box.facet .has-more {
        margin-bottom: 0
    }

        .js .box.facet .has-more + .show-more {
            margin-left: 20px;
            margin-bottom: 20px
        }
}

@media only screen and (max-width: 768px) {
    .box.facet .box-header h2 {
        padding-left: 20px
    }

    .js .box.facet:not(.open) .box-content {
        display: none
    }

    .js .box.facet .box-header h2:before {
        content: '+';
        display: inline-block;
        width: 20px;
        text-align: center;
        margin-left: -20px
    }

    .js .box.facet.open .box-header h2:before {
        content: '-'
    }

    .box.facet .box-content ul {
        margin: 0 20px 10px
    }

        .box.facet .box-content ul + ul {
            margin-top: -10px
        }
}

dl.facts {
    margin: 0 0 1.375rem
}

    dl.facts:not(.definition-list) {
        margin-top: 1.375rem
    }

    dl.facts dt {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        color: #999;
        padding-right: 5px
    }

    dl.facts dd {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        color: #333;
        margin: 0 0 .6875rem;
        overflow: hidden
    }

        dl.facts dd > a {
            color: #333;
            display: block
        }

            dl.facts dd > a:before {
                content: "\e812";
                font-family: fontello;
                float: right
            }

            dl.facts dd > a:hover, dl.facts dd > a:active, dl.facts dd > a:focus {
                color: #b27f2b;
                text-decoration: none
            }

            dl.facts dd > a > :last-child {
                margin-bottom: 0
            }

        dl.facts dd > :last-child {
            margin-bottom: 0
        }

        dl.facts dd img {
            float: left;
            margin-right: 5px
        }

@media only screen and (min-width: 769px) {
    dl.facts {
        overflow: auto
    }

        dl.facts dt {
            float: left;
            width: 12.5%;
            padding: 3px 5px 3px 0;
            clear: left;
            overflow-wrap: break-word
        }

        dl.facts dd {
            float: left;
            width: 87.5%;
            padding: 3px 0;
            margin: 0
        }

            dl.facts dd:not(:first-of-type) {
                border-top: 1px dotted #ccc
            }

    .indent dl.facts.definition-list dt, .profile .basics dl.facts dt, body.small dl.facts dt {
        width: 20%
    }

    .indent dl.facts.definition-list dd, .profile .basics dl.facts dd, body.small dl.facts dd {
        width: 80%
    }
}

.footer-container {
    background: #e3e3e3 url("../../assets/images/world-map.png") 250px 30px no-repeat;
    padding: 30px 0
}

@media only screen and (min-width: 1025px) {
    .footer-container {
        margin-top: -40px;
        padding-top: 60px
    }
}

footer section {
    padding: 0 20px
}

@media only screen and (min-width: 436px) and (max-width: 768px) {
    footer section {
        float: left;
        width: 50%
    }

        footer section:nth-child(3) {
            clear: left
        }
}

@media only screen and (min-width: 769px) {
    footer section {
        float: left;
        width: 25%;
        padding: 0 3.3898305085% 0 0
    }
}

footer h2 {
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    margin: 0 0 .4583333333rem;
    color: #666
}

footer ul, footer p {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    list-style: none;
    margin: 0 0 1.375rem;
    padding: 0
}

footer li {
    margin: 0 0 .4583333333rem
}

footer a {
    color: #777;
    text-decoration: none
}

    footer a:hover, footer a:active, footer a:focus {
        color: #000;
        text-decoration: underline
    }

.gallery {
    list-style: none;
    margin: 1.375rem 0;
    padding: 0
}

    .gallery figure {
        position: relative;
        display: block;
        margin: 0 0 1.375rem
    }

        .gallery figure img {
            width: 100%;
            display: block
        }

        .gallery figure figcaption {
            font-size: .9375rem;
            line-height: 1.4666666667;
            font-family: vestula,arial,sans-serif;
            padding: 10px;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: rgba(0,0,0,0.6);
            color: #fff;
            text-shadow: 1px 1px 0 #000
        }

.js .gallery {
    margin-bottom: 0
}

    .js .gallery figure {
        margin-bottom: 0;
        position: static
    }

        .js .gallery figure img {
            display: none
        }

    .js .gallery li {
        background: transparent none 50% 50% no-repeat;
        background-size: cover;
        background-clip: content-box;
        display: none;
        position: relative
    }

        .js .gallery li.active {
            display: block
        }

.gallery-slides {
    clear: both;
    position: relative
}

    .gallery-slides .move-slide {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5
    }

        .gallery-slides .move-slide.go-left {
            left: 10px
        }

            .gallery-slides .move-slide.go-left:before {
                content: "\e80d";
                font-family: fontello;
                display: inline-block;
                transform: translateX(-1px)
            }

        .gallery-slides .move-slide.go-right {
            right: 10px
        }

            .gallery-slides .move-slide.go-right:before {
                content: "\e80e";
                font-family: fontello;
                display: inline-block;
                transform: translateX(1px)
            }

.gallery-thumbs {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 0 1.375rem
}

    .gallery-thumbs ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        white-space: nowrap;
        position: relative;
        left: 0;
        transition: left .2s
    }

    .gallery-thumbs li {
        display: inline-block;
        width: 19.2%;
        height: 75px;
        padding: 5px 0;
        margin: 0 0 0 1%;
        background: #eee none 50% 50% no-repeat;
        background-size: cover;
        background-clip: content-box;
        cursor: pointer;
        opacity: 0.75;
        border-bottom: 5px solid transparent
    }

        .gallery-thumbs li:nth-child(5n+1) {
            margin-left: 0
        }

        .gallery-thumbs li.active {
            border-bottom-color: #bfc3d5;
            opacity: 1
        }

        .gallery-thumbs li:hover {
            opacity: 1
        }

    .gallery-thumbs .move-thumbs {
        position: absolute;
        background: rgba(0,0,0,0.75);
        color: rgba(255,255,255,0.75);
        height: 60px;
        line-height: 60px;
        top: 5px;
        padding: 0 10px;
        cursor: pointer
    }

        .gallery-thumbs .move-thumbs:hover {
            color: #fff
        }

        .gallery-thumbs .move-thumbs.go-left {
            left: 0
        }

            .gallery-thumbs .move-thumbs.go-left:before {
                content: "\e80d";
                font-family: fontello
            }

        .gallery-thumbs .move-thumbs.go-right {
            right: 0
        }

            .gallery-thumbs .move-thumbs.go-right:before {
                content: "\e80e";
                font-family: fontello
            }

@media only screen and (min-width: 769px) {
    .right .gallery-thumbs li, .left .gallery-thumbs li {
        height: 100px
    }

    .right .gallery-thumbs .move-thumbs, .left .gallery-thumbs .move-thumbs {
        height: 85px;
        line-height: 85px
    }
}

.header-container {
    background: #fff
}

    .header-container header {
        height: 114px;
        position: relative
    }

    .header-container .logo {
        position: absolute;
        top: 25px;
        left: 0;
        margin: 0;
        z-index: 2
    }

        .header-container .logo img {
            width: 151px;
            height: 64px
        }

    .header-container .language-btn-group {
        position: absolute;
        right: 0;
        top: 37px;
        z-index: 2
    }

    .header-container #search {
        position: absolute;
        top: 37px;
        left: 23.3050847458%;
        width: 51.2711864407%
    }

    .header-container .user {
        position: absolute;
        bottom: 100%;
        right: 0;
        z-index: 2
    }

@media only screen and (max-width: 1024px) {
    .header-container #search {
        width: 60%
    }
}

@media only screen and (max-width: 768px) {
    .header-container header {
        height: 84px
    }

    .header-container .logo {
        top: 10px;
        left: 10px
    }

    .header-container .language-btn-group {
        right: 10px;
        top: auto;
        bottom: 10px
    }

    .header-container #search {
        left: 171px;
        top: 0;
        right: 0;
        width: auto
    }

    .js .header-container #search {
        left: 10px;
        bottom: 10px;
        right: 10px;
        top: 0
    }
}

.hero-team {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

@media only screen and (min-width: 769px) {
    .hero-team {
        position: relative;
        height: 400px
    }
}

.hero-team li {
    font-size: .9375rem;
    line-height: 1.4666666667;
    font-family: vestula,arial,sans-serif;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 1;
    background: #7f7e6a;
    color: #fff
}

    .hero-team li + li {
        margin-top: 3px
    }

    .hero-team li a {
        display: block;
        text-decoration: none;
        color: #fff
    }

    .hero-team li img {
        float: left;
        max-width: 40%
    }

    .hero-team li span {
        display: block;
        padding: .34375rem 10px;
        margin-left: 40%;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
    }

    .hero-team li i {
        float: left;
        background: #fff none 50% 50% no-repeat;
        background-size: cover;
        width: 40%;
        height: 80px
    }

@media only screen and (min-width: 436px) {
    .hero-team li i {
        height: 160px
    }
}

@media only screen and (min-width: 769px) {
    .hero-team li {
        position: absolute
    }

        .hero-team li img {
            float: none;
            display: block;
            width: 100%;
            max-width: none
        }

        .hero-team li span {
            position: absolute;
            margin: 0
        }

        .hero-team li i {
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%
        }

        .hero-team li:first-child {
            width: 66.242971%;
            height: 100%;
            z-index: 0
        }

            .hero-team li:first-child span {
                font-size: 2.625rem;
                line-height: 1.0476190476;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 40px;
                text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
                background-image: linear-gradient(180deg, rgba(0,0,0,0.4), transparent)
            }

        .hero-team li:nth-child(n+2) {
            width: 33.333%;
            height: 49.3881355%;
            right: 0;
            top: 0;
            margin: 0
        }

            .hero-team li:nth-child(n+2) span {
                font-size: 1rem;
                line-height: 1.375;
                bottom: 0;
                width: 100%;
                background: rgba(127,126,106,0.8);
                padding: 8px 10px
            }

        .hero-team li:last-child {
            top: auto;
            bottom: 0
        }
}

.hero {
    width: 100%;
    position: relative;
    background-color: #ccc
}

    .hero:not([data-bgset]) img {
        display: block;
        width: 100%
    }

@media only screen and (max-width: 435px) {
    .hero:not([data-bgset]) img, .hero:not([data-bgset]) img + .credit {
        display: none
    }
}

.hero[data-bgset] {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 21.186440678%
}

@media only screen and (max-width: 768px) {
    .hero[data-bgset] {
        height: auto;
        padding-bottom: 0
    }
}

article .hero {
    display: block;
    width: calc(100% + 80px);
    margin: -20px 0 20px -40px
}

@media only screen and (max-width: 1024px) {
    article .hero {
        width: calc(100% + 60px);
        margin-left: -30px
    }
}

@media only screen and (max-width: 768px) {
    article .hero {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

@media only screen and (max-width: 435px) {
    article .hero img[src] {
        display: block
    }
}

.hero .credit {
    font-size: .75rem;
    line-height: 1.8333333333;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    position: absolute;
    right: 40px;
    top: 20px
}

@media only screen and (max-width: 768px) {
    .hero .credit {
        right: 20px;
        top: 10px
    }
}

.hero .credit a {
    color: #fff
}

.hero .feature {
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-family: vestula,arial,sans-serif;
    background: #7f88ab;
    color: #001158;
    display: block;
    width: 100%;
    padding: 10px 20px
}

    .hero .feature strong {
        font-weight: normal;
        color: #fff
    }

    .hero .feature.bg-rood {
        background-color: #c0302d
    }

    .hero .feature.bg-turkoois {
        background-color: #009b98
    }

    .hero .feature.bg-oranje {
        background-color: #e07a29
    }

    .hero .feature.bg-groen {
        background-color: #a1b116
    }

    .hero .feature.bg-donkergroen {
        background-color: #008036
    }

    .hero .feature.bg-lichtblauw {
        background-color: #00a6e2
    }

    .hero .feature.bg-violet {
        background-color: #9e1c67
    }

    .hero .feature.bg-maroon {
        background-color: #832929
    }

    .hero .feature.bg-goud {
        background-color: #9D8A0A
    }

    .hero .feature.bg-blauw {
        background-color: #001158
    }

@media only screen and (min-width: 436px) {
    .hero .feature {
        box-shadow: none;
        background-color: #7f88ab;
        position: relative;
        overflow: visible;
        margin-top: 20px;
        margin-top: -20px
    }

        .hero .feature:before, .hero .feature:after {
            content: '';
            position: absolute
        }

        .hero .feature:before {
            top: -20px;
            left: 0;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #7f88ab;
            border-left: 20px solid #7f88ab
        }

        .hero .feature:after {
            top: -20px;
            left: 40px;
            right: 0;
            border-right: 20px solid #7f88ab;
            border-bottom: 20px solid #7f88ab;
            border-left: 20px solid transparent
        }

        .hero .feature.bg-rood:before {
            border-left-color: #c0302d;
            border-bottom-color: #c0302d
        }

        .hero .feature.bg-rood:after {
            border-right-color: #c0302d;
            border-bottom-color: #c0302d
        }

        .hero .feature.bg-turkoois:before {
            border-left-color: #009b98;
            border-bottom-color: #009b98
        }

        .hero .feature.bg-turkoois:after {
            border-right-color: #009b98;
            border-bottom-color: #009b98
        }

        .hero .feature.bg-oranje:before {
            border-left-color: #e07a29;
            border-bottom-color: #e07a29
        }

        .hero .feature.bg-oranje:after {
            border-right-color: #e07a29;
            border-bottom-color: #e07a29
        }

        .hero .feature.bg-groen:before {
            border-left-color: #a1b116;
            border-bottom-color: #a1b116
        }

        .hero .feature.bg-groen:after {
            border-right-color: #a1b116;
            border-bottom-color: #a1b116
        }

        .hero .feature.bg-donkergroen:before {
            border-left-color: #008036;
            border-bottom-color: #008036
        }

        .hero .feature.bg-donkergroen:after {
            border-right-color: #008036;
            border-bottom-color: #008036
        }

        .hero .feature.bg-lichtblauw:before {
            border-left-color: #00a6e2;
            border-bottom-color: #00a6e2
        }

        .hero .feature.bg-lichtblauw:after {
            border-right-color: #00a6e2;
            border-bottom-color: #00a6e2
        }

        .hero .feature.bg-violet:before {
            border-left-color: #9e1c67;
            border-bottom-color: #9e1c67
        }

        .hero .feature.bg-violet:after {
            border-right-color: #9e1c67;
            border-bottom-color: #9e1c67
        }

        .hero .feature.bg-maroon:before {
            border-left-color: #832929;
            border-bottom-color: #832929
        }

        .hero .feature.bg-maroon:after {
            border-right-color: #832929;
            border-bottom-color: #832929
        }

        .hero .feature.bg-goud:before {
            border-left-color: #9D8A0A;
            border-bottom-color: #9D8A0A
        }

        .hero .feature.bg-goud:after {
            border-right-color: #9D8A0A;
            border-bottom-color: #9D8A0A
        }

        .hero .feature.bg-blauw:before {
            border-left-color: #001158;
            border-bottom-color: #001158
        }

        .hero .feature.bg-blauw:after {
            border-right-color: #001158;
            border-bottom-color: #001158
        }
}

@media only screen and (min-width: 769px) {
    .hero .feature {
        font-size: 1.25rem;
        line-height: 1.375;
        position: absolute;
        margin-top: 0;
        right: 20px;
        bottom: 20px;
        max-width: 50%
    }

        .hero .feature strong {
            display: block
        }
}

@media only screen and (min-width: 1025px) {
    .hero .feature {
        max-width: 31%
    }
}

.hero .location-btn-group {
    position: absolute;
    right: 20px;
    top: 20px
}

.bannerlist > ul {
    list-style: none;
    padding: 0;
    margin: 0
}

img[src*="beeldbank.leidenuniv.nl"] {
    display: none
}

.iframe iframe, #modal-content iframe {
    display: block;
    width: 100%;
    height: calc(100vh - 80px);
    border: none
}

.iframe.modal iframe {
    display: none
}

.header-container.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 0 5px 1px rgba(120,110,100,0.3);
    background: rgba(255,255,255,0.98)
}

    .header-container.sticky + .landing-hero {
        margin-top: 84px
    }

    .header-container.sticky .candy {
        display: none
    }

    .header-container.sticky .show .candy {
        display: inline-block;
        float: right;
        margin: 22px 20px 0 0;
        max-width: calc(100% - 200px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

@media only screen and (min-width: 769px) {
    .header-container.sticky + .landing-hero {
        margin-top: 114px
    }

    .header-container.sticky .show .candy {
        margin: 35px 40px 0 0
    }
}

@media only screen and (max-width: 768px) {
    .header-container.sticky .show .candy {
        font-size: .875rem;
        line-height: 1.4285714286
    }

        .header-container.sticky .show .candy:after {
            display: none
        }
}

.landing-hero {
    background: #7f88ab none 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 444px;
    margin-bottom: -40px
}

    .landing-hero > img {
        display: block;
        margin: 0;
        width: 100%
    }

.js .landing-hero > img {
    display: none
}

.landing-hero > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.landing-hero .wrapper {
    height: 100%
}

    .landing-hero .wrapper > div {
        height: 100%;
        padding: 40px 20px;
        position: relative;
        transition: padding .3s
    }

        .landing-hero .wrapper > div h1 {
            font-size: 3rem;
            line-height: 1.1458333333;
            font-family: vestula,arial,sans-serif;
            font-weight: bold;
            color: #fff;
            margin: 0;
            text-shadow: 3px 3px 4px rgba(0,0,0,0.6)
        }

        .landing-hero .wrapper > div p {
            font-size: 1.25rem;
            line-height: 1.2;
            font-family: vestula,arial,sans-serif;
            color: #dedede;
            margin: .75rem 0 1.5rem;
            text-shadow: 3px 3px 4px rgba(0,0,0,0.6)
        }

        .landing-hero .wrapper > div .candy {
            position: absolute;
            bottom: 80px
        }

@media only screen and (min-width: 769px) {
    .landing-hero .wrapper > div {
        padding-left: 50%;
        padding-right: 0
    }
}

@media only screen and (min-width: 1025px) {
    .landing-hero .wrapper > div {
        padding-left: 60%
    }
}

@media only screen and (min-width: 1181px) {
    .landing-hero .wrapper > div {
        padding-left: 63%
    }
}

.full .landing#content {
    padding-top: 0;
    padding-bottom: 40px
}

.landing section {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px
}

    .landing section h2 {
        font-size: 1.75rem;
        line-height: 1;
        font-family: vestula,arial,sans-serif;
        font-weight: normal;
        color: #001158;
        text-align: center;
        margin: 0 0 50px
    }

    .landing section .content {
        margin: 0 auto;
        max-width: 900px
    }

    .landing section.alt {
        background-color: #ddd
    }

    .landing section.introduction .content > :last-child {
        margin-bottom: 0
    }

    .landing section.benefits ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        max-width: 460px;
        overflow: hidden
    }

    .landing section.benefits li {
        font-size: 1rem;
        line-height: 1.375;
        font-family: georgia,serif;
        font-weight: normal;
        margin: 1.375rem 0;
        overflow: hidden;
        padding-left: 70px
    }

        .landing section.benefits li:before {
            content: "\e832";
            font-family: fontello;
            font-size: 1.5625rem;
            line-height: 2;
            text-align: center;
            float: left;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            color: #fff;
            background: #001158;
            margin-left: -70px
        }

        .landing section.benefits li.academic:before {
            content: "\e855";
            font-family: fontello
        }

        .landing section.benefits li.bar-chart:before {
            content: "\e869";
            font-family: fontello
        }

        .landing section.benefits li.diploma:before {
            content: "\e858";
            font-family: fontello
        }

        .landing section.benefits li.diversity:before {
            content: "\e85c";
            font-family: fontello
        }

        .landing section.benefits li.earth:before {
            content: "\e832";
            font-family: fontello
        }

        .landing section.benefits li.firstyears:before {
            content: "\e814";
            font-family: fontello
        }

        .landing section.benefits li.freedom-dove:before {
            content: "\e875";
            font-family: fontello
        }

        .landing section.benefits li.glass-and-fork:before {
            content: "\e86d";
            font-family: fontello
        }

        .landing section.benefits li.laurel:before {
            content: "\e859";
            font-family: fontello
        }

        .landing section.benefits li.microscope:before {
            content: "\e86b";
            font-family: fontello
        }

        .landing section.benefits li.nobel-prize:before {
            content: "\e86a";
            font-family: fontello
        }

        .landing section.benefits li.nobelprice:before {
            content: "\e854";
            font-family: fontello
        }

        .landing section.benefits li.people-speaking:before {
            content: "\e874";
            font-family: fontello
        }

        .landing section.benefits li.people:before {
            content: "\e856";
            font-family: fontello
        }

        .landing section.benefits li.person-with-briefcase:before {
            content: "\e876";
            font-family: fontello
        }

        .landing section.benefits li.podium:before {
            content: "\e86e";
            font-family: fontello
        }

        .landing section.benefits li.q-and-a:before {
            content: "\e86f";
            font-family: fontello
        }

        .landing section.benefits li.ranking:before {
            content: "\e85a";
            font-family: fontello
        }

        .landing section.benefits li.rating:before {
            content: "\e85d";
            font-family: fontello
        }

        .landing section.benefits li.recycle:before {
            content: "\e870";
            font-family: fontello
        }

        .landing section.benefits li.scales:before {
            content: "\e871";
            font-family: fontello
        }

        .landing section.benefits li.suitcase:before {
            content: "\e857";
            font-family: fontello
        }

        .landing section.benefits li.trophy:before {
            content: "\e872";
            font-family: fontello
        }

        .landing section.benefits li.user-headset:before {
            content: "\e873";
            font-family: fontello
        }

        .landing section.benefits li.windmill:before {
            content: "\e86c";
            font-family: fontello
        }

        .landing section.benefits li h3 {
            margin: 0;
            font-weight: normal
        }

        .landing section.benefits li strong {
            color: #333
        }

        .landing section.benefits li > a:only-child {
            display: block;
            text-decoration: none
        }

            .landing section.benefits li > a:only-child:hover, .landing section.benefits li > a:only-child:active, .landing section.benefits li > a:only-child:focus {
                background-color: #eee
            }

            .landing section.benefits li > a:only-child p {
                color: #666
            }

    .landing section.quote {
        background-color: #7f88ab;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }

        .landing section.quote blockquote {
            background: rgba(0,17,88,0.8);
            float: none;
            width: auto;
            padding-top: 60px;
            padding-bottom: 60px;
            margin-bottom: 0
        }

            .landing section.quote blockquote a {
                text-decoration: none
            }

            .landing section.quote blockquote p {
                font-size: 3.0625rem;
                line-height: 1;
                font-family: vestula,arial,sans-serif;
                font-weight: bold;
                color: #fff;
                max-width: 900px;
                margin: 0 auto;
                text-align: center
            }

        .landing section.quote:not(.sans) p:before {
            content: "\201C"
        }

        .landing section.quote:not(.sans) p:after {
            content: "\201D"
        }

    .landing section.testimonials .content div {
        max-width: 400px;
        margin: 0 auto
    }

        .landing section.testimonials .content div .mugshot {
            display: block;
            border-radius: 100%;
            border: 9px solid #fff;
            box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
            width: 130px;
            height: 130px;
            margin: .6875rem auto;
            overflow: hidden
        }

        .landing section.testimonials .content div .meta {
            font-size: .75rem;
            line-height: 1.8333333333;
            font-family: vestula,arial,sans-serif;
            font-weight: normal;
            color: #009688;
            text-transform: uppercase;
            text-align: center
        }

        .landing section.testimonials .content div h2, .landing section.testimonials .content div h3 {
            font-size: 1.25rem;
            line-height: 1.2;
            font-family: vestula,arial,sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0
        }

        .landing section.testimonials .content div p {
            text-align: center;
            margin: 1.375rem 0
        }

        .landing section.testimonials .content div + div {
            margin-top: 40px
        }

        .landing section.testimonials .content div > a:only-child {
            display: block;
            text-decoration: none
        }

            .landing section.testimonials .content div > a:only-child:hover .mugshot, .landing section.testimonials .content div > a:only-child:focus .mugshot, .landing section.testimonials .content div > a:only-child:active .mugshot {
                border-color: #7f88ab
            }

            .landing section.testimonials .content div > a:only-child:hover h2, .landing section.testimonials .content div > a:only-child:hover h3, .landing section.testimonials .content div > a:only-child:focus h2, .landing section.testimonials .content div > a:only-child:focus h3, .landing section.testimonials .content div > a:only-child:active h2, .landing section.testimonials .content div > a:only-child:active h3 {
                text-decoration: underline
            }

            .landing section.testimonials .content div > a:only-child p {
                color: #666
            }

    .landing section.banners .content div {
        font-size: 1rem;
        line-height: 1.375;
        font-family: vestula,arial,sans-serif;
        background-color: rgba(223,223,218,0.7);
        border-top: 5px solid #bfbeb4;
        padding: 10px 15px 15px;
        text-align: left
    }

        .landing section.banners .content div + div {
            margin-top: 40px
        }

        .landing section.banners .content div h3 {
            margin-bottom: .6875rem
        }

        .landing section.banners .content div :last-child {
            margin-bottom: 0
        }

        .landing section.banners .content div > a:only-child {
            display: block;
            text-decoration: none;
            padding: 15px;
            margin: -15px;
            height: calc(100% + 30px)
        }

            .landing section.banners .content div > a:only-child:hover, .landing section.banners .content div > a:only-child:focus, .landing section.banners .content div > a:only-child:active {
                box-shadow: 0 0 5px rgba(0,0,0,0.5)
            }

            .landing section.banners .content div > a:only-child p {
                color: #666
            }

    .landing section.spotlights .content div {
        max-width: 400px;
        text-align: center;
        margin: 0 auto
    }

        .landing section.spotlights .content div img {
            display: block;
            width: 100%
        }

        .landing section.spotlights .content div h3 {
            font-size: 1.25rem;
            line-height: 1.1;
            color: #333;
            margin: .6875rem 0 .34375rem
        }

        .landing section.spotlights .content div + div {
            margin-top: 40px
        }

        .landing section.spotlights .content div > a:only-child {
            display: block;
            text-decoration: none;
            padding-bottom: 15px
        }

            .landing section.spotlights .content div > a:only-child:hover, .landing section.spotlights .content div > a:only-child:focus, .landing section.spotlights .content div > a:only-child:active {
                background: #eee
            }

            .landing section.spotlights .content div > a:only-child p {
                color: #666;
                margin: 0
            }

    .landing section.videos .content {
        max-width: none
    }

@media only screen and (min-width: 769px) {
    .landing section.text .content {
        column-count: 2;
        column-gap: 40px
    }

    .landing section.benefits ul {
        max-width: 900px
    }

    .landing section.benefits li {
        float: left;
        width: 45%
    }

        .landing section.benefits li:nth-child(odd) {
            text-align: right;
            clear: both;
            padding-left: 0;
            padding-right: 70px;
            margin-right: 5%
        }

            .landing section.benefits li:nth-child(odd):before {
                float: right;
                margin: 0 -70px 0 0
            }

    .landing section.banners .content {
        display: flex
    }

    .landing section.testimonials, .landing section.spotlights, .landing section.videos, .landing section.banners {
        text-align: center
    }

        .landing section.testimonials .content > div, .landing section.spotlights .content > div, .landing section.videos .content > div, .landing section.banners .content > div {
            display: inline-block;
            width: 28%;
            vertical-align: top
        }

            .landing section.testimonials .content > div + div, .landing section.spotlights .content > div + div, .landing section.videos .content > div + div, .landing section.banners .content > div + div {
                margin: 0 0 0 6%
            }

        .landing section.testimonials.view-1 .content > div, .landing section.spotlights.view-1 .content > div, .landing section.videos.view-1 .content > div, .landing section.banners.view-1 .content > div {
            width: 100%
        }

        .landing section.testimonials.view-2 .content > div, .landing section.spotlights.view-2 .content > div, .landing section.videos.view-2 .content > div, .landing section.banners.view-2 .content > div {
            width: 45%
        }
}

.language-btn-group abbr {
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0;
    line-height: 1
}

    .language-btn-group abbr:after {
        content: attr(title);
        font-size: .875rem;
        text-transform: capitalize
    }

@media screen and (max-width: 435px), screen and (min-width: 769px) and (max-width: 1024px) {
    .language-btn-group abbr {
        font-size: .875rem;
        line-height: 1
    }

        .language-btn-group abbr:after {
            display: none
        }
}

.wrapper {
    clear: both;
    margin: 0 auto;
    max-width: 1180px;
    position: relative
}

@media only screen and (min-width: 769px) and (max-width: 1180px) {
    .wrapper {
        width: 97.5%
    }
}

@media only screen and (min-width: 769px) {
    .overview .facets {
        float: left;
        margin-right: 3.3898305085%;
        width: 19.9152542373%
    }

    .overview #content {
        float: left;
        width: 76.6949152542%
    }

    .overview aside {
        float: left;
        width: 76.6949152542%;
        margin-left: 23.3050847458%
    }
}

@media only screen and (min-width: 1025px) {
    .overview:not(.map) #content {
        width: 51.2711864407%
    }

    .overview aside {
        margin-left: 3.3898305085%;
        width: 22.0338983051%
    }
}

.overview.map aside {
    display: none
}

.small aside {
    margin-top: 40px
}

@media only screen and (min-width: 769px) {
    .small .sub-nav {
        float: left;
        width: 23.3050847458%
    }

    .small #content {
        float: left;
        width: 76.6949152542%
    }

    .small aside {
        float: left;
        width: 76.6949152542%;
        margin-left: 23.3050847458%
    }
}

@media only screen and (min-width: 897px) {
    .small #content {
        width: 51.2711864407%
    }

    .small aside {
        width: 22.0338983051%;
        margin-left: 3.3898305085%
    }
}

@media only screen and (min-width: 1025px) {
    .small #content {
        margin-top: -40px
    }
}

@media only screen and (min-width: 769px) {
    .left #content {
        float: left;
        width: 74.5762711864%
    }

    .left aside {
        float: left;
        margin-left: 3.3898305085%;
        width: 22.0338983051%
    }
}

@media only screen and (min-width: 769px) {
    .right .sub-nav {
        float: left;
        width: 23.3050847458%
    }

    .right #content {
        float: left;
        width: 76.6949152542%
    }
}

.full #content {
    float: left;
    width: 100%
}

@media only screen and (min-width: 769px) {
    .sub-nav {
        margin-top: 40px
    }
}

@media only screen and (max-width: 768px) {
    aside {
        margin-top: 30px
    }
}

a.locked.locked-block:before {
    content: "\e823";
    font-family: fontello;
    color: #b27f2b;
    float: right
}

a.locked.locked-inline:after, a.locked.locked-inline-block:after {
    content: "\e823";
    font-family: fontello;
    color: #b27f2b;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.sub-nav a.locked:before {
    color: #666
}

.tabs .locked:before {
    content: "\e823";
    font-family: fontello;
    color: #b27f2b;
    float: right;
    margin-left: 5px
}

.tabs .locked:not(.active):hover:before {
    color: #d8bf95
}

.language-btn-group a.locked:before, .language-btn-group a.locked:after {
    display: none
}

.box.figure a.locked.locked-block {
    position: relative
}

    .box.figure a.locked.locked-block:before {
        float: none;
        position: absolute;
        top: 5px;
        right: 5px;
        padding: 2px 5px;
        background: rgba(255,255,255,0.75);
        z-index: 2
    }

.box.files a.locked.locked-block:before, .box .file a.locked.locked-block:before {
    float: left;
    color: #fff
}

body.unlocked a.locked.locked-block:before, body.unlocked .tabs .locked:before, body.unlocked .box.figure a.locked.locked-block:before, body.unlocked a.locked.locked-inline:after, body.unlocked a.locked.locked-inline-block:after {
    content: "\e824";
    font-family: fontello;
    color: #9f9e8f
}

body.logged-in .anon-only, body:not(.logged-in) .user-only {
    display: none
}

.main-nav {
    height: 2.5rem;
    background: #001158;
    overflow: hidden
}

    .main-nav ul {
        list-style: none;
        margin: 0 auto;
        padding: 0
    }

    .main-nav li {
        border: 1px solid #253b85;
        border-width: 0 0 0 1px;
        float: left;
        height: 1.375rem;
        margin: .5625rem 0 0 0
    }

@media only screen and (min-width: 769px) {
    .main-nav li:last-child {
        border-right-width: 1px
    }
}

.main-nav a {
    font-size: 1rem;
    line-height: 2.5;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    margin-top: -.5625rem;
    color: #fff;
    display: block;
    padding: 0 15px;
    margin-left: -1px;
    text-decoration: none
}

@media only screen and (max-width: 1024px) {
    .main-nav a {
        font-size: .875rem;
        line-height: 2.8571428571;
        padding: 0 10px
    }
}

.main-nav a:focus {
    background-color: #404d82
}

.main-nav a:hover, .main-nav a:active, .main-nav a.active {
    background-color: #7f88ab;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
}

.main-nav a.home:before {
    content: "\e808";
    font-family: fontello;
    font-size: 1.25rem;
    line-height: 1.1;
    font-weight: normal;
    position: relative;
    top: 1px
}

.main-nav a.home span {
    font-size: 0
}

@media only screen and (max-width: 768px) {
    .main-nav a.home:before {
        display: none
    }

    .main-nav a.home span {
        display: block;
        font-size: .875rem
    }
}

.main-nav a.toggle-nav {
    display: none
}

    .main-nav a.toggle-nav:before {
        content: "\e826";
        font-family: fontello;
        font-weight: normal;
        margin-right: 10px
    }

@media only screen and (max-width: 768px) {
    .main-nav {
        height: auto
    }

        .main-nav.closed ul {
            display: none
        }

        .main-nav li {
            float: none;
            border-width: 1px 0 0;
            height: auto;
            margin: 0
        }

        .main-nav a {
            font-size: .875rem;
            line-height: 2.3571428571;
            margin: 0
        }

            .main-nav a.toggle-nav {
                display: block
            }
}

.map .map-canvas {
    height: calc(100vh - 80px);
    margin: 0 0 1.375rem;
    z-index: 1
}

@media only screen and (min-width: 769px) {
    .map .map-canvas {
        height: calc(100vh - 200px);
        max-height: 600px
    }
}

body.overview #content .map .map-canvas {
    margin-top: 1.375rem
}

.map .gm-style-iw .overview-item, .map .leaflet-popup .overview-item {
    padding: 0 !important;
    border: none !important;
    overflow: hidden
}

    .map .gm-style-iw .overview-item strong, .map .leaflet-popup .overview-item strong {
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

body.overview #content.map .map-canvas:first-child {
    margin-top: -20px
}

body.overview #content.map .map-canvas:last-child {
    margin-bottom: -20px
}

.js .marker[data-remove="true"] {
    display: none
}

#modal-overlay {
    background: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

#modal-content {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    position: absolute;
    width: 590px;
    top: 80px;
    left: 50%;
    margin-left: -295px;
    z-index: 1000
}

    #modal-content.transparent {
        background: transparent;
        box-shadow: none
    }

    #modal-content.fullscreen {
        width: auto;
        max-width: 1180px;
        top: 40px;
        left: 40px;
        right: 40px;
        bottom: 40px;
        margin: 0 auto
    }

#modal-close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background-color: #7f88ab;
    color: #fff;
    z-index: 1001
}

    #modal-close:before {
        content: "\e84d";
        font-family: fontello
    }

    #modal-close:hover, #modal-close:active, #modal-close:focus {
        background: #404d82
    }

.transparent #modal-close {
    border-radius: 50%
}

@media only screen and (max-width: 768px) {
    #modal-content, #modal-content[class] {
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0
    }
}

@media only screen and (max-width: 435px) {
    #modal-content, #modal-content[class] {
        top: 10px;
        left: 10px;
        right: 10px
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*, *:before, *:after {
    box-sizing: inherit
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bold
}

u {
    text-decoration: none
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0;
    max-width: 100%;
    height: auto
}

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

figure {
    margin: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0;
    vertical-align: top
}

.clearfix:before, .toggle-trigger + section.toggle:before, .clearfix:after, .toggle-trigger + section.toggle:after {
    content: "";
    display: table
}

.clearfix:after, .toggle-trigger + section.toggle:after {
    clear: both
}

::-moz-selection {
    background: #b3d4fc
}

address {
    font-style: normal
}

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

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: auto
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.overview #content a.rss {
    color: #f60;
    display: inline;
    padding: 0
}

    .overview #content a.rss:before {
        content: "\e80b";
        font-family: fontello;
        float: right
    }

    .overview #content a.rss:hover {
        color: #333
    }

.overview #content > h1, #content .overview-list > h1 {
    font-size: 2.875rem;
    line-height: 1.1956521739;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    margin: 0 0 1.375rem;
    color: #333
}

@media only screen and (max-width: 1024px) {
    .overview #content > h1, #content .overview-list > h1 {
        font-size: 2.5rem;
        line-height: 1.1
    }
}

@media only screen and (max-width: 768px) {
    .overview #content > h1, #content .overview-list > h1 {
        font-size: 2rem;
        line-height: 1.03125
    }
}

.overview #content > h1 + ul, #content .overview-list > h1 + ul {
    border-top: 1px dotted #ccc
}

.overview #content > h2, #content .overview-list > h2 {
    margin: 0;
    border-bottom: 1px dotted #ccc;
    font-weight: normal;
    color: #999;
    font-size: 1.3125rem;
    line-height: 1.3095238095;
    font-family: vestula,arial,sans-serif
}

.overview #content > h3, #content .overview-list > h3 {
    margin: 1.5714285714em 0 0 0;
    font-weight: normal;
    color: #999;
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold
}

.overview #content > p, #content .overview-list > p {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    color: #666;
    margin: 0;
    padding: 1.375rem 0;
    border-bottom: 1px dotted #ccc
}

    .overview #content > p a, .overview #content > p a:link, .overview #content > p a:visited, #content .overview-list > p a, #content .overview-list > p a:link, #content .overview-list > p a:visited {
        color: #b27f2b;
        text-decoration: none
    }

        .overview #content > p a:hover, .overview #content > p a:active, .overview #content > p a:focus, #content .overview-list > p a:hover, #content .overview-list > p a:active, #content .overview-list > p a:focus {
            text-decoration: underline
        }

.overview #content > ul, #content .overview-list > ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .overview #content > ul > li, .overview #content .overview-item, #content .overview-list > ul > li, #content .overview-list .overview-item {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        border-bottom: 1px dotted #ccc;
        padding: 1.375rem 0
    }

        .overview #content > ul > li a, .overview #content .overview-item a, #content .overview-list > ul > li a, #content .overview-list .overview-item a {
            color: #333;
            text-decoration: none
        }

            .overview #content > ul > li a:hover, .overview #content > ul > li a:active, .overview #content > ul > li a:focus, .overview #content .overview-item a:hover, .overview #content .overview-item a:active, .overview #content .overview-item a:focus, #content .overview-list > ul > li a:hover, #content .overview-list > ul > li a:active, #content .overview-list > ul > li a:focus, #content .overview-list .overview-item a:hover, #content .overview-list .overview-item a:active, #content .overview-list .overview-item a:focus {
                color: #b27f2b
            }

        .overview #content > ul > li > a:only-child, .overview #content .overview-item > a:only-child, #content .overview-list > ul > li > a:only-child, #content .overview-list .overview-item > a:only-child {
            display: block;
            overflow: hidden;
            padding: 1.375rem 20px;
            margin: -1.375rem -20px
        }

@media only screen and (min-width: 769px) {
    .overview #content > ul > li > a:only-child, .overview #content .overview-item > a:only-child, #content .overview-list > ul > li > a:only-child, #content .overview-list .overview-item > a:only-child {
        padding-left: 30px;
        padding-right: 30px;
        margin: -1.375rem -30px
    }
}

@media only screen and (min-width: 1025px) {
    .overview #content > ul > li > a:only-child, .overview #content .overview-item > a:only-child, #content .overview-list > ul > li > a:only-child, #content .overview-list .overview-item > a:only-child {
        padding-left: 40px;
        padding-right: 40px;
        margin: -1.375rem -40px
    }
}

.overview #content > ul > li > a:only-child:hover, .overview #content > ul > li > a:only-child:active, .overview #content > ul > li > a:only-child:focus, .overview #content .overview-item > a:only-child:hover, .overview #content .overview-item > a:only-child:active, .overview #content .overview-item > a:only-child:focus, #content .overview-list > ul > li > a:only-child:hover, #content .overview-list > ul > li > a:only-child:active, #content .overview-list > ul > li > a:only-child:focus, #content .overview-list .overview-item > a:only-child:hover, #content .overview-list .overview-item > a:only-child:active, #content .overview-list .overview-item > a:only-child:focus {
    background: #f5f5f5;
    text-decoration: none
}

.overview #content > ul > li.has-passed > a:only-child, .overview #content .overview-item.has-passed > a:only-child, #content .overview-list > ul > li.has-passed > a:only-child, #content .overview-list .overview-item.has-passed > a:only-child {
    opacity: .3
}

.overview #content > ul > li img, .overview #content > ul > li figure, .overview #content .overview-item img, .overview #content .overview-item figure, #content .overview-list > ul > li img, #content .overview-list > ul > li figure, #content .overview-list .overview-item img, #content .overview-list .overview-item figure {
    float: left;
    width: 100px
}

    .overview #content > ul > li img + div, .overview #content > ul > li figure + div, .overview #content > ul > li:not(.overview-item) div.no-thumb, .overview #content .overview-item img + div, .overview #content .overview-item figure + div, .overview #content .overview-item:not(.overview-item) div.no-thumb, #content .overview-list > ul > li img + div, #content .overview-list > ul > li figure + div, #content .overview-list > ul > li:not(.overview-item) div.no-thumb, #content .overview-list .overview-item img + div, #content .overview-list .overview-item figure + div, #content .overview-list .overview-item:not(.overview-item) div.no-thumb {
        margin-left: 120px
    }

.overview #content > ul > li div img, .overview #content > ul > li div figure, .overview #content .overview-item div img, .overview #content .overview-item div figure, #content .overview-list > ul > li div img, #content .overview-list > ul > li div figure, #content .overview-list .overview-item div img, #content .overview-list .overview-item div figure {
    float: right
}

.overview #content > ul > li .meta, .overview #content .overview-item .meta, #content .overview-list > ul > li .meta, #content .overview-list .overview-item .meta {
    font-size: .8125rem;
    line-height: 1.6923076923;
    font-weight: bold;
    display: block;
    color: #999
}

    .overview #content > ul > li .meta.alt, .overview #content .overview-item .meta.alt, #content .overview-list > ul > li .meta.alt, #content .overview-list .overview-item .meta.alt {
        color: #b27f2b
    }

    .overview #content > ul > li .meta:empty, .overview #content .overview-item .meta:empty, #content .overview-list > ul > li .meta:empty, #content .overview-list .overview-item .meta:empty {
        display: none
    }

.overview #content > ul > li ul.meta, .overview #content .overview-item ul.meta, #content .overview-list > ul > li ul.meta, #content .overview-list .overview-item ul.meta {
    list-style: none;
    margin: 0;
    padding: 0
}

    .overview #content > ul > li ul.meta ul, .overview #content .overview-item ul.meta ul, #content .overview-list > ul > li ul.meta ul, #content .overview-list .overview-item ul.meta ul {
        font-size: .75rem;
        line-height: 1.3333333333;
        font-weight: normal;
        list-style: none;
        margin: 0;
        padding: 0
    }

.overview #content > ul > li strong, .overview #content .overview-item strong, #content .overview-list > ul > li strong, #content .overview-list .overview-item strong {
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: bold;
    display: block;
    color: #333
}

.overview #content > ul > li p, .overview #content .overview-item p, #content .overview-list > ul > li p, #content .overview-list .overview-item p {
    margin: 0;
    color: #666
}

    .overview #content > ul > li p:empty, .overview #content .overview-item p:empty, #content .overview-list > ul > li p:empty, #content .overview-list .overview-item p:empty {
        display: none
    }

.overview #content > ul > li address, .overview #content .overview-item address, #content .overview-list > ul > li address, #content .overview-list .overview-item address {
    margin-bottom: 0
}

.overview #content .more, #content .overview-list .more {
    text-align: right
}

.overview #content.compact > h2, .overview #content.messages > h2, .overview #content #content.overview-list.messages > h2, #content .overview-list.compact > h2, #content .overview .overview-list#content.messages > h2, #content .overview-list.messages > h2 {
    padding-bottom: .6875rem
}

.overview #content.compact > ul li a, .overview #content.messages > ul li a, #content .overview-list.compact > ul li a, #content .overview-list.messages > ul li a {
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.overview #content.compact.search-results > ul > li, .overview #content.search-results.messages > ul > li, #content .overview-list.compact.search-results > ul > li, #content .overview-list.search-results.messages > ul > li {
    font-size: .8125rem;
    line-height: 1.2692307692
}

    .overview #content.compact.search-results > ul > li strong, .overview #content.search-results.messages > ul > li strong, #content .overview-list.compact.search-results > ul > li strong, #content .overview-list.search-results.messages > ul > li strong {
        font-size: .875rem;
        line-height: 1.1785714286
    }

    .overview #content.compact.search-results > ul > li .meta, .overview #content.search-results.messages > ul > li .meta, #content .overview-list.compact.search-results > ul > li .meta, #content .overview-list.search-results.messages > ul > li .meta {
        line-height: inherit
    }

    .overview #content.compact.search-results > ul > li .meta, .overview #content.search-results.messages > ul > li .meta, .overview #content.compact.search-results > ul > li p, .overview #content.search-results.messages > ul > li p, #content .overview-list.compact.search-results > ul > li .meta, #content .overview-list.search-results.messages > ul > li .meta, #content .overview-list.compact.search-results > ul > li p, #content .overview-list.search-results.messages > ul > li p {
        margin-top: 2px
    }

    .overview #content.compact.search-results > ul > li img, .overview #content.search-results.messages > ul > li img, #content .overview-list.compact.search-results > ul > li img, #content .overview-list.search-results.messages > ul > li img {
        width: 50px
    }

        .overview #content.compact.search-results > ul > li img + div, .overview #content.search-results.messages > ul > li img + div, #content .overview-list.compact.search-results > ul > li img + div, #content .overview-list.search-results.messages > ul > li img + div {
            margin-left: 60px
        }

    .overview #content.compact.search-results > ul > li mark, .overview #content.search-results.messages > ul > li mark, #content .overview-list.compact.search-results > ul > li mark, #content .overview-list.search-results.messages > ul > li mark {
        font-weight: bold;
        background: none
    }

.overview #content.messages li strong, #content .overview-list.messages li strong {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    display: block;
    margin-left: 20px;
    color: #333
}

    .overview #content.messages li strong:before, #content .overview-list.messages li strong:before {
        content: "\e839";
        font-family: fontello;
        font-size: .625rem;
        line-height: 2.2;
        font-weight: normal;
        display: inline-block;
        width: 20px;
        margin: -1px 0 0 -20px;
        vertical-align: top;
        color: #7f88ab
    }

.overview #content.messages li span, #content .overview-list.messages li span {
    margin-left: 20px
}

.overview #content.messages li a.archaeology strong:before, #content .overview-list.messages li a.archaeology strong:before {
    color: #2c712d
}

.overview #content.messages li a.humanities strong:before, #content .overview-list.messages li a.humanities strong:before {
    color: #9eba2e
}

.overview #content.messages li a.medicine-lumc strong:before, #content .overview-list.messages li a.medicine-lumc strong:before {
    color: #5cb1eb
}

.overview #content.messages li a.campus-the-hague strong:before, #content .overview-list.messages li a.campus-the-hague strong:before {
    color: #34a3a9
}

.overview #content.messages li a.governance-and-global-affairs strong:before, #content .overview-list.messages li a.governance-and-global-affairs strong:before {
    color: #34a3a9
}

.overview #content.messages li a.law strong:before, #content .overview-list.messages li a.law strong:before {
    color: #b02079
}

.overview #content.messages li a.social-and-behavioural-sciences strong:before, #content .overview-list.messages li a.social-and-behavioural-sciences strong:before {
    color: #be1908
}

.overview #content.messages li a.science strong:before, #content .overview-list.messages li a.science strong:before {
    color: #f46e32
}

.overview #content.messages li a.university strong:before, #content .overview-list.messages li a.university strong:before {
    color: #001158
}

.overview #content.messages li a.university-50 strong:before, #content .overview-list.messages li a.university-50 strong:before {
    color: #7f88ab
}

.overview #content.messages li a.gray strong:before, #content .overview-list.messages li a.gray strong:before {
    color: #bfbeb4
}

.overview #content.messages li a.neutral strong:before, #content .overview-list.messages li a.neutral strong:before {
    color: #bfbeb4
}

.overview #content.messages li a.locked strong:before, #content .overview-list.messages li a.locked strong:before {
    color: #ccc
}

.overview #content.messages li a:visited strong:before, #content .overview-list.messages li a:visited strong:before {
    color: #f5f5f5
}

#content .overview-list {
    clear: both;
    margin-bottom: 1.375rem
}

    #content .overview-list > ul > li > a:only-child {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }

@media only screen and (max-width: 435px) {
    .overview #content:not(.search-results) > ul li a img, .overview #content:not(.search-results) > ul li a figure {
        display: none
    }

        .overview #content:not(.search-results) > ul li a img + div, .overview #content:not(.search-results) > ul li a figure + div, .overview #content:not(.search-results) > ul li a div.no-thumb {
            margin-left: 0
        }
}

.overview-form {
    margin: 1.375rem 0 0;
    padding-bottom: 1.375rem;
    border-bottom: 1px dotted #ccc
}

    .overview-form input, .overview-form button {
        font-size: .9375rem;
        line-height: 1.4666666667;
        font-family: vestula,arial,sans-serif;
        border: 1px solid #ddd;
        background: #f5f5f5;
        padding: 2px 5px;
        outline: none;
        display: inline-block;
        box-sizing: border-box;
        border-radius: 0
    }

    .overview-form input {
        width: 80%;
        background: #fff
    }

        .overview-form input:focus, .overview-form input:active {
            background-color: #ffe
        }

    .overview-form button {
        width: 20%;
        background: #001158;
        border-color: #001158;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
    }

        .overview-form button:hover, .overview-form button:focus, .overview-form button:active {
            background: #7f88ab;
            border-color: #7f88ab
        }

.overview dl {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    margin: .34375rem 0 0 0;
    overflow: hidden
}

    .overview dl dt {
        font-family: vestula,arial,sans-serif;
        color: #999
    }

    .overview dl dd {
        margin: 0 0 0 20px
    }

@media only screen and (min-width: 436px) {
    .overview dl {
        display: grid;
        grid-template-columns: 100px auto
    }

        .overview dl dt {
            letter-spacing: -.5px
        }

        .overview dl dd {
            margin: 0 0 .34375rem
        }
}

.overview dl a {
    color: #333;
    text-decoration: none
}

    .overview dl a:hover, .overview dl a:active, .overview dl a:focus {
        color: #b27f2b
    }

.overview dl + .call-btn {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    padding: .171875rem 15px;
    margin-top: .171875rem
}

@media only screen and (min-width: 436px) {
    .overview dl + .call-btn {
        margin-left: 100px
    }
}

.overview dl.course-details {
    display: block
}

    .overview dl.course-details dt, .overview dl.course-details dd {
        float: none;
        margin: 0;
        width: auto
    }

    .overview dl.course-details dt {
        color: #333
    }

    .overview dl.course-details dd {
        color: #999;
        font-weight: normal
    }

    .overview dl.course-details > div {
        padding-left: 20px;
        position: relative
    }

        .overview dl.course-details > div:before {
            content: "\e803";
            font-family: fontello;
            color: #b27f2b;
            line-height: 1;
            font-weight: normal;
            position: absolute;
            left: 0;
            top: 0
        }

        .overview dl.course-details > div.course-start-date:before {
            content: "\e844";
            font-family: fontello
        }

        .overview dl.course-details > div.course-duration:before {
            content: "\f251";
            font-family: fontello
        }

        .overview dl.course-details > div.course-level:before {
            content: "\e814";
            font-family: fontello
        }

        .overview dl.course-details > div.course-apply-before:before {
            content: "\e861";
            font-family: fontello
        }

        .overview dl.course-details > div.course-location:before {
            content: "\e85f";
            font-family: fontello;
            text-indent: 3px
        }

        .overview dl.course-details > div.course-fee:before {
            content: "\f153";
            font-family: fontello;
            text-indent: 3px
        }

@media only screen and (max-width: 435px) {
    .overview dl.course-details > div {
        float: left;
        margin-top: .6875rem;
        width: 50%;
        padding-right: 5px
    }

        .overview dl.course-details > div:nth-child(odd) {
            clear: left
        }
}

@media only screen and (min-width: 436px) {
    .overview dl.course-details > div {
        font-size: .875rem;
        line-height: 1.2857142857;
        float: left;
        margin-top: .6875rem;
        width: calc(100% / 3);
        padding-right: 5px
    }

        .overview dl.course-details > div:nth-child(4) {
            clear: left
        }
}

#pagination {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    margin-top: 20px;
    text-align: center
}

    #pagination span {
        display: inline-block;
        padding: 0 .5em
    }

    #pagination a {
        display: inline-block;
        padding: 0 .5em;
        color: #666;
        text-decoration: none
    }

        #pagination a:hover {
            background: transparent;
            color: #b27f2b
        }

        #pagination a.current {
            background-color: #b27f2b;
            border-radius: 10px;
            color: #fff
        }

        #pagination a:before {
            display: inline-block
        }

        #pagination a.pag-back:before {
            content: "\e80d";
            font-family: fontello
        }

        #pagination a.pag-next:before {
            content: "\e80e";
            font-family: fontello
        }

.payoff {
    background-color: #001158;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-indent: 20px;
    line-height: 40px
}

@media only screen and (min-width: 769px) {
    .payoff {
        font-size: 1.125rem;
        text-indent: 30px
    }
}

@media only screen and (min-width: 1025px) {
    .payoff {
        text-indent: 40px
    }
}

.persons-list {
    margin-bottom: 1.375rem
}

    .persons-list > h2 {
        margin-bottom: .6875rem
    }

    .persons-list > ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .persons-list > ul > li {
            border-bottom: 1px dotted #ccc;
            margin-bottom: 1.375rem;
            padding-bottom: 1.375rem
        }

            .persons-list > ul > li .person-head {
                overflow: hidden
            }

                .persons-list > ul > li .person-head strong {
                    font-size: .9375rem;
                    line-height: 1.2;
                    font-family: vestula,arial,sans-serif;
                    font-weight: bold
                }

                    .persons-list > ul > li .person-head strong, .persons-list > ul > li .person-head strong a {
                        color: #333
                    }

                .persons-list > ul > li .person-head .meta {
                    font-size: .8125rem;
                    line-height: 1.3846153846;
                    font-family: vestula,arial,sans-serif;
                    font-weight: normal
                }

                    .persons-list > ul > li .person-head .meta.alt {
                        color: #b27f2b;
                        font-weight: bold;
                        margin-top: -1px
                    }

                .persons-list > ul > li .person-head img {
                    float: left;
                    width: 50px;
                    transform: translateY(3px)
                }

                    .persons-list > ul > li .person-head img + div {
                        margin-left: 60px
                    }

                .persons-list > ul > li .person-head + p {
                    margin-top: 1.375rem
                }

@media print {
    .top-nav, #search, .language-btn-group, .location-btn-group, nav, .share, .tags, .call-btn, aside, .footer-container, .cookies {
        display: none
    }

    body {
        background: #fff !important;
        color: #000
    }

    #content {
        width: 90%;
        margin: 0;
        padding: 0;
        box-shadow: none
    }

        #content article a {
            color: #000;
            text-decoration: underline
        }

            #content article a:before {
                display: none
            }

            #content article a:after {
                content: " (" attr(href) ")"
            }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    img {
        max-width: 100% !important
    }
}

.profile .photo {
    float: right;
    width: 35%;
    text-align: right;
    margin: 0 0 20px 20px
}

    .profile .photo img {
        display: inline-block;
        max-width: 100%
    }

.profile .basics h1 {
    margin-bottom: 0
}

.profile .basics .meta {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: normal;
    margin-bottom: 2.0625rem
}

.profile .basics .context + .meta {
    margin-top: -1.375rem
}

@media only screen and (min-width: 769px) {
    .profile .basics {
        margin-top: 10px;
        width: calc(65% - 20px)
    }
}

@media only screen and (min-width: 1025px) {
    .profile .basics {
        margin-top: 20px
    }
}

.profile .role {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    overflow: hidden
}

    .profile .role + .role {
        border-top: 1px dotted #ccc;
        padding-top: 1.375rem
    }

    .profile .role h2, .profile .role h3 {
        font-size: 1rem;
        line-height: 1.375
    }

    .profile .role ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0
    }

@media only screen and (min-width: 769px) {
    .profile .col {
        float: left;
        width: calc(50% - 15px)
    }

        .profile .col + .col {
            margin-left: 30px
        }
}

@media only screen and (min-width: 1025px) {
    .profile .col {
        width: calc(50% - 20px)
    }

        .profile .col + .col {
            margin-left: 40px
        }
}

.profile .tabs li {
    width: auto
}

.ribbon {
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    background-color: rgba(127,126,106,0.8);
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    padding: .6875rem 20px;
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width: 769px) {
    .ribbon {
        display: table;
        white-space: nowrap;
        margin-top: 10px;
        margin-left: -30px;
        position: relative;
        left: -12px;
        padding-left: 42px;
        padding-right: 30px
    }

        .ribbon:before {
            border-color: transparent #7f7e6a transparent transparent;
            border-style: solid;
            border-width: 0 12px 10px 0;
            bottom: -10px;
            content: "";
            height: 0;
            left: 0;
            position: absolute;
            width: 0
        }
}

@media only screen and (min-width: 1025px) {
    .ribbon {
        margin-left: -40px;
        padding-left: 52px;
        padding-right: 40px
    }
}

.hero .ribbon {
    margin: 0
}

@media only screen and (min-width: 436px) {
    .hero .ribbon {
        position: absolute;
        bottom: 0;
        margin: 0;
        width: 100%
    }
}

@media only screen and (min-width: 769px) {
    .hero .ribbon {
        top: 30px;
        width: auto;
        bottom: auto
    }
}

.search-results {
    overflow: hidden
}

    .search-results > h1, .search-results > h2 {
        font-size: 1.3125rem;
        line-height: 1.3095238095;
        font-family: vestula,arial,sans-serif;
        font-weight: normal;
        margin: 0 0 1.0476190476em;
        color: #999;
        border-bottom: 1px dotted #ccc
    }

    .search-results > .more {
        font-size: 1rem;
        line-height: 1.71875;
        font-family: vestula,arial,sans-serif;
        float: right;
        margin: 0
    }

        .search-results > .more a {
            color: #b27f2b;
            text-decoration: none
        }

            .search-results > .more a:active, .search-results > .more a:hover {
                color: #333
            }

            .search-results > .more a:after {
                content: "\e812";
                font-family: fontello;
                margin-left: .5em
            }

@media only screen and (min-width: 769px) {
    .search-results .col {
        float: left;
        width: calc(50% - 15px)
    }

        .search-results .col + .col {
            margin-left: 30px
        }
}

@media only screen and (min-width: 1025px) {
    .search-results .col {
        width: calc(50% - 20px)
    }

        .search-results .col + .col {
            margin-left: 40px
        }
}

.search-results .box-row {
    overflow: hidden
}

.search-results .box .box-header.alt h2 {
    border-bottom: 5px solid #7f88ab;
    border-top: none;
    padding: 5px 0
}

.search-results .box .box-content > div[style] {
    padding: 10px 0
}

.search-results .box .box-content ul li img {
    width: auto;
    height: auto;
    max-width: 50px
}

.search-results .box .box-content ul li strong {
    font-size: 1rem;
    line-height: 1.375
}

.search-results .box .box-content ul li p {
    margin: 5px 0
}

    .search-results .box .box-content ul li p br {
        display: none
    }

#search fieldset {
    margin: 0
}

#search input, #search .option, #search .submit {
    font-size: .875rem;
    line-height: 2;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    background: none;
    border: 1px solid;
    outline: none;
    float: left;
    padding: 1px 5px;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#search input, #search .option {
    background: #f5f5f5;
    border-color: #ddd;
    border-right-width: 0;
    width: 90%
}

    #search input:focus, #search input:active, #search .option:focus, #search .option:active {
        background: #ffe
    }

#search input {
    box-shadow: none;
    -webkit-appearance: none;
    height: 32px
}

    #search input:-ms-input-placeholder {
        color: #aaa
    }

    #search input::placeholder {
        color: #aaa
    }

#search .option {
    color: #666;
    text-decoration: none
}

#search .submit {
    background: #001158;
    border-color: #001158;
    width: 10%
}

    #search .submit span {
        font-size: 0
    }

    #search .submit:before {
        content: "\e801";
        font-family: fontello;
        font-size: .75rem;
        font-weight: normal;
        color: #fff
    }

    #search .submit:hover, #search .submit:focus, #search .submit:active {
        background-color: #8088ac;
        border-color: #8088ac
    }

#search .options {
    font-size: .75rem;
    line-height: 1.3333333333;
    font-family: vestula,arial,sans-serif;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0
}

.js #search .options {
    display: none
}

#search .options li {
    display: inline
}

    #search .options li:nth-child(n+2):before {
        content: '|';
        display: inline-block;
        margin-right: 3px;
        color: #ccc
    }

    #search .options li a {
        color: #666;
        text-decoration: none
    }

        #search .options li a:hover, #search .options li a:active, #search .options li a:focus {
            color: #b27f2b
        }

.js #search .toggle-search {
    display: none;
    position: absolute;
    top: 5px;
    right: 0;
    height: 32px;
    width: 32px;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: 0
}

    .js #search .toggle-search:before {
        content: "\e801";
        font-family: fontello
    }

@media only screen and (max-width: 768px) {
    .js #search .toggle-search {
        display: block
    }

    .js #search input[type="search"] {
        font-size: 1rem;
        line-height: 1.75
    }

    .js #search:not(.searching) fieldset {
        display: none
    }

    .js #search.searching {
        background: rgba(255,255,255,0.9);
        z-index: 5
    }

        .js #search.searching fieldset {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0
        }

        .js #search.searching .toggle-search:before {
            content: "\e84d";
            font-family: fontello
        }
}

.js #search.with-options input[type="search"] {
    width: 60%
}

.js #search.with-options .option {
    width: 30%;
    text-align: left;
    border-left: none;
    padding-left: 12px;
    padding-right: 24px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .js #search.with-options .option:before {
        content: '';
        float: left;
        border-left: 1px solid #ccc;
        width: 0;
        height: 1.6em;
        margin: 0.2em 5px 0.2em -12px
    }

    .js #search.with-options .option:after {
        content: "\e80c";
        font-family: fontello;
        font-size: .625rem;
        font-weight: normal;
        position: absolute;
        top: 0;
        right: 0;
        margin: .5em 1em
    }

.js #search.with-options .options {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    display: none;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    margin: 0 0 0 60%;
    width: 40%;
    position: relative;
    z-index: 5;
    top: 100%
}

    .js #search.with-options .options li {
        display: block
    }

        .js #search.with-options .options li:before {
            display: none
        }

        .js #search.with-options .options li a {
            color: #666;
            display: block;
            padding: 6px 12px;
            text-decoration: none
        }

            .js #search.with-options .options li a:hover, .js #search.with-options .options li a:active, .js #search.with-options .options li a:focus {
                background-color: #f5f5f5;
                color: #000
            }

::-webkit-search-decoration {
    display: none
}

.share {
    clear: both;
    margin: 0
}

footer .share {
    margin-bottom: 1.375rem
}

#content .share {
    border-top: 1px dotted #ccc;
    padding-top: 10px
}

.share a[class], .share button {
    background: #9a9a9a;
    border: none;
    outline: none;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 28px;
    text-align: center;
    width: 28px;
    text-decoration: none;
    padding: 0
}

    .share a[class]:hover, .share a[class]:active, .share a[class]:focus, .share button:hover, .share button:active, .share button:focus {
        text-decoration: none;
        color: #fff;
        background-color: #001158
    }

    .share a[class]:before, .share button:before {
        line-height: 28px
    }

footer .share a[class], footer .share button {
    background: #9a9a9a
}

.share a:not([class]) {
    font-size: .875rem;
    line-height: 2;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    float: right
}

.share a.rss, .share button.rss {
    background: #f60
}

footer .share a.rss:hover, footer .share a.rss:active, footer .share a.rss:focus, footer .share button.rss:hover, footer .share button.rss:active, footer .share button.rss:focus {
    background: #f60
}

.share a.rss:before, .share button.rss:before {
    content: "\e80b";
    font-family: fontello
}

.share a.envelope, .share button.envelope {
    background: #8391c5
}

footer .share a.envelope:hover, footer .share a.envelope:active, footer .share a.envelope:focus, footer .share button.envelope:hover, footer .share button.envelope:active, footer .share button.envelope:focus {
    background: #8391c5
}

.share a.envelope:before, .share button.envelope:before {
    content: "\e802";
    font-family: fontello
}

.share a.print, .share button.print {
    background: #9a9a9a
}

footer .share a.print:hover, footer .share a.print:active, footer .share a.print:focus, footer .share button.print:hover, footer .share button.print:active, footer .share button.print:focus {
    background: #9a9a9a
}

.share a.print:before, .share button.print:before {
    content: "\e815";
    font-family: fontello
}

.share a.twitter, .share button.twitter {
    background: #00aced
}

footer .share a.twitter:hover, footer .share a.twitter:active, footer .share a.twitter:focus, footer .share button.twitter:hover, footer .share button.twitter:active, footer .share button.twitter:focus {
    background: #00aced
}

.share a.twitter:before, .share button.twitter:before {
    content: "\e82c";
    font-family: fontello
}

.share a.linkedin, .share button.linkedin {
    background: #007bb6
}

footer .share a.linkedin:hover, footer .share a.linkedin:active, footer .share a.linkedin:focus, footer .share button.linkedin:hover, footer .share button.linkedin:active, footer .share button.linkedin:focus {
    background: #007bb6
}

.share a.linkedin:before, .share button.linkedin:before {
    content: "\e82a";
    font-family: fontello
}

.share a.foursquare, .share button.foursquare {
    background: #ef4b78
}

footer .share a.foursquare:hover, footer .share a.foursquare:active, footer .share a.foursquare:focus, footer .share button.foursquare:hover, footer .share button.foursquare:active, footer .share button.foursquare:focus {
    background: #ef4b78
}

.share a.foursquare:before, .share button.foursquare:before {
    content: "\e828";
    font-family: fontello
}

.share a.google-plus, .share button.google-plus {
    background: #dd4b39
}

footer .share a.google-plus:hover, footer .share a.google-plus:active, footer .share a.google-plus:focus, footer .share button.google-plus:hover, footer .share button.google-plus:active, footer .share button.google-plus:focus {
    background: #dd4b39
}

.share a.google-plus:before, .share button.google-plus:before {
    content: "\e829";
    font-family: fontello
}

.share a.pinterest, .share button.pinterest {
    background: #cd2028
}

footer .share a.pinterest:hover, footer .share a.pinterest:active, footer .share a.pinterest:focus, footer .share button.pinterest:hover, footer .share button.pinterest:active, footer .share button.pinterest:focus {
    background: #cd2028
}

.share a.pinterest:before, .share button.pinterest:before {
    content: "\e82e";
    font-family: fontello
}

.share a.instagram, .share button.instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

footer .share a.instagram:hover, footer .share a.instagram:active, footer .share a.instagram:focus, footer .share button.instagram:hover, footer .share button.instagram:active, footer .share button.instagram:focus {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

.share a.instagram:before, .share button.instagram:before {
    content: "\e82f";
    font-family: fontello
}

.share a.youtube, .share button.youtube {
    background: #b00
}

footer .share a.youtube:hover, footer .share a.youtube:active, footer .share a.youtube:focus, footer .share button.youtube:hover, footer .share button.youtube:active, footer .share button.youtube:focus {
    background: #b00
}

.share a.youtube:before, .share button.youtube:before {
    content: "\e82d";
    font-family: fontello
}

.share a.facebook, .share button.facebook {
    background: #3b5998
}

footer .share a.facebook:hover, footer .share a.facebook:active, footer .share a.facebook:focus, footer .share button.facebook:hover, footer .share button.facebook:active, footer .share button.facebook:focus {
    background: #3b5998
}

.share a.facebook:before, .share button.facebook:before {
    content: "\e827";
    font-family: fontello
}

.share a.flickr, .share button.flickr {
    background: #ff0084
}

footer .share a.flickr:hover, footer .share a.flickr:active, footer .share a.flickr:focus, footer .share button.flickr:hover, footer .share button.flickr:active, footer .share button.flickr:focus {
    background: #ff0084
}

.share a.flickr:before, .share button.flickr:before {
    content: "\e831";
    font-family: fontello
}

.share a.whatsapp, .share button.whatsapp {
    background: #79ca70
}

footer .share a.whatsapp:hover, footer .share a.whatsapp:active, footer .share a.whatsapp:focus, footer .share button.whatsapp:hover, footer .share button.whatsapp:active, footer .share button.whatsapp:focus {
    background: #79ca70
}

.share a.whatsapp:before, .share button.whatsapp:before {
    content: "\e830";
    font-family: fontello
}

.share a.snapchat, .share button.snapchat {
    background: #fcff2e
}

footer .share a.snapchat:hover, footer .share a.snapchat:active, footer .share a.snapchat:focus, footer .share button.snapchat:hover, footer .share button.snapchat:active, footer .share button.snapchat:focus {
    background: #fcff2e
}

.share a.snapchat:before, .share button.snapchat:before {
    content: "\e860";
    font-family: fontello
}

.share a.envelope {
    margin-left: 1em
}

.sub-nav {
    font-size: 1rem;
    line-height: 1.375;
    font-family: vestula,arial,sans-serif;
    background: #f5f5f5
}

    .sub-nav .parent {
        margin: 0
    }

        .sub-nav .parent a {
            background: #e9eaed;
            position: relative;
            border: none
        }

            .sub-nav .parent a:before {
                display: none
            }

            .sub-nav .parent a:after {
                width: 0;
                height: 0;
                content: '';
                border: 8px solid transparent;
                border-top-color: #e9eaed;
                border-bottom-width: 0;
                position: absolute;
                left: 20px;
                bottom: -8px
            }

            .sub-nav .parent a:hover, .sub-nav .parent a:active, .sub-nav .parent a:focus {
                background: #dddfe6;
                color: #333
            }

                .sub-nav .parent a:hover:after, .sub-nav .parent a:active:after, .sub-nav .parent a:focus:after {
                    border-top-color: #dddfe6
                }

            .sub-nav .parent a.active {
                background: #001158;
                color: #fff
            }

                .sub-nav .parent a.active:after {
                    border-top-color: #001158
                }

    .sub-nav li {
        border-top: 1px dotted #ccc
    }

    .sub-nav > ul > li:last-child {
        border-bottom: 1px dotted #ccc
    }

    .sub-nav .parent + ul > li:first-child {
        border-top: none
    }

    .sub-nav a, .sub-nav span.active {
        color: #333;
        display: block;
        padding: .5625rem 10px;
        text-decoration: none
    }

        .sub-nav a:before, .sub-nav span.active:before {
            content: "\e812";
            font-family: fontello;
            float: right;
            padding: 0 5px
        }

        .sub-nav a.toggle-nav, .sub-nav span.active.toggle-nav {
            display: none
        }

        .sub-nav a:hover, .sub-nav a:active, .sub-nav a:focus {
            background: rgba(0,17,88,0.1)
        }

        .sub-nav a.active, .sub-nav span.active {
            background: #7f88ab;
            color: #fff;
            border: none
        }

    .sub-nav .has-children > span:before, .sub-nav .has-children > a:before {
        content: "\e81b";
        font-family: fontello;
        color: #666
    }

    .sub-nav .has-children > span.active, .sub-nav .has-children > a.active {
        background: #404d82
    }

        .sub-nav .has-children > span.active:before, .sub-nav .has-children > a.active:before {
            color: #fff
        }

    .sub-nav .has-children.open > span:before, .sub-nav .has-children.open > a:before {
        content: "\e810";
        font-family: fontello
    }

    .sub-nav .has-children li a {
        padding-left: 20px
    }

@media only screen and (max-width: 1024px) {
    .sub-nav {
        font-size: .875rem;
        line-height: 1.5714285714
    }
}

@media only screen and (max-width: 768px) {
    .sub-nav {
        float: none;
        width: auto;
        margin: 0;
        clear: both;
        border-top: 1px solid #ccc
    }

        .sub-nav > ul > li:last-child {
            border-bottom: none
        }

        .sub-nav a, .sub-nav span.active {
            padding: 0 10px;
            line-height: 2.3571428571
        }

    .js .sub-nav .toggle-nav {
        display: block
    }

        .js .sub-nav .toggle-nav:before {
            content: "\e826";
            font-family: fontello;
            float: none;
            display: inline-block;
            margin-right: 8px;
            padding: 0
        }

    .js .sub-nav.closed > p, .js .sub-nav.closed > ul {
        display: none
    }
}

.js .sub-nav-tree {
    font-size: .875rem;
    line-height: 1.2857142857;
    hyphens: auto;
    background: transparent;
    border: none
}

@media only screen and (min-width: 769px) {
    .js .sub-nav-tree {
        margin-bottom: 40px
    }
}

.js .sub-nav-tree li {
    border: none
}

    .js .sub-nav-tree li > div {
        padding: 5px 10px 5px 20px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .js .sub-nav-tree li > div > a {
            padding: 0;
            display: inline;
            line-height: 1.375
        }

            .js .sub-nav-tree li > div > a:hover, .js .sub-nav-tree li > div > a:active, .js .sub-nav-tree li > div > a:focus {
                background: none;
                text-decoration: underline
            }

        .js .sub-nav-tree li > div > span {
            cursor: pointer
        }

    .js .sub-nav-tree li.active > div {
        background: #bfc3d5;
        color: #333;
        font-weight: bold;
        border-radius: 5px 0 0 5px
    }

        .js .sub-nav-tree li.active > div a {
            color: #333
        }

            .js .sub-nav-tree li.active > div a:hover, .js .sub-nav-tree li.active > div a:active, .js .sub-nav-tree li.active > div a:focus {
                text-decoration: none
            }

    .js .sub-nav-tree li.has-children > ul {
        padding-left: 18px
    }

    .js .sub-nav-tree li.has-children:not(.open) > ul {
        display: none
    }

    .js .sub-nav-tree li.has-children.open > div > button {
        transform-origin: center;
        transform: rotate(90deg) translateY(-2px)
    }

.js .sub-nav-tree ul > li:last-child {
    border: none
}

.js .sub-nav-tree button {
    border: none;
    background: transparent;
    padding: 0 6px;
    font-weight: bold;
    outline: none;
    position: absolute;
    left: 1px;
    transition: transform .1s
}

.js .sub-nav-tree a:before {
    display: none
}

.search-suggestions {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    position: absolute;
    z-index: 5
}

    .search-suggestions ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .search-suggestions ul li {
            font-size: .875rem;
            line-height: 1.5714285714;
            font-family: vestula,arial,sans-serif;
            margin: 0;
            padding: 0 5px;
            cursor: default
        }

            .search-suggestions ul li.active {
                background: #ffe;
                color: #000
            }

            .search-suggestions ul li span {
                display: block;
                padding: .34375rem 0
            }

            .search-suggestions ul li mark {
                font-family: vestula,arial,sans-serif;
                font-weight: bold;
                background: transparent;
                color: #000
            }

            .search-suggestions ul li + li span {
                border-top: 1px solid #eee
            }

.table-list {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    list-style: none;
    padding: 0 !important;
    margin: 0;
    overflow: hidden
}

@media only screen and (min-width: 436px) and (max-width: 1024px) {
    .table-list li {
        float: left;
        width: 48.25%
    }

        .table-list li:nth-child(odd) {
            margin-right: 3.5%;
            clear: left
        }

        .table-list li:nth-child(-n+2) a {
            border-top: 0
        }
}

@media only screen and (min-width: 1025px) {
    .table-list li {
        float: left;
        width: 31%;
        margin-right: 3.5%
    }

        .table-list li:nth-child(3n+3) {
            margin-right: 0
        }

        .table-list li:nth-child(3n+4) {
            clear: left
        }

        .table-list li:nth-child(-n+3) a {
            border-top: 0
        }
}

.table-list a {
    border-top: 1px dotted #ccc;
    color: #333;
    display: block;
    padding: .6875rem 0;
    text-decoration: none;
    overflow: hidden
}

    .table-list a img {
        float: left;
        margin: 0 10px 0 0;
        width: 50px
    }

        .table-list a img + div {
            margin: 0 0 0 60px
        }

    .table-list a strong {
        color: #333;
        display: block
    }

    .table-list a span {
        font-size: .75rem;
        line-height: 1.5;
        font-weight: bold;
        display: block;
        color: #999
    }

    .table-list a:hover, .table-list a:active, .table-list a:focus {
        background: #f5f5f5;
        text-decoration: none
    }

.table-list.large {
    font-size: 1rem;
    line-height: 1.375;
    font-family: vestula,arial,sans-serif;
    font-weight: bold
}

    .table-list.large:not(:last-child) {
        margin-bottom: 1.375rem
    }

h2 + .table-list.large {
    margin-top: 1.375rem
}

.table-list.large li {
    margin-bottom: 1.375rem
}

.table-list.large a {
    border: none;
    padding: 0;
    background: #f5f5f5
}

    .table-list.large a img {
        width: 40%
    }

        .table-list.large a img + div {
            margin: 0 0 0 calc(40% + 10px)
        }

    .table-list.large a div {
        padding: .6875rem 10px 0 0
    }

    .table-list.large a span {
        font-size: .8125rem
    }

    .table-list.large a:hover, .table-list.large a:active, .table-list.large a:focus {
        background: #edeef3;
        text-decoration: none
    }

.tabs {
    font-size: 1rem;
    line-height: 1.375;
    font-family: vestula,arial,sans-serif;
    margin: 2.75rem 0 2.0625rem;
    padding: 0;
    list-style: none;
    clear: both
}

    .tabs li {
        display: block;
        background-color: #f5f5f5;
        cursor: pointer;
        color: #001158;
        margin: 0;
        padding: .34375rem 20px;
        text-align: center
    }

        .tabs li:hover {
            background-color: #7f88ab;
            color: #fff
        }

        .tabs li.active {
            background-color: #001158;
            color: #fff
        }

@media only screen and (min-width: 769px) {
    .tabs {
        display: table
    }

        .tabs li {
            display: table-cell;
            position: relative;
            vertical-align: middle
        }

            .tabs li:nth-child(n+2) {
                border-left: 1px solid #fff
            }

            .tabs li.active:after {
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-top: 8px solid #001158;
                bottom: -8px;
                content: '';
                height: 0;
                left: 50%;
                margin-left: -8px;
                position: absolute;
                width: 0
            }
}

.tab h2.tab-label {
    font-size: 1.25rem;
    line-height: 1.375;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    color: #001158;
    margin: 0 0 1.375rem
}

ul.tags {
    list-style: none;
    margin: 1.375rem 0;
    padding: 0
}

    ul.tags li {
        display: inline-block;
        margin-bottom: 3px
    }

    ul.tags a {
        font-size: .6875rem;
        line-height: 1.4545454545;
        font-family: vestula,arial,sans-serif;
        background-color: #7f7e6a;
        border-radius: 3px;
        color: #fff;
        display: block;
        padding: 4px 10px 2px;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap
    }

        ul.tags a:hover, ul.tags a:active, ul.tags a:focus {
            background-color: #47473c
        }

section.testimonial {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 1.375rem;
    padding-bottom: 1.375rem;
    overflow: hidden;
    clear: both
}

    section.testimonial .role {
        font-size: .9375rem;
        line-height: 1.4666666667;
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        color: #001158
    }

    section.testimonial img {
        float: left;
        margin: 3px 10px 0 0;
        border-radius: 50%;
        border: 1px solid #f5f5f5
    }

    section.testimonial blockquote {
        font-size: .9375rem;
        line-height: 1.4666666667;
        font-family: vestula,arial,sans-serif;
        display: block;
        float: none;
        width: auto;
        margin: 1.375rem 0 0;
        color: #333
    }

        section.testimonial blockquote > :last-child {
            margin-bottom: 0
        }

.js section.testimonial {
    position: relative;
    overflow: visible
}

    .js section.testimonial button {
        position: absolute;
        bottom: -8px;
        left: 50%;
        margin-left: -8px;
        border: none;
        padding: 0;
        background: #fff;
        line-height: 1;
        outline: none
    }

        .js section.testimonial button:hover, .js section.testimonial button:active, .js section.testimonial button:focus {
            color: #b27f2b
        }

        .js section.testimonial button:before {
            content: "\e819";
            font-family: fontello
        }

    .js section.testimonial:not(.open) button:before {
        content: "\e816";
        font-family: fontello
    }

    .js section.testimonial:not(.open) blockquote:nth-child(n+2) {
        display: none
    }

.testimonial-header {
    background-color: #7f88ab;
    padding-top: 10px;
    padding-bottom: 50px;
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
    clear: both
}

    .testimonial-header .role {
        font-size: 1rem;
        line-height: 1.375;
        font-family: vestula,arial,sans-serif;
        color: #fff;
        margin: 0
    }

    .testimonial-header .images {
        height: 80px;
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 100%
    }

        .testimonial-header .images span {
            display: inline-block;
            overflow: hidden;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: #fff;
            margin: 0 10px
        }

@media only screen and (min-width: 769px) {
    .testimonial-header .images span {
        margin: 0 20px
    }
}

.testimonial-header .images img {
    float: none;
    margin: 0;
    display: block;
    opacity: 0.3;
    cursor: pointer
}

    .testimonial-header .images img.active {
        opacity: 1
    }

input.filter-input {
    width: 100%;
    background: #f5f5f5 url("../../ul2common/images/icon-search.png") 100% 50% no-repeat;
    background-size: contain;
    border: 1px solid #ddd;
    outline: none;
    padding: 2px 5px;
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif
}

    input.filter-input.selected {
        background-image: none
    }

.facet input.filter-input {
    background-color: #fff
}

input.filter-input:active, input.filter-input:focus {
    background-color: #ffe
}

ul.filter-results {
    background: #fff;
    list-style: none;
    border: 1px solid #ddd;
    border-top: 0;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow: auto;
    position: relative;
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif
}

    ul.filter-results li {
        padding: 2px 5px !important;
        margin: 0 !important;
        border: none !important;
        width: 100% !important
    }

        ul.filter-results li.active, ul.filter-results li:hover {
            background-color: #ffc;
            color: #000
        }

    ul.filter-results:empty {
        display: none
    }

.toggles {
    margin-bottom: 1.375rem
}

.toggle-trigger {
    font-size: 1rem;
    line-height: 1.375;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    display: block;
    padding: .34375rem 10px;
    margin: .34375rem 0 0 0;
    text-decoration: none;
    border: 1px solid #eee;
    background: #f5f5f5;
    color: #001158;
    clear: both
}

    .toggle-trigger small {
        font-size: .9375rem;
        line-height: 1.4666666667;
        font-family: vestula,arial,sans-serif;
        font-weight: normal;
        color: #666;
        margin-left: 10px
    }

    .toggle-trigger:before {
        content: "\e812";
        font-family: fontello;
        float: right
    }

    .toggle-trigger:hover, .toggle-trigger:active, .toggle-trigger:focus {
        background-color: #7f88ab;
        border-color: #7f88ab;
        color: #fff;
        text-decoration: none
    }

        .toggle-trigger:hover small, .toggle-trigger:active small, .toggle-trigger:focus small {
            color: #fff
        }

    .toggle-trigger.active {
        border-color: #001158;
        background: #001158;
        color: #fff
    }

        .toggle-trigger.active small {
            color: #fff
        }

        .toggle-trigger.active:before {
            content: "\e810";
            font-family: fontello
        }

    .toggle-trigger.is-child {
        margin-left: 10px;
        border-left-width: 5px;
        background: #fff;
        color: #404d82
    }

        .toggle-trigger.is-child.active {
            color: #001158
        }

        .toggle-trigger.is-child small {
            color: #666
        }

        .toggle-trigger.is-child.is-grandchild {
            margin-left: 25px
        }

    .toggle-trigger + section.toggle {
        margin: 1.375rem 0
    }

section.toggle.is-child {
    margin-left: 15px
}

    section.toggle.is-child.decentral, section.toggle.is-child.is-grandchild {
        margin-left: 30px
    }

section.toggle > :last-child {
    margin-bottom: 0
}

.top-nav {
    font-size: .6875rem;
    line-height: 1.4545454545;
    font-family: vestula,arial,sans-serif;
    background: #f5f5f5
}

    .top-nav ul {
        display: flex;
        padding: 10px 5px;
        overflow: auto
    }

    .top-nav li {
        display: inline-block;
        white-space: nowrap;
        padding: 0 5px
    }

        .top-nav li:not(:last-child) {
            border-right: 1px solid #ccc
        }

    .top-nav a {
        display: block
    }

        .top-nav a:link, .top-nav a:visited {
            color: #666;
            text-decoration: none
        }

        .top-nav a:hover, .top-nav a:active {
            color: #001158
        }

        .top-nav a.active {
            color: #001158;
            border-bottom: 4px solid #001158;
            font-weight: bold;
            padding-bottom: 6px;
            margin-bottom: -10px
        }

@media only screen and (min-width: 769px) {
    .top-nav {
        font-size: .8125rem;
        line-height: 1.2307692308
    }

        .top-nav ul {
            padding-left: 0;
            padding-right: 0
        }

        .top-nav li {
            padding: 0 10px
        }

            .top-nav li:first-child {
                padding-left: 0
            }
}

.tree {
    font-size: .9375rem;
    line-height: 1.4666666667;
    font-family: vestula,arial,sans-serif;
    list-style: none;
    padding-left: 0;
    border-left: 1px solid #ddd;
    margin-left: 9px
}

    .tree > li {
        padding-left: 25px;
        margin: 0 0 .6875rem -9px
    }

        .tree > li:before {
            content: "\e818";
            font-family: fontello;
            font-size: 1rem;
            line-height: 1;
            color: #999;
            float: left;
            background: #fff;
            margin-left: -25px;
            margin-top: 2px
        }

        .tree > li.active:before {
            color: #b27f2b
        }

        .tree > li ul {
            font-size: .8125rem;
            line-height: 1.6923076923;
            padding-left: 1.5rem;
            margin-top: .6875rem
        }

            .tree > li ul li.active {
                font-weight: bold
            }

    .tree a {
        color: #666;
        text-decoration: none
    }

        .tree a:hover, .tree a:active, .tree a:focus {
            color: #b27f2b
        }

article h2 + .tree {
    margin-top: .6875rem
}

.apply-date {
    color: #fff;
    background: #7f7e6a;
    font-size: 12px;
    font-weight: normal;
    padding: 6px;
    margin-left: 6px
}

.embed-media {
    height: 0;
    margin-bottom: 1.375rem;
    position: relative;
    clear: both;
    width: 100%;
    padding-bottom: 56.25%
}

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

.video {
    text-align: left
}

    body:not(.js) .video, .video .message {
        background: #ddd;
        padding: 20px
    }

        body:not(.js) .video p:before, .video .message p:before {
            content: "\e80a";
            font-family: fontello;
            color: #fff;
            margin-right: 3px;
            display: inline-block;
            transform: translateY(-1px)
        }

@media only screen and (min-width: 436px) {
    body:not(.js) .video p:before, .video .message p:before {
        font-size: 2rem;
        line-height: 1;
        display: block;
        margin-bottom: 20px;
        transform: none
    }
}

body:not(.js) .video a.source, .video .message a.source {
    display: inline-block;
    margin-bottom: 1.375rem
}

body:not(.js) .video form, .video .message form {
    margin: 0
}

.zoom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 500;
    text-align: center
}

    .zoom-overlay figure {
        display: inline-block;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

        .zoom-overlay figure img {
            max-width: 100vw;
            max-height: 100vh
        }

        .zoom-overlay figure figcaption {
            font-size: .875rem;
            line-height: 1.5714285714;
            font-family: vestula,arial,sans-serif;
            background: rgba(0,0,0,0.8);
            color: #fff;
            padding: .6875rem 10px
        }

            .zoom-overlay figure figcaption:empty {
                display: none
            }

    .zoom-overlay .close:before {
        content: "\e84d";
        font-family: fontello
    }

    .zoom-overlay .prev {
        left: 10px;
        right: auto;
        top: 50%;
        transform: translateY(-50%)
    }

        .zoom-overlay .prev:before {
            content: "\e80d";
            font-family: fontello;
            display: inline-block;
            transform: translateX(-1px)
        }

    .zoom-overlay .next {
        top: 50%;
        transform: translateY(-50%)
    }

        .zoom-overlay .next:before {
            content: "\e80e";
            font-family: fontello;
            display: inline-block;
            transform: translateX(1px)
        }

    .zoom-overlay.first .prev, .zoom-overlay.last .next {
        display: none
    }

.zoom {
    position: relative
}

    .zoom .open:before {
        content: "\e801";
        font-family: fontello
    }

.article-form fieldset > div {
    clear: both;
    border-top: 1px dotted #eee;
    padding: .6875rem 0;
    float: left;
    width: 100%;
    position: relative
}

    .article-form fieldset > div > label, .article-form fieldset > div > .label {
        font-size: 1rem;
        line-height: 1.375;
        font-family: vestula,arial,sans-serif;
        float: left;
        width: 25%;
        padding: 6px 0 0
    }

@media only screen and (max-width: 768px) {
    .article-form fieldset > div > label, .article-form fieldset > div > .label {
        float: none;
        width: auto;
        display: block;
        padding: 0 0 6px
    }
}

.article-form fieldset > div > label em, .article-form fieldset > div > .label em {
    font-style: normal;
    color: #999;
    margin-left: 5px
}

.article-form label, .article-form button {
    cursor: pointer
}

.article-form input[type="text"], .article-form input[type="email"], .article-form input[type="url"], .article-form input[type="date"], .article-form input[type="time"], .article-form input[type="number"], .article-form input[type="password"], .article-form input[type="search"], .article-form textarea, .article-form select {
    display: inline-block;
    width: 70%;
    background-color: #f5f5f5;
    border: 2px solid #c8c8c8;
    border-radius: 3px;
    padding: 5px;
    outline: none;
    margin: 0
}

@media only screen and (max-width: 768px) {
    .article-form input[type="text"], .article-form input[type="email"], .article-form input[type="url"], .article-form input[type="date"], .article-form input[type="time"], .article-form input[type="number"], .article-form input[type="password"], .article-form input[type="search"], .article-form textarea, .article-form select {
        width: 100%
    }
}

.article-form input[type="text"].small, .article-form input[type="email"].small, .article-form input[type="url"].small, .article-form input[type="date"].small, .article-form input[type="time"].small, .article-form input[type="number"].small, .article-form input[type="password"].small, .article-form input[type="search"].small, .article-form textarea.small, .article-form select.small {
    width: 250px
}

.article-form input[type="text"]:focus, .article-form input[type="text"]:active, .article-form input[type="email"]:focus, .article-form input[type="email"]:active, .article-form input[type="url"]:focus, .article-form input[type="url"]:active, .article-form input[type="date"]:focus, .article-form input[type="date"]:active, .article-form input[type="time"]:focus, .article-form input[type="time"]:active, .article-form input[type="number"]:focus, .article-form input[type="number"]:active, .article-form input[type="password"]:focus, .article-form input[type="password"]:active, .article-form input[type="search"]:focus, .article-form input[type="search"]:active, .article-form textarea:focus, .article-form textarea:active, .article-form select:focus, .article-form select:active {
    background: #f1f4ff;
    border-color: #7f88ab;
    color: #000
}

.article-form textarea {
    height: 6.875rem
}

.article-form select {
    margin-top: 2px
}

.article-form .invalid label, .article-form .invalid .label {
    color: #933
}

.article-form .invalid input, .article-form .invalid textarea, .article-form .invalid select {
    border-color: #c99;
    background: #fff8f8
}

.article-form .fields label {
    display: inline-block;
    padding: 6px 0
}

.article-form .fields input {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.article-form .hint {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    display: block;
    margin: 5px 0 0 25%
}

.js .article-form .hint {
    overflow: hidden;
    position: absolute;
    top: .6875rem;
    right: 0;
    margin: 0 -10px 0 0;
    padding: 6px 10px;
    width: 2rem;
    height: 1.75rem;
    cursor: default
}

@media only screen and (max-width: 768px) {
    .js .article-form .hint {
        margin-right: 0;
        margin-top: -6px
    }
}

.js .article-form .hint:before {
    content: "\e806";
    font-family: fontello;
    float: right
}

.js .article-form .hint:hover, .js .article-form .hint.active {
    z-index: 10;
    width: 200px;
    height: auto;
    background: #666;
    color: #fff;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
}

.article-form .datepicker-trigger {
    background: #fff;
    border: none;
    margin-left: 5px;
    outline: none
}

    .article-form .datepicker-trigger:before {
        content: "\e844";
        font-family: fontello;
        color: #999
    }

    .article-form .datepicker-trigger:hover:before, .article-form .datepicker-trigger:focus:before, .article-form .datepicker-trigger:active:before {
        color: #404d82
    }

@media only screen and (min-width: 769px) {
    .article-form .g-recaptcha > div {
        margin-left: 25%
    }

    .article-form button[type="submit"] {
        margin-left: 25%
    }
}

.form-feedback {
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 1.375rem;
    margin-bottom: 1.375rem
}

    .form-feedback ul {
        list-style: none;
        padding-left: 0 !important
    }

    .form-feedback.alert {
        color: #933;
        border-color: #c99;
        background: #fff8f8
    }

        .form-feedback.alert li:before {
            content: "\e80a";
            font-family: fontello;
            display: inline-block;
            margin-right: 5px
        }

    .form-feedback > :last-child {
        margin-bottom: 0
    }

.box.lift-out .box-content {
    font-size: 1rem;
    line-height: 1.375;
    background: #7f88ab;
    color: #fff;
    padding: 30px
}

    .box.lift-out .box-content p.more {
        border-top: none;
        padding: 15px 30px;
        margin: 0 -30px -30px;
        background: #626c95;
        text-align: left
    }

        .box.lift-out .box-content p.more a {
            font-size: 1rem;
            line-height: 1.375;
            color: #bfc3d5
        }

            .box.lift-out .box-content p.more a:hover, .box.lift-out .box-content p.more a:active, .box.lift-out .box-content p.more a:focus {
                color: #fff
            }

.box.lift-out-alt {
    box-shadow: 0 0 5px 1px rgba(120,110,100,0.3);
    background: #fff
}

    .box.lift-out-alt .box-content {
        padding: 20px
    }

        .box.lift-out-alt .box-content p {
            margin-bottom: .6875rem
        }

        .box.lift-out-alt .box-content ul > li > a {
            padding-left: 20px;
            padding-right: 20px;
            margin-left: -20px;
            margin-right: -20px;
            display: flex;
            align-items: center
        }

            .box.lift-out-alt .box-content ul > li > a img {
                border-radius: 50%;
                vertical-align: middle;
                margin-right: 10px;
                min-width: 50px
            }

            .box.lift-out-alt .box-content ul > li > a strong {
                display: inline-block;
                vertical-align: middle
            }

.carousel ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

@media only screen and (min-width: 436px) and (max-width: 768px) {
    .carousel li {
        float: left;
        width: 48.25%
    }

        .carousel li:nth-child(odd) {
            margin-right: 3.5%;
            clear: left
        }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .carousel li {
        float: left;
        width: 31%;
        margin-left: 3.5%
    }

        .carousel li:nth-child(3n+1) {
            margin-left: 0;
            clear: left
        }
}

@media only screen and (min-width: 1025px) {
    .carousel li {
        float: left;
        width: 22.375%;
        margin-left: 3.5%
    }

        .carousel li:nth-child(4n+1) {
            margin-left: 0;
            clear: left
        }
}

.carousel li figure {
    display: block;
    width: 100%
}

    .carousel li figure img {
        display: block;
        width: 100%
    }

.carousel li figcaption {
    font-family: vestula,arial,sans-serif;
    padding: 10px 0
}

    .carousel li figcaption strong {
        font-size: 1.125rem;
        line-height: 1.2222222222;
        color: #001158;
        display: block
    }

    .carousel li figcaption span {
        font-size: 1rem;
        line-height: 1.375;
        display: block
    }

    .carousel li figcaption small {
        font-size: .875rem;
        line-height: 1.5714285714;
        display: block;
        margin-top: .6875rem
    }

.js .carousel ul {
    overflow: visible;
    margin: 7.5% 0
}

.js .carousel li {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    float: none;
    clear: none;
    position: relative;
    width: 20%;
    min-height: 1px;
    margin: 0;
    opacity: 0;
    transition: all 0.5s
}

    .js .carousel li:not(:empty) {
        box-shadow: 0 0 10px rgba(0,0,0,0.25)
    }

    .js .carousel li figure {
        margin: 0
    }

    .js .carousel li figcaption {
        display: none
    }

    .js .carousel li.active {
        opacity: 1;
        z-index: 5;
        transform: scale(1.5)
    }

    .js .carousel li.pos1 {
        z-index: 4;
        opacity: 0.75;
        transform: scale(1.25)
    }

    .js .carousel li.pos2 {
        z-index: 3;
        opacity: 0.5
    }

    .js .carousel li.hidden {
        width: 0;
        overflow: hidden
    }

@media only screen and (max-width: 435px) {
    .js .carousel li {
        width: 33.3333%
    }

        .js .carousel li.active {
            transform: scale(1.25)
        }

        .js .carousel li.pos1 {
            transform: scale(0.9)
        }

        .js .carousel li.pos2 {
            width: 0;
            overflow: hidden
        }
}

.js .carousel .carousel-controls {
    text-align: center
}

    .js .carousel .carousel-controls span {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        color: #999;
        display: inline-block;
        margin: 0 20px
    }

    .js .carousel .carousel-controls button {
        border: none;
        background: none
    }

        .js .carousel .carousel-controls button.prev:before {
            content: "\e817";
            font-family: fontello
        }

        .js .carousel .carousel-controls button.next:before {
            content: "\e818";
            font-family: fontello
        }

        .js .carousel .carousel-controls button:active, .js .carousel .carousel-controls button:focus {
            outline: none;
            color: #001158
        }

    .js .carousel .carousel-controls.first button.prev, .js .carousel .carousel-controls.last button.next {
        visibility: hidden
    }

.js .carousel .carousel-caption {
    margin: 0 auto;
    width: 30%;
    text-align: left;
    clear: both
}

    .js .carousel .carousel-caption strong {
        font-size: 1.25rem;
        line-height: 1.375;
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        color: #001158;
        display: block
    }

    .js .carousel .carousel-caption .meta {
        font-size: 1.125rem;
        line-height: 1.2222222222;
        font-family: vestula,arial,sans-serif;
        display: block
    }

    .js .carousel .carousel-caption small {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        display: block;
        margin-top: 1.375rem
    }

@media only screen and (max-width: 768px) {
    .js .carousel .carousel-caption {
        width: 50%
    }
}

@media only screen and (max-width: 435px) {
    .js .carousel .carousel-caption {
        width: 100%
    }
}

#content.dossier article section {
    margin-bottom: 1.375rem
}

    #content.dossier article section .section-title {
        font-size: 1.75rem;
        line-height: 1.5714285714
    }

    #content.dossier article section:after {
        content: '';
        display: table;
        clear: both
    }

@media only screen and (min-width: 769px) {
    #content.dossier article section + section {
        margin-top: 6.875rem
    }

    #content.dossier article section.alt {
        margin-left: 12.5%;
        margin-right: 12.5%
    }

    #content.dossier article section:not(.alt) .section-title {
        margin-left: 12.5%
    }
}

#content.dossier article section.hr {
    background: #f5f5f5;
    padding: 1.375rem 0
}

@media only screen and (min-width: 769px) {
    #content.dossier .main-content .intro-text {
        float: left;
        width: 48.25%
    }

    #content.dossier .main-content .aside {
        float: right;
        width: 48.25%;
        position: relative;
        z-index: 2;
        margin-top: 10px
    }
}

@media only screen and (min-width: 1025px) {
    #content.dossier .main-content .intro-text {
        width: 65.5%
    }

    #content.dossier .main-content .aside {
        float: right;
        width: 31%;
        margin: -60px 0 0 0
    }
}

#content.dossier .main-content .body-text {
    clear: both
}

@media only screen and (min-width: 769px) {
    #content.dossier .main-content .body-text {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media only screen and (min-width: 1025px) {
    #content.dossier .main-content .body-text {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media only screen and (min-width: 1025px) {
    #content.dossier .themes .overview-list h2 {
        border: none
    }

    #content.dossier .themes .overview-list li {
        float: left;
        width: calc(50% - 20px);
        border: none
    }

        #content.dossier .themes .overview-list li:nth-child(odd) {
            margin-right: 40px;
            clear: left
        }

        #content.dossier .themes .overview-list li:nth-child(n+3) {
            border-top: 1px dotted #ccc
        }
}

#content.dossier .themes .overview-list strong {
    color: #001158;
    margin-bottom: .34375rem
}

#content.dossier .themes .overview-list img {
    border-radius: 10px;
    width: 75px
}

    #content.dossier .themes .overview-list img + div {
        margin-left: 95px
    }

#content.dossier .map {
    border: 1px solid #eee
}

    #content.dossier .map .map-canvas {
        margin-bottom: 0
    }

    #content.dossier .map .gm-style-iw strong {
        font-size: 1rem;
        line-height: 1.375
    }

    #content.dossier .map .gm-style-iw p {
        font-size: .875rem;
        line-height: 1.5714285714;
        margin: 0
    }

#content.dossier footer {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    background: #eee;
    overflow: hidden;
    margin-bottom: -20px;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem
}

    #content.dossier footer section {
        padding: 0;
        margin-top: 0
    }

        #content.dossier footer section h2 {
            color: #001158
        }

        #content.dossier footer section:last-child > :last-child {
            margin-bottom: 0
        }

@media only screen and (min-width: 436px) and (max-width: 768px) {
    #content.dossier footer section {
        width: 45%;
        margin-right: 5%
    }

        #content.dossier footer section:nth-child(2n+2) {
            margin-right: 0
        }

        #content.dossier footer section:nth-child(2n+3) {
            clear: left
        }

        #content.dossier footer section:nth-last-child(-n+2) > :last-child {
            margin-bottom: 0
        }
}

@media only screen and (min-width: 769px) {
    #content.dossier footer section {
        width: 31%;
        margin-right: 3.5%
    }

        #content.dossier footer section:nth-child(3n+3) {
            margin-right: 0
        }

        #content.dossier footer section:nth-child(3n+4) {
            clear: left
        }

        #content.dossier footer section:nth-last-child(-n+3) > :last-child {
            margin-bottom: 0
        }
}

@media only screen and (min-width: 1025px) {
    #content.dossiers .intro {
        max-width: 67.5%
    }
}

#content.dossiers .dossier-group {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-bottom: 1.375rem;
    padding-bottom: .6875rem
}

    #content.dossiers .dossier-group h2 {
        color: #b27f2b;
        font-weight: normal;
        margin-bottom: 1.375rem
    }

@media only screen and (min-width: 1025px) {
    #content.dossiers .dossier-group .dossier-explanation {
        float: left;
        width: 33.333%;
        margin-right: 40px
    }

    #content.dossiers .dossier-group .table-list li {
        width: 48.25%;
        margin-right: 0;
        clear: none
    }

        #content.dossiers .dossier-group .table-list li:nth-child(odd) {
            margin-right: 3.5%;
            clear: left
        }

        #content.dossiers .dossier-group .table-list li:nth-child(-n+2) a {
            border-top: 0
        }
}

.home-hero {
    background: #7f88ab none 50% 50% no-repeat;
    background-size: cover;
    width: 100%
}

    .home-hero img {
        display: block;
        margin: 0;
        width: 100%
    }

    .home-hero .lead-story {
        background: #f5f5f5;
        margin: 0;
        padding: 20px
    }

        .home-hero .lead-story > * {
            display: none
        }

        .home-hero .lead-story h1 {
            font-size: 1.25rem;
            line-height: 1.375;
            font-family: vestula,arial,sans-serif;
            font-weight: bold;
            display: block;
            margin: 0;
            color: #333
        }

            .home-hero .lead-story h1:after {
                content: "\e812";
                font-family: fontello;
                font-size: 1rem;
                line-height: 1.71875;
                margin-left: .5rem
            }

            .home-hero .lead-story h1 p {
                display: inline
            }

        .home-hero .lead-story :last-child {
            margin-bottom: 0
        }

@media only screen and (min-width: 436px) {
    .home-hero .lead-story .context {
        font-size: 1rem;
        line-height: 1.71875;
        font-family: vestula,arial,sans-serif;
        color: #b27f2b;
        margin: 0 0 .6875rem;
        display: block
    }

    .home-hero .lead-story h1 {
        font-size: 1.5rem;
        line-height: 1.1458333333
    }

        .home-hero .lead-story h1:after {
            display: none
        }

    .home-hero .lead-story .read-more {
        display: block
    }

        .home-hero .lead-story .read-more .call-btn {
            font-size: .875rem;
            line-height: 1.5714285714;
            padding: 2px 15px
        }
}

@media only screen and (min-width: 769px) {
    .home-hero img {
        display: none
    }

    .home-hero .wrapper {
        padding: 0 30px;
        min-height: 400px
    }

    .home-hero .lead-story {
        box-shadow: none;
        background-color: rgba(255,255,255,0.9);
        position: relative;
        overflow: visible;
        background: rgba(255,255,255,0.9);
        padding-left: 10px;
        text-align: left;
        display: inline-block;
        width: calc(31% - 10px);
        margin-top: 5%;
        margin-bottom: calc(5% + 40px)
    }

        .home-hero .lead-story:before, .home-hero .lead-story:after {
            content: '';
            position: absolute
        }

        .home-hero .lead-story:before {
            top: 0;
            left: -10px;
            border-top: 20px solid rgba(255,255,255,0.9);
            border-right: 10px solid rgba(255,255,255,0.9);
            border-bottom: 10px solid transparent
        }

        .home-hero .lead-story:after {
            top: 30px;
            left: -10px;
            bottom: 0;
            border-top: 10px solid transparent;
            border-right: 10px solid rgba(255,255,255,0.9);
            border-bottom: 10px solid rgba(255,255,255,0.9)
        }

        .home-hero .lead-story h1 {
            margin-bottom: 1.375rem
        }

        .home-hero .lead-story > p {
            font-size: .875rem;
            line-height: 1.4285714286;
            font-family: georgia,serif;
            display: block;
            color: #333;
            margin: 0 0 1.375rem
        }

    .home-hero.left {
        text-align: left
    }

        .home-hero.left .lead-story {
            margin-left: 10px
        }

    .home-hero.center {
        text-align: center
    }

        .home-hero.center .lead-story {
            position: relative;
            left: 5px
        }

    .home-hero.right {
        text-align: right
    }

        .home-hero.right .lead-story {
            margin-right: 0
        }

    .home-hero.inverted .lead-story {
        box-shadow: none;
        background-color: rgba(0,17,88,0.8);
        position: relative;
        overflow: visible;
        background-color: rgba(0,17,88,0.8);
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
        margin-top: 5%
    }

        .home-hero.inverted .lead-story:before, .home-hero.inverted .lead-story:after {
            content: '';
            position: absolute
        }

        .home-hero.inverted .lead-story:before {
            top: 0;
            left: -10px;
            border-top: 20px solid rgba(0,17,88,0.8);
            border-right: 10px solid rgba(0,17,88,0.8);
            border-bottom: 10px solid transparent
        }

        .home-hero.inverted .lead-story:after {
            top: 30px;
            left: -10px;
            bottom: 0;
            border-top: 10px solid transparent;
            border-right: 10px solid rgba(0,17,88,0.8);
            border-bottom: 10px solid rgba(0,17,88,0.8)
        }

        .home-hero.inverted .lead-story .context {
            color: #c59f60
        }

        .home-hero.inverted .lead-story h1 {
            color: #fff
        }

        .home-hero.inverted .lead-story > p {
            color: #ccc
        }

        .home-hero.inverted .lead-story .call-btn {
            background-color: #7f88ab
        }

            .home-hero.inverted .lead-story .call-btn:hover, .home-hero.inverted .lead-story .call-btn:active, .home-hero.inverted .lead-story .call-btn:focus {
                background-color: #9ea5bf
            }
}

@media only screen and (min-width: 1025px) {
    .home-hero .wrapper {
        padding: 0 40px;
        min-height: 600px
    }

    .home-hero .lead-story {
        margin-top: 7.5% !important;
        margin-bottom: calc(7.5% + 40px)
    }

        .home-hero .lead-story .context {
            font-size: 1.3125rem;
            line-height: 1.3095238095;
            margin: 0 0 1.375rem
        }

        .home-hero .lead-story h1 {
            font-size: 2rem;
            line-height: 1.03125
        }

        .home-hero .lead-story > p {
            font-size: 1rem;
            line-height: 1.375
        }

        .home-hero .lead-story .read-more .call-btn {
            font-size: 1rem;
            line-height: 1.375;
            padding: 5px 30px
        }
}

.home-hero .video {
    margin: 20px;
    min-height: auto !important
}

@media only screen and (min-width: 769px) {
    .home-hero .video {
        display: inline-block;
        width: 65.5%;
        margin: 5% 0 calc(5% + 30px) 2.5%;
        vertical-align: top
    }
}

@media only screen and (min-width: 1025px) {
    .home-hero .video {
        margin: 7.5% 0 calc(7.5% + 30px) 3%
    }
}

.home-hero[data-video] {
    position: relative;
    overflow: hidden
}

    .home-hero[data-video] video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover
    }

@media only screen and (max-width: 768px) {
    .home-hero[data-video] video {
        display: none
    }
}

.home #content {
    padding: 40px 20px
}

@media only screen and (min-width: 769px) {
    .home #content {
        margin-top: -40px;
        padding: 30px
    }

        .home #content .primary {
            float: right;
            width: 31%
        }

        .home #content .secondary {
            float: left;
            width: 65.5%
        }

            .home #content .secondary .box-row.fifty-fifty .box {
                width: 47.32824427480916%
            }

                .home #content .secondary .box-row.fifty-fifty .box:nth-child(2n+1) {
                    margin-right: 5.343511450381679%
                }
}

@media only screen and (min-width: 1025px) {
    .home #content {
        padding: 40px
    }
}

.primary {
    background-color: rgba(223,223,218,0.7);
    border-top: 5px solid #bfbeb4;
    padding: 20px 20px 0;
    position: relative
}

    .primary section {
        font-family: vestula,arial,sans-serif;
        margin: 0 0 2.75rem
    }

        .primary section h2 {
            font-size: 1.6875rem;
            line-height: .8148148148;
            font-family: vestula,arial,sans-serif;
            font-weight: bold;
            margin: 0 0 1.375rem;
            color: #001158
        }

        .primary section a {
            color: #b27f2b;
            text-decoration: none
        }

            .primary section a:hover, .primary section a:active, .primary section a:focus {
                text-decoration: underline
            }

        .primary section ul, .primary section p {
            margin: 0 0 1.375rem
        }

        .primary section ul {
            padding-left: 20px
        }

    .primary > img:last-child {
        position: absolute;
        bottom: 0;
        right: 0
    }

@media only screen and (max-width: 1024px) {
    .primary > img:last-child {
        display: none
    }
}

.primary .box {
    margin-bottom: 1.375rem
}

    .primary .box .box-header.alt h2 {
        border: none;
        margin: 0;
        padding: 0
    }

    .primary .box.events a .event-date.one-day, .primary .box.events a .event-date time {
        background: #001158
    }

        .primary .box.events a .event-date time + time {
            background: #404d82
        }

.pub-controls {
    text-align: center;
    float: right;
    margin-top: -1.375rem
}

    .pub-controls span {
        font-size: .875rem;
        line-height: 1.5714285714;
        font-family: vestula,arial,sans-serif;
        font-weight: bold;
        display: block;
        color: #999
    }

.pub-lists .pub-anchors {
    font-size: .75rem;
    line-height: 1.8333333333;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    list-style: none;
    padding: 5px 0;
    margin-left: -5px
}

    .pub-lists .pub-anchors li {
        padding: 0 5px;
        display: inline-block;
        border-right: 1px solid #ddd
    }

        .pub-lists .pub-anchors li:last-child {
            border: none
        }

.pub-lists .pub-items {
    font-size: .875rem;
    line-height: 1.5714285714;
    font-family: vestula,arial,sans-serif;
    list-style: none;
    padding: 0
}

    .pub-lists .pub-items li {
        color: #333;
        padding: .6875rem 0;
        border-top: 1px dotted #ccc
    }

        .pub-lists .pub-items li:first-child {
            border-top: none
        }

    .pub-lists .pub-items .meta {
        color: #aaa;
        display: block
    }

    .pub-lists .pub-items + .top {
        font-size: .75rem;
        line-height: 1.8333333333;
        font-family: vestula,arial,sans-serif;
        display: table;
        margin-top: -1.375rem;
        margin-bottom: 2.75rem
    }

.special-banner {
    font-size: 1rem;
    line-height: 2.5;
    font-family: vestula,arial,sans-serif;
    position: absolute;
    width: 225px;
    height: 225px;
    right: 0;
    overflow: hidden;
    margin-top: -40px;
    z-index: 3
}

    .special-banner a {
        display: block;
        text-decoration: none;
        padding: 5px 0;
        color: #001158;
        background: rgba(255,255,255,0.9);
        text-align: center;
        white-space: nowrap;
        width: 141.421356237%;
        margin: 0 0 0 -20.7106781185%;
        -ms-transform: rotate(45deg) translate(20%, 60%);
        transform: rotate(45deg) translate(20%, 60%);
        box-shadow: 0 0 10px rgba(0,0,0,0.3)
    }

        .special-banner a:hover, .special-banner a:active, .special-banner a:focus {
            background: #fff
        }

        .special-banner a img {
            display: inline-block;
            max-height: 2.5rem;
            margin-right: 5px;
            vertical-align: middle
        }

        .special-banner a span {
            display: inline-block;
            vertical-align: middle
        }

@media only screen and (max-width: 1024px) {
    .special-banner {
        margin-top: 0
    }
}

@media only screen and (max-width: 768px) {
    .special-banner {
        margin-top: -33px
    }
}

@media only screen and (max-width: 435px) {
    .special-banner {
        font-size: .875rem;
        line-height: 1.5714285714;
        width: 150px;
        height: 150px
    }

        .special-banner a {
            -ms-transform: rotate(45deg) translate(18%, 47%);
            transform: rotate(45deg) translate(18%, 47%)
        }

            .special-banner a img {
                max-height: 1.875rem
            }
}

.main-nav li a {
    position: relative;
    z-index: 4
}

    .main-nav li a:hover {
        background: rgba(255,255,255,0.5)
    }

.home-hero .lead-story {
    position: relative
}
/*# sourceMappingURL=screen.css.map */